@font-face {
  font-family: 'REGULAR';
  src: url('./SOURCEHANSANSCN-REGULAR.OTF');
}
@font-face {
  font-family: 'BOLD';
  src: url('./SOURCEHANSANSCN-BOLD.OTF');
}


*{margin:0;padding:0;}  
h1,h2,h3,h4,h5,h6{ font-style: normal; font-size:100%; font-weight:normal;}
li{list-style-type: none;}
a{text-decoration:none;color:#333333;}
body{min-width:1200px;max-width:1920px;margin: 0 auto;font-family: 'REGULAR'; color:#333333;font-size: 18px;}
img{ border:0;}
.clear{clear:both;}
.no{display:none;}  
.img{display: block;width:100%;}
.box{width:1240px;margin:0 auto;}
.box1{width:72.91667%;min-width:1240px;margin:0 auto;}
.over{overflow: hidden}
.fl{float: left}
.fr{float: right}
.border{box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box;}
.swiper{ margin: 0;}
.swiper-button-prev,.swiper-button-next{outline: none;margin: 0;}
.ct{font-family: 'BOLD';}
.cg{font-family: 'REGULAR';}
.wr{writing-mode: vertical-rl;writing-mode: tb-rl;}
.wl{writing-mode: vertical-lr; writing-mode: tb-lr;}
.dx{text-transform : uppercase} 
.xx{text-transform : lowercase}
.sdx{text-transform : capitalize}
.ht_img img{ transition: all 0.6s;}
.ht_img:hover img{transform: scale(1.06);}


/* 首页 */
header{width: 100%;height: 110px;background: #fff; position:fixed;top:0;left:0;z-index: 999;}
header .box1{height: 110px;}
header .box1 .hl .logo{display: block; height: 48px;margin-right: 30px;}
header .box1 .hl h3{font-size: 26px;}
header nav{width: 45%;}
header nav a{color: #333333;height: 110px;}
header nav a:hover,header nav a.active{background: url(../images/nbj.png) no-repeat center bottom;}

header.bos{background: #fff;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}


.banner{width:100%;height: 600px;margin-top: 110px;}

.sy_banner{margin-top: 36px;}
.sy_banner .swiper-pagination{bottom: 30px;}
.sy_banner .swiper-pagination .swiper-pagination-bullet{width: 10px;height: 10px;background:#fff;}
.sy_banner .swiper-pagination .swiper-pagination-bullet-active{opacity: 1}

.cor{color: #1750b8}
.cor1{color: #f4c41d}
.cor2{color: #ffffff}
/* 内容 */
.title{width: 100%; padding: 85px 0 50px;}
.title h4{font-size: 26px;line-height: 30px; margin-bottom: 20px;}
.title h3{font-size: 50px;line-height: 54px;}


.ht1{width: 100%;padding-top: 100px}
.ht11{background: url(../images/ht11.jpg) no-repeat center bottom #f5f7f9;padding: 70px 5%;}
.ht11 h3{font-size: 50px;line-height: 56px;}
.ht11 p{font-size: 24px;line-height: 48px;margin: 25px 0 80px;}
.ht111{width: 100px;border-radius: 5px;margin-right: 30px;}
.ht112 h6{font-size: 18px;margin-bottom: 8px;}
.ht112 span{font-size: 22px;}

.ht12{background: url(../images/ht12.png) no-repeat center bottom;padding-bottom: 20px;}
.ht12 ul li{width: 310px;height: 100px;font-size: 26px;margin-bottom: 75px;}
.ht12 ul:nth-child(1) li{background: url(../images/ht121.png) no-repeat center;padding: 2px 14px 6px 6px;}
.ht12 ul:nth-child(2) li{background: url(../images/ht122.png) no-repeat center;padding: 2px 6px 6px 14px;}


.ht2{width: 100%;background: #f5f7f9;padding-bottom: 80px}
.ht21 ul li{width: 48.571%;background: #fff;padding: 1.5% 1.5% 0;font-size: 24px;line-height: 64px;}

.ht3{width: 100%;height: 847px;background: url(../images/ht3.jpg) no-repeat center}
.ht31 ul li{width: 31.428%; background:#fff;padding: 1.3% 1.3% 0;}
.ht312{padding: 20px 0;}
.ht312 h5{font-size: 30px;}
.ht312 p{font-size: 20px;line-height: 36px;color: #666666;}

.ht30{padding-bottom: 90px;}
.ht320{border-radius: 10px;}
.ht320:hover .q_tit{color: #fff;}
.ht320:hover .q_more{display: flex;}
.ht32 .swiper-button-prev{width: 40px;height: 80px;background: #ffffff ;top: 0;bottom: 0;left: 0;margin:auto;}
.ht32 .swiper-button-next{width: 40px;height: 80px;background: #ffffff ;top: 0;bottom: 0;right: 0;margin:auto;}
.ht32 .swiper-button-next::after,.ht32  .swiper-button-prev::after{font-size: 16px;color: #333333}

.ht4{width: 100%;height: 924px;background: url(../images/ht4.jpg) no-repeat center}
.ht41{margin: 25px 0 20px;}
.ht41 ul li{margin-bottom: 38px;}
.ht41 ul li h5{font-size: 28px;}
.ht41 ul li p{font-size: 22px;margin-top: 8px;}
.ht42 a{width: 160px;height: 40px;border-radius: 24px 3px 24px 3px;background: #1750b8;font-size: 16px;color: #fff;margin-bottom: 70px;}

.ht5{width: 100%;height: 880px;background: url(../images/ht5.jpg) no-repeat center}
.ht5 ul li{width: calc(100% / 9);height: 880px;border-right: 1px solid rgba(255, 255, 255, 0.3)}
.ht5 ul li div{width: 100%;}
.ht5 ul li h5{font-size: 22px;margin-top: 25px;}
.ht5 ul li .line{width: 16px;height: 1px;background:#fff;margin: 18px auto 0;}
.ht5 ul li a{width: 65.7%;min-width: 120px; height: 30px;border-radius: 5px;border: 1px solid #fff;font-size: 16px;color: #fff;margin: 90px auto 0;}
.ht5 ul li.active{background:rgba(255, 255, 255, 0.15);}
.ht5 ul li.active .ht510{display: none;}
.ht5 ul li.active .ht510_{display: inline-block;}
.ht5 ul li.active a{display: flex;}
.ht5 ul li:last-child{border:none;}
.ht5 ul li a:hover{background:#fff;color: #1750b8}

.ht5 .title h3{background-image:-webkit-linear-gradient(top,#ffffff,#d9b08f); 
    -webkit-background-clip:text;-webkit-text-fill-color:transparent;}

.ht61 ul li{width: 31.428%; background:#f5f7f9;padding: 1.3% 1.3% 0;}
.ht612{padding: 20px 0;font-size: 20px;line-height: 36px;}

.ht70{padding: 80px 0 40px;}
.ht71 a{display: block;line-height: 40px;min-width: 160px;padding: 0 15px;border-radius: 10px;background: #f5f7f9;margin-left: 30px;}
.ht71 a.active{background:#1750b8;color: #fff;}


.ht8{width: 100%;height: 945px;background: url(../images/ht8.jpg) no-repeat center}
.ht81 p{font-size: 18px;line-height: 36px;color: #666666;text-indent: 2em;}
.ht81 a{width: 160px;height: 40px;border-radius: 24px 3px 24px 3px;background: #1750b8;font-size: 16px;color: #fff;margin: 45px auto 0;}


.xf{width: 100px;height: 470px;background: #fff;border-radius: 10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); position: fixed;top:0;right: 1%;bottom:0;margin:auto;z-index: 9999}
.xf>ul{height: 470px;text-align: center;}
.xf>ul>li{width: 100px;height: 94px;border-bottom: 1px solid #e2e2e2; position: relative}
.xf>ul>li:last-child{border:none;}
.xf>ul>li>a{width: 100%;height: 100%;}
.xf>ul>li>a p{margin-top: 5px;color: #666666;font-size: 16px;}
.xfl{display: none;color: #fff; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); position: absolute;top:0;bottom: 0;right: 120px;margin:auto;border-radius: 5px;background-color: #1750b8;}
.xfl .ss{display: block;position: absolute;top:0;bottom: 0;right: -6px;margin:auto;}
.xfl1{width: 250px;height: 60px;line-height: 30px; font-size: 20px;}
.xfl1 p{width: 100%;height: 100%;font-size: 22px;}
.xfl2{width: 136px;height: 180px; padding:10px;}
.xfl2 p{font-size: 16px;line-height: 22px;margin-top: 5px;}
.xf>ul>li:hover{background: #1750b8;}
.xf>ul>li:hover a p{color: #fff;}
.xf>ul>li:hover .xfl{display: block;}
.xf>ul>li:hover a .xf0{display: none}
.xf>ul>li:hover a .xf0_{display: inline-block}




/* 底部 */
footer{width: 100%;height: 611px; background: #272727;font-size: 16px;}
footer .footT{padding: 65px 0 50px;}
/* footer .footT .footL{width: 470px;} */
footer .footT .footL h3{font-size: 30px;line-height: 34px;}
footer .footT .footL .line{width: 114px;height: 2px;background: #fff;margin: 18px 0 25px;}
footer .footT .footL .gsxx ul li{margin-bottom: 15px;line-height: 24px;}
footer .footT .footL .gsxx ul li div{height: 24px;}
footer .footT .footL .gsxx ul li div img{margin-right: 10px;}
footer .footT .footL .gsxx ul li p{width: 355px;}
footer .footT .footL span{font-size: 36px;display: block;margin: 20px 0 30px;}
footer .footT .footL .dewm ul li{margin-right: 30px;}
footer .footT .footL .dewm ul li img{width: 120px;border-radius: 3px;margin-bottom: 12px;}
footer .footR{width: 55%;}
footer .footR h3{font-size: 30px;line-height: 34px;}
footer .footR h4{font-size: 18px;margin: 12px 0 25px;opacity: 0.8}
footer .footR .bd{width: 100%;border-bottom: 1px solid rgba(255, 255, 255, 0.1);padding-bottom: 10px;margin-bottom: 20px;}
footer .footR .bd h5{color: #fff;opacity: 0.5}
footer .footR .bd .text{display: block;width: 85%; height: 30px;background: none;border: none; outline: none;color: #fff;font-size: 16px;}
footer .footR .bd .text1{height: 100px;resize:none; }
footer .footR .tj{display: block;width: 272px; height: 44px;border-radius: 3px; background: #1750b8;outline:none;cursor: pointer;border: none; font-size: 18px;margin-top: 30px;color: #fff; }
footer .footB{color: #fff;font-size: 14px;}
footer .footB a{color:#fff}


@media (min-width: 0px) and (max-width: 1199px) {
footer .footT .footL span{font-size: 28px;}
}
@media (min-width: 1199px) and (max-width: 1299px) {
footer .footT .footL span{font-size: 28px;}

}
@media (min-width: 1299px) and (max-width: 1399px) {
footer .footT .footL span{font-size: 28px;}


}
@media (min-width: 1399px) and (max-width: 1499px) {
footer .footT .footL span{font-size: 28px;}


}
@media (min-width: 1499px) and (max-width: 1599px) {
footer .footT .footL span{font-size: 28px;}
}

@media (min-width: 1599px) and (max-width: 1699px) {

footer .footT .footL span{font-size: 30px;}
}
@media (min-width: 1699px) and (max-width: 1799px) {

footer .footT .footL span{font-size: 32px;}

}
@media (min-width: 1799px) and (max-width: 1899px) {

footer .footT .footL span{font-size: 34px;}
}
@media (min-width: 1899px) and (max-width: 1920px) {



}
/* 服务网络 */

.con{padding: 80px  0 100px;}
.con1{padding: 0  0 100px;}

/* 关于我们 */
.about_body{font-size:18px; line-height: 36px;color: #666666; white-space:-moz-pre-wrap;word-wrap:break-word;text-align: justify;}
.about_body img{max-width:100%;}

.gy10{width: 100%;height: 599px;background: url(../images/a10.jpg) no-repeat center}
.gy10 ul li{width: 400px;height: 478px;}
.gy11{width: 64px;height: 64px;margin: 0 auto;}
.gy10 ul li h5{font-size: 30px;margin: 30px 0 0;}
.gy10 ul li p{font-size: 18px;margin: 10px 0 0;color: #666666;}

.gy2{padding-bottom: 100px;}
.gy21{width: 100%;background: url(../images/a2.png) no-repeat center bottom}
.gy21 .box1{padding: 0 5.5%;}
.gy2_img{width: 100%;padding-bottom: 137%;background: url(../images/z.png) no-repeat center;background-size: 100% }
.gy2_img img{display: block;max-height: 95%;max-width: 95%;position: absolute;top: 0; bottom:0;left: 0;right: 0;margin:auto;}
.gy210>p{margin-top: 15px;height: 27px;line-height: 27px;}

.gy21 .swiper-button-prev{width: 40px;height: 80px;background: #f5f7f9 ;top: 0;bottom: 0;left: 0;margin:auto;}
.gy21 .swiper-button-next{width: 40px;height: 80px;background: #f5f7f9 ;top: 0;bottom: 0;right: 0;margin:auto;}
.gy21 .swiper-button-next::after,.gy21  .swiper-button-prev::after{font-size: 16px;color: #333333}

/* 合作优势 */
.jm1{padding-bottom: 100px;}
.jm11 ul li{width: 31.428%;background:#f5f7f9;padding: 1.5% 1.5% 0;}
.jm112{padding: 23px 0;}
.jm112 h5{font-size: 30px;}
.jm112 p{font-size: 20px;color: #666666;line-height: 36px;margin-top: 5px;}

.jm2{width: 100%;height: 628px;background: url(../images/jm2.jpg) no-repeat center}
.jm21 ul li{width: 240px;margin: 27px 0;}
.jm21 ul li h5{font-size: 22px;margin-top: 20px;}








/* 产品中心 */
.product ul li{width: 28.571%;padding-bottom: 42%;background: #f8f8f8;border-radius: 10px;margin: 0 7.1435% 120px 0;}
.product ul li:nth-child(3n){margin-right: 0}
.p_img{display: block; width: 80%;padding-bottom: 120%;position: absolute;bottom:-9.5%;left: 0;right: 0;margin:auto;}
.p_img img{display: block;max-height: 100%;max-width: 100%;position: absolute;top: 0; bottom:0;left: 0;right: 0;margin:auto;}
.p_tit{width: 80%; font-size: 28px;line-height: 36px;height: 36px;position: absolute;top: 12%;left: 0;right: 0;margin:auto;}
.product ul li:hover{background: rgba(176, 134, 70, 0.2);}
.product ul li:hover .p_tit{font-family: 'BOLD';}

/* 资质优势 */
.qualifications ul li{width: 23.571%; margin: 0 1.9% 40px 0;border-radius: 10px;}
.qualifications ul li:nth-child(4n){margin-right: 0}
.q_img{display: block; width: 100%;padding-bottom: 159.2%;}
.q_img img{display: block;height: 100%;width: 100%;position: absolute;top: 0;left: 0}
.qbj{width: 100%;height: 350px;bottom: 0;left: 0; background: url(../images/al.png) no-repeat center bottom}
.q_con{width: 100%;bottom: 30px;left: 0;padding:  0 10%;}
.q_tit{font-size: 22px;line-height: 30px;max-height: 60px;-webkit-line-clamp: 2;color: #fff;}
.q_more{display: none; width: 140px;height: 30px;background:#fff;border-radius: 5px;margin: 15px auto 0;font-size: 16px;}
.qualifications ul li:hover .q_tit{color: #fff;}
.qualifications ul li:hover .q_more{display: flex;}


/* 案例 */
.case ul li{width: 48.571%; margin-bottom: 40px;}
.c_img{display: block; width: 100%;padding-bottom: 70.4%;}
.c_img img{display: block;height: 100%;width: 100%;position: absolute;top: 0;left: 0}
.cbj{width: 100%;height: 350px;bottom: 0;left: 0; background: url(../images/al.png) no-repeat center bottom}
.c_con{width: 100%;bottom: 30px;left: 0;padding:  0 5%;}
.c_tit{font-size: 22px;line-height: 30px;max-height: 60px;-webkit-line-clamp: 2;color: #fff;}
.c_more{display: none; width: 140px;height: 30px;background:#fff;border-radius: 5px;margin: 15px auto 0;font-size: 16px;}
.case ul li:hover .c_tit{color: #fff;}
.case ul li:hover .c_more{display: flex;}


/* 新闻中心 */
.news ul li{margin-bottom: 40px;background:#f7f7f7;padding: 1.5% 3.3% 1.5% 1.5%;}
.n_img{display: block; width: 28.5%;padding-bottom: 20.3%;}
.n_img img{display: block;height: 100%;width: 100%;position: absolute;top: 0;left: 0}
.n_con{width: 58.5%;}
.n_tit{font-size: 26px;line-height: 30px;height: 30px;}
.n_des{font-size: 18px;line-height: 30px; -webkit-line-clamp: 5;color: #666666;max-height: 150px;margin: 20px 0 0;}
.n_more{display: block;padding-bottom: 10px;border-bottom: 1px solid rgba(51, 51, 51, 0.3);font-size: 20px;}

.news ul li:hover{box-shadow: 0 8px 13px rgba(0, 0, 0, 0.1)}
.news ul li:hover .n_more{color: #1750b8;border-color: rgba(176, 134, 70,0.3)}
.news ul li:hover .n_tit{color: #1750b8;}

/* 联系我们 */
.lx1 h5{font-size: 36px;margin-top: 20px;}
.lx2{width: 600px;}
.lx2 h1{font-size: 30px;}
.lx2 .line{width: 60px;height: 2px;background:#1750b8;margin: 25px 0 55px;}
.lx2 ul li{width: 40%;color: #666666}
.lx2 ul li:first-child{width: 100%;margin-bottom: 18px;}
.lx3{width: 270px;color: #666666}
.lx3 ul li img{width: 120px;border-radius: 3px;margin-bottom: 12px;}

.map{height:613px;margin-top: 65px;}
#container{width:100%;height: 100%;overflow: hidden;}
.cus_info_window{background:#fff;padding: 15px;border-radius: 10px;font-size: 20px;}
.cus_info_window p{font-size: 16px;margin-top: 5px;}

/* 页码 */
.pagination{margin-top: 50px; clear: both;width:100%;padding:0 0 0;text-align: center; font-size:18px; color:#9e9e9e;}
.pagination li{ width: 40px; height: 40px;background: #f5f5f5;  text-align:center; line-height: 40px; display:inline-block; margin:0 3px; background: #fff;}
.pagination li a{width: 40px; height: 40px;background: #f5f5f5; display:block; color:#9e9e9e;}
.pagination li a:hover{background:#1750b8;color: #fff;}
.pagination li.active{ background:#1750b8 !important;color: #fff;}
.pagination li:hover {}

/* 上下篇 */
.sxy{margin-top: 50px;font-size: 16px;color: #666}
.sxy div{max-width: 48%; color: #666}
.sxy a{height: 24px;line-height: 24px;}
.sxy a:hover{color: #1750b8}
/* 详情页 */
.article_title{text-align: center;margin-bottom: 30px}
.article_title h2{font-size: 30px;color:#222;}
.article_title p{font-size: 16px;color:#858585;margin-top: 10px;}
.article_body{white-space:-moz-pre-wrap;word-wrap:break-word;font-size: 18px;line-height: 36px;padding:50px 0;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;}
.article_body img{max-width:100%;}