*{margin: 0;padding: 0;box-sizing: border-box;}
img{display: block;width: 100%;border:none;}
ul{list-style: none;}
a{display: inline-block;text-decoration: none;color: inherit;}
.width12{width: 1200px; margin: 10px auto auto;}
.clearfix:after{/*伪元素是行内元素 正常浏览器清除浮动方法*/
	content: "";
	display: block;
	height: 0;
	clear:both;
	visibility: hidden;
}
.clearfix{
	*zoom: 1;/*ie6清除浮动的方式 *号只有IE6-IE7执行，其他浏览器不执行*/
}
/* swiper */

/* 头部 */
.header{position: fixed;top: 0;left: 0;width: 100%;z-index: 999;}
.pc-header{display: flex;color: white;justify-content: space-between;align-items: center;height: 100px;background: inherit;}
.pc-header .logo{height:75px;float: left;}
.pc-header .logo a{height: 100%;}
.nav-list{display: flex;height: 100%;background: inherit; }
.pc-header .nav-list{float: right;align-items: center;}

.logo{padding: 12px 0;}
.logo img{height: 100%;width: auto;border: none;}
.nav-list li a{height: 100%;padding: 0 12.5px;display: -webkit-box;align-items: center;box-sizing: border-box;position: relative;line-height: 40px;}
.nav-on{color: #1196db;font-size: 18px;}
.nav-list li a:hover{color: #1196db;}
.nav-list li{background: inherit;}
.pc-header .nav-list>li{float: left;}
.nav-list li ul{background: rgb(0, 34, 97);display: none;position: absolute;min-height: 350px;opacity: 0;transition: opacity 0.5s;padding-top: 30px;}
.nav-list li ul li{height: 40px; background: inherit;}
.nav-list li ul li a{width: 100%;}
.nav-list>li:nth-child(3)>ul>li:hover>a::after{content: '';width: 3px;height: 60%;background: #1196DB;position: absolute;right: 0%;top: 20%;}

.nav-list>li:nth-child(4)>ul>li:hover>a::after{content: '';width: 3px;height: 60%;background: #1196DB;position: absolute;right: 0%;top: 20%;}

.nav-list li ul li ul{position: absolute;left: 100%;top: 0;display: none;background: inherit;opacity: 1;transition: opacity 0s;}
.nav-list li ul li ul{border-left: 1px solid rgba(255,255,255,0.3);}
.nav-list li ul li ul{min-width: 350px;}
.nav-list li ul li ul li{background: inherit;white-space: nowrap;padding-bottom: 5px;}
/* .nav-list li ul li:hover ul{display: block;} */
.nav-list>li:nth-child(2)>ul{min-height: auto;padding-bottom: 60px;}
.nav-list>li:nth-child(5)>ul{min-height: auto;padding-bottom: 60px;}
.nav-list>li:nth-child(6)>ul{min-height: auto;padding-bottom: 60px;}

.header-phone{display: flex;padding-left: 25px;align-items: center;line-height: 65px;}
.phone-header{display: none;justify-content: space-between;padding:0 5px 0 10px;height: 45px;}
.header-phone a{margin: 0;height: 100%;}
.phone-header .logo a{height: 100%;}
.phone-header .logo img{height: 100%;width: auto;}
.phone-header .logo{margin-left: 7px;width: 50%;}
.phone-nav{width: 45px;height: 45px;position: relative;transform: scale(0.7);}
.phone-nav::after{content: '';position: absolute;width: 30px;height: 2px;background-color: black;top: 10px;left: 5px;box-shadow: 0 10px 0 black, 0 20px 0 black;}
.phone-nav-on{position: fixed;top: 0;bottom: 0;right: -100%;width: 100%;background:rgb(0, 34, 97); transition: right 0.5s;overflow: scroll;}
.phone-nav-on .nav-list{display: flex;flex-direction: column;color: rgba(255,255,255,0.8);}
.phone-nav-on .nav-list>li{padding:10px 0;border-bottom: 1px solid rgba(255,255,255,0.3);}
.phone-nav-on .header-phone{padding:10px 25px;}
.phone-nav-no{width: 45px;height: 45px;position: relative;}
.phone-nav-no::after{content: '';position: absolute;width: 30px;height: 2px;background-color: white;top: 20px;left: 5px;transform: rotateZ(45deg);}
.phone-nav-no::before{content: '';position: absolute;width: 30px;height: 2px;background-color: white;top: 20px;left: 5px;transform: rotateZ(-45deg);}
/* banner */

/* 新闻动态 */
.news{position: relative;margin-top: -110px;width: 100%;height: 110px;background-color: rgba(0, 34, 97,0.5);z-index: 10;display: block;justify-content: center;align-items: center;color: white;}
.news-title{width: 145px;color: #1196DB;display: flex;font-family: cursive;padding-right: 20px;position: absolute;left: -145px;top: 42px;white-space: nowrap;}
.news-title h2{float: left;}
.news-title img{width: 25px;height: 25px;float: left;}
.news-list{height: 100%;display: flex;justify-content: center;
border-right: 1px solid rgba(255,255,255,0.3);position: relative;margin-left: calc(50% - 600px);}

.news-list li{width: 33.3%;padding: 30px 20px;height: 100%; border-left: 1px solid rgba(255,255,255,0.3);display: flex;align-items: center;float: left;}
/* .news-list li:last-child{border-right: 1px solid rgba(255,255,255,0.3);} */
.news-list li a{width: 100%;}
.news-list li h4{width: 100%;overflow : hidden;text-overflow: ellipsis;white-space: nowrap;
/* display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; */
}
.news-list li p{color: #ddd;overflow : hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 14px;margin: 8px 0 0;}
.news-more{width: 145px;color: #1196DB;font-size: 18px;padding-left: 20px;position: absolute;right: -145px;top: 42px;}
.news-more a{border-bottom: 2px solid #1196DB;}

/* 解决方案 */
.solute-titlt{margin: auto;width: auto;text-align: center;padding: 50px 0 15px;margin-bottom: 30px;}
.solute-titlt h1{display: inline;color: #333;padding-bottom: 18px;font-size: 46px;position: relative;font-weight: 500;}
/* .solute-titlt .hrs{height: 5px;border-radius: 3px;background: #999;width: 90%;} */
.solute-titlt h1::after{position: absolute;content: '';bottom: 0;left: 4.3%;width:90%;height: 5px;border-radius: 3px;background: #999;-moz-width:88%; 	/* Firefox */}
.solute-type-list .swiper-slide-thumb-active .solute-type{display: none;}
.solute-type-list .swiper-slide-thumb-active .solute-type-on{display: flex;background: url(../images/127.png) no-repeat;background-size: 50% ;background-position:center 100% ;padding-bottom: 20px; color: #1196DB;}
.solute-type-list .swiper-slide-thumb-active .solute-type-on img{filter:brightness(100%);
-webkit-filter: brightness(100%);
-moz-filter: brightness(100%);
-o-filter: brightness(100%);
-ms-filter: brightness(100%);}
.solute-type{display: flex;flex-direction: column;align-items: center;}
.solute-type-on{display: flex;flex-direction: column;align-items: center;}
.solute-type-on img{filter:brightness(0);
-webkit-filter: brightness(0);
-moz-filter: brightness(0);
-o-filter: brightness(0);
-ms-filter: brightness(0);}
.solute-type img{width: 35%;margin-bottom: 10px;}
.solute-type-on img{width: 35%;margin-bottom: 10px;}
.gallery-info{position: absolute;left: 20%;top: 40%;}
.gallery-more{background-color: #f18870;color: white;height: 40px;
    width: 130px;border-radius: 20px;margin-top: 15px;display: block;align-items: center;line-height: 32px;text-align: center;}
.more-an{margin-left: 10px;display: inline-block;width: 28px;height: 30px;position: relative;overflow: hidden;margin-bottom: -10px;
    margin-top: 5px;
}
.more-an>span{display: inline-block;width: 30px;height: 30px;position: absolute;border: 1px solid white;border-radius: 50%;right: 0;top: 0;}
.more-an>span::before{content: '';position: absolute;border-top: 1px solid white;border-right: 1px solid white; width: 10px;height: 10px;
transform: rotateZ(45deg);
-ms-transform:rotate(45deg); 	/* IE 9 */
-moz-transform:rotate(45deg); 	/* Firefox */
-webkit-transform:rotate(45deg); /* Safari 和 Chrome */
-o-transform:rotate(45deg); 
right: 5px;top: 8px;}
.more-an>span::after{content: '';position: absolute;width: 16px;height: 1px;background: white;right: 5px;top: 13px;}
@keyframes morean{
	from{right: 30px;}
	to{right:-20px}
}
.gallery-more:hover .more-an>span::before{animation:morean 1s ease-in-out 0s infinite;}
.gallery-more:hover .more-an>span::after{animation:morean 1s ease-in-out 0s infinite;}
.solute-type-list{margin-bottom: 7px;}


.solute2{display: none;}
.solute2-nav-tit ul li{width: 25%;float: left;padding-bottom: 5px; }
.solute2-nav-tit ul li div{text-align: center;}
.solute2-nav-tit ul li img{width: 24%;margin:5px 38% 20px;}
.solute2-nav-tit ul li .solute2-type-on{color: #1196DB;display: none;background: url(../images/127.png) no-repeat;background-size:31% ;background-position:center 100% ;padding-bottom: 15px;}
.solute2-nav-tit ul li.on .solute2-type-on{display: block;}
.solute2-nav-tit ul li .solute2-type{display: block;padding-bottom: 15px;}
.solute2-nav-tit ul li.on .solute2-type{display: none;}
.solute2-nav-list{overflow: hidden;background-color: #f0f0f0;}
.solute2-nav-list ul{overflow: hidden;width: 500%;}
.solute2-nav-list ul li{float: left;width: 20%;position: relative;}
.solute2-info{position: absolute;left: 20%;top: 25%;}
.solute2-nav-list ul li img{width: 35%;margin-left: 45%;}



/* 公司 */
.yan{position: relative;display: block;flex-direction: column;align-items: center;padding: 50px 0 60px;text-align: center;margin-bottom: 20px;padding: 120px 0;}
.yan-content{display: inline-table;}
.yan-content img{width: 40px;margin: 0 20px;float: left;}
.yan-author{margin-left: calc(50% - 50px);}
.yan-author img{width: 100px;height: 100px;border-radius: 50%;box-shadow: 0 0 5px rgba(0,0,0,0.3);}
.yan-content .yan-b{float: left;}
.yan-b{font-size: 26px;font-weight: 500;color: #111;}
.yan-name{ margin-top: 20px;}
.yan-name .yan-b{color: #333;}
.yan-name p{color: #888;padding-top: 5px;font-weight: 600;}
.yan::after{content: '';position: absolute;bottom: 30px;width: 500px;height: 3px;background-color: #ccc;left: 30%;display: none;}
.yan::before{content: '';position: absolute;bottom: 27px;width: 9px;height: 9px;border-radius: 50%;background-color: #1196DB;box-shadow: 200px 0 0 #ccc, -200px 0 0 #ccc;z-index: 1;    left: 50%;display: none;}	

/* 数据 */
.gs-data{position: absolute;top: 0;bottom: 0;left: 0;width: 100%;color: white;padding: 6% 0;text-align: center;}
.gs-data h1{font-size: 40px;}
.gs-data h1+p{font-size: 14px;padding: 10px 0;}
.data-list{display: flex;justify-content: space-around;margin-top: 2%;}
.data-list li{width: 20%;display: inline-block;justify-content: center;align-items: center;flex-direction: column;float: left;}
.data-list .img{width: 50px;margin-left: calc(50% - 25px);}
.data-list li p{font-size: 14px;padding: 10px 0;}
.data-list li .num{font-size: 36px;position: relative;}
.data-list li .num::after{content: '+';position: absolute;top: -5%;font-size: 30px;}
.width-all{position: relative;height: 385px;overflow: hidden;}
.width-view{position: relative;height: 385px;display: flex;align-items: center;justify-content: center;}
.width-view img.hao{position: absolute;top: 40%;width: 60%;z-index: 1;left: 20%;}
.bg-img{position: absolute;width: 100%;}
/* .gs-hao .width-view{margin: 0 0 0 0;} */

/* 案例 */
.anli-list{display: flex;flex-wrap: wrap;justify-content: flex-start;}
.anli-list li{width: 30%;margin-bottom: 40px;margin-right: 5%;float: left;}
.anli-list li:nth-child(3n){margin-right: 0;}
.anli-list li .more{width: 150px;height: 45px;color: white;background-color: #082368;text-align: center;line-height: 45px;font-size: 14px;border-radius: 5px}
.anli-info h3{margin: 15px 0 5px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.anli-cont{line-height: 30px;color: #666;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;height: 68px;font-size: 14px;}


/* 服务 */
.index-fuwu-list{display: flex;justify-content: space-between;flex-wrap: wrap;margin-bottom: 0px;}
.index-fuwu-list .fuwu{position: relative;width: 23.5%;height: 0; padding-top: 23.5%;overflow: hidden;margin-bottom: 2%;float: left;margin-right: 2%;}
.index-fuwu-list .fuwu2{position: relative;width: 49%;height: 0;padding-top: 23.5%;overflow: hidden;margin-bottom: 2%;}
.index-fuwu-list .fuwu:nth-child(3n){margin-right: 0;}
.index-fuwu-list .fuwu:nth-child(3),
.index-fuwu-list .fuwu:nth-child(4),
.index-fuwu-list .fuwu:nth-child(9){position: relative;width: 49%;height: 0;padding-top: 23.5%;overflow: hidden;margin-bottom: 2%;}
.index-fuwu-list .fuwu a,.index-fuwu-list .fuwu2 a{position: absolute;top: 0;bottom: 0;left: 0;width: 100%;}
.index-fuwu-list a img{width: 100%;height: 100%;}
.index-fuwu-list .tit{position: absolute;bottom: 0;height: 68px;width: 100%;background: rgba(0,0,0,0.6);line-height: 68px;color: white;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding:0 15px;}

/* 底部 */
.footer{background: #082368;color: white;}
.footer hr{ height: 1px;width: 100%;background-color: rgba(255,255,255,.2);border: none;}
.footer-top{padding: 30px;}
.footer-top h1{font-size: 30px;float: left;line-height: 50px;}
.footer-top .lian{width: 180px;color:#1196DB;background: white;border-radius: 8px;height: 50px;line-height: 50px;text-align: center;float: right;margin-right: 80px;}
.footer-top .yue{width: 180px;color: white;background: #1196DB;border-radius: 8px;height: 50px;line-height: 50px;text-align: center;float: right;margin-right: 80px;}
.footer-navs{padding: 20px 0;display: flex;justify-content: space-between;}
.bottom{text-align: center;padding: 20px 0;}
.footer-nav-list{width: 50%; display: flex;justify-content: space-between;float: left;}
.footer-nav{float: left;width: 25%;}
.footer-nav h3{font-size: 15.5px;}
.footer-nav ul{padding-top: 10px;}
.footer-nav ul li a{font-size: 14px;padding: 12px 0 12px 0;color: #ccc;}
.footer-info{width: 40%;display: flex;justify-content: space-between;float: right;}
.footer-phone{float: left;}
.footer-phone h1{padding: 20px 0 10px;font-size: 26px; font-weight: 100;}
.footer-phone p{padding: 10px 0; color: #ccc;font-size: 15px;}
.footer-phone h3{font-size: 15.5px;}
.footer-top-btn{display: none;}
.footer-ma{float: right;}
.footer-ma img{width: 150px;}
.footer-ma p{padding: 15px 0; color: #ccc;text-align: center;font-size: 14px;}
.bottom{font-size: 14px;}
.bottom-phone-hr{display: none;}

/* 新闻页面 */
.news-nav{height: 50px;border-bottom: 1px solid #ccc;}
.news-type-nav{display: flex;justify-content: space-between;}
.news-type{display: flex;justify-content: space-between;width:calc(100% - 220px);float: left;}
.news-type .tit{font-size: 18px;font-weight: 600;line-height: 48px;float: left;}
.news-type ul{display: flex;justify-content: space-between;align-items: center;padding-right: 20px;float: right;}
.news-type ul li{height: 100%;padding:0 20px;float: left;}
.news-type ul li a{height: 100%;line-height: 48px;}
.type-on a{color: #1196db;}
.xuan-date{border-left: 1px solid #ccc;float: right;}
.xuan-date select{height: 48px; outline: none;border: none;padding: 0 20px;}
.xuan-date select::-ms-expand { display: none!important; }
.xuan-date option{ display: block;height: 48px; outline: none;border: none;padding: 20px 0 !important;}
/*  */
.page-news ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.page-news ul li{width: 48%;border: 1px solid #ccc;height: 540px;margin-top: 4%;float: left;}
.page-news ul li:nth-child(2n){margin-right: 4%;}
.page-news ul li:hover{box-shadow:0 0 7px rgba(0,0,0,0.5);}
.page-news ul li a{width: 100%; height: 100%;position: relative;}
.page-news ul li a .img{height: 60%;overflow: hidden;}
.page-news ul li a .img img{height: 100%;transition:transform 1s ;}
.page-news ul li:hover .img img{transform: scale(1.1);}
.page-news ul li .title{font-size: 30px;overflow: hidden;height: 80px;line-height: 40px;
text-overflow:ellipsis;
-o-text-overflow:ellipsis;
-icab-text-overflow: ellipsis;
-khtml-text-overflow: ellipsis;
-moz-text-overflow: ellipsis;
-webkit-text-overflow: ellipsis;
display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; color: #333;}
.page-news ul li .content{position: absolute;bottom: 0;padding: 15px 30px;z-index: 1;background: white;width: 100%;}
.page-news ul li .content .info{ height: 0;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;transition:height 1s;margin: 20px 0 0;color: #999;font-size: 18px;line-height: 28px;}
.page-news ul li:hover .info{height: 56px;}
.page-news ul li .time{padding: 40px 0 20px;color: #666;}
.page-news ul li:first-child{width: 100%; height: auto;}
.page-news ul li:first-child a{display: flex;}
.page-news ul li:first-child .img{ height: 100%;width: 60%;max-height: 400px;float: left;}
.page-news ul li:first-child .content{position: relative;width: 40%;float: left;}
.page-news ul li:first-child .info{height: auto;overflow: auto;display:block;}

/* 解决方案 */
.jiejue-type-nav{position: relative;width: 100%;background: white;height: 170px;}
.jiejue-type-toggle{width: 100%;background: white;padding:50px 0 50px;}
.jiejue-type-list{display: flex;justify-content: space-between;}
.jiejue-type-list li{float: left;}
.jiejue-type-list li a{display: inline-block;flex-direction: column;justify-content: center;align-items: center;}
.jiejue-type-list li img{width: 50px;filter: brightness(0);
-webkit-filter: brightness(0);
-moz-filter: brightness(0);
-o-filter: brightness(0);
-ms-filter: brightness(0);margin-bottom: 10px;}
.jiejue-type>li{height: auto;background-color: #f0f0f0;display:inline-block;width:100%;}
.jiejue-type>li:nth-child(2n){background-color: white;}
.jiejue-type>li .jiejue-fangan>div{float: left;width: 50%;}
.jiejue-type>li:nth-child(2n) .jiejue-fangan>div{float: right;}
.fangan-right{padding: 15px 0;display: flex;flex-direction: column;align-items: center;}
.fangan-right>img{height: 430px;width: 430px;}
.fangan-right .more{width: 100%;display: flex;justify-content: space-around;padding:30px 90px 0;}
.fangan-right .more a{width: 160px;height: 50px;line-height: 45px;color: #082368;border: 1px solid #082368;background-color: white;border-radius: 7px;text-align: center;font-weight: 600;}
.fangan-right .more a:last-child{float: right;}
.fangan-left{padding: 50px 0;}
.jiejue-type>li:nth-child(2n) .fangan-left{padding: 50px 0 50px 100px;}
.fangan-left h1{color: #082368;}
.fangan-left>p{padding: 20px 0;color: #666;line-height: 30px;}
.fangan-left ul li{color: #666;list-style-type: disc;list-style: inside;line-height: 30px;}
.jiejue-on{color: #1196DB;position: relative;}
.jiejue-type-list .jiejue-on a img.on{filter:brightness(100%);
-webkit-filter: brightness(100%);
-moz-filter: brightness(100%);
-o-filter: brightness(100%);
-ms-filter: brightness(100%);}
.jiejue-type-list li a img.no{display: block;}
.jiejue-type-list li a img.on{display: none;}
.jiejue-type-list .jiejue-on a img.on{display: block;}
.jiejue-type-list .jiejue-on a img.no{display: none;}
.jiejue-on::after{content: '';position: absolute;left: calc(50% - 55px);bottom: -20px;width: 110px;height: 10px;background: url(../images/127.png) no-repeat;background-size: 100% 100%;}

/* 精品案例 */
.list-nav{height: auto;}
.list-type-nav{height: 100%;white-space: nowrap;overflow: hidden;}
.list-type-nav::-webkit-scrollbar {display:none}
.list-type-nav{scrollbar-width: none;}
.list-type-nav ul{height: 100%;color: #666;display: flex;
    flex-wrap: wrap;}
.list-type-nav ul li{padding:0 20px 0 0;display: inline-block;height: 100%;}
.list-type-nav ul li a{height:100%;line-height: 50px;}
.type-on a{background: #1196db;color: white;padding: 0 10px;}

.page-list{padding-top: 20px;}

/* 专业服务 */
.fuwu{display: flex;padding: 30px 0;}
.fuwu-list{width: 150px;border-right: 1px solid #CCCCCC;color: #666;float: left;}
.fuwu-list ul{width: 100%;}
.fuwu-list ul li{height: 55px;margin: 10px 0;}
.list-on{color: white;background: #1196DB;}
.fuwu-list ul li a{width: 100%;height: 55px;line-height: 55px;text-align: center;}
.fuwu-info{width: calc(100% - 150px);display: flex;float: left;}
.fuwu-info-left{width: 50%;float: left;}
.fuwu-info-left>div{padding: 20px 35px;}
.fuwu-info-left h3{font-size: 30px;color: #333;margin-bottom: 20px;}
.fuwu-info-right{width: 50%;float: left;}
.info-top{border-bottom: 1px dashed #ccc;}
.info-top .tit{position: relative;padding: 15px 0;}
.info-top .info-top-p{color: #1196DB;padding: 10px 0;font-size: 20px;}
.info-top .tit::after{content: '';position: absolute;width: 50px;height: 4px;background: #333333;bottom: 0;left: 0;}
.info-top .info-list{display: flex;flex-wrap: wrap;padding: 30px 0;color: #666;}
.info-top .info-list li{width: 50%;height: 40px;}
.info-top .info-list li::before{content: '·';width: 40px;}
.info-top .more-info{margin-top: 20px;width: 140px;border: 1px solid #1196DB;color: #1196DB;text-align: center;height: 40px;line-height: 40px;border-radius: 20px;}
.info-content h3{padding: 15px 0;}
.info-content p{line-height: 30px;color: #666;}
.info-top p{color: #666;line-height: 30px;padding: 0;text-indent:25px}

/* 分页 */
.fen-page{width: 100%;display: flex;justify-content: center;padding: 30px 0;flex-wrap: wrap;text-align: center;line-height: 50px;}
.fen-page a{width: 50px;height: 50px;border-radius: 50%;display: flex;align-items: center;justify-content: center;margin: 0 20px;}
.page-on{background: #1196DB;border-radius: 50%;color: white;}
.fen-page a:hover{color: #1196DB;}
.prev-next{padding:20px 30px;}
.prev-next a{width: 50%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

/* 关于集创 */
.guanyu-nav{height: 50px;border-bottom: 1px solid #ccc;}
.guanyu-navs{display: flex;justify-content: space-between;align-items: center;}
.guanyu-nav-tit{font-size: 20px;font-weight: 600;line-height: 48px;}
.guanyu-nav-list{display: flex;color: #666;float: right;}
.guanyu-nav-list li{padding:0  0 0 40px;display: inline-block;height: 100%;}
.guanyu-nav-list li a{height:100%;line-height: 50px;}
.guanyu-on a{color: #1196db;border-bottom: 4px solid #1196db;}
.phone-guanyu{display: none;}
.pc-guanyu{display: block;float: left;}
.guangyu-jichuang{display: flex;padding: 50px 0;align-items: center;}
.jichuang-img{width: 50%;height: 0;padding-bottom: 50%;float: left;}
.jichuang-img img{width: 100%;}
.jichuang-tit{width: 50%; padding: 50px;float: left;}
.jichuang-tit h2{padding: 50px 0;font-size: 32px;font-weight: 500;}
.jichuang-tit p{line-height: 40px;font-size: 20px;color: #333;}
.culture{background: url(../images/guan13.png) no-repeat;background-position: 90% 150%;background-size: auto 80%;padding: 15px 0 100px;}
.culture-list{font-size: 20px;position: relative;}
.culture-list::before{content: '';position: absolute;left: 150px;width: 1px;height: 100%;background: rgba(0,0,0,0.2);}
.culture-list li{display: flex;padding:0 20px;margin: 40px 0;}
.culture-list li b{width: 150px;padding: 0 20px 0 0;float: left;line-height: 40px;}
.culture-list li div{color: #666;width: calc(100% - 170px);float: left;line-height: 40px;}
.hezuo{border-top: 1px solid #ccc;}
.he-list{display: flex;justify-content: center;padding-bottom: 50px;flex-wrap: wrap;}
.he-list .he-img{width: 150px;height: 150px;border: 1px solid #ccc;display: flex;align-items: center;justify-content: center;float: left;}
.he-list .he-img img{width: 100%;}
.fazhan{background: #F0F0F0;padding-bottom: 50px;}
.fazhan-info{display: flex;padding: 30px 0 0 20%;width: 60%;}
.fazhan-info .time{color: #1196DB;font-size: 48px;padding: 0 40px;white-space: nowrap;}
.fazhan-info .time span{font-size: 16px;}
.fazhan-info .time-list li{padding-top: 30px;}
.fazhan-thumbs{position: relative;padding: 40px 0;}
.fazhan-thumbs::after{content: '';position: absolute;top: 50%;width: 100%;height: 1px;background: #ccc;left: 0;}
.fazhan-thumbs .swiper-wrapper .swiper-slide{position: relative;}
.fazhan-thumbs .swiper-wrapper .swiper-slide::after{content: '';position: absolute;top: 50%;width: 100%;height: 1px;background: #ccc;left: 0;z-index: -1;}
.fazhan-thumbs .swiper-slide{display: flex;justify-content: center;align-items: center;}
.fazhan-date{position: relative;width: 20px;height: 20px;background: white;border: 1px solid #333;}
.fazhan-date::after{content:attr(title);position: absolute;width: 50px;left: -10px;top: 30px;}
.fazhan-thumbs .swiper-slide-thumb-active .fazhan-date::before{
	content: '';
	position: absolute;
	top: 4px;
	left: 3px;
	width: 9px;
	height: 9px;
	border: 1px solid #1196DB;
}
.fazhan-thumbs .swiper-slide-thumb-active::before{
	content: '';
	position: absolute;
	top: -40px;
	left: calc(50% - 20px);
	width: 40px;
	height: 40px;
	background: url(../images/guan5.png) no-repeat;
	background-size: 100% 100%;
}
.fazhan-thumbs-all{position: relative;}
.date-prev{position: absolute;width: 25px;top:40%;left: -30px;}
.date-next{position: absolute;width: 25px;top: 40%;right: -30px;}

.lianxi{position: relative;min-height: 300px;}
.guanyu-lianxi{position: absolute;top: 0;bottom:0 ;left: 0;width: 50%;background: rgba(26, 51, 115,0.95);color: white;}
.guanyu-lianxi-in{width: 60%;height: 100%;display: flex;flex-direction: column;position: absolute;right: 0;}
.guanyu-lianxi-in img{width: 60%;margin:20% 20% 5% 20%;}
.guanyu-lianxi-in h1{font-size: 26px;font-weight: 100;padding: 10px 0 25px;}
.guanyu-lianxi-in p{padding: 8px 0;}
.add-my{position: relative;min-height: 300px;}
.add-my a{display: inline-block;width: 150px;height: 50px;background: #012060;position: absolute;top: 40%;left: calc(50% - 65px);color: white;display: flex;align-items: center;justify-content: center;border-radius: 5px;text-align: center;line-height: 50px;}
.fuwu-phone{padding: 45px;width: 100%;display: flex;justify-content: center;align-items: center;font-size: 30px;color: #333;text-align: center;}
.fuwu-phone img{width: 50px;margin-right: 25px;display: inline-block;}
.fuwu-lianxi{padding-bottom: 30px;}
.lianxi-user{display: flex;justify-content: space-between;}
.user-info input{background: #f1f1f1;border: none;padding: 13px 5px;width: 260px;border-radius: 5px;}
.user-info {line-height: 55px;color: #666;float: left;}
.user-cont{width: calc(100% - 400px);float: right;}
.user-cont textarea{background: #f1f1f1;border: none;padding: 13px 25px;border-radius: 10px;width: 100%;height: 160px;}
.lianxi-tijiao{display: flex;justify-content: flex-end;margin: 30px 0;}
.lianxi-tijiao button{display: inline-block;width: 150px;height: 50px;background: #012060;color: white;display: flex;align-items: center;justify-content: center;border-radius: 5px;border: none;float: right;}		
		
.news-page{border: 1px solid #ccc;margin: 30px auto;}
.news-page h1{text-align: center;padding: 30px 0;}
.author-time{text-align: center;}
.page-content{padding: 30px;min-height: 500px;}	

.danye-page{padding: 30px 0;min-height: 500px;}


/*  */
/* .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
	
} */
/* .swiper-pagination-bullet{width: 40px;height: 4px;border-radius: 3px;} */
@media screen and (max-width:1920px) {
	.bg-img{position: absolute;left: calc(50% - 960px);width: 1920px;}
}
@media screen and (max-width:1500px) {
	.news-list{width: 900px;margin-left:calc(50% - 455px);}
}
@media screen and (max-width:1200px) {
	html{width: 1200px;}
	.width12{width: 1200px;}
	.news-list{width: 900px;}
	
	.width-all{position: relative;padding-bottom: 35%;height: 0;overflow: hidden;}
	.width-view{position: absolute;width: 100%;padding-bottom: 30%;height: 0;display: flex;align-items: center;justify-content: center;}
	.bg-img{position: absolute;width: 160%;left: -30%;}
}
@media screen and (max-width:650px){
	html{width: 100%;}
	.width12{width: 100%;    overflow-x: scroll;}
	/* 头部 */
	.pc-header{display: none;}
	.phone-header{display: flex;}
	.header{position: relative;background: linear-gradient(to left bottom,#F1F5FF,#DEE6F2);;}
	.news{display: none;}
	.solute-titlt{padding: 30px 0 10px;}
	.solute-titlt h1{font-size: 21px;}
	.yan{padding: 30px 0; margin: 0;}
	.yan-b{font-size: 14px;}
	.yan-content .yan-b{width: 60%;}
	.yan-author img{width: 80px;height: 80px;}
	.yan-name p{font-size: 12px;}
	.yan-content img{width: 25px;}
	.yan-name .yan-b{letter-spacing:2px}
	.yan::before{box-shadow: 100px 0 0 #ccc, -100px 0 0 #ccc;}
	.yan::after{width:80%}
	.page-list{padding-top: 10px;}
	
	.gs-data h1{font-size: 20px;color:rgba(255,255,255,.85);font-weight: 200;}
	
	.anli-list li{width: 100%;padding: 0 10% 20px; margin-right: 0;margin-bottom: 0;background: linear-gradient(to left bottom,#F1F5FF,#DEE6F2);
    margin:4.5px 15px ;
    padding: 15px 20px;}
	.anli-list li:nth-child(n+4){display: none;}
	.anli-list{margin-bottom: 30px;}
	/* .anli-list li:nth-child(n+2) .img{display: none;} */
	.anli-list li .more{display: none;}
	.anli-list li:nth-child(3n){margin: 4.5px 15px;}
	.index-fuwu-list{padding:0;background: #012060;background: linear-gradient(to left bottom,#F1F5FF,#DEE6F2);}
	.index-fuwu-list .fuwu{width: 100%;background-color: #E5EbF5;padding: 10px 35px;height: auto;border-bottom: 1px solid white;margin: 0;}
	.index-fuwu-list .fuwu a{position: relative;display: flex;align-items: center;padding-left: 12px;}
	.index-fuwu-list a img{width: 30px;height: 30px;}
	.index-fuwu-list .tit{position: relative;height: auto;background: none;line-height: 30px;color: #333;}
	.index-fuwu-list .fuwu:nth-child(3),
	.index-fuwu-list .fuwu:nth-child(4),
	.index-fuwu-list .fuwu:nth-child(9){width: 100%;padding: 10px 35px;height: auto;margin: 0;}
	.index-fuwu-list .fuwu::after{content: '';position: absolute;width: 10px;height: 10px;border-top: 1px solid #333;border-right:  1px solid #333;right: 35px;top: 19px;transform: rotateZ(45deg);}
	.footer-top{display: flex;flex-direction: column;}
	.footer-top h1 {
	    font-size: 17px;font-weight: 200;text-align: center;
	}
	.footer-top{flex-direction: column;padding-bottom: 10px;padding: 30px 10px;}
	.footer-top a{margin: 10px auto;}
	.footer-top>a{display: none;}
	.footer-top-btn{display: flex;justify-content: space-around;margin-top: 20px;}
	.footer-top .footer-top-btn a{margin: 0;}
	.footer-top-btn  .lian{width: 130px;height: 45px;line-height: 45px;}
	.footer-top-btn  .yue{width: 130px;height: 45px;line-height: 45px;}
	.bottom{display: flex;flex-direction: column;align-items: center;font-size: 10px;line-height: 18px;color: #999;padding: 10px 0 10px 0;    white-space: nowrap;background: #f1f1f1;}
	.bottom span{display: none;}
	.bottom span:nth-child(2){display: block;}
	.footer-navs{flex-direction: column;padding: 10px 0 20px;}
	.footer-nav-list{width: 100%;flex-wrap: wrap;padding: 0 30px 10px;}
	.footer-nav-list .footer-nav{width: auto;}
	.footer-phone{width: 70%;}
	.footer-info{width: 100%;margin-top: 20px;padding: 0 20px;}
	.footer-ma{display: flex;flex-direction: column;align-items: center;width: 30%;}
	.footer-phone h3{display: none;}
	.footer-phone h1{padding:  0;}
	.footer-ma img{width: 100%;}
	.footer-nav h3{color: rgba(255,255,255,0.8);font-size: 14px;font-weight: 200;}
	.footer-nav ul{display: none;}
	.list-nav{padding: 0 20px;}
	.fazhan-info{padding: 0;width: 100%;}
	.date-prev, .date-next{display: none;}
	.guangyu-jichuang{flex-direction: column-reverse;}
	.jichuang-img {width: 90%;height: auto;padding-bottom: 0;margin-top: 20px;}
	.jichuang-tit {width: 100%; padding: 0 20px;}
	
	.guanyu-nav{height: 152px;}
	.guanyu-navs{flex-direction: column;}
	.guanyu-nav-list li{white-space: nowrap;padding: 0 0 0 12px;}
	.guanyu-type-list{width: 100%;overflow: scroll;}
	.gs.width-all{padding-bottom:0;background: #082368;position: inherit;height: auto;}
	.gs .width-view{position: relative;padding-bottom: 0;height: auto;}
	.gs .bg-img{display: none;}
	.gs-data{position: relative;}
	.gs-data h1+p{font-size: 12px;color: rgba(255,255,255,.6)}
	.data-list{flex-wrap: wrap;margin: 2% 12%;}
	.data-list li{width: 100%;margin: 0;display: flex;flex-direction: row;justify-content: flex-start;border-bottom: 1px solid rgba(255,255,255,0.3);padding: 15px 0 15px 15px;}
	.data-list .img{margin: auto;}
	.data-list li:last-child{border-bottom: none;}
	.data-list .img img{width: 80%;}
	.data-list li .num{font-size: 22px;
    width: 70px;
    text-align: left;
}
	.data-list li .data-info{width: 100%;display: flex;flex-direction: column-reverse;text-align: left;margin-left: 15px;}
	.data-list li .data-info p{font-size: 12px;color: rgba(255,255,255,0.5);padding: 0;}
	.data-list li .num::after{top: -27%;font-size: 22px;}
	.solute-titlt h1::after{bottom: 10px;}
	.page-news ul{padding-top: 20px;}
	.page-news ul li{width: 100%;height: auto;}
	.page-news ul li .content .info{height: auto;font-size: 14px;}
	.page-news ul li{border: 1px solid rgba(0,0,0,0.05);margin: 0;}
	.page-news ul li:first-child{width: 100%;}
	.page-news ul li:first-child a{display: flex;flex-direction: column;}
	.page-news ul li:first-child .img{ height: 100%;width: 100%;padding: 0 15px;}
	.page-news ul li:first-child .content{position: relative;width: 100%;padding: 0 15px;}
	.page-news ul li:first-child .info{height: auto;overflow: auto;display:block;}
	.page-news ul li:nth-child(2n){margin-right: 0;}
	.news-nav{height: auto;}
	.news-type-nav{padding: 0 15px;}
	.page-news ul li .title{font-size: 16px;margin-top: 15px;}
	.news-type .tit{padding-left: 20px;display: none;}
	.news-type ul li{padding: 0;}
	.news-type ul li a{font-size: 14px;}
	.news-type{width: 100%;border-bottom: 1px solid #ccc;}
	.xuan-date{border: none;display: flex;width: auto;}
	.xuan-date select{padding: 0;}
	.page-news ul li:nth-child(n+2) a .img{display: none;padding: 0 15px;}
	.page-news ul li .content{position: relative;padding: 0 15px;}
	
	.fuwu{flex-direction: column;padding: 20px 0;}
	.fuwu-list{width: 100%;overflow: scroll;}
	.fuwu-list{border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;border-right: none;}
	.fuwu-list ul{display: flex;width: auto;}
	.fuwu-list ul li{width: 150px;white-space: nowrap;margin: 0;}
	.fuwu-list ul li a{padding:0 20px;font-size: 12px;}
	.fuwu-info{width: 100%;flex-direction: column;}
	.fuwu-info-left{width: 100%;}
	.fuwu-info-right{width: 100%;}
	/* .jiejue-type-toggle{overflow: scroll;padding: 10px 0 10px;z-index: 20;    height: 110px;} */
	.jiejue-type-toggle{overflow: scroll;padding: 30px 0 30px;z-index: 20;}
	.jiejue-type-list{padding: 0 15px;justify-content: space-around;display: -webkit-box;}
	.jiejue-type-list li{width: 33%;text-align: center;font-size: 12px;}
	.jiejue-type-list li img{width: 35px;}
	.jiejue-type-nav{height:auto;    overflow-x: visible;}
	
	.jiejue-fangan{display: flex;flex-direction: column;}
	.jiejue-type>li{height: auto;}
	.jiejue-type>li .jiejue-fangan>div{width: 100%;}
	.fangan-left ul li{line-height: 24px;}
	.jiejue-type>li .fangan-left {
	    padding: 30px 20px 10px;font-size: 14px;
	}
	.jiejue-type>li:nth-child(2n) .fangan-left {
	    padding: 30px 20px 10px;
	}
	.fangan-right .more a{transform: scale(0.7);}
	.gallery-info{left: 20px;
    top: 75px;}
	.gallery-info h1{font-size: 15px;font-weight: 200;}
	
	.phone-nav-on .nav-list{display: block;}
	.nav-list li ul li ul{position: initial;}
	.nav-list li a{line-height: 32px;}
	.nav-list li ul li{height: auto;}
	.nav-list li ul li a{height: 40px;}
	.nav-list li ul{display: none;position: initial;}
	.nav-list li ul li ul{display: none;margin-left: 26px;}
	.nav-list li ul{padding-left: 20px;padding-top: 5px;}
	.list-type-nav ul li a{font-size: 12px;}
	.list-type-nav ul{display: block;}
	.guanyu-nav-tit{padding: 30px 0 20px;}
	
	.guanyu-lianxi {
	    /* position: inherit;
	    top: 0;
	    bottom: 0;
	    left: 0;
	    width: 100%;
	    background: rgba(26, 51, 115,0.95);
	    color: white;
	    height: 400px; */
		height: 300px;
		font-size: 12px;
	}
	.guanyu-lianxi-in{
		width: 80%;right: 10%;
	}
	.lianxi-user{flex-direction: column;}
	.user-info{text-align: center;margin-bottom: 15px;}
	.user-cont{width: 100%;    padding: 0 32px;}
	.lianxi-tijiao{justify-content: center;}
	.fen-page a{margin: 0 5px;}
	
	.add-my a{top: 37%;left: calc(50% - 68px);transform: scale(0.8);}
	.nav-list li ul{min-height: auto;}
	.nav-list>li:nth-child(2)>ul{min-height: auto;padding-bottom: 0;}
	.culture{background-position: 100% 120%;
    background-size: 100% auto;padding: 0 0 180px;}
	.fazhan-info .time{padding: 0 15px;}
	.fazhan-info .time-list{padding: 0 15px 0 0;    color: #333;
    font-size: 14px;
    line-height: 24px;}
	.fazhan-info .time-list li{padding-top: 20px;}
	.fazhan-info .time-list li:nth-child(n+2) {
	    padding-top: 15px;
	}
	.solute-type-on{min-height: 75px;text-align: center;font-size: 12px;}
	.solute-type-on img {
	    width: 35px;
	    margin-bottom: 5px;
	}
	.solute-type-list .swiper-slide-thumb-active .solute-type-on{background-size: 100%;padding-bottom: 0;}
	.fangan-right>img{height: auto;width: 100%;}
	.gallery-more{transform: scale(0.7);margin-top: 4px;
    margin-left: -22px;margin-top: 4px;
    margin-left: -22px;}
	.solute-type-list{padding: 0 15px;}
	.culture-list li b{width: 110px;font-size: 16px;
    padding: 0 20px 0 0;font-weight: 200;}
	.culture-list::before{left: 110px;}
	.culture-list li div{width: calc(100% - 120px);font-size: 14px;}
	.jichuang-tit h2{font-size: 21px;padding: 30px 0;}
	.jichuang-tit p{font-size: 14px;text-indent: 30px;
    line-height: 30px;}
	.guangyu-jichuang{padding-top: 0;}
	.guanyu-nav-list{font-size: 12px;}
	.fangan-left h1{font-size: 24px;}
	.fangan-left>p{font-size: 14px;}
	.solute-titlt h1::after{
		height: 3px;
	}
	.he-list .he-img{width: 42px;height: 42px;}
	.lianxi{display: flex;flex-direction: column-reverse;overflow: hidden;}
	.guanyu-lianxi-in h1{font-size: 21px;font-weight: 200;}
	.lianxi>img{
		position: absolute;
		    width: auto;
		    height: 300px;
		    right: -80px;
	}
	.fuwu-phone{font-size: 16px;padding: 30px;}
	.fuwu-phone img{width: 30px;margin-right: 13px;}
	.add-my>img{
		position: absolute;
		width: 200%;
		left: -50%;
		height: 100%;
	}
	.add-my{height: 325px;overflow: hidden;}
	.yan-author{margin-bottom: 10px;}
	.footer-ma p{font-size: 12px;padding: 15px 0 0;}
	.footer-phone p{font-size: 14px;display: flex;padding:5px 0;flex-direction: column;}
	.bottom-phone-hr{display: block;}
	.anli-info h3{font-weight: 200;font-size: 16px;}
	.fangan-right .more{padding: 30px 40px 0;}
	.yan::after{left: 10%;}
	.solute2-info h1{font-size: 13px;}
	.solute2-info{left: 5%;top: 30%;}
	.solute2-nav-tit ul li img{margin: 5px 32% 8px;}
	.solute2-nav-tit ul li div{font-size: 13px;}
	.jiejue-on::after{bottom: -10px;}
	.phone-guanyu{display: block;}
	.pc-guanyu{display: none;}
}