@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%;height: 110px;background:url(../images/top.jpg) no-repeat center; position: fixed;top:0;left:0;z-index: 9999;}
.header .box{height: 110px;align-items: center}
.header .logo{display: block; height: 56px;}
.nav{width: 790px;}
.nav>ul{text-align: center;}
.nav>ul li a{height: 110px;font-size: 16px;}
.nav>ul>li>a:hover,.nav>ul>li>a.nav_on{background:url(../images/nbj.png) no-repeat center top 20px;color: #0d23d0; font-weight: bold;}



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

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

.flexslider {position: relative;width: 100%;min-width:1200px;height:800px;overflow: hidden;zoom: 1;margin-top: 100px;}
.flexslider .slides li {width: 100%;height: 800px;}
.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 #fff;}
.flex-control-paging li a.flex-active,.flex-control-paging li.active a {background: #fff;}


.cor{color: #0d23d0}
.cor1{color: #fae012}
.cor2{color: #ffffff}
/* 内容 */
.title{padding: 60px 0 60px;background:url(../images/t.png) no-repeat center top 90px;}
.title h3{font-size: 38px;font-family: '宋体';font-weight: bold;margin: 15px 0 10px;}
.title h4{ margin-top: 10px;}

.ht1{padding-bottom: 100px;}
.ht11{width: 931px;height: 126px;background:url(../images/ht11.png) no-repeat center;margin-bottom: 50px;}
.ht11 p{width: 840px;line-height: 36px;}
.ht121{width: 164px;height: 164px;border-radius: 50%;margin:0 auto 35px;}
.ht12 ul li{width: 260px;}
.ht12 ul li h5{text-align: center;font-size: 24px;margin-bottom: 10px;}
.ht12 ul li p{height: 88px; font-size: 16px;line-height: 22px;}
.ht12 ul li>img{display: block;position: absolute;left:0;right: 0;margin: auto;}
.ht12 ul li:nth-child(2n) .ht121{margin:35px auto 0;}
.ht12 ul li:nth-child(2n)>img{bottom:148px;}
.ht12 ul li:nth-child(2n+1)>img{top:148px;}


.ht2{width: 100%;background: #fcfeff}
.ht21>h5{font-size: 20px;}
.ht21>ul{width: 935px;margin: 60px auto ;}
.ht21>ul li{width: 117px;height: 175px;padding-top: 58px;background:url(../images/ht20_.png) no-repeat center;font-size: 28px;line-height: 34px;cursor: pointer;}
.ht21>ul li.active{background:url(../images/ht20.png) no-repeat center;}

.ht22{height: 640px;}
.ht221{width: 637px;}
.ht222{width: 430px;margin-right: 65px;}
.ht222 ul li{width: 185px;height: 60px;line-height: 60px;cursor: pointer; font-size: 24px;border-bottom: 1px solid #d4d6d7}
.ht222 ul li.active{border-color: #0808bd;color: #0808bd}
.ht223{width: 615px;top: 235px;right: 0}
.ht223 ul li{width: 615px;height: 310px;background: #0808bd;padding: 45px 60px 0;border-radius: 10px;}
.ht223 ul li h5{font-size: 16px;}
.ht223 ul li h5::before{display: block;content: ''; margin-right: 10px;  font-size: 16px;width: 70px;height: 1px;background: #fff;}
.ht223 ul li h4{font-size: 24px;margin: 50px 0 30px;}
.ht223 ul li p{font-size: 16px;line-height: 30px;}

.ht3{width: 100%;height: 1068px; background:url(../images/ht3.jpg) no-repeat center;}
.ht31{width: 1060px;padding: 20px;border-radius: 10px;background: #fff;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);margin: 0 auto;}
.ht31 table{border:1px solid #e0dede;}
.ht31 table tr th{height: 75px; border:1px solid #e0dede;font-size: 22px;}
.ht31 table tr td{border:1px solid #e0dede;padding:0 25px;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box;}
.ht31 table tr td h5,.ht32 table tr td h5{font-size: 20px;font-weight: 400}
.ht32{width: 1100px;padding: 20px;border-radius: 10px;background: #e60012;top: 435px;left:0;right: 0;margin: auto;}
.ht32 table{height: 185px; border:1px solid rgba(255, 255, 255, 0.2);}
.ht32 table tr td{border:1px solid rgba(255, 255, 255, 0.2);padding:0 25px;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box;}

.ht4{width: 100%;height: 1070px; background:url(../images/ht4.jpg) no-repeat center;}
.ht41 ul li{width: 380px;height: 130px;border-radius: 10px;background: rgba(8, 8, 189, 0.11);padding: 30px 20px 0;margin-bottom: 18px;}
.ht41 ul li:nth-child(2n){margin-left: 400px;}
.ht41 ul li h5{width: 30px;height: 43px;padding: 8px 0 0 2px;color: #fff;font-size: 16px; background:url(../images/ht4.png) no-repeat center;}
.ht41 ul li p{width: 295px;font-size: 14px;line-height: 20px;text-align:justify;}

.ht5{width: 100%;background: #f2faff;padding-bottom: 80px;}
.ht511{width: 483px;}
.ht512{width: 717px;}
.ht512 ul li{padding: 25px 30px;border-bottom: 1px solid #e8f0f5}
.ht512 ul li h5{font-size: 30px;font-weight: 700}
.ht512 ul li p{font-size: 16px;line-height: 36px;margin-top: 15px;}
.ht512 ul li:last-child{border:none;}

.ht52{width: 830px;margin-bottom: 75px;}
.ht52 ul li{width: 224px;height: 227px;background:url(../images/ht52.png) no-repeat center;font-size: 26px;line-height: 36px; font-weight: 200;padding-left: 15px;}
.ht531{width: 450px;margin-left: 35px;}
.ht531 ul li{width: 200px;height: 60px;line-height: 60px;cursor: pointer; border-bottom: 1px solid #d4d6d7}
.ht531 ul li.active{border-color: #0808bd;color: #0808bd}

.ht532{width: 668px;}
.ht533{width: 520px;bottom:0;left: 35px;}
.ht533 ul li{width: 520px;height: 230px;background: #fff;border-radius: 10px;padding: 55px 80px 0;}
.ht533 ul li h5{font-size: 27px;font-weight: 400}
.ht533 ul li img{margin: 15px 0 25px;}
.ht533 ul li p{font-size: 16px;color: #666}

.ht6{width: 100%;padding-bottom: 100px; background:url(../images/ht6.jpg) no-repeat center;}
.ht61 ul li{width: 362px;height: 403px;background:url(../images/ht60.png) no-repeat center;cursor: pointer;}
.ht61 ul li .icon{ width:57px; margin:0 auto 25px; position:relative; overflow:hidden;}
.ht61 ul li .icon img{ display:block; position:relative; filter: drop-shadow(57px 0 #0808bd); -webkit-filter: drop-shadow(57px 0 #0808bd);}
.ht61 ul li h5{font-size: 24px;text-align:center;}
.ht61 ul li .line{width: 54px;height: 5px;border-radius: 3px;background: #4a4a4a;margin: 18px auto 40px;}
.ht61 ul li p{width: 280px; font-size: 16px;line-height: 30px;}
.ht61 ul li.active .icon img{transform: translate(-57px, 0);-webkit-transform: translate(-57px, 0);-ms-transform: translate(-57px, 0);-o-transform: translate(-57px, 0);}
.ht61 ul li.active h5{color: #0808bd}
.ht61 ul li.active .line{background: #0808bd}


.ht7{width: 100%;background: #edf8ff;padding-bottom: 100px;}
.ht71 ul li{width: 360px;margin-top: 40px;}
.ht71_img{display: block;width: 360px;height: 225px;margin-bottom: 25px;}
.ht71_img img{width: 100%;height: 100%}
.ht71_date{width: 115px;border-right: 1px solid #dce6ec;color: #a9a9a9}
.ht71_date i{font-size: 54px;}
.ht71_con{width: 220px;padding-bottom: 20px;}
.ht71_tit{font-size: 22px;font-weight: 400}
.ht71_des{font-size: 14px;color: #666;-webkit-line-clamp: 2;margin: 10px 0 40px;}
.ht71_more{font-size: 16px;color: #193ab7;font-weight: 600}



.ht8{width: 100%;padding: 100px 0}
.ht811{width: 515px;}
.ht811 h1{font-size: 32px;font-weight: 700;border-bottom: 1px solid #d7e7df;padding-bottom: 15px;}
.ht811 p{font-size: 16px; line-height: 26px;margin: 15px 0 30px;}
.ht811 a{width: 280px;height: 60px;border-radius: 30px;border:1px solid rgba(0, 57, 136, 0.22);font-size: 20px;color: #0b4799}
.ht812{width: 611px;}
.ht8 .ly{margin-top: 80px;}
.ht8 .ly .text{display: block; width:580px;margin-bottom: 30px; height:77px;background: #f7f7f7;outline: none;border: none;font-size: 20px;text-indent: 1em;}
.ht8 .ly .tj{display: block;width:580px; height:77px;background: #e60012;outline:none;cursor: pointer;border: none; font-size: 22px;color: #fff}
.ht8 .ly ::-webkit-input-placeholder { /* WebKit browsers */
  color: #333;opacity: 0.3;
}

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

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



.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:url(../images/di.jpg) no-repeat center;}
.di1{border-bottom: 1px solid rgba(255, 255, 255, 0.1);padding: 90px 0 20px;}
.di1 .logo{height: 77px;}
.di12{width: 750px;font-size: 16px;}
.di12 a{color: #fff;}
.di2{padding:100px 0;}
.di21{font-size: 16px;line-height: 60px;}
.di21 p span{font-size: 52px;font-weight: 500}
.di22{width: 360px;}
.di22 ul li{overflow: hidden;line-height: 30px;font-size: 16px;margin: 10px 0;}
.di22 ul li img{margin-right: 5px;vertical-align: top;}
.di22 ul li p{width:250px;}
.di23 ul li{margin-left: 10px;}
.di231{width: 140px;padding:10px;border: 1px solid rgba(255, 255, 255, 0.1);}
/* .di23 ul li p{width: 28px;height: 140px;background: #0c5da3;color: #fff;writing-mode: tb-lr;writing-mode: tb-rl;letter-spacing: 2px;} */
.di3{width: 100%;height: 66px;line-height: 66px;font-size: 14px;background:rgba(13,42,155,0.54);color: #fff}
.di3 a{color:#fff}


.position{border-bottom:1px solid #e6e6e6;padding-bottom: 10px;margin-bottom: 60px}
.pos1{padding-left: 10px;height: 45px; border-left: 3px solid #0d23d0;}
.pos1 h3{font-size: 22px;line-height: 24px;color: #0d23d0}
.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%;}

.video{width: 1200px;height: 690px;background: #000;margin: 50px auto 0;}


/*产品中心 */

.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{width: 390px;height: 285px;background: #efefef}
.p_img img{max-width: 80%;max-height: 80%;}
.p_title{width: 390px;height: 60px;padding: 0 10px;line-height: 60px;border-bottom: 1px solid #e9e9e9;}
.product ul li:hover .p_title{color: #0d23d0}


/* 联系我们 */
.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 20px;}
.lx21 p{line-height: 30px;font-weight: bold;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{width:100%; height: 680px;overflow: hidden;}
.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}

/* 新闻资讯 */

.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;}
/* 代理合作 */
.zm{padding:70px;background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
.zm1{width: 426px}
.zm .ly{width: 550px;text-align: center;}
.zm .ly p{font-size: 22px;}
.zm .ly h5{font-size: 35px;margin: 10px 0 50px;letter-spacing: 5px;}
.zm .ly .text{display: block; width:502px; height:64px;background: #f7f7f7;outline: none;border: 1px solid #d4d4d4;font-size: 20px;margin:0 auto 15px; font-family: "PingFang SC";text-indent: 1em;}
.zm .ly .tj{display: block;width:360px; height:55px;background: #0d23d0;outline:none;cursor: pointer;border: none;margin: 100px auto 0; font-size: 22px;color: #fff}
.zm .ly ::-webkit-input-placeholder { /* WebKit browsers */
  color: #666;
}

.zm .ly ::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: #666;
}

.zm .ly :-ms-input-placeholder { /* Internet Explorer 10+ */
  color: #666;
}

/* 页码 */



/* 上下篇 */
.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: #0d23d0}
/* 详情页 */
.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%;}