﻿@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{ margin:0; padding:0;}
*{box-sizing:border-box; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
body{color:#000; font-size:14px; font-family:uo,'微软雅黑';}
ul, ol,li,dd,dl{ list-style:none;} 
img,fieldset{ vertical-align:top; border:0;}
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal;}
address,cite,code,em,th { font-weight:normal; font-style:normal;}
input,button,textarea,select{color:#444; font-size:13px; vertical-align:middle;}
input:focus {outline:none;}
span,samp,i,em,b,textarea,input{ font-family:Arial,'微软雅黑';}
a{ color:#333; text-decoration:none;}
.nax ul,.cp-er ul,.dyt,.dyta,.i-coss,.i-cob,.i-cobb,.top,.tox,.toxa,.tob,.cp-img,.cp-img-b-a ul,.about,.news,.faq h5 a,.fee,.dibab,.dib ul,.i-abou,.i-aboux,.i-qiye ul,.i-coop ul,.i-cotaba,.i-cotab,.i-cota,.bls,.yuso,.ytso,.ysota ul,.ysota ul li,.ysto ul,.ysto li,.yjoat,.yjs,.yjsada,.yjsba,.weiba,.aplle .owl-stage{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-o-flex;display:-ms-flexbox;display:flex;}
.w1400{margin:auto;max-width:1200px;width:96%;}

.i-coss{justify-content: space-between;flex-wrap: wrap;}
.i-coa{font-size:38px;font-weight:bold;}
.i-cob{font-size:16px;color:#666;align-items: center;}
.i-coba{background: #0a79b6;color:#fff;margin-left:10px;line-height:40px;}
.i-coba a{color:#fff;padding:0 20px;}
.i-cobb{line-height:40px;}
.i-cobb a{display:block;padding:0 20px;color:#fff;background: #0a79b6;}
.i-cobb input{border:1px solid #ccc;box-sizing:border-box;padding:0 10px;}



.header{width:100%;z-index:999;}
#top{background:#f0f0f0;}
.top{max-width:1200px;width:96%;margin:auto;justify-content: space-between;align-items: center;}
.topa{font-size:14px;line-height:40px;color:#646464;}
.topb{}
.topb a{margin-left:15px;border-left:1px solid #ccc;line-height:14px;padding-left:15px;}
.topb a:nth-child(1){border:none;}
.topb a:hover{color:#087ed5;}

#tox{background:url("../images/h_top_bg.jpg") 100% 100% no-repeat;padding:22px 0;}
.tox{max-width:1200px;margin:auto;width:96%;justify-content: space-between;}
.toxa{align-items: center;}
.toxaa{}
.toxab{color:#087ed5;margin-left:20px;}
.toxab h2{font-weight: bold;font-size:28px;}
.toxab h3{font-size:16px;color:#333333;text-transform: uppercase;}
.toxab h4{display:none;font-size:20px;font-weight: bold;}

.tob{align-items: center;}
.toba{margin-left:20px;}
.toba p{font-size:18px;margin-bottom:2px;}
.toba span{display:block;font-size:28px;font-weight: bold;color:#087ed5;}

/**/
#nax{background:#087ed5;}
.nax{max-width:1200px;margin:auto;}
.nax ul{justify-content: space-between;flex-wrap:wrap;}
.nax li{text-align:center;position:relative;width:12.5%;}
.nax li p{line-height:60px;font-size:16px;position:relative;border-right:1px solid #0075cb;box-sizing:border-box;}
.nax li a{color:#fff;display:block;}
.nax li dl{background:#0a6eb7;position:absolute;top:100%;left:0;width:100%;z-index:999;font-size:15px;display:none;}
.nax li dl a{padding:10px 0;}
.nax li dl dd:hover{background:#087ed5}
.nax li.on p{background:#0a6eb7;}
.nax li:last-child p{border:none;}

@media screen and (min-width:1080px){
.nax li:hover p{background:#0a6eb7;}
}
.hea #top{margin-top:-37px;transition:all 0.3s;}


/*手机 087ed5*/
.zhz{width:49px;height:49px;overflow:hidden;display:none;flex-shrink:0;position:relative;}
.zhz samp{position:absolute;left:26%;background:#333;height:2px;width:26px; transition:all 0.5s;}
.zhz .samp1{top:18px}
.zhz .samp2{top:25px;}
.zhz .samp3{top:32px;}
.active .samp2{left:-100%;}
.active .samp1{transform:rotate(225deg);top:25px}
.active .samp3{transform:rotate(-225deg);top:25px;}


/*大图 #087ed5*/
.swiper-container {width: 100%;height: 100%;}
.swiper-slide {text-align: center;font-size: 18px;background: #fff;display: -webkit-box;display: -ms-flexbox;align-items: center;position: relative;}
.swiper-slide1bg{width: 100%;}
.swiper-slide1bg i{display: block;overflow: hidden;font-size: 0px;}
.swiper-slide1bg i img{max-width: 100%;}
.swiper-slide-active .swiper-slide1bg{width:100%;transition-delay: 0.5s;}
.swiper-slide1{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-80%);opacity:1;transition: 1s;width: 80%;}
.pin2{width: 860px;height: 423px;background: rgba(0, 0, 0, 0.5);border-radius: 30px;opacity: 0;transition: 2s;transform: translate(-50%,-50%);}
.pin2 .p1{text-transform: uppercase;}
.swiper-slide1 h3{color: #fff;font-size: 50px;padding-bottom: 10px;font-weight: bold;padding-top: 100px;transform: translateY(-100%);opacity: 0;transition: 1.5s;letter-spacing: 8px;}
.swiper-slide1 p.p1{font-size: 16px;color: #fff;letter-spacing: 1px;font-weight: 100;transform: translateY(-100%);opacity: 0;transition: 1.5s;margin-top: 16px;line-height: 30px;}
.swiper-slide1 .p2{width: 400px;margin: 0px auto;overflow: hidden;text-align: center;margin-top: 35px;transform: translateY(-100%);opacity: 0;transition: 2s;}
.swiper-slide1 .p2 ul{}
.swiper-slide1 .p2 ul li{display: inline-block;vertical-align: middle;width: 195px;font-size: 25px;font-weight: 100;color: #fff;line-height: 45px;}
.swiper-slide1 .swiper-slide1pic{margin-top: 80px;transform: translateY(100%);transition: 1.5s;opacity: 0;}
.swiper-slide1 .swiper-slide1pic i{display: block;overflow:hidden;font-size: 0px;}
.swiper-slide1 .swiper-slide1pic i img{max-width: 100%;margin: 20px;box-shadow: 4px 10px 28px -2px rgb(8, 22, 140);}
.swiper-slide-active .swiper-slide1{opacity: 1;transition-delay: 0.5s;}
.swiper-slide-active .swiper-slide1 h3{transform: translateY(0%);opacity: 1;transition-delay: 0.5s;}
.swiper-slide-active .swiper-slide1 p.p1{transform: translateY(0%);opacity: 1;transition-delay: 1s;}
.swiper-slide-active .swiper-slide1 .p2{transform: translateY(0%);opacity: 1;transition-delay: 1.3s;}
.swiper-slide-active .swiper-slide1 .pin2{opacity: 1;transition-delay: 1.3s;}
.swiper-slide-active .swiper-slide1 .swiper-slide1pic{transform: translateY(0%);opacity: 1;transition-delay: 1s;}
.swiper-pagination-bullet{width: 25px;height: 25px;background: url(../images/banner_xan1.png) no-repeat center;color: rgba(255, 0, 0, 0);}
.swiper-pagination-bullet-active{background: url(../images/banner_xan.png) no-repeat center;}

.sjbanner{display:none;}
.cp-ban{background:#ecf0f3;padding:1px 0 50px;}

/**/
.yuso{margin:70px auto;justify-content: space-between;align-items: center;}
.yusoa{width:46%;}
.yusoa img{width:100%;}
.yusob{width:46%;}
.yusoba{color:#333333;font-size:30px; background:url("../images/we_line.gif") bottom no-repeat;background-size: 100%;padding-bottom: 30px;margin-bottom:30px;}
.yusobb{line-height:34px;color:#555555;}

/**/
.yout{background:#087ed5;text-align:center;color:#fff;padding:34px 0;max-width:1200px;margin:auto;}
.youta{font-size:30px;font-weight: bold;margin-bottom:7px;}
.youtb{line-height:30px;font-size:16px;}

/**/
.ytso{margin:70px auto;justify-content: space-between;align-items: center;}
.ytsoa{width:46%;}
.ytsoa img{width:100%;}
.ytsob{width:46%;box-sizing:border-box;padding:0 20px 0 40px;}
.ytsoba{color:#333333;font-size:24px; margin-bottom:30px;}
.ytsobb{line-height:30px;color:#555555;}

/**/
.ysot{}
.ysota{border-top:1px solid #ccc;}
.ysota ul{justify-content: space-between;}
.ysota ul li{width:20%;text-align:center;align-items: center;font-size:20px;font-weight: bold;justify-content: center;padding:28px 0;color:#333;cursor: pointer;}
.ysotaa{margin-left:10px;}
.ysotab{}
.ysotab .im2{display:none;}
.ysjj .ysotab .im2{display:block;}
.ysjj .ysotab .im1{display:none;}
.ysota ul li.ysjj{border-top:3px solid #087ed5;color:#087ed5;}

.ysto{overflow: hidden;}
.ysto li{width:100%;justify-content: space-between;align-items: center;background:#f6f6f6;flex-shrink: 0;}
.ysto li .ystoa{width:60%;}
.ysto li .ystoa img{width:100%;}
.ysto li .ystob{width:40%;box-sizing:border-box;padding:0 40px 0 5%;}
.ysto li .ystoba{font-size:24px;font-weight: bold;color:#333;margin-bottom:30px;}
.ysto li .ystobb{color:#333;line-height:30px;}
.ysto li .ystobc{width:130px;line-height:36px;text-align:center;margin-top:30px;}
.ysto li .ystobc a{color:#fff;display:block;border:1px solid #087ed5;background:#087ed5;border-radius: 20px;}
.ysto li .ystobc a:hover{color:#087ed5;border:1px solid #087ed5;background:#fff;}

/**/
.yjo{background:url("../images/y2.png") bottom no-repeat;background-size:100% auto;margin:60px auto 70px;position:relative;}
.yjoa{background:url("../images/y1.png") top no-repeat;background-size:100% auto;padding-top:50px;text-align:center;}
.yjoat{width:85%;margin:auto;position:relative;justify-content: center;}
.yjoat:after{content:'';width:100%;height:1px;background:#e8e8e8;position:absolute;top:50%;}
.yjoaa{padding:0 20px;border-left:1px solid #e8e8e8;border-right:1px solid #e8e8e8;background:#fff;position:relative;z-index:1;}
.yjoaa h4{font-size:30px;font-weight: bold;color:#000;margin-bottom:10px;}
.yjoaa p{font-size:18px;color:#087ed5;}
.yjoj{position:absolute;bottom: 0;right:0;}

.yjs{justify-content: space-between;width:85%;margin:50px auto 0;padding-bottom:80px;}
.yjsa{width:40%;}
.yjsb{width:50%;}
.yjsaa{font-size:18px;color:#000;}
.yjsab{font-size:28px;color:#087ed5;font-weight: bold;border-bottom:1px solid #e8e8e8;display:inline-block;margin:20px 0 20px;padding-bottom:10px;}
.yjsac{color:#444;line-height:30px;}
.yjsad{line-height:35px;color:#087ed5;display: inline-block;margin-top:30px;}
.yjsada{border:2px solid #087ed5;padding:0 20px;}
.yjsada p{font-weight: bold;font-size:22px;}

.yjsb input{border:none; outline: none;background:#e9e9e9;line-height:40px;box-sizing:border-box;padding-left:10px;width:calc(100% - 40px);}
.yjsb span{width:40px;display:inline-block;}
.yjsb textarea{width:calc(100% - 40px);height:100px;border:none;box-sizing:border-box;padding:10px;outline: none;background:#e9e9e9;}
.yjsba{justify-content: space-between;line-height:40px;margin-bottom:10px;}
.yjsba p{width:48%;}
.yjsbb{margin-bottom:10px;}
.yjsbc{margin-top:25px;}
.yjsbc a{display:inline-block;line-height:40px;background:#087ed5;width:135px;text-align:center;color:#fff;margin-left:40px;}



/*产品标题*/
.cp-tit{text-align: center;margin:70px auto 45px;}
.cp-tit p{font-size:36px;color:#000;font-weight: bold;margin-bottom:10px;}
.cp-tit span{display:block;font-size: 18px;color:#333;}
.cp-tit i{display:block;width:100px;margin:auto;position:relative;height:3px;background:#ccc;}
.cp-tit i:after{content:'';width:30px;height:5px;position:absolute;top:-1px;z-index:1;background:#0a6eb7;transform:translateX(-50%);}
.cp-bai{text-align: center;margin:70px auto 45px;}
.cp-bai p{font-size:36px;color:#fff;font-weight: bold;margin-bottom:10px;}
.cp-bai span{display:block;font-size: 18px;color:#fff;}

.cp-img{justify-content: space-between;}
.cp-img img{transition: all 0.5s;}
.cp-img .div{overflow:hidden;}
.cp-img-a{width:48%;flex-shrink:0;position:relative;}
.cp-img-a img{width:100%;}
.cp-img-a-a{position:absolute;bottom:20px;left:5%;}
.cp-img-a-a h4{font-size:22px;color:#000;}
.cp-img-a-a p{font-size:16px;color:#666;text-transform:uppercase;padding:10px 0;}
.cp-img-a-a span{font-size:16px;color:#bbb;}
.cp-img-b{width:46.8%;flex-shrink:0;margin-left:5.2%;}
.cp-img-b-a{margin-bottom:5%;}
.cp-img-b-a img{width:100%;}
.cp-img-b-a ul{}
.cp-img-b-a li{flex-shrink:0;width:48%;position:relative;}
.cp-img-b-a li .cp-img-b-a-a{position:absolute;top:8%;left:30px;z-index:1;}
.cp-img-b-a li .cp-img-b-a-a h4{font-size:24px;color:#000;}
.cp-img-b-a li .cp-img-b-a-a p{font-size:16px;color:#333;margin-top:10px;}
.cp-img-b-a li:nth-child(2){margin-left:4%;}
.cp-img-b-b{position:relative;}
.cp-img-b-b img{width:100%;}
.cp-img-b-b-a{position:absolute;top:50%;left:30px;z-index:1;}
.cp-img-b-b-a h4{font-size:36px;color:#fff;}
.cp-img-b-b-a p{font-size:16px;color:#fff;margin-top:10px;}
.cp-img-a:hover img,.cp-img-b-a li:hover img,.cp-img-b-b:hover img{transform: scale(1.1)}

/*第二套产品*/
.cp-er{}
.cp-er ul{flex-wrap: wrap;margin-right:-2%;}
.cp-er ul li{background:#fff;box-sizing:border-box;flex-shrinK:0;width:31.3333%;margin-right:2%;margin-bottom:15px;transition:all 0.3s;}
.cp-er ul li img{width:100%;}
.cp-er ul li p{font-size:15px;padding:20px 0;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;text-align:center;background:#f8f8f8;}
.cp-er ul li span{color:#888;font-size:14px;}
.cp-er ul li:hover{box-shadow: 0 0 20px #ccc;}
.cp-er ul li:hover p{color:#087ed5;}

/*gg*/
.guang{text-align:center;margin:62px auto 50px;}
.guang p{font-size:30px;color:#424242;}
.guang span{font-size: 16px;color:#666;margin-top:13px;display:block;}
.guangimg img{width:100%;}
.guangimg .img2{display:none;}

/*gy*/
#about{}
.about{max-width:1200px;width:96%;flex-wrap: wrap;align-items: center;margin:auto;background:#087ed5;}
.about-a{width:50%;flex-shrink: 0;}
.about-ab{font-size: 22px;color: #fff;margin-bottom: 40px;line-height: 34px;}
.about-ad{position:relative;}
.about-ad img{width:100%;position:relative;z-index:1;}

.abouttex{flex-shrink:0;width:50%;box-sizing:border-box;padding:0 30px 0 6%;}
.abouttex-a{font-size:14px;line-height:30px;color:#fff;}
.abouttex-b{overflow: hidden;margin-top:6%;}
.abouttex-b li{width:31%;float:left;}
.abouttex-b li p{font-size:15px;color:#525252;padding-bottom:10px;}
.abouttex-b li span{font-size:48px; color:#7b7b7b;}
.abouttex-b li i{font-size:14px;font-style: normal;color:#7b7b7b;}
.abouttex-c{margin-top:40px;}
.abouttex-c a{display:inline-block;padding:12px 40px;color:#fff;border:1px solid #fff;}
.abouttex-c a:hover{background: #fff;color:#087ed5;}

/**行业*/
.apl{background:#087ed5;padding:1px 0 80px;}
.aplle{}
.aplle ul{}
.aplle li{box-sizing:border-box;text-align:center;transition: all 0.3s;}
.aplle li .apimg{overflow:hidden;}
.aplle li .apimg img{width:100%;transition:all 0.3s;}
.aplle li .apa{padding:20px 20px 40px;box-sizing:border-box;}
.aplle li .apaa{font-size:16px;line-height:24px;}
.aplle li .apab{width:50px;height:2px;background:#087ed5;margin:20px auto;}
.aplle li .apac{color:#666666;line-height:24px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}
.aplle li:hover .apaa{color:#fff;}
.aplle li:hover .apab{background:#fff;}
.aplle li:hover .apac{color:#fff;}
.aplle li:hover .apimg img{transform: scale(1.1);}

.aplle .owl-stage{}
.owl-item{background:#fff;}
.aplle .owl-item:hover {background:#0a6eb7;}

/*xw*/
.newskun{padding:0px 0 80px;}
.news{justify-content: space-between;}
.dy{overflow:hidden; width:48%;}
.dyt{justify-content: space-between;border-bottom:1px solid #ccc;padding-bottom:10px;margin-bottom:30px;align-items: center;}
.dyta{align-items: center;color:#555555;font-size:24px;}
.dyta span{display:inline-block;margin-left:10px;}
.dyt a{ display:block; color:#777777;position:relative;}
.dyt a:hover{color:#087ed5;}


.dy1 dl{overflow:hidden;margin-bottom: 20px;}
.dy1 dt{overflow:hidden;}
.dy1 dt img{ display:block; -webkit-transition: 1s;-moz-transition: 1s;transition: 1s;width:100%;}
.dy1 dt a:hover img{-webkit-transform:scale(1.1,1.1);
    -moz-transform:scale(1.1,1.1);
    -transform:scale(1.1,1.1);}
.dy1 dd h3 a{ display:block; font:18px "Microsoft YaHei"; line-height:30px; height:30px; margin:19px 0 8px; overflow:hidden; color:#000;}
.dy1 dd p{ font:14px "Microsoft YaHei"; line-height:24px; color:#666; height:48px; overflow:hidden;}
.dy1 li{ font:14px "Microsoft YaHei"; line-height:36px; color:#666666; background:url(../images/ly_li.png) no-repeat left center; padding-left:15px;overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;}
.dy1 li a{ display:block; color:#666666;}
.dy1 li a span{float:right;}
.dy1 dd h3 a:hover,.dy1 li a:hover,.faq li a:hover{ color:#087ed5;}

.faq{overflow:hidden;width:48%}
.faq dl{ border-bottom:1px solid #d6d6d6; margin-bottom:18px;padding-bottom: 30px;}
.faq dt{ font:18px "Microsoft YaHei"; line-height:30px; overflow:hidden;}
.faq dt a{ display:block; color:#333;}
.faq dt em{ display:block; width:80px; height:30px; font:16px "Microsoft YaHei"; line-height:30px; text-align:center; background:#087ed5; color:#fff; float:left; margin-right:9px;}
.faq dd{ font:14px "Microsoft YaHei"; line-height:28px; color:#666; margin-top:16px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}
.faq dd a{ color:#087ed5; display:block;}
.faq li{ font:14px "Microsoft YaHei"; line-height:37px;  overflow:hidden;}
.faq li a{ display:block; color:#666; background:url(../images/new_arr.png) no-repeat right center;}
.faq li a span{float:right;margin-right:25px;}
.faq li em{ float:right; color:#999;}
.faq li a:hover{ background:url(../images/faq_arr2.png) no-repeat right center; text-decoration:underline;}
.faq h5{ background:#087ed5;  overflow:hidden; margin-top:25px;}
.faq h5 a{justify-content: space-between;align-items: center;}
.faq h5 img{ display:block; float:left;width:70%;}
.faq h5 span{ display:block;text-align:center; font-size:18px ; color:#fff;width:30%;}
.faq h5 span em{ display:block;}


/*底部*/
.font{background:#333;}
.fon{padding:30px 0;display:flex;flex-wrap:wrap;border-bottom:1px solid #444;}
.fon a{display:inline-block;margin-right:20px;color:#999;}
.fon a:hover{color:#fff}
.fon p{font-size:15px;color:#fff;}
.fou{overflow:hidden;padding-top:40px;}
.fou li:nth-child(1){width:40%;float:left;font-size:0;}
.fou h4{font-size:18px;color:#fff;margin-bottom:30px;line-height:30px;}
.fou li:nth-child(1) p{line-height:36px;display:inline-block; vertical-align: middle;width:50%;font-size:14px;}
.fou li a{color:#999;}
.fou li:nth-child(2){color:#999;line-height:30px;float:left;width:40%;}
.fou li:nth-child(3){width:20%;float:right;font-size:0;text-align: right;}
.fou li:nth-child(3) p{display:inline-block;vertical-align: top;box-sizing:border-box;padding-right:15px;color:#999;line-height:30px;font-size:14px;}
.fou li:nth-child(3) img{width:100%;max-width:150px;}
.fou li a:hover{color:#fff;}
.fot{text-align:center;font-size:14px;color:#a5a5a5;padding:25px 0;background:#222;margin-top:50px;}


/******************************************************/
.i-tisa,.i-tisaa ul,.i-ban,.i-ron ul,.fdi,.fdt p,.fdg,.i-pros,.n-contact,.n-news,.n-newsaa,.n-nes li,.nyxqnews_leftpage,.n-nes li .n-neba{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-o-flex;display:-ms-flexbox;display:flex;}
.i-ban{height:300px;}
.i-ban-a{display:table-cell; vertical-align: middle;font-weight: bold;}
.i-ban-a p{color:#fff;font-size:44px;display:inline-block;letter-spacing: 3px;margin-bottom:10px;}
.i-ban-a span{font-size:24px;display:block;color:#fff;}

.i-tisi{border-bottom:1px solid #eee;background: #f9f9f9;}
.i-tisa{justify-content: space-between;align-items: center;}
.i-tisaa{}
.i-tisaa ul{}
.i-tisaa li{line-height:60px;}
.i-tisaa a{display:block;border-right:1px solid #eee;padding:0 40px;font-size:16px;}
.i-tisaa li.os a{background:#008ced;color:#fff;}
.i-tisaa li:hover a{background:#008ced;color:#fff;}
.i-tisab{font-size:0;line-height: 60px;}
.i-tisab img{display:inline-block;vertical-align: middle;margin-right:10px;}
.i-tisab p{font-size:14px;display:inline-block;vertical-align: middle;margin-right:10px;}
.i-tisab p a{margin-right:5px;color:#6C6C6C;}
.i-tisab span{display:inline-block;vertical-align: middle;font-size:14px;}


/*关于我们*/
.i-about{background:rgba(252,252,252,1);padding:50px 0 80px;}
.i-aboutb{font-size:16px;line-height:2;color: rgba(102,102,102,1);}
.i-aboutb img{max-width:100%;}

.i-ron{margin:40px auto;}
.i-ron ul{margin-left: -5%;flex-wrap:wrap;}
.i-ron li{width:20%;margin:0 0 10px 5%;text-align:center;transition:all 0.3s;}
.i-ron img{width:100%;}
.i-ron li p{padding:10px 0;}
.i-ron li:hover{box-shadow: 0 0 10px #ccc;}

/*产品*/
.bls{display:flex;justify-content: space-between;margin:20px auto 10px;}
.blk-xs {width: 240px;}
.blk {margin-bottom: 20px;}

.fdh-01-tit {background: #087ed5;}
.fdh-01-tit h3 {height: 75px;font-size: 24px;font-weight: normal;line-height: 75px;color: #fff;border-bottom: 1px solid #fff;text-align: center;}
.fdh-01-tit h3 span {font-size: 14px;text-transform: uppercase;}
.fdh-01-nav dl h3{line-height: 50px;background:#ececeb;margin-bottom: 2px;}
.fdh-01-nav dl h3 a{display: block;font-size: 16px;font-weight: normal;margin-right: 20px;margin-left: 20px;color: #666666;overflow: hidden;}
.fdh-01-nav dl .nst h3 a{color: #087ed5;}
.fdh-01-nav ul{display:none;}
.fdh-01-nav ul li{box-sizing:border-box;padding-left:20px;position:relative;}
.fdh-01-nav ul li:after{content: '';background:url("../images/ico04.gif") center no-repeat;position:absolute;top:50%;left:0;transform: translateY(-50%);width:10px;height: 10px;}
.fdh-01-nav ul li a{display:block;line-height:40px;}
.fdh-01-nav ul li:hover{background:#ccc;}
.fdh-01-nav ul li:hover a{color:#087ed5;}
.fdh-01-nav dl .nst ul{display:block;}
.fdh-01-nav dd:hover h3 a{color:#087ed5}
.fdi{align-items: center;color:#888;}
.fdi a{display:inline-block;margin:0 10px;color:#666;}
.fdi span{display:inline-block;margin-left:10px;}
.fdt{font-size:22px;color:#087ed5;}
.fdt p{align-items:center;}
.fdt p:before{content: '';width:5px;height: 22px;background:#087ed5;display:inline-block;margin-right:10px;}
.fdg{justify-content:space-between;padding-bottom:15px;border-bottom:1px solid #e9e9e9;margin-bottom:20px;}


.cbgg-01 {background: #087ed5;text-align: center;color: #fff; margin-bottom:50px;}
.cbgg-01-img img {width: 100%;display: block;}
.cbgg-01 p {padding-top: 15px;}
.cbgg-01 p img {vertical-align: middle;margin-right: 5px;}
.cbgg-01 span {display: block;font-size: 28px;font-weight: bold;font-family: Arial;padding-bottom: 20px;padding-top: 10px;}

.blk-sm{width:calc(100% - 280px);margin-bottom:40px;}
.i-pxt{overflow:hidden;}
.i-pxt ul{margin-right:-2%}
.i-pxt li{text-align:center;box-sizing: border-box;border:1px solid #eee;width:31.333%;float:left;margin:0 2% 20px 0;}
.i-pxt .img img{width:100%;}
.i-pxt .tex{padding:15px 0;background:#f8f8f8;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.i-pxt li:hover .tex{background:#087ed5;color:#fff;}
.i-pxt li:hover{border:1px solid #087ed5;}

.i-pros{margin:auto;justify-content: space-between;background:#fff;box-sizing:border-box;}
.i-pra{width:50%;}
.i-prb{width:40%;margin-top:20px;}
.i-prba{font-size:24px;font-weight: bold;margin-bottom: 20px;border-bottom:1px dashed #ccc;padding-bottom:10px;color: #087ed5;}
.i-prbb{line-height:30px;font-size:16px;color:#555;}
.i-prbc{margin-top:30px;}
.i-prbc a{font-size:14px;padding:13px 40px;font-weight: bold;display:inline-block;color:#fff;background:#087ed5;}
.i-prbc a:hover{background:#000;color:#fff;}
.i-prbd{font-size: 18px;color: #087ed5;font-weight: bold;margin:30px 0 10px;}
.i-prbd i{font-style:normal;}
.i-prbd p{display:inline-block;}

.cpxq_l{width:100%;}
.cpxq_l_t{width:100%; background:#fff}
.cpxq_l_t img{width:100%;}
.cpxq_l_b{width:100%; overflow:hidden; margin-top:10px; padding:0 20px; position:relative;}
.cpxq_l_b a.prev,.cpxq_l_b a.next{display:block;width:12px;height:21px; margin-top:-10px; position:absolute;top:50%;left:0;background:url(../images/anu.png) no-repeat;overflow:hidden;cursor:pointer;transition:all 0s linear;}
.cpxq_l_b a.prev:hover{background-position:0 -21px;}
.cpxq_l_b a.next{left:auto;right:0;background-position:0 -42px;}
.cpxq_l_b a.next:hover{background-position:0 -63px;}
.cpxq_l_b .cpxq_l_b_kj{position:relative; width:100%; overflow:hidden;}
.cpxq_l_b .cpxq_l_b_kj ul{width:100%; font-size:0px; white-space:nowrap; position:absolute; z-index:10;}
.cpxq_l_b .cpxq_l_b_kj ul li{display:inline-block;  width:20%; cursor:pointer;}
.cpxq_l_b .cpxq_l_b_kj ul li img{border:2px #fff solid;width:100%;box-sizing:border-box;}
.cpxq_l_b .cpxq_l_b_kj ul li a{display:block;}

dl.op{width:100%; font-size:0px; white-space:nowrap; opacity:0;}
dl.op dd{display:inline-block;  width:20%; cursor:pointer;}
dl.op dd img{border:2px #fff solid;width:100%;}
dl.op dd a{display:block;}

.i-pst{box-sizing:border-box;margin:auto ;}
.i-pstzuo{width:30%;}
.i-pstyou{width:70%;}
.i-psta{font-size:16px;margin:60px auto 30px;background:#eee;border-bottom:3px solid #d3d2d2;padding:15px 20px;font-weight: bold;}
.i-pstb{overflow:hidden;line-height:30px;color:#555;}
.i-pstb img{max-width:100%;}


/*联系我们*/
.n-contact{margin:60px auto 40px;justify-content: space-between;background: #fafafa;}
.n-conta{width:55%;}
.n-conct{overflow:hidden;position:relative;box-sizing:border-box;padding:40px 80px;width:45%;}
.n-conct-a{display: inline-block;position: absolute;top: 50%;left: -20px;font-size: 9.2em;line-height: 0.8em;font-weight: 900;text-transform: Uppercase;transform: rotate(90deg) translate(-50%,0%);transform-origin: 0% 100%;opacity: 0.03;}
#map_container{height:500px;}

.n-conct-b{margin: 50px 0 20px;font-weight: 900;color: #008ced;font-size: 22px;}
.n-conct-b p{width:50px;height:2px;background:#087ed5;margin-top:20px;}
.n-conct-c{font-size:14px;line-height:30px;}

.n-costj{background:#f9f9f9;padding:1px 0;}
.n-cos{font-size:22px;border-bottom:1px dashed #ccc;font-weight: bold;padding-top: 40px;}
.n-cos p{display:inline-block;padding-bottom:10px;position:relative;}
.n-cos p:after{content:'';position:absolute;bottom:-1px;left:0;width:50px;height:3px;background:#087ed5;}
.fes{margin:20px auto 0;padding-bottom:60px;}
.fes ul{justify-content: space-between;margin-bottom:20px;display: flex;}
.fes ul li{width:31%;}
.fes p{line-height:36px;}
.fes input{line-height:50px;height:50px;border:1px solid #ccc;box-sizing:border-box;padding:0 10px;width:100%;}
.fes textarea{height:250px;width:100%;box-sizing:border-box;padding:10px;border:1px solid #ccc;}
.fes a{display:block;color:#333;width:150px;text-align:center;line-height:40px;margin:20px auto 0px;border-radius: 25px;border:1px solid #ccc;}
.fes a:hover{background:#087ed5;color:#fff;}

/*新闻*/
.n-nw{max-width:1200px;background:#fff;box-sizing:border-box;padding:30px;margin:40px auto;}
.n-news{justify-content: space-between;margin-bottom:40px;align-items: center;}
.n-newsa{width:60%;}
.n-newsb{width:30%;}
.n-newsb img{width:100%;display:block;}
.n-newsb a{display:block;}
.n-newsaa{justify-content: space-between;}
.n-newsaa span{display:inline-block;border:1px solid #087ed5;color:#087ed5;padding:5px 20px;font-weight: bold;}
.n-newsaa a{display:block;width:calc(100% - 100px);overflow: hidden;text-overflow:ellipsis;white-space: nowrap;font-size:20px;}
.n-newsaa a:hover{color:#087ed5;}
.n-newsab{line-height:28px;color:#666;margin:20px auto;}
.n-newsac{font-size:16px;}
.n-newsac a:hover{color:#087ed5;}

.n-nes{}
.n-nes li{justify-content:space-between;align-items: center;box-sizing:border-box;padding:20px;border:1px solid #eee;border-bottom:0;transition: all 0.2s;}
.n-nes li:last-child{border-bottom:1px solid #eee;}
.n-nes li .n-nea{width:23%;}
.n-nes li .n-nea img{display:block;width:100%;}
.n-nes li .n-neb{width:72%;}
.n-nes li .n-neba{font-size:18px;margin-bottom:10px;justify-content: space-between;}
.n-nes li .n-neba a{width:70%;}
.n-nes li .n-neba span{color:#888;font-size:14px;font-weight: normal;}
.n-nes li .n-nebb{line-height:26px;color:#666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.n-nes li .n-nebc{margin-top:20px;}
.n-nes li .n-nebc a{display:inline-block;border:1px solid #087ed5;padding:7px 30px;color:#087ed5;}
.n-nes li .n-nebc a:hover{background:#087ed5;color:#fff;}
.n-nes li .n-neba:hover a{color:#087ed5;}
.n-nes li:hover{box-shadow: 0 0 10px #ccc;}

.news-nos{overflow:hidden;margin:30px auto 40px;}
.news_lefttit{ border-bottom:1px solid #e7e7e7; padding-bottom:35px;overflow: hidden;text-align: center;}
.news_lefttit h1{ font-size:22px; font-weight:normal; line-height:30px;margin-bottom:15px; color:#333;}
.news_lefttit span{ border-left:1px dotted #b6b6b6; color:#999; line-height:14px; padding:0 10px;}

.nyzx{ margin-top:10px;}

.nyxqnews_left{ overflow:hidden;box-sizing:border-box;margin: 40px auto;flex-wrap:wrap;}
.nyxqnews_leftcont{ margin-top:20px; line-height:28px; color:#777;}
.nyxqnews_leftcont img{max-width:100%;}
.nyxqnews_leftpage{ margin-top:20px; border-top:1px solid #e7e7e7; line-height:70px;overflow: hidden;}
.nyxqnews_leftup{width:48%; overflow:hidden;text-overflow:ellipsis;white-space: nowrap;box-sizing:border-box;}
.nyxqnews_leftdown{text-align:right; width:48%; box-sizing:border-box;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}

.nyxqnews_leftpage a:hover{color:#087ed5}