@font-face {
  font-family: 'DIN';
  src: url('./DIN-Bold.otf');
}

@font-face {
  font-family: 'REGULAR';
  src: url('./SOURCEHANSANSCN-REGULAR.OTF');
}
@font-face {
  font-family: 'BOLD';
  src: url('./SOURCEHANSANSCN-BOLD.OTF');
}
@font-face {
  font-family: 'SourceHanSerifCN-Regular';
  src: url('./SourceHanSerifCN-Regular.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:1200px;margin:0 auto;}
.box1{width:75.52%;min-width:1200px;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;}

.din{font-family: 'DIN';}
.cg{font-family: 'REGULAR';}
.ct{font-family: 'BOLD';}
.systr{font-family: 'SourceHanSerifCN-Regular';}

.swiper{ margin: 0;}
.swiper-button-prev,.swiper-button-next{outline: none;margin: 0;}

.ht_img img{cursor: pointer; transition: all 0.6s;}
.ht_img:hover img{transform: scale(1.06);}

/* 首页 */
header{width: 100%;min-width: 1200px;background: #fff; height: 110px;position: fixed;top:0;left:0;z-index: 99;}
header .box1{height: 110px;}
header .box1 .logo{display: block;height: 79px;margin-right: 18px;}
header .box1 h3{font-size: 24px;}
header .box1 nav{width: 55%;font-size: 16px;}
header .box1 nav a:hover,header .box1 nav a.active{color:#0b4ea2;}
header .box1 .phone{font-size: 20px;color: #666666}
header .box1 .phone img{margin-right: 10px;}


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




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

.sy_banner{margin-top: 110px;}
.sy_banner .swiper-button-prev{width: 78px;height: 149px;top:0;bottom: 0;left: 5%;margin:auto;}
.sy_banner .swiper-button-next{width: 78px;height: 149px;top:0;bottom: 0;right: 5%;margin:auto;}
.sy_banner .swiper-button-next::after,.sy_banner .swiper-button-prev::after{font-size: 50px;color: #fff;}

.sy_banner .swiper-pagination{bottom: 30px;}
.sy_banner .swiper-pagination span{line-height: 999px;overflow: hidden;box-sizing: border-box;background:#fff;opacity: 1;box-shadow: 0 3px 5px rgba(73, 73, 73, 0.35);  width: 15px;height: 15px;}
.sy_banner .swiper-pagination-bullet-active{background: #0b4ea2 !important;box-shadow: none !important;}

.cor{color: #0b4ea2}
.cor1{color: #cf111b}
.cor2{color: #ffffff}
/* 内容 */
.title{padding: 65px 0 35px;}
.title h3{font-size: 36px;}
.title h4{font-size: 26px;color: #999999; margin-top: 7px;}


.ht1{padding: 75px 0;}
.ht10{height: 775px;}
.ht11{width: 665px;padding-top: 40px;}
.ht11>h3{font-size: 36px;line-height: 40px;}
.ht11>h4{font-size: 26px;line-height: 30px;color: #999999;margin: 20px 0 70px;}
.ht11>p{font-size: 16px;line-height: 32px;color: #999999;text-indent: 2em;text-align:justify;}
.ht11>a{width: 200px;height: 60px;background:#0b4da2;color: #fff;margin-top: 70px;}
.ht11>a img{margin-left: 10px;}
.ht11 ul{width: 938px;height: 158px;background: #fff;border: 1px solid #eeeeee;padding: 0 60px 0 50px;left: 0;bottom: 90px;z-index: 1}
.ht11 ul li p{font-size: 18px;}
.ht11 ul li p span{font-size: 50px;line-height: 56px;display: block;margin-right: 5px;}
.ht11 ul li h5{font-size: 18px;margin-top: 10px;}
.ht11 ul li img{margin-left: 60px;}
.ht11 ul .line{width: 1px;height: 115px;background:#eeeeee;}
.ht12{width: 828px;top: 0;left: 730px}

.ht2{width: 100%;height: 960px;background: url(../images/ht2.jpg) no-repeat center;}
.ht211{width: 640px;height: 380px;}
.ht211 img{max-width: 100%;max-height: 100%}
.ht212{width: 475px;height: 434px;padding: 12px 12px 0 0;background: url(../images/ht20.png) no-repeat top right}
.ht2120{width: 100%;height: 100%;background: #fff;padding: 30px 0 0 55px;}
.ht2120 h5{font-size: 42px;}
.ht2120 h6{font-size: 30px;}
.ht2120 .line{width: 32px;height: 3px;background:#0b4da2;margin: 15px 0 25px;}
.ht2120 p{padding-left: 25px;font-size: 16px;color: #666666;background: url(../images/ht200.png) no-repeat left center;margin-bottom: 12px;}
.ht2120>a{width: 200px;height: 60px;background:#0b4da2;color: #fff;margin-top: 30px;}
.ht2120>a img{margin-left: 10px;}

.ht22{margin: 50px auto;}
.ht22 ul li{width: 382px;height: 105px;background:#fff;padding: 0 30px;font-size: 16px; border: 2px solid #fff;}
.ht221{width: 130px;height: 100%;margin-right: 30px;}
.ht221 img{max-width: 100%;max-height: 100%}
.ht222 h6{color: #999999;margin-top: 3px;}
.ht22 ul li.active{border-color: #0b4da2}
.ht2>a{width: 200px;height: 60px;background:#0b4da2;color: #fff;margin: 0 auto;}
.ht2>a img{margin-left: 10px;}


.ht31{width: 375px;}
.ht32{width: 825px;background: url(../images/ht30.png) no-repeat center;padding-left: 40px;}
.ht32 ul li h6{font-size: 30px;line-height: 26px;}
.ht32 ul li h5{font-size: 18px;margin: 10px 0 20px;}
.ht32 ul li .line{width: 19px;height: 74px;background: url(../images/ht31.png) no-repeat center;margin: 0 auto;}
.ht32 ul li:nth-child(2n){margin-top: 136px;}
.ht32 ul li:nth-child(2n) .line{background: url(../images/ht32.png) no-repeat center;margin-bottom: 20px;}
.ht32 ul li:nth-child(2n) h5{margin-bottom: 0}

.ht4{padding-bottom: 70px;}
.ht411{border-radius: 6px;}
.ht412{margin-top: 30px;}
.ht4121{width: 370px;}
.ht4121 h5{font-size: 24px;}
.ht4121 p{font-size: 16px;line-height: 26px;color: #999999;margin-top: 12px;}
.ht41 .swiper-pagination-progressbar.swiper-pagination-horizontal{width: 100%;border-radius: 3px; height: 5px;background: #dedede;position: static;margin-top: 75px;}
.ht41 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background: #0b4da2;border-radius: 3px;}

.ht5{width: 100%;height: 1300px;background: url(../images/ht5.jpg) no-repeat center;}
.ht50{background:#fff;padding: 0 34px 50px;}
.ht50>h5{font-size: 22px;line-height: 26px; padding: 50px 0 25px}
.ht50>.line{width: 100%;height: 1px;background:#f1f1f1;}
.ht51{width: 580px;font-size: 16px;line-height:  26px;opacity: 0.67;margin:  30px auto 50px; }
.ht52 ul li{width: 270px;}
.ht522{width: 100%;height: 108px;background:#f5f5f5;line-height: 26px;}
.ht53 h5{font-size: 22px;line-height:  26px;padding: 55px 0 40px;}
.ht531 a{display: block;margin: 0 50px;font-size: 22px;}
.ht531 a img{margin-bottom: 15px}

.ht54 h5{font-size: 22px;line-height: 32px;}
.ht54 p{font-size: 16px;color: #999999;margin-top: 12px;}

.ht610{width: 100%;height: 550px;}
.ht610 img{width: 100%;height: 100%;}
.ht611{width: 144px;height: 138px;background:#0b4da2;font-size: 24px;line-height: 30px;bottom: 63px;left: 70px;z-index: 9}
.ht61 .anniu{width: 108px;bottom: 108px;right: 66px;}
.ht61 .anniu .swiper-button-prev{width: 48px;height: 48px;background: url(../images/ht6p.png) no-repeat center;position: static}
.ht61 .anniu .swiper-button-next{width: 48px;height: 48px;background: url(../images/ht6n.png) no-repeat center;position: static;margin-left: 14px;}
.ht61 .anniu .swiper-button-next::after,.ht61 .anniu .swiper-button-prev::after{display: none}

.ht7{padding-bottom: 60px;}
.ht92 ul li{width: 380px;margin: 0 30px 0 0;}
.ht92 ul li:nth-child(3n){margin-right: 0}
.ht9_img{display: block;width: 100%;height: 314px;border-radius: 6px;}
.ht9_img img{display: block;width: 100%;height: 100%;}
.ht9_con{padding: 30px 0 0;}
.ht9_tit{font-size: 20px;line-height: 26px;height: 26px;}
.ht9_des{font-size: 16px;line-height: 24px; -webkit-line-clamp: 2;color: #898989;height: 48px;margin: 20px 0 30px;}
.ht9_line{width: 100%;height: 1px;background:#f0f0f0;}
.ht9_more{display: block;font-size: 16px;color: #7a7a7a;margin-top: 30px;}
.ht9_more img{margin-left: 12px;}
.ht90_img{display: none; width: 100%;height: 538px;border-radius: 6px;}
.ht90_img img{display: block;height: 100%;}
.ht92 ul li:hover .ht9_img{display: none;}
.ht92 ul li:hover .ht90_img{display: flex;}
.ht92 ul li:hover .ht9_con{position: absolute;height: 240px; background: url(../images/ht900.png) no-repeat center bottom;bottom: 0;left: 0;padding: 155px 30px 0;}
.ht92 ul li:hover .ht9_tit{color: #fff}
.ht92 ul li:hover .ht9_des{color: #fff;opacity: 0.5;height: 24px; -webkit-line-clamp: 1;margin-top: 10px;}
.ht92 ul li:hover .ht9_line{background: #fff;opacity: 0.2;position: absolute;top: 125px;left: 0;}
.ht92 ul li:hover .ht9_more{display: none}








.bd{width: 100%;background:#f8f8f8;padding: 80px 0;}
.bd1{width: 590px;height: 70px;background:#fff;border-radius: 6px;padding: 0 35px;}
.bd1 h5{font-size: 16px;color:#494949;}
.bd1 .text{display: block;width: 440px; height: 100%;background: none;outline: none;border: none;font-size:16px;color:#494949;}
.bd2{width: 100%;height: 185px;margin: 20px 0;padding: 20px 35px;}
.bd2 .text{display: block;width: 1080px;}
.bd .tj{display: block;width: 100%; height: 57px;background: #0b4da2;outline:none;cursor: pointer;border: none;border-radius: 6px; font-size: 18px;color: #fff}
.bd ::-webkit-input-placeholder { /* WebKit browsers */
  color: #d2d2d2;
}
.bd ::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: #d2d2d2;
}
.bd :-ms-input-placeholder { /* Internet Explorer 10+ */
  color: #d2d2d2;
}


.xf{width: 90px;height: 370px; position: fixed;bottom: 10%;right: 1%;z-index: 100;box-shadow: 0 1px 10px rgba(0,0,0,0.2);}
.xf>ul{height: 370px;text-align: center;}
.xf>ul>li{width: 90px;height: 100px;background: #f7f7f7;border-bottom: 1px solid #efefef; position: relative}
.xf>ul>li:nth-child(1){border-radius: 6px 6px 0 0}
.xf>ul>li:last-child{height: 70px;background: #0b4ea2;border: none; border-radius: 0 0 6px 6px}
.xf>ul>li>a{width: 100%;height: 100%;}
.xf>ul>li>a p{font-size: 16px;color: #646464;margin-top: 5px;}
.xfl{display: none;box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); position: absolute;top:0;bottom: 0;right: 120px;margin:auto;border-radius: 13px;background-color: #fff;}
.xfl .ss{display: block;position: absolute;top:0;bottom: 0;right: -6px;margin:auto;}
.xfl1{width: 250px;height: 80px; font-size: 24px;}
.xfl2{width: 110px;height: 110px; padding:10px;}
.xf>ul>li:hover .xfl{display: flex;}
.xf>ul>li:hover a>.xf0{display: none}
.xf>ul>li:hover a>.xf0_{display: inline-block}

/* 底部 */
footer{width: 100%;background: #242628;}
footer .footT{height: 150px;}
footer .footT .logo{display: block;height: 67px;filter: brightness(100);}
footer .footT nav{width: 710px}
footer .footT nav a{font-size: 16px;color: #fff;}
footer .footM{padding: 50px 0 75px; border-top: 1px solid #3a3c3e;border-bottom: 1px solid #3a3c3e;}
footer .footM .fml ul li{margin-right: 50px;}
footer .footM .fml ul li img{width: 128px}
footer .footM .fml ul li p{margin-top: 12px;}
footer .footM .fmr ul li{margin-left: 100px}
footer .footM .fmr ul li h5{font-size: 16px;margin: 12px 0 7px;}
footer .footB{width: 100%;height: 60px;line-height: 60px;font-size: 16px;color: #a7a8a9}
footer .footB a{color:#a7a8a9}


/* 服务网络 */
.con{padding: 80px 0 100px;}
.con1{padding:80px  0 0;}



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

.gy2{padding-bottom: 80px;}
.gy21 ul li{width: 385px;height: 261px;margin: 0 22px 22px 0;}
.gy21 ul li:nth-child(3n){margin-right: 0}
.gy21 ul li img{width: 100%;height: 100%;}

/* 商业合作 */


/* 案例中心 */
.product ul li{width: 585px;margin: 0 0 35px 0;}
.product ul li:nth-child(3n){margin-right: 0}
.p_img{width: 585px;height: 295px;background: url(../images/cp.jpg) no-repeat center}
.p_img img{max-width: 90%;max-height: 90%;}
.p_tit{height: 30px;line-height: 30px;margin-top: 20px;}
.product ul li:hover .p_tit{}


/* 新闻资讯 */
.news ul li{padding: 40px 0 50px;border-bottom: 1px solid #999999}
.n_img{display: block;width: 373px;height: 200px;}
.n_img img{width: 100%;height: 100%;display: block;}
.n_con{width: 685px;}
.n_con p{font-size: 22px;}
.n_tit{font-size: 18px; height: 26px;line-height: 26px;margin: 35px 0 15px;}
.n_des{font-size: 16px;line-height: 30px;height: 60px; color: #666666; -webkit-line-clamp: 2;margin: 25px 0;}
.n_more{padding-top: 15px;border-top: 1px solid #f2f2f2; font-size: 16px;}
.news ul li:hover .n_tit{color: #0b4ea2;}

/* 联系我们 */
.lx1{height: 420px;background: #fff;border-radius: 6px;box-shadow: 0 30px 50px rgba(0, 0, 0, 0.1);}
.lx11{width: 600px;padding: 40px 50px 0;}
.lx11 .ly{width: 100%;height: 48px;font-size: 16px;border:1px solid #f0f0f0;margin-bottom: 13px;border-radius: 6px;padding: 0 25px;}
.lx11 .ly .text{display: block;width: 365px; height: 45px;background: #fff;border: none; outline: none;color: #222222;font-size: 16px;}
.lx11 .ly1{height: 148px;padding: 15px 25px;}
.lx11 .ly1 .text1{ height: 80px;}
.lx11 .tj{display: block;width: 100%; height: 60px;background: #0b4ea2;outline:none;cursor: pointer;border: none; font-size: 16px;color: #fff; border-radius: 6px;}
.lx11 ::-webkit-input-placeholder { /* WebKit browsers */
  color: #7f7f7f;
}
.lx11 ::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: #7f7f7f;
}
.lx11 :-ms-input-placeholder { /* Internet Explorer 10+ */
  color: #7f7f7f;
}

.lx12{width: 600px;height: 420px;background: url(../images/lx2.png) no-repeat right center #0b4ea2;padding: 65px 100px 0 50px;}
.lx12 h4{font-size: 26px;}
.lx12 h5{font-size: 24px;}
.lx12 .line{width: 100%;height: 1px;background: #fff;opacity: 0.1;margin: 45px 0;}
.lx12 ul li{margin-bottom: 12px;}
.lx12 ul li div{height: 26px;}
.lx12 ul li div img{margin-right: 5px;}
.lx12 ul li p{width: 345px; opacity: 0.7;}

.map{height: 650px;overflow: hidden;margin-top: 60px;}
.map #container{width:100%; height: 650px;overflow: hidden;}
.BMap_bubble_buttons{display: none!important;}
.BMap_bubble_title{font-weight: bold;font-size: 16px;width: initial!important;padding-top: 10px;}
.BMap_bubble_content{margin-top: 10px;}
.BMap_bubble_center{width: 90%!important;}
.BMap_bubble_pop{padding: 0 15px!important;}

.lx3{width: 100%;height: 740px;background: url(../images/lx3.jpg) no-repeat center;}
.lx30{padding: 80px 0 100px;}
.lx30 h3{font-size: 36px;}
.lx30 h4{font-size: 18px;margin-top: 25px;}

.lx310{border-bottom: 1px solid #fff;padding-bottom: 20px;font-size: 16px;margin-bottom: 40px;}
.lx311{width: 23.785%;min-width: 290px;}
.lx312{width: 100%;height: 120px;}
.lx310 .text{display: block;width: 70%;margin-left: 10px; height: 30px;background: none;outline: none;border: none;font-size: 16px;color:#fff;}
.lx312 .text{width: 93%;height: 100%;}
.lx31 .tj{width: 234px; height: 60px;background: #0b4ea2;outline:none;cursor: pointer;border: none; font-size: 16px;color: #fff;}



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


/* 上下篇 */
.sxy{margin-top: 50px;font-size: 16px;color: #666}
.sxy div{max-width: 48%; color: #666}
.sxy a:hover{color: #0b4ea2}
/* 详情页 */
.article_title{text-align: center;margin-bottom: 30px}
.article_title h2{font-size: 30px;color:#333;font-weight: bold}
.article_title p{font-size: 14px;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%;}