@font-face {
  font-family: 'jclds';
  src: url('./jclds.ttf');
}
*{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:#333;}
body{min-width:1200px;max-width:1920px;margin: 0 auto; color:#333;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:72.916%;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;} 

.jclds{font-family: 'jclds';}
.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%;}
.header1{height: 150px;}
.header1 .hl .logo{display: block; height: 90px; }
.header1 .hl .line{width: 7px;height: 78px;background: url(../images/line.png) no-repeat center;margin: 0 25px;}
.header1 .hl .by{font-size: 21px;letter-spacing: 0.5px;line-height: 40px;max-width:700px}
.header1 .phone p{font-size: 20px;margin-left: 10px;line-height: 30px;}
.header1 .phone p span{font-size: 30px;font-weight: 700}
.header2{width: 100%;height: 65px;background: #0d7af7;}
.header2 nav a{height: 65px;width: 138px;color: #fff;}
.header2 nav a:hover,.header2 nav a.active{background: #231816}

.header_{width: 100%;height: 100px;background-color: #fff;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);position: fixed;top:0;left:0;z-index: 9999}
.header_ .box{height: 100px;}
.header_ .logo{display: block;height: 80px;}
.header_ nav{width: 900px;}
.header_ nav a:hover,.header_ nav a.active{color: #0d7af7;font-weight: 700;}


.banner{width:100%;height:450px;}

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

.flexslider {position: relative;width: 100%;min-width:1200px;height:750px;overflow: hidden;zoom: 1;}
.flexslider .slides li {width: 100%;height: 750px;}
.flex-direction-nav a {width: 70px;height: 70px;line-height: 99em;overflow: hidden;margin: -35px 0 0;display: block;background: url(../images/ad_ctr.png) no-repeat;position: absolute;top: 50%;z-index: 10;cursor: pointer;opacity: 0;filter: alpha(opacity=0);-webkit-transition: all .3s ease;border-radius: 35px;}
.flex-direction-nav .flex-next {background-position: 0 -70px;right: 0;}
.flex-direction-nav .flex-prev {left: 0;}
.flexslider:hover .flex-next {opacity: 0.8;filter: alpha(opacity=25);}
.flexslider:hover .flex-prev {opacity: 0.8;filter: alpha(opacity=25);}
.flexslider:hover .flex-next:hover,.flexslider:hover .flex-prev:hover {opacity: 1;filter: alpha(opacity=50);}
.flex-control-nav {width: 100%;position: absolute; bottom:  25px;left:0;z-index: 999 ;text-align: center}
.flex-control-nav li {margin: 0 2px;display: inline-block;zoom: 1;*display: inline;}
.flex-control-paging li a {display: block;height: 13px;overflow: hidden;text-indent: -99em;width:13px;cursor: pointer;border-radius: 50%;border: 1px solid #0d7af7;}
.flex-control-paging li a.flex-active,.flex-control-paging li.active a {background: #0d7af7;}


.cor{color: #0d7af7}
.cor1{color: #fae012}
.cor2{color: #ffffff}
/* 内容 */
.title{padding: 100px 0 60px;}
.title h3{font-size: 43px;font-weight: 700}
.title h4{font-size: 12px;letter-spacing: 5px; margin-top: 10px;}

.ht1{padding-bottom: 100px;}
.ht11 .swiper-button-prev{ left: -75px;top: 121px;margin: 0;}
.ht11 .swiper-button-next{ right: -75px;top: 121px;margin: 0;}
.ht11 .swiper-button-next::after,.ht40 .swiper-button-prev::after{color: #9c9c9c;font-size: 50px;}

.ljzx{width: 488px;height: 89px;background:url(../images/zx.png) no-repeat center;margin: 80px auto 0;font-size: 30px;font-weight: 700;color: #fff !important;}
.ljzx img{margin: 15px 0 0 25px;}

.ht2{width: 100%;background: #f7f7f7;padding-bottom: 60px;}
.ht21 ul li{width: 383px;margin-bottom: 50px;}
.ht21 ul li img{width: 383px;height: 223px;}
.ht21 ul li p{width: 383px;height: 66px;background: #e1e1e1;font-size: 24px;}
.ht21 ul li.active p{background: #0d7af7;color: #fff;}

.ht3{width: 100%;height: 900px;padding-top: 50px; background:url(../images/ht3.jpg) no-repeat center top;}
.honor_img{width: 100%;height: 300px;border:1px solid rgba(255, 255, 255, 0.3);}
.honor_img img{max-width: 90%;max-height: 90%}
.honor_name{display: block;margin-top: 15px; text-align: center;width: 100%;font-size: 16px;color: #fff !important;}
.ht3 .ljzx{width: 392px;height: 89px;background:url(../images/zx_.png) no-repeat center;margin: 80px auto 0;font-size: 30px;font-weight: 700;color: #333 !important;}
.ht3 .ljzx img{margin: 15px 0 0 25px;}

.ht4{width: 100%;background: #f7f7f7;padding-bottom: 80px;}
.ht40{margin-bottom: 60px;}
.ht420{width: 100%;}
.ht41>h1{padding-bottom: 10px;font-size: 30px;border-bottom: 1px solid #dddddd;margin-bottom: 35px;}
.ht40 .swiper-button-prev{ left: -75px;top: 75px;margin: 0;}
.ht40 .swiper-button-next{ right: -75px;top: 75px;margin: 0;}
.ht40 .swiper-button-next::after,.ht40 .swiper-button-prev::after{color: #9c9c9c;font-size: 50px;}
/*.ht42{margin-top: 80px;}*/
.ht42 h3{font-size: 52px;}
.ht42 h4{font-size: 35px;margin: 15px 0 25px;}
.ht42 div{background:url(../images/ht420.png) no-repeat center top ;}
.ht42 div p{width: 305px;height: 67px;border-radius: 34px;background: #0d7af7;font-size: 30px;color: #fff;margin: 0 auto;}

.ht51{background:url(../images/ht5.png) no-repeat left 308px center}
.ht511{width: 540px;}
.ht511 h1{font-size: 32px;}
.ht511 p{font-size: 16px;line-height: 30px;-webkit-line-clamp: 9;text-indent: 2em;margin: 25px 0 50px;}
.ht511 a{width: 150px;height: 60px;border:1px solid #373737;font-size: 20px;}
.ht512{width: 639px;}
.ht52{margin: 60px auto 80px;}
.ht521{width: 100%;height: 224px;}
.ht521 img{width: 100%;height: 100%}

.ht52 .swiper-button-prev{width: 36px;height: 75px;background:url(../images/p.png) no-repeat center; left: -75px;top: 75px;margin: 0;}
.ht52 .swiper-button-next{width: 36px;height: 75px;background:url(../images/n.png) no-repeat center; right: -75px;top: 75px;margin: 0;}
.ht52 .swiper-button-next::after,.ht52 .swiper-button-prev::after{display: none}


.ht8{width: 100%;background: #e7f0fb; padding: 80px 0}
.ly .text{display: block; width:580px;margin-bottom: 30px; height:77px;background: #d2dae3;outline: none;border: none;font-size: 20px;text-indent: 1em;}
.ly .tj{display: block;width:580px; height:77px;background: #0d7af7;outline:none;cursor: pointer;border: none; font-size: 22px;color: #fff}
.ly ::-webkit-input-placeholder { /* WebKit browsers */
  color: #333;opacity: 0.3;font-size: 20px
}

.ly ::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: #333;opacity: 0.3;font-size: 20px
}

.ly :-ms-input-placeholder { /* Internet Explorer 10+ */
  color: #333;opacity: 0.3;font-size: 20px
}


.xf{width: 60px;height: 500px; position: fixed;top:0;right: 1%;bottom:0;margin:auto;z-index: 999}
.xf>ul{height: 320px;text-align: center;}
.xf>ul>li{width: 60px;height: 60px;background: #212226; position: relative}
.xf>ul>li>a{width: 100%;height: 100%;}
.xf>ul li:last-child{margin-bottom: 0;background: rgba(33, 34, 38, 0.3);}
.xfl{display: none;box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); position: absolute;top:0;bottom: 0;right: 90px;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;font-size: 20px;}
.xfl2{width: 110px;height: 110px; padding:10px;}
.xf>ul>li:hover{background: #193ab7;}
.xf>ul>li:hover .xfl{display: flex;}
.xf>ul>li:hover a>.xf0{display: none}
.xf>ul>li:hover a>.xf0_{display: inline-block}



/* 底部 */
.di{width: 100%;background: #252525;padding-top: 65px;}
.di1{border-bottom: 1px solid rgba(255, 255, 255, 0.2);padding-bottom: 30px;}
.di1 nav a{color:#fff;}

.di12{width: 750px;font-size: 16px;}
.di12 a{color: #fff;}
.di2{padding:50px 0;}
.di22{width: 700px;}
.di22 ul li{overflow: hidden;line-height: 30px;font-size: 16px;margin: 15px 0;}
.di22 ul li img{margin-right: 5px;vertical-align: top;}
.di22 ul li p{width:550px;}
.di23 ul li{width: 161px;padding: 12px 15px 0;background:url(../images/d6.png) no-repeat center top;line-height: 30px; margin-right: 20px;}
.di231{width: 161px;padding:10px;border: 1px solid rgba(255, 255, 255, 0.1);}
.di3{width: 100%;height: 54px;line-height: 54px;font-size: 16px;background:#1a1a1a;color: #999999}
.di3 a{color:#999999}


.position{border-bottom:1px solid #e6e6e6;padding-bottom: 10px;margin-bottom: 60px}
.pos1{padding-left: 10px;height: 45px; border-left: 3px solid #0d7af7;}
.pos1 h3{font-size: 22px;line-height: 24px;color: #0d7af7}
.pos1 p{font-size: 14px;color: #8f8f8f;margin-top: 5px}
.position>p{font-size: 16px;color: #7f7f7f;margin-top: 22px}
.position>p a{color: #7f7f7f}


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


/* 关于我们 */

.about_body{font-size:18px; line-height: 36px;white-space:-moz-pre-wrap;word-wrap:break-word;text-align: justify;}
.about_body img{max-width:100%;}




/*产品中心 */

.product ul li{width: 390px;overflow: hidden;background: #fff;margin: 0 15px 35px 0;}
.product ul li:nth-child(3n){margin-right: 0}
.p_img{display: block;width: 100%;height: 292px;}
.p_img img{width: 100%;height: 100%;}
.p_title{width: 100%;height: 60px;padding: 0 10px;line-height: 60px;border-bottom: 1px solid #dddddd}
.product ul li:hover .p_title{color: #0d7af7}

.case ul li{width: 280px;overflow: hidden;background: #fff;margin: 0 26px 35px 0;}
.case ul li:nth-child(4n){margin-right: 0}
.c_img{display: block;width:  100%;height: 200px;}
.c_img img{width: 100%;height: 100%;}
.c_title{width:  100%;height: 50px;padding: 0 10px;line-height: 50px;border-bottom: 1px solid #dddddd;font-size: 16px}
.case ul li:hover .c_title{color: #0d7af7}


/* 联系我们 */
.lx2{border:1px solid #e8e8e8;background: #f8f8f8;}
.lx21{width: 299px;height: 240px; text-align: center;padding:0 10px;}
.lx21 h5{font-size: 19px;color: #404040;margin:15px 0 ;}
.lx21 p{font-size: 20px;line-height: 30px;font-weight: 400;color: #131313}
.lx22{width: 1px;height: 300px;background: #e8e8e8}
.lx33{width: 299px;}
.lx331{width: 143px;padding:16px 12px;margin: 0 auto; background:url(../images/ewm_.png) no-repeat center;}
.lx33 p{font-size: 16px;text-align: center;line-height: 35px}



.map #container{width:100%; height: 680px;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;}

/* 新闻资讯 */

.n_top>ul>li{background: #fdfdfd;padding: 20px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); margin-bottom: 30px;cursor: pointer}
.n1{height: 147px;overflow: hidden; }
.n2{overflow: hidden}
.n_title{display:block;font-size: 18px;color:#414141;}
.n2 .n_title{margin-top: 20px}
.n1 p,.n2 p{font-size: 15px;color: #bbb;line-height: 17px;margin:13px 0;display:flex;align-items:center;}
.n_con{display:block;height:80px;overflow: hidden; font-size:16px ;color:#414141;line-height: 26px;}

.news_img{display: block; width:320px;height:200px;float:left;overflow: hidden;}
.news_img img{cursor: pointer; transition: all 0.6s;width:100%;}
.news_img img:hover{transform: scale(1.03);}

.news_con{width:820px;float:right;}
.news_content{display:block;height:150px;overflow: hidden; font-size:16px ;color:#222222;padding-top: 20px;line-height: 30px;}
.more{display:block;width:143px;height:42px;border:1px solid #757575;margin-top: 9px;font-size: 16px;color:#5c5c5c;line-height: 42px;text-align:center;}


/* 页码 */



/* 上下篇 */
.sxy{margin-top: 50px;height:30px;font-size: 16px;color: #666}
.sxy a{color: #666}
.sxy1{width:550px;height:30px;float: left;}
.sxy2{width:550px;height:30px;float: right;text-align: right;}
.sxy a:hover{color: #0d7af7}
/* 详情页 */
.article_title{text-align: center;margin-bottom: 50px}
.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 #eee;border-bottom: 1px solid #eee;}
.article_body img{max-width:100%;}