body{color: #262626; font-family:"微软雅黑";}
a{color:#262626}
a:hover{color:#1168df}
a:visited{color:#262626}
a:active,a:focus,a:hover{color:#1168df}

 #topnav{ width:100%; float: left; height:0px; }  
 .tb{ width:100%; float:left}
.tbyc{ width:100%; float:left; text-align:right } 
.tbyc a{ line-height:22px;  } 

@media only screen and (max-width:1024px) { 
 #topnav{ display:none}
}

.header{ height: 144px; background: #fff; overflow:hidden; }
/* LOGO */
.logo{height: 144px; text-align: center; margin: 0 auto; align-items:initial;}
.logo a{ display: inline-block; line-height: 0;}
.logo img{ width:59%}
.logo2{ display:none}
.logo3{ display:none}

.htel{ height: 144px; font-size:36px; font-family: impact;}
.htel a{ color: #1168df;}
.htel a i{ font-size: 34px;}

.fix-head{ height: 108px; position: fixed; top: 0; left: 0; width: 100%; z-index: 10000; box-shadow: #ddd 0 0 10px;}
.fix-head .logo,.fix-head .htel{ height: 108px;}


.wapNavBtn{display:none;line-height: 60px; height:60px; width:60px;font-size: 2rem; z-index:1000000; float: right; background: #1168df; width: 60px;}
.wapNavBtn:before{color: #d11734;font-weight: bold;}
.wapNavBtn.on:before{}


.wapNavBtn span{ display:block; right:0; width:65%; background:#fff; height:3px; top:calc((100% - 50px) / 2);transition: all 0.4s; position: relative; margin:0 auto; border-radius: 3px;}
.wapNavBtn span:nth-child(1){animation: outfirst 0.5s; transform: translateY(15px) rotate(0); }
.wapNavBtn span:nth-child(2){animation: outlast 0.5s; transform: translateY(21px) rotate(0); }
.wapNavBtn span:nth-child(3){animation: outlast 0.5s; transform: translateY(27px) rotate(0); }

.wapNavBtn.on span{ background:#1168df; z-index: 100000; }
.wapNavBtn.on span:nth-child(1){transform: translateY(25px) rotate(45deg); }
.wapNavBtn.on span:nth-child(2){transform: translateX(0) rotate(0); display:none;}
.wapNavBtn.on span:nth-child(3){transform: translateY(23px) rotate(-45deg);}

.header .span-2{ width:26%; float:left;transition:.2s width ease;} 
.header .span-8{ width:58%; float:left;transition:.2s width ease;}
.header .span-2-bot{ width:15%; float:left;transition:.2s width ease;}
/* 导航-1 */
.nav_bg{position:relative;height: 57px;}
.navBox{width:100%;}
.navBox ul.navCont{}
.navBox ul.navCont li.child{float:left; width:11%; text-align:center; position: relative;}
.navBox ul.navCont li.child a{display: block;color:#373737; font-size:18px; text-transform:uppercase; line-height: 144px; position: relative;}
.navBox ul.navCont li.child a:after{ content: ""; height: 3px; background: #1168df; width: 0; display: block; position: absolute; left: 0; right: 0; bottom: 0; margin:0 auto; opacity: 0;}
.navBox ul.navCont li.child a span{ position: relative; z-index: 2;}
.navBox ul.navCont li.child i{ display: none;}
.navBox ul.navCont li.child a:hover{ color: #1168df;}
.navBox ul.navCont li.child a:hover::after,.navBox ul.navCont li.cur a:after{ opacity: 1; width: 90%;}

.navBox ul.navCont li.child.cur a{ width:100%; color: #1168df;}
.navBox ul.navCont li.child.cur a:after{ opacity: 1; left: 0;}
.navBox ul.navCont li.child.last a{border-right: 0px}

.fix-head .navBox ul.navCont li.child a{ line-height: 9rem;}

@media only screen and (max-width:1550px) { 
.logo img{ width:75%}
.navBox ul.navCont li.child a{ font-size:16px}
.htel{ font-size:30px;}
}
@media only screen and (max-width:1200px) { 
.header .span-2{ width:29%; }
.header .span-8{ width:69%; }
.header .span-2-bot{ display:none}
}

@media only screen and (max-width:1024px) { 
.header,.logo,.fix-head,.fix-head .logo{ height: 104px;}
.logo a{ height: 100%;}
.navBox ul.navCont li.child a{ line-height: 94px; font-size:14px}
.logo img{ width:75%; padding-top:20px}
.ibanner{ height: 500px;}
.ibanner .bfont span{ font-size: 5rem;} 

}

@media only screen and (max-width:900px) { 
.navBoxno{ display:none}
.navBox ul.navCont li.child{ width:14%; }
.navBox ul.navCont li.child a{ line-height:7rem}
}

@media only screen and (max-width:768px) { 
.header,.logo,.fix-head,.fix-head .logo{ height:8rem;}
.header .span-2{ width:85%}
.header .span-8{ width:14%; float:right}
.logo1{ display:none;} 
.logo3{ display: block;} 
.logo img{ width:55%}
.navBox ul.navCont li.child a,.fix-head .navBox ul.navCont li.child a{ line-height: 50px;}


.wapNavBtn{ display: block; margin-top:20px; height: 50px;}
.wapNavBtn span{height:2px; }

.navBox{display: none; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 999;}
.navBox ul.navCont{position: absolute; width: 92%; height:80%; top: 0px; bottom: 0px; left: 0px; right: 0px; margin: auto; border: none; overflow-y: auto; overflow-x: hidden;}
.navBox ul.navCont li.child{ width:100%; line-height:50px; height:auto; padding: 0; text-align: left;}
.navBox ul.navCont li.child i{ display: inline-block; color: #fff; position: absolute; right: 0; top: 0;}
.navBox ul.navCont li.child a{color: #fff; line-height:50px; display: inline-block; font-size: 16px;}
.navBox ul.navCont li.child a:after{ display: none;}
.navBox ul.navCont li.child a span{width: auto;}
.navBox{ background: #000;}
.navBox ul.navCont li.child .childcont{ position: relative; width: 100%; text-align: left; padding: 10px 0;}
.navBox ul.navCont li.child .childcont li{ line-height: 36px;}
.navBox ul.navCont li.child .childcont a{ padding: 0 10%; line-height: 36px;}
.navBoxno{ display: inline}
}
@media only screen and (max-width:600px) { 
.logo img{ width:66%}
}
@media only screen and (max-width:500px) { 
.logo img{ width:79%}
}
@media only screen and (max-width:414px) { 
.header,.logo,.fix-head,.fix-head .logo{ height:7rem;}
.logo img{ width:90%; padding-top:10px}
.wapNavBtn{ margin-top:10px; width:40px}
}
@media only screen and (max-width:350px) { 
.wapNavBtn{ width:35px;}
}
@media only screen and (max-width:300px) { 
.header,.logo,.fix-head,.fix-head .logo{ height: auto;;}
.header .span-8{ display:none}
.header .span-2{ width:100%}
.logo{ text-align:center; width:100%}
.logo img{ width:90%; padding:4% 1%; margin: 0 auto}
}

/*二级*/
.navBox ul.navCont li.child .childcont{position:absolute;top:100%; left: 0; right: 0; z-index:999;display:none;width:90%; background:#1168df; padding: 10px 0; text-align: center; margin: 0 auto;}
.navBox ul.navCont li.child .childcont li{ width: 100%; display: block;}
.navBox ul.navCont li.child .childcont a{line-height: 40px; color:#fff; background: no-repeat; height: auto; margin: 0; font-size: 16px;}
.navBox ul.navCont li.child .childcont a:before,.navBox ul.navCont li.child .childcont a:after{ display: none;}
.navBox ul.navCont li.child .childcont a:hover{ color:#cb9e48; text-decoration:none;}

/*底部*/
.footer{ background: #151515; color: #fff; padding: 3% 0 0; line-height:30px; position: relative; font-size: 14px;}
.footer a{ color: #fff; }
.footer a:hover{ color: #fff;} 
.footer .flink{ line-height: 30px;}
.footer .fpad{ padding: 0 4%;}
 
.footer .ftit{ font-size:24px; font-weight: bold; border-bottom: 1px solid #2d2d2d;padding-bottom:30px; margin-bottom:30px; }

.fcont p{ line-height:45px;}
.fcont span{ display: block; color: #fff; font-size: 16px; margin: 0;}
.fcont a{ margin: 0 5%;}
.fcont p i{ width: 30px; height: 30px; border-radius: 30px; text-align: center; line-height: 30px; background: rgba(69,69,69,0.8); display: inline-block; vertical-align: middle; margin-right: 10px;}

.fcoy{border-top: 1px solid #2d2d2d; padding:3% 0;}
.fcoy p{ color: #959595;}

.fwx{ text-align: center;}
.fwx img{ margin: 0 1%; width: 48%;}
.fwx span{ width: 45%; display: inline-block; margin: 0;}

.footer .span-4{ width:24%; float:left;}
.footer .span-5{ width:26%; float:left;}
.footer .span-3{ width:13%; float:left;}
.footer .span-4 .flogo{ }
.footer .span-4 .flogo img{ width:76%; margin:2% 0% 0% 0%;}
.footdivli{ width:20%; float:left;}
.footdivli li{ width:48%; margin:0% 1% 0% 1%; float:left; line-height:30px;}   
.footdivul{ width:11%; float: right; padding:50px 0% 0% 0%; }
.footdivul li{width:100%; text-align: center; float:left; } 
.footdivul li img{ width:67%;  border:7px #fff solid} 
.footdivul h2{width:100%; line-height:50px; color:#FFFFFF; }  
.footdivul p{ width:100%; display:block; line-height:30px; text-align:center} 
.footdivul p strong{ padding-left:10px; font-weight:normal}  

.footer .span-3 li{line-height:30px; width:100%;}
.footer .span-3 li a{ }
.foot-info{}
.footbot{ color:#959595; line-height:30px;}
.footbot a{ color:#959595}
.copyright{}
.copyright p{ display:inline; float:right}
.copyrightno{}
@media only screen and (max-width:1200px) { 
.footdivul{ display:none}
.footer .span-5{ width:37%; }
.footdivli{ width:25%; }
.footer .ftit{ font-size:20px}
}
@media only screen and (max-width:1024px) { 
.copyright{ padding:0% 0% 3% 0%}
.footer .ftit{ font-size:18px; padding-bottom:20px; margin-bottom:20px}
}
@media only screen and (max-width:768px) { 
 
.footer{ padding:3% 0% 80px 0%;}
.footbot{ padding:0% 0% 0px 0%}
.fcont{ margin:1%; line-height: 30px;}
.fwx img{ width: 42%;}
.fcont p{line-height:35px;}
.fnav{ line-height: 30px;}
.footer .ftit{ padding-bottom:10px;}
.footer .span-4 .flogo{ text-align:center}
.footer .span-4 .flogo img{ margin-top:0%; width:57%}
 
.footer .span-4{ width:100%;}
.footer .span-5{ width:100%;}
.footer .span-3{ width:100%;} 
.footdivli{ width:100%;}
.copyright{ text-align:center} 
.copyright p{ display: block; float: none; margin: 0 auto}
.copyright strong{ display:none}
.copyrightno{ display:none}
.footer .span-3 li{ width:31.3%; margin:0% 1% 1% 1%; background:#666666; height:40px; line-height:40px;  text-align:center; float:left; overflow:hidden} 
.footdivli li{ width:31.3%; margin:0% 1% 1% 1%; background:#666666; height:40px; line-height:40px;  text-align:center} 
}
@media only screen and (max-width:450px) { 
.footer{ padding:3% 0% 90px 0%;}
}


/*翻页*/
.pager{text-align: right;font-size: 14px; color: #8B8B8B;}
.pager a,.pager span{ width:30px; height: 30px; line-height:30px; display: inline-block;margin:0 2px; color: #8B8B8B; text-align: center; border: 1px solid #dbdbdb; background: #ffffff; }
.pager span.current,.pager a:hover,.pager a.on{ background:#1168df;color:#fff;}
.pager a.on{background: #1168df; color: #fff;}
.pager span.sfont{ width: auto; margin-left: 10px;}
.pager input{width: 50px;height: 50px;border: 1px solid #A5A5A5; line-height:50px; text-align: center;}

/*文章列表*/
.nlist li{ border-bottom: 1px solid #ddd; padding: 1.5rem 0; clear: both; overflow: hidden; line-height: 3rem;}
.nlist li a{ display: block; float: left; width: 80%; font-size: 1.6rem; background: url(/template/NEST01066/js/../img/sdot.png) no-repeat 0 center; padding-left: 2rem;}
.nlist li span{ float: right; color: #a3a3a3; font-weight: normal; font-size: 14px;}
.nlist li p{ color: #666; clear: both; padding-top: 0.5rem;}

.nlist-2 li{ background: #f5f5f5; padding: 0 3rem 0 5rem; line-height: 5.4rem; margin-bottom: 1.2rem; position: relative; clear:both; overflow: hidden;}
.nlist-2 li:before{ content: "A"; color: #fff; width: 3.4rem; height: 3.4rem; text-align: center; line-height: 3.4rem; text-align: center; display: block; position: absolute; left: 0; top: 0; bottom: 0; margin: auto 0;background-image:linear-gradient(-300deg,#045098,#1469ba) ; border-radius: 1rem 0 1rem 0;}
.nlist-2 li a{ display: block; width: 80%; font-weight: bold; font-size:16px; float: left;}
.nlist-2 li .navContent{ display: none; clear: both; overflow: hidden;}
.nlist-2 li .show{ display: block;}
.nlist-2 li i{ float: right; display: block; cursor: pointer; font-size: 3rem; color: #959595;}
.nlist-2 li i:after{ content: "\e628";font-family: "iconfont" !important;}
.nlist-2 li i.open::after{ content: "\e702";}
.nlist-2 li p{ line-height: 26px; margin-bottom: 2rem; color: #999;}
/*搜索*/
.search{}
.ys-input{ border: 1px solid #ddd; height: 4.8rem; line-height: 4.8rem; box-sizing: border-box; width: 70%; padding: 0 2%; float: left;}
.ys-btn{ background: #034e96; color: #fff; width: 30%; text-align: center; line-height: 4.8rem; height: 4.8rem; border: 0;}

/*选项卡*/
.tablist { margin-bottom: 0.4rem;}
.tablist .tlist{ display:none; position: relative; clear: both; overflow: hidden; padding: 0 4%; text-align: center;}
.tablist .active{ display:block;}

.tabs{line-height:26px;}
.tabs a{color: #333; }
.tabs a:hover,.tabs .active a{ }
.tabs a:hover span,.tabs .active a span{}

a.more{display: inline-block; line-height: 4rem; padding: 0 6%; color: #fff; border: 1px solid #fff; }
a.more i{ background: url(/template/NEST01066/js/../img/dot_m.png) no-repeat center center; width: 4.2rem; height: 1rem; display: inline-block; margin-left: 1rem; background-size:cover ;}
a.more:hover{ border-radius: 5rem;}

a.more-2{ background: #f89e1d; line-height: 5rem; font-size: 2.2rem;}
a.more-3{ display: inline-block; border-bottom: 1px solid #999; color: #666;}
a.more-3:hover{ color: #1168df; border-bottom-color: #1168df;}


.pc-call{position:fixed;bottom:10%;right:0;width:50px;z-index: 1000;}
.pc-call li{ width: 50px; height: 50px; background-image: linear-gradient(-220deg,#ff9e1d,#ff9e1d); margin-bottom: 2px; border-radius: 10px 0 0 10px; position: relative; line-height: 50px; right: 0;}
.pc-call li a{ color: #fff;}
.pc-call .pc-Top{ background: #cbcbcb; text-align: center; color: #fff; font-size: 20px; font-family: impact; cursor: pointer; position: relative;}
.pc-call .pc-Top:before{ content: ""; background: url(/template/NEST01066/js/../images/pointer.png) no-repeat; width: 10px; height: 5px; position: absolute; top: -5px; left: 0; right: 0; margin: 0 auto;}
.pc-call .pc-font{}
.pc-call .pc-font span{display: block; line-height: 20px; text-align: center; padding-top: 6px;}
.pc-call .pc-icon i{ display: inline-block;}
.pc-call .pc-icon .qq{ display: inline-block; background: url(/template/NEST01066/js/../images//template/NEST01066/js/QQ.png) no-repeat center center; background-size:70% ; width: 100%; height: 100%;}
.pc-call .pc-tel a{ background-image: linear-gradient(-220deg,#ff9e1d,#ff9e1d); margin-bottom: 2px; border-radius: 10px 0 0 10px; display: block; position: absolute; right: 0; top: 0; width: 100%; height: 100%; overflow: hidden;}
.pc-call .pc-tel .tel{ display: inline-block; background: url(/template/NEST01066/js/../images//template/NEST01066/js/tel.png) no-repeat center center; width: 50px; height: 100%; vertical-align: middle; background-size:70% ;}
.pc-call .pc-tel span{ display: inline-block; color: #fff; vertical-align: middle; font-size: 16px;}
.pc-call .pc-tel:hover a{ width: 190px;}
.pc-call .pc-code .code{ display: inline-block; background: url(/template/NEST01066/js/../images//template/NEST01066/js/code.png) no-repeat center center; width: 100%; height: 100%; background-size:70% ;}
.pc-call .pc-code .code-img{position: absolute; right: 0; bottom: 0; width: 150px; height: 150px; display: none; transition: all 0.5s;}
.pc-call .pc-code .code-img img{ width:90%; padding:5%; background:#FFFFFF}
.pc-call .pc-code:hover .code-img{ display: block; right: 60px; transition: all 0.5s;}
@media only screen and (max-width:768px) {
.pc-call{ display:none} 
}

.vipb{ position:absolute; bottom:3px; right:5px; height:30px; background:url(/template/NEST01066/js/../images/vip.png) no-repeat center right; padding-right:68px; font-size:20px; color:#e7b144; line-height:35px; text-align:right; font-weight:bold}
.vipb a{ color:#eec162} 
@media only screen and (max-width:768px) {
.vipb{bottom:85px;}
}

#mob-call {position: fixed;bottom: 0;height: 65px;width: 100%; left: 0; z-index: 1000; display:none}
#mob-call li {display: block; text-align: center;}
#mob-call li i{ display: inline-block; width: 100%; height: 70px; background: url(/template/NEST01066/js/QQ.png) no-repeat center center; background-size: auto 90%; margin-top: 5px;}
#mob-call #call-list {position: initial}
#mob-call #call-list li:active {background: rgba(0, 0, 0, .3);border-radius: initial}
#mob-call #call-list .item {width:100%;background:#ff0000;display: block; margin: 0 auto;border-radius:50px; margin-top:5px;position: static;position: initial;}
#mob-call #call-list .item a {display: block;height: 100%;width: 100%;margin: 0;padding: 0; color: #fff;}
#mob-call #call-list .item span{ line-height:60px; display: block; font-size:24px}
#mob-call #call-list .item-top i{ background-image: url(/template/NEST01066/js/top.png);}
#mob-call #call-list .item-tel i{ background-image: url(/template/NEST01066/js/tel.png);}
#mob-call #call-list .item-code i{ background-image: url(/template/NEST01066/js/code.png);}
#mob-call #call-list .item-home i{ background: url(/template/NEST01066/js/../images//template/NEST01066/js/tel.png) no-repeat;}
@media only screen and (max-width:768px) {
#mob-call { display: block}
}
/*首页banner大图样式*/
.ibanner{ position:relative; height:758px; overflow: hidden;}
.ibanner .swiper-container {width: 100%;height: 100%;}
.ibanner .swiper-slide { background-repeat:no-repeat; background-position:center center; background-size:auto 100%;text-align: center;font-size: 18px;/* Center slide text vertically */display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center; position:relative;}
.ibanner .swiper-container-horizontal > .swiper-scrollbar{ width:272px; left:251px; bottom:30%;}

.ibanner .swiper-scrollbar-drag{ background:#1b85e7;}
.ibanner .swiper-button-prev{ left:0%;}
.ibanner .swiper-button-next{ right:0%;}
.ibanner .swiper-button-prev, .ibanner .swiper-button-next{ top:0; bottom:0; margin:auto 0; background:none; width:5rem; height:5rem; line-height:5rem; text-align:center; background: #1168df;}
.ibanner .swiper-button-prev i, .ibanner .swiper-button-next i{ color:#fff; font-size:2rem;}
.ibanner .ban-img{ display:block; width:100%; height:100%; color:#fff;text-align:left;}
.ibanner .swiper-pagination{ bottom:6rem!important; color: #fff; text-align: left; padding:0 0 0 13%; box-sizing: border-box;}
.ibanner .swiper-pagination-bullet{background: #ffffff; opacity: 0.5; position: relative; width: 4rem; height: 5px; border-radius: 0;}
.ibanner .swiper-pagination-bullet{ color: transparent; background:#fff;}
.ibanner .swiper-pagination-bullet-active{ opacity: 1; height: 10px;}
.ibanner .swiper-pagination-current{ font-size: 2.4rem; -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-image: linear-gradient(220deg,#0481dc,#3cc2e7);}

.ibanner .bH{ height: 100%; position: relative;}
.ibanner .bfont{ color: #fff; text-align: center;}
.ibanner .bfont span{ display: block; font-size: 7.2rem; font-family: 'MicrosoftYaHei Bold';}
.ibanner .bfont a{ display: inline-block; border: 1px solid #fff; border-radius: 5px; width: 16rem; height: 4.6rem; color: #fff; line-height: 4.6rem; font-size: 1.8rem; margin-top: 3rem;}
.ibanner .bfont a:hover{background: #fff; color: #574ced; border-radius: 5rem; transition: all 0.4s;}

@media only screen and (max-width:1366px) {  
.ibanner{ height:620px; }  
}
@media only screen and (max-width:1024px) {  
.ibanner{ height:500px; }  
}
@media only screen and (max-width:768px) { 
 
.ibanner{ height:400px; }
.ibanner .swiper-button-prev, .ibanner .swiper-button-next{width:2rem; }
.ibanner .swiper-pagination{ bottom: 2rem!important; padding-left: 10%;}
 
}
@media only screen and (max-width:500px) {  
.ibanner{ height:300px; }  
}
@media only screen and (max-width:400px) {  
.ibanner{ height:250px; }  
}
@media only screen and (max-width:320px) {  
.ibanner{ height:200px; }  
}

/*标题样式*/
.box-title{ line-height:60px; text-align: center;}
.box-title span{ display: block; font-size:36px; font-weight: bold;}
.box-title i{ color: #f89e1d;}
.box-title p{ font-size:26px; color: #585858; line-height: 30px; margin-top: 1rem;}
@media only screen and (max-width:1200px) {  
.box-title span{ font-size:30px; }
}
@media only screen and (max-width:1024px) {  
.box-title span{ font-size:30px; }
}

.box-title-2{ line-height: 5rem;}
.box-title-2 span{ display: block; font-size: 3.6rem; font-weight: bold; font-size: 3rem;}
.box-title-2 span:after{ content: ""; width: 5rem; height: 3px; background: #356eff; display: block;}

/*首页分类样式*/
.isub{ text-align: center;}  
.cpfl_top{ background: url(/template/NEST01066/js/../images/tit_1.png) no-repeat center center; margin-bottom:3%}
.cpfl dl{ padding:0% 10%}
.cpfl dl dt{width:11.3%; float:left;margin: 0 0.5% 1% 0.5%; border: 1px solid #d2d2d2;background: #fff; display: inline-block; }
.cpfl dl dt a{ color:#8e8e8e;  line-height:50px;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical; overflow:hidden} 
.cpfl dl dt:hover{background: #1168df;}
.cpfl dl dt:hover a{ color: #fff;}
@media only screen and (max-width:1680px) {  
.cpfl dl{ padding:0% 6%}
}
@media only screen and (max-width:1440px) { 
.cpfl dl{ padding:0% 0%}
}
@media only screen and (max-width:1024px) { 
.cpfl dl dt{  width:18.5%;}
.cpflli{ display:none!important}
}
@media only screen and (max-width:768px) {  
.cpfl dl dt{  width:31%; margin:0% 1% 1% 1%; border:none; background:#1168df } 
.cpfl dl dt a{ color:#FFFFFF}
}
@media only screen and (max-width:550px) { 
.cpfl dl dt a{ line-height:40px;} 
}

.sect_k1{ padding:3% 0% 2% 0%;}
.iimg-box h3{ position: relative; line-height:80px;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical; overflow:hidden; border-bottom: 2px solid #d6d4d5; font-size:18px; font-weight:normal }
.iimg-box a{ text-align: center; }
.iimg-box .icon{ position: relative; border: 1px solid #dedede;}
.iimg-box .icon:before{ content: ""; background: #000; opacity:0; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.iimg-box .icon:after{ content: "\e628"; font-family: "iconfont"; display: block; position: absolute; color: #fff; border-radius: 5rem; width: 5rem; height: 5rem; text-align: center; line-height: 5rem; background: #1168df; opacity: 0; top: 0; left: 0; right: 0; bottom: 0; margin: auto auto;}
.iimg-box a:hover{ background: #1168df;}
.iimg-box a:hover h3 dt{ background: #1168df; color: #fff;}
.iimg-box a:hover .icon:before{ opacity: 0.5; z-index: 2;}
.iimg-box a:hover .icon:after{ opacity: 1; z-index: 3;}
.pro_list1{ padding:3% 0%}
.pro_list1 .icon img { width:500px; height:500px;}

.ys-prev{ left:0; background: #0152c2; height: 5rem; width: 2.5rem; line-height: 5rem; text-align: center; margin-top: -6rem;}
.ys-next{ right:0; background: #0152c2; height: 5rem; width: 2.5rem; line-height: 5rem; text-align: center; margin-top: -6rem;}
.ys-next i,.ys-prev i{ font-size: 2rem; color: #fff; line-height: 5rem;}

@media only screen and (max-width:1024px) { 
.iimg-box h3{ font-size: 16px;} 

}
@media only screen and (max-width:768px) { 
.sect_k1{ } 

}
.sect_k3{background: #f7f6f7; padding:3% 0%;}
.sect_k3 .box-title{background: url(/template/NEST01066/js/../images/tit_2.png) no-repeat center center;}
.bk-ys2{ text-align: center;}
.bk-ys2 .span-4{width:31.33333333%; float:left;transition:.2s width ease; margin:2% 1% 0% 1%;}
.bk-ys2 i{ color:#a7a2a2}
.bk-ys2 span{ display: block; font-weight: bold; font-size:24px; line-height:60px;}
.bk-ys2 p{ color: #5a5a5a; margin: 0 15%;}
@media only screen and (max-width:1200px) { 
.bk-ys2 span{ font-size:20px; line-height:50px;}
.bk-ys2 p{ margin:0% 3%}
}
@media only screen and (max-width:768px) { 
.bk-ys2 .span-4{width:98%; }
}

.sect_k2{} 
.sect_k2 .box-title{ background:url(/template/NEST01066/js/../images/tit_1.png) no-repeat center center; margin-bottom:3%;}
.case2-box .icon{ height: 564px; position: relative; overflow:hidden}
.case2-box .icon img{ width:100%; float:left}
.case2-box .icon li{ height:50px; line-height:50px; margin-top:-50px; background:url(/template/NEST01066/js/../images/yinying.png) repeat; text-align:center; width:100%; color:#FFFFFF; font-size:24px}
.case2-box .icon:before{ content: ""; background: #000; opacity:0.5; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2;}
.swiper-slide-active .case2-box .icon:before{ opacity: 0;}
.sect_k2 .ys-next{ right: 22%; margin-top: -3rem;}
.sect_k2 .ys-prev{ left: 22%; margin-top: -3rem;}
@media only screen and (max-width:1680px) { 
.case2-box .icon{ height: 460px; }
}
@media only screen and (max-width:1440px) { 
.case2-box .icon{ height: 450px; }
.case2-box .icon li{ font-size:20px}
}
@media only screen and (max-width:1200px) { 
.case2-box .icon{ height: 400px; }
.case2-box .icon li{ font-size:18px}
}
@media only screen and (max-width:850px) { 
.case2-box .icon{ height: 350px; }
.case2-box .icon li{ font-size:16px}
} 
@media only screen and (max-width:768px) { 
.case2-box .icon{ height:30rem; }
 
.sect_k2 .ys-next{ right: 0;}
.sect_k2 .ys-prev{ left: 0; }   
}


 
 
.sect_k4{ background: url(/template/NEST01066/js/../images/sect_k4.jpg) no-repeat center center;background-size:cover; padding:3% 0%;}
.sect_k4 .block-2{ color: #fff; padding-top:3%;}
.sect_k4 .block-2 p{ line-height: 30px; color: #fff;}
.sect_k4 .btit{ position: relative; }
.sect_k4 .btit span:before{ content: ""; display: block; width: 45px; height: 4px; background: #f7c516; margin-bottom:3%;}
.sect_k4 .btit span{ display: block; font-size:36px; color: #f7c516; font-weight:bold}
.sect_k4 .btit i{ font-size:24px; font-weight: bold;}
.sect_k4 .brow{ color: #f7c516; font-size:18px; line-height:30px;}
.sect_k4 .brow p{color: #f7c516; }
.sect_k4 .brow p i{ font-weight: bold; font-size:36px;}
.sect_k4 .row .span-4{ width:31.33333333%; float:left;transition:.2s width ease;} 
.icompany{ padding:3% 0%}
.icompany img{ display:none}
.icompany p{display: -webkit-box;-webkit-line-clamp: 6;-webkit-box-orient: vertical; overflow:hidden}
.sect_k4 .companymore{ border: 1px solid #fff; display: inline-block; line-height:50px; width:30%; color: #fff; text-indent: 15%; margin-top:3%; margin-bottom:3%}
.sect_k4 .companymore i{ color: #fff; border-left: 1px solid #fff; float: right; width:30%; display: inline-block; text-align: center;}
.sect_k4 .companymore:hover{ border-radius:50px;}
.sect_k4 .row .span-6{ width:48%; float:left;transition:.2s width ease;} 
.icompany_fr{ width:48%; float: right;transition:.2s width ease; padding:30px 0%;} 
.icompany_fr .bimg{ height:400px;}
.icompany_fr .bimg img{ height:100%;}
@media only screen and (max-width:1200px) {   
.sect_k4 .brow{ font-size:16px} 
.sect_k4 .companymore{ line-height:35px}
.sect_k4 .btit span{ font-size:30px;}
}
@media only screen and (max-width:1024px) {   
.sect_k4{ padding:0% 0% 2% 0%}
.sect_k4 .row .span-6{ width:100%; text-align:center } 
.icompany_fr{ display:none} 
.icompany img{ display: inline; margin: 0 auto; margin-bottom:3%}
.sect_k4 .btit span:before{ margin: 0 auto; margin-bottom:3%}
.sect_k4 .block-2{ padding-top:0%;}
.sect_k4 .companymore{ margin-top:0%}
}
@media only screen and (max-width:768px) {  
.sect_k4{ padding:3% 0% 4% 0%} 
.icompany img{ width:80%}
.sect_k4 .btit span{ font-size:25px}
.icompany p{display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical; overflow:hidden} 
.sect_k4 .companymore{ margin-top:1%}
.sect_k4 .row .span-4{ padding:3% 0%;}
}
@media only screen and (max-width:500px) { 
.sect_k4 .companymore{ width:53%}
}

.sect_k5{ padding:3% 0%;}
.sect_k5 .box-title{}
.sect_k5 .box-title p{ background:url(/template/NEST01066/js/../images/tit_1.png) no-repeat center center; font-size:36px; line-height:60px; font-weight:bold}
.sect_k5 .swiper-pagination{ text-align: center; margin-top: 5rem; position: relative;}
.sect_k5 .swiper-pagination-bullet{ margin: 0 5px; background: #3a3a3a; width: 15px; height: 15px; opacity: 1;}
.sect_k5 .swiper-pagination-bullet-active{ background: #f8c252; width: 10rem; border-radius: 10rem;}

.daohang{ width:100%;  margin: 0 auto; margin-bottom:3%; text-align:center}
.daohang h2{ font: 24px/40px "微软雅黑"; color:#1168df; font-weight:bold; }
.daohang span{ width:100%; margin: 0 auto}
.daohang span a{ padding:0px 10px;font: 14px/60px "微软雅黑"; }

.bk-ys{ position: relative; z-index: 3; }
.bk-ys .pos .span-4{ width:100%; height:300px; overflow:hidden; margin-bottom:30px; }
.bk-ys .pos{ z-index: 3; padding: 0 4%;}
.bk-ys .brow{ float:left;width:100%; }
.bk-ys .brow h2{ width:100%; height:300px; float:left;}
.bk-ys .brow h2 img{ width:0px; height:0px;}
.bk-ys .brow_bot{ width:90%; float:left;height:300px; background:#000;opacity:0.4; padding:0% 5%; margin-top:-300px; padding-top:170px;} 
.bk-ys .brow_bot dd{ font-size:18px; color:#FFFFFF; line-height:50px;}
.bk-ys .brow_bot dt{ display:none; margin-top:10px}
.bk-ys .brow_bot h3{ font-size:22px; color:#FFFFFF;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical; overflow:hidden; line-height:50px;text-shadow: none}
.bk-ys .brow li:after{ content: ""; width: 10%; height: 3px;background: #fff; display: block; margin: 10px 0;}  
.bk-ys .brow:hover .brow_bot{ background:#0082f6; padding-top:100px;transition:.5s width ease;opacity:0.8;} 
.bk-ys .brow:hover .brow_bot dd{ display:none}
.bk-ys .brow:hover .brow_bot dt{ display: inline;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; overflow:hidden}
.bk-ys .brow:hover a{ color: #fff;} 
.xw1{ width:33%; float:left; margin:0% 1% 0% 0%;}
.xw1 .span-4:nth-child(1) h2{ background:url(/template/NEST01066/js/../images/bg2.jpg) #1168df;background-size:cover;}
.xw1 .span-4:nth-child(2) h2{ background:url(/template/NEST01066/js/../images/xw2.jpg) #1168df;background-size:cover;}
.xw1 .span-4:nth-child(3) h2{ background:url(/template/NEST01066/js/../images/xw3.jpg) #1168df;background-size:cover;}  
.xw22{ width:48%; float:left;} 
.xw22 .span-4:nth-child(1) h2{ background:url(/template/NEST01066/js/../images/xw4.jpg) #1168df;background-size:cover;}
.xw22 .span-4:nth-child(2) h2{ background:url(/template/NEST01066/js/../images/xw5.jpg) #1168df;background-size:cover;}
.xw22 .span-4:nth-child(3) h2{ background:url(/template/NEST01066/js/../images/xw6.jpg) #1168df;background-size:cover;}  
.xw8{ width:48%; float:left; margin:0% 0% 0% 3%; }
.xw8 .span-4:nth-child(1) h2{ background:url(/template/NEST01066/js/../images/xw7.jpg) #1168df;background-size:cover;}
.xw8 .span-4:nth-child(2) h2{ background:url(/template/NEST01066/js/../images/xw8.jpg) #1168df;background-size:cover;}
.xw8 .span-4:nth-child(3) h2{ background:url(/template/NEST01066/js/../images/xw9.jpg) #1168df;background-size:cover;}  
.fs_rts{ width:65%; float:right; }

@media only screen and (max-width:1200px) { 
.sect_k5 .box-title p{  font-size:30px; }
} 
@media only screen and (max-width:1024px) { 
.sect_k5 .box-title p{  font-size:24px; }
.daohang h2{ font-size:20px;}
.xw8{ display:none }
.xw1{ width:48%; margin:0% 1% 0% 0%;} 
.xw22{ width:100%; }   
.fs_rts{ width:48%; margin:0% 0% 0% 1%}
.bk-ys .brow_bot h3{ font-size:18px}
} 
@media only screen and (max-width:550px) { 
.daohang span{ display:none}
.fs_rts{ width:100%; margin:0% 0% 0% 0%;}
.xw1{ width:100%; margin:0% 0% 0% 0%;} 
.xw1 .span-4:nth-child(2){ display:none}
.xw1 .span-4:nth-child(3){ display:none}  
.xw22{ width:100%; margin:0% 0% 0% 0%;} 
.xw22 .span-4:nth-child(2){ display:none}
.xw22 .span-4:nth-child(3){ display:none}  
.xw8{ width:100%; margin:0% 0% 0% 0%; display:inline} 
.xw8 .span-4:nth-child(2){ display:none}
.xw8 .span-4:nth-child(3){ display:none}  
.bk-ys .pos .span-4{ height:250px;}
.bk-ys .brow h2{ height:250px;}
}
 

.xwone{ padding:3% 0%; background:#f5f5f5; margin-top:3%; }
.xwone_top{ text-align:center; margin-bottom:2%}
.xwone_top h2{ font-size:36px; line-height:60px;}
.xwone_top h2 font{ padding-right:2%}
.xwone_top span{ font-size:36px; line-height:50px; text-transform:uppercase }
.xwone_top span strong{ color:#0152c2}

.xwone .xw2_div{ width:30%; margin:0% 1% 1% 2%; float:left }
.xwone .xw2_div h2{ height:250px; margin-bottom:3%}
.xwone .xw2_div:nth-child(1) h2{background: url(/template/NEST01066/js/../images/xwone1.jpg) no-repeat;background-size:cover;}
.xwone .xw2_div:nth-child(2) h2{background: url(/template/NEST01066/js/../images/xwone2.jpg) no-repeat;background-size:cover;}
.xwone .xw2_div:nth-child(3) h2{background: url(/template/NEST01066/js/../images/xwone3.jpg) no-repeat;background-size:cover;}
.xw2{ float:left; } 
.xw2_div{ float:left; }
.xw2_div ul{ }
.xw2_div ul li{ width:100%; line-height:30px; float:left; height:30px; text-align:left; overflow:hidden}
.xw2_div ul li a{ }
.xw2_div ul li span{ float:right;}
.xw2_div ul dt{ float:left; width:100%; line-height:32px; height:60px; color:#333; overflow:hidden}
 
@media only screen and (max-width:1200px) { 
.xwone_top h2{ font-size:30px; }
.xwone_top span{ font-size:26px; line-height:30px;}
.xwone ul li span{ display:none}
}
@media only screen and (max-width:1024px) { 
.xwone .xw2_div{ width:46%; }
.xwone .xw2_div:nth-child(3){ display:none}
}
@media only screen and (max-width:768px) { 
.xwone .xw2_div h2{ height:150px;}
}
@media only screen and (max-width:500px) { 
.xwone .xw2_div{ width:97%; }
.xwone .xw2_div:nth-child(2){ display:none}
}
 
 
 
.ys_bg{background:url(/template/NEST01066/js/../images/ys_bg.jpg) no-repeat center top; color: #333;padding:3% 0%;background-size:cover;}
.ys_bg .index_title{ text-align:center; }
.ys_bg .index_title b{ font-size:36px; color:#FFFFFF}
.ys_left{ width:34%; float: left;margin-top:50px;color: #fff;text-align: center; background:#1168df;padding:30px 0px 30px 13%}
.ys_left p{line-height: 33px;font-size: 17px;}
.ys_left a{ color:#FFFFFF; height:490px; display:block;background:url(/template/NEST01066/js/../images/ys_left.png) no-repeat right top;background-size:96% 100%; padding:30px 5% 0 5%;}
.ys_left a:visited{ color:#FFFFFF}
.ys_ying{width:100%;float: left; text-align: left;text-transform: uppercase;overflow: hidden; }
.ys_ying p{line-height: 30px;font-size: 12px;}
.ys_more{width:30%; line-height:34px; background: url(/template/NEST01066/js/../images/ys_more.jpg) no-repeat left center; height:34px;text-align: left; float:right; margin-right:10%; padding-left:4%; } 
.ys_left h1{font-size: 40px;line-height: 30px;}
.ys dl{color: #333;margin: 20px 0;}
.ys dt p{ font-size:45px; font-weight:bold; margin-bottom:6px;padding-left:52px; padding-top:35px}
.ys dt span{text-transform:uppercase;padding-left:52px; font-size:22px; font-weight:bold}
.ys dt {width: 20%;float: left;margin-top: 20px;}
.ys dd{width: 76%;float: right; line-height:25px; font-size:14px;margin-top:35px;color:#ffff;}
.ys dd p{ margin-top:10px}
.ys_right{ width:36%; float:right; padding:0% 10% 0% 3%}
.ys_right ul{margin-top: 75px;}
.ys_right ul li{font-size: 16px;margin-bottom:100px;}
.ys_right h2{color: #fff;font-size: 24px;}
.ys_img1{ width:599px; float:left} 



.zngg{ padding:0% 5%; font-size:14px; color:#FFFFFF; line-height:30px;}   
.lxwm1{ margin-left:30%; text-align: left; float:left} 
.lxwm1 p{ color:#fff; line-height:41px; float:left; width:100%; } 
 

@media only screen and (max-width:1450px) { 
.ys_bg{ padding:2% 0% 0% 0%}
}
@media only screen and (max-width:1350px) {  
.ys_left{ padding:50px 0px 51px 13%}
.lxwm1 p{ line-height:33px}
.ys_left a{ height:433px;}
.ys_more{ width:43%}
}
@media only screen and (max-width:1200px) { 
.ys_bg .index_title b{ font-size:24px}
.ys_left h1{ font-size:30px}
.ys_left{ width:36%; padding:70px 0px 70px 3%}
.ys_right{ width:49%;   padding:0% 5% 0% 3%}
.ys_right h2{ font-size:20px}
}
@media only screen and (max-width:1024px) { 
.ys_bg{ padding:4% 0% 3% 0%}
.ys_left{ display:none}
.ys_right{ width:80%;   padding:0% 10% 0% 10%}
.zngg{ display:none}
.ys dl{ padding:0%; margin:0%}
}
@media only screen and (max-width:768px) { 
.ys_bg{ padding:5% 0% 4% 0%;}
.ys dd p{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; overflow:hidden}
}
@media only screen and (max-width:500px) { 
.ys_bg{ padding:5% 0% 5% 0%;}
.ys_right{ width:90%;   padding:0% 5% 0% 5%}
.ys_right h2{ font-size:16px}
}
 
 
.maintwo{ padding:3% 0%;  }
.maintwo_top{ text-align:center; margin-bottom:2%}
.maintwo_top h2{ font-size:36px; line-height:60px;}
.maintwo_top h2 font{ padding-right:2%}
.maintwo_top span{ font-size:36px; line-height:50px; text-transform:uppercase }
.maintwo_top span strong{ color:#0152c2}
 .xw4{ width:23%; float:left; padding:0px 1% 0px 1%}
 .xw5{ width:23%; float:left; padding:0px 1% 0px 1%; }
 .xw6{ width:23%; float:left; padding:0px 1% 0px 1%;}
 .xw7{ width:23%; float:left; padding:0px 1% 0px 1%; }
.news4_topb{  margin-bottom:10px;}
.news4_topb img{ width:100%}
.fwcn2{ margin-bottom:10px;}
.fwcn2 img{ width:100%}
.news4_top{ line-height:60px; width:100%; display:block; height:60px;}
.news4_top h2{ font-size:24px; float:left}
.news4_top span{ float:right}
.maintwo ul li{ padding:8px 0%;}
.maintwo ul li span{ width:20px; background:url(/template/NEST01066/js/../images/nli_bg.jpg) no-repeat right center; float:right; display:block; height:20px;}

@media only screen and (max-width:1200px) { 
.maintwo_top h2{ font-size:30px;}
.maintwo_top span{ font-size:26px; line-height:30px;}
.news4_top h2{ font-size:20px;}
.news4_topb img{ width:100%; height:100%}
 .xw4{ width:31%; }
 .xw5{ width:31%; margin:0% 0.5% 0% 0.5% }
 .xw6{ width:31%; }
.xw7{ display:none}
}
@media only screen and (max-width:1024px) { 
.news4_topb img{ width:100%; height: auto}
.xw6{ display:none}
.xw4{ width:46%; margin:0% 1% 0% 1%; }
.xw5{ width:46%; margin:0% 1% 0% 1% ;}
}
@media only screen and (max-width:768px) {
.xw4{ width:96%; border:none}
.xw5{ display:none} 
.news4_top{ display:none} 
.maintwo ul li{ padding:1% 0%}
.news4_topb{ height: auto; overflow:hidden}
}
@media only screen and (max-width:414px) {
.maintwo ul li span{ display:none}
}
 
@media only screen and (max-width:768px) {  
.cpfl1 li{ background:#1168df }  
}

.wraps_top{ background:linear-gradient(to right,#fff,#fff,#fff,#1168df,#1168df); margin-bottom:3%; }
.wraps_top dt{ background:#1168df;  } 
.wraps_top h2{ border-left:3px #1168df solid; color:#1168df;  }  
