@charset "utf-8";
*{margin:0;padding:0;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
HTML {OVERFLOW-X: hidden;}
body{ font-size:16px; font-family:"Source Han Sans CN","PingFang SC","Heiti SC","Microsoft Yahei",Helvetica,Arial,sans-serif;  line-height:30px;-webkit-font-smoothing: antialiased; overflow-x:hidden;color:#333; }
a{color:#333; text-decoration:none;outline:none;}
a:hover{color:#0e62aa;text-decoration:none;}
ol,ul,li{list-style:none}
h1,h2,h3,h4,h5,h6{font-weight:normal; font-size:18px}
.clear{ clear:both}
.clearfix{clear:both;zoom:1;}
.clearfix:after{ content:"."; display:block; height:0;clear:both;visibility:hidden;}
.fl{float:left;}
.fr{float:right}
table{ border-collapse:collapse;}
img{ border:none;}
input,textarea,select,button{ outline:none;-webkit-appearance: none ;font-size:16px;}

.blue{ color:#0e62aa;}
@font-face {	
font-family: 'Impact';	
src: url("../fonts/Impact.eot");
src: url("../fonts/Impact.eot") format("embedded-opentype"), 
url("../fonts/Impact.woff") format("woff"), 
url("../fonts/Impact.ttf") format("truetype"), 
url("../fonts/Impact.svg") format("svg");	
font-weight: normal;
font-style: normal;}

#a01, #a02, #a03, #a04, #a05, #a06, #a07, #a08{ position: absolute;  margin-top:-88px;}
.wrap{ width:84%; max-width:1400px; margin:0 auto;}

.section{ padding:80px 0 100px 0}
.sectionpre{ padding-top:80px;}
.sectionnext{ padding-bottom:80px;}

.space{ height:88px;}

.mbg{ background:#f3f3f3;}
.jvzhong{ text-align:center}


.title{ margin-bottom:30px; position:relative; display:block;  width:100%}
.title h3{ font-size:40px; line-height:40px; font-weight:bold; text-transform:uppercase; padding-bottom:25px; position:relative }
.title h3:after{ content:""; position:absolute; left:0%; bottom:0; margin-left:0px; width:40px; height:3px; background:#0f63aa;}
.title.jvzhong h3:after{left:50%; margin-left:-20px; }
.title p{ font-size:18px; margin-top:30px;}

.pic{ height:auto; display:block; overflow:hidden;}
.pic img{ width:100%; height:auto;cursor: pointer;transition: all 1.5s; display:block}
.pic:hover img, .kuai:hover .pic img{transform:scale(1.1);}

.img-dv{ position:relative; overflow:hidden}
.img-dv .img1{ display:block; width:100%;}
.img-dv .img2{ position:absolute;left:0;right:0;top:0;bottom:0; margin:auto; max-width:100%; min-height:100%}


.header{width: 100%;top:0;left:0; position:fixed; z-index:999; -webkit-transition:all .5s;transition:all .5s; background:#fff;box-shadow:0 5px 25px rgba(0,0,0,.1);}
.header .wrap{position:relative; max-width:88%; height:88px;}
.header .logo{position:absolute; top:50%; margin-top:-30px; left:0; -webkit-transition:all .5s;transition:all .5s;}
.header .logo img{ height:60px; width:auto; display:block}
@media screen and (max-width:1650px){
.header .logo{margin-top:-27px;}
.header .logo img{ height:54px;}
}
.header .menu{ text-align:center;}
.header .menu li{ position:relative; display: inline-block;}
.header .menu li .menu_a{ line-height:88px;font-size:17.5px; display:block; margin:0 20px; position:relative}

.header .menu li .menu_a:hover, .header .menu .cur .menu_a{ color:#0e62aa;}
.header .menu li .sub{ position:absolute; display:none;clear:both; z-index:999;width:140%; margin-left:-20%;}
.header .menu li .sub.cur{ display:block}
.header .menu li .menu_a:after {content: '';width: 0;height: 2px;background-color: #0e62aa;position: absolute;left: 50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);bottom: 0;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s}
.header .menu .cur a:after, .header .menu li:hover .menu_a:after {width: 100%}
.header .menu .sub{ text-align:center; line-height:45px; padding-bottom:20px;}
.header .menu .sub a{ display:block; background-color:#fff;box-shadow: 0 0 10px rgba(0,0,0,0.05); }
.header .menu .sub a:hover{background-color: #0e62aa; color:#fff;}
/*animate*/
@keyframes rightOpacityShow{
0%{ transform: translateX(-80px);opacity:0;}
80%{ transform: translateX(20px);}
100%{ transform:translateX(0); opacity:1;}
}
.header .menu li .sub p:nth-child(1){animation: 0.4s ease-in-out 0s 1 normal both running rightOpacityShow;}
.header .menu li .sub p:nth-child(2){animation: 0.5s ease-in-out 0s 1 normal both running rightOpacityShow;}
.header .menu li .sub p:nth-child(3){animation: 0.6s ease-in-out 0s 1 normal both running rightOpacityShow;}
.header .menu li .sub p:nth-child(4){animation: 0.7s ease-in-out 0s 1 normal both running rightOpacityShow;}
.header .menu li .sub p:nth-child(5){animation: 0.8s ease-in-out 0s 1 normal both running rightOpacityShow;}
.header .menu li .sub p:nth-child(6){animation: 0.9s ease-in-out 0s 1 normal both running rightOpacityShow;}
.header .menu li .sub p:nth-child(7){animation: 1.0s ease-in-out 0s 1 normal both running rightOpacityShow;}
.header .menu li .sub p:nth-child(8){animation: 1.1s ease-in-out 0s 1 normal both running rightOpacityShow;}

.header .tel{ position: absolute; right:0; top:0; padding:20px 25px; height:88px; color:#fff; background:url(../images/tel.png) no-repeat #0e62aa 25px center; background-size:40px auto; padding-left:80px;}
.header .tel p{line-height:23px;}
.header .tel h3{ font-size:20px;line-height:28px; font-weight:bold}

.banner{ position:relative; z-index:1;}
.banner .wrap{ position: relative;}
.banner .swiper-container{position:relative;}
.banner .swiper-slide{ position:relative; overflow:hidden; }
.banner .swiper-slide img{ display:block; width:100%; height:auto;}
.banner .swiper-slide.swiper-slide-active h3, .banner .swiper-slide.swiper-slide-active h4, .banner .swiper-slide.swiper-slide-active .more{webkit-animation:fadeInUp 1s cubic-bezier(0.5, 0, 0.2, 1);animation: fadeInUp 1s cubic-bezier(0.5, 0, 0.2, 1);-webkit-animation-fill-mode: both;animation-fill-mode:both}
.banner .swiper-slide.swiper-slide-active h4{-webkit-animation-delay:.2S;animation-delay:.2S}
.banner .swiper-slide.swiper-slide-active .more{-webkit-animation-delay:.4S;animation-delay:.4S}
@keyframes rotateImg {
  0% {transform : rotate(0deg);}
  100% {transform : rotate(360deg);}
}
@-webkit-keyframes rotateImg {
    0%{-webkit-transform : rotate(0deg);}
  100%{-webkit-transform : rotate(360deg);}
}
.banner .swiper-pagination{bottom:4%; text-align:center;}
.banner .swiper-pagination-bullet{ width:40px; height:4px; background:#999; opacity:1; margin:0 5px; border-radius:0;}
.banner .swiper-pagination-bullet-active{ background:#0e62aa;border:none}
.banner .swiper-slide{ position:relative}


.iproducts{background:url(../images/mbg.png) no-repeat center bottom; background-size:100% auto}
.iproducts .pro-nav{ text-align:center; }
.iproducts .pro-nav li{ line-height:45px; display:inline-block; background:#f5f5f5; padding:0 65px; margin:0 5px; font-size:18px;}
.iproducts .pro-nav li.cur, .iproducts .pro-nav li:hover{ background:#0e62aa; color:#fff;}
.iproducts .pro-nav li.cur a, .iproducts .pro-nav li:hover a{ color:#fff}
.iproducts .swiper-slide{ background:#f5f5f5; display:block; position:relative}

.iproducts .protab-wrap{ margin-top:40px;}
.iproducts .protab-wrap .item{height: 0; opacity: 0;overflow: hidden;}
.iproducts .protab-wrap .item.cur{height: auto;opacity: 1;}
.iproducts .i-product-list{ position:relative}
.iproducts .swiper-slide a{ display:block; padding:1px;}
.iproducts .swiper-slide .text{ background:#fff; text-align:center; height:70px; display:flex;align-items:center; }
.iproducts .swiper-slide .text h3{ line-height:25px; width:100%; display:block; color:#333; font-size:16px; margin-bottom:5px;}

.iproducts .swiper-slide a:after{ content:""; position:absolute; border-left:1px solid #0e62aa; border-bottom:1px solid #0e62aa; transition:all 0.6s; left:0px; bottom:0; width:0; height:0; opacity:0 }
.iproducts .swiper-slide a:before{ content:""; position:absolute; border-right:1px solid #0e62aa; border-top:1px solid #0e62aa; transition:all 0.6s; right:0px; top:0; width:0; height:0;opacity:0}
.iproducts .swiper-slide a:hover:after{ width:calc(100% - 1px); height:calc(100% - 1px); opacity:1;}
.iproducts .swiper-slide a:hover:before{ width:calc(100% - 1px); height:calc(100% - 1px); opacity:1;}
.iproducts .swiper-slide .outside{ padding:5%}

.i-product-list{ position:relative}
.i-product-list .swiper-container{position:relative; margin:0 auto; width:calc(100% - 140px)}
.i-product-list .swiper-button-prev, .i-product-list .swiper-button-next{ width:49px; height:49px; margin-top:-24.5px; outline:none; border:solid 1px #ddd; border-radius:50%}
.i-product-list .swiper-button-prev{ background:url(../images/ppre.png) no-repeat center center / cover; left:0}
.i-product-list .swiper-button-next{ background:url(../images/pnext.png) no-repeat center center / cover; right:0}
.i-product-list .swiper-button-prev:hover{ background:url(../images/ppre02.png) no-repeat center center / cover;}
.i-product-list .swiper-button-next:hover{ background:url(../images/pnext02.png) no-repeat center center / cover;}


.iapp{ position:relative; background:#f5f5f5;}
.iapp.section{ padding-bottom:130px;}
.iapp .conn p{ font-size:18px; opacity:0.7;}
.iapp .conn .list{display: -webkit-box; display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start; text-align:center; margin-top:40px;}
.iapp .conn .item{ width:calc(25% + 1px); border:solid 1px #ddd; margin-top:-1px; margin-left:-1px; background:#fff; font-size:18px; padding:3% 2.5% 2.5% 2.5%}
.iapp .conn .item a{ display:block; width:100%;}
.iapp .conn .item .icon{ width:50%; max-width:75px; margin:0 auto 25px auto; height:auto;-moz-transition: 0.5s ease;-webkit-transition: 0.5s ease;transition: 0.5s ease;}
.iapp .conn .item:hover .icon{ -webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);transform:rotateY(180deg)}
.iapp .conn .item .icon img{display:block; width:100%; height:auto}
.iapp .conn .item p{ font-size:18px; opacity:1;}


.iabout.section{ padding:120px 0 120px 0;}
.iabout {/*background:url(../images/mbg02.png) no-repeat center bottom; background-size:100% auto;*/ position:relative}
.iabout:after{ content:""; width:56%; height:100%; position: absolute; bottom:0; right:0;background:url(../images/company.png) no-repeat center bottom; background-size:100% 100%; }
.iabout .wenzi{ width:45%; padding-padding:30px;}
.iabout .wenzi .atitle{ border-bottom:solid 1px #ddd; padding-bottom:15px; margin-bottom:25px;}
.iabout .wenzi .atitle h3{ font-size:30px;}
.iabout .wenzi .atitle p{ color:#999;}
.iabout .wenzi .intro p{ opacity:0.9;}
.iabout .wenzi .more a{background:url(../images/amore.png) no-repeat 90% center; padding-right:40px; display:inline-block; font-size:18px; margin-top:25px; }
.iabout .wenzi .more a:hover{background:url(../images/amore.png) no-repeat 100% center;}
.iabout .wenzi .aquite{ margin-top:70px;}
.iabout .wenzi .aquite .item{ float:left; width:32%; max-width:160px; padding:15px; text-align:center; color:#fff; font-size:18px; margin-right:2%; background-color:#0e62aa; -webkit-transition:all .5s;transition:all .5s;}
.iabout .wenzi .aquite .item:last-child{ margin-right:0}
.iabout .wenzi .aquite .item:hover{ margin-top:0}
.iabout .wenzi .aquite a{ color:#fff}



.inews .conn{ margin-top:40px; position:relative}
.inews .newsleft{ width:48.5%; position:absolute; left:0; top:0; height:100%; overflow:hidden}
.inews .newsleft img{ display:block; width:100%; height:100%;}
.inews .newsright{ float:right; width:48.5%}
.inews .newsleft .wenzi{ position:absolute; width:84%; left:8%; bottom:40px; background:#fff; box-shadow: 0 0 5px #ccc; padding:20px 25px; z-index:9}
.inews .conn p{ font-size:14px; line-height:24px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;}
.inews .conn h3{ font-size:18px; font-weight:bold; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.inews .newsleft h3{}
.inews .newsleft .other{ position:absolute; font-size:14px; left:0px; bottom:0px; background:#1f4a97; color:#fff; width:180px; height:100px; padding:66px 0px 10px 0px; text-align:center}
.inews .newsleft .other a{ color:#fff} 

.inews .newsright .kuai{ margin-bottom:28px;}
.inews .newsright .kuai:hover{background:#0e62aa;}
.inews .newsright .kuai:last-child{ margin-bottom:0}
.inews .newsright .kuai .pic{ float:left; width:30%}
.inews .newsright .kuai .wenzi{ float:right; width:66%; -webkit-transition:.5s;-moz-transition:.5s;transition:.5s; padding-top:6px}
.inews .newsright .kuai:hover .wenzi{ padding-right:2%; width:67%;}
.inews .newsright .kuai .other, .inews .newsright .kuai .other a{ color:#999}
.inews .newsright .kuai .other{ margin-bottom:7px;font-size:14px; }
.inews .newsright .kuai  p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;}

.inews .newsright .kuai:hover h3,.inews .newsright .kuai:hover p,.inews .newsright .kuai:hover a, .inews .newsright .kuai:hover .other{ color:#fff;}
.inews .more{ margin:40px auto 0 auto; text-align:center}
.inews .more a{ padding: 0 30px; border:solid 1px #0f63aa;  background:#0f63aa; color:#fff; line-height:42px; display:inline-block; border-radius:5px;}
.inews .more a:hover{ color:#0f63aa; background:none; }


.footer{ padding:65px 0 85px 0; background:#0e5c9f;}
.footer ul {width: 100%;display:flex;display:-webkit-flex;justify-content : space-between; }
.footer li {color:#fff;display:inline-block;cursor:pointer; position:relative}
.footer li:nth-child(1){ max-width:415px;}
.footer li img{ display:block;}
.footer li .add{ background:url(../images/fadd.png) no-repeat 2px 8px; padding-left:32px; color:#fff; opacity:0.8 }
.footer li .tel{ background:url(../images/ftel.png) no-repeat left 8px; padding-left:32px;  color:#fff; opacity:0.8}
.footer li .mail{ background:url(../images/fmail.png) no-repeat 2px 8px; padding-left:32px;  color:#fff; opacity:0.8}
.footer li .web{ background:url(../images/fweb.png) no-repeat 2px 6px; background-size:20px auto; padding-left:32px;  color:#fff; opacity:0.8}
.footer li h3, .footer li h3 a{ color:#fff; margin:0 0 15px 0; font-size:18px; height:30px; display:block;}
.footer li a, .footer li p{color: rgba(255,255,255,0.8);}
.footer li a:hover{ color:#fff;}
.copyright{ border-top:solid 1px rgba(255,255,255,0.2); padding:25px 0;color: rgba(255,255,255,0.8); background:#0e5c9f; text-align:center; line-height:28px;}
.copyright a{color: rgba(255,255,255,0.8);}
.copyright a:hover{ color:#fff;}
.footer li:last-child img{ display:block; width:auto; max-width:125px; height:auto; }

.nbanner h3 {font-size: 45px; line-height: 66px; text-transform: uppercase;}
.nbanner{ position:relative}
.nbanner img{ display:block; width:100%; height:auto}
.nbanner .text{ position: absolute; left:0; top:50%; width:100%; margin-top:-80px;text-shadow: 0.5px 0.5px 1px #fff;}
.nbanner .title h3{ color:#fff}
.nbanner .title h3:after{ background:#fff;}

.nnav { position:relative; margin-top:-35px; font-size:17.5px;}
.nnav .wrap{background:#fff; box-shadow: 0 0 15px rgba(0,0,0,0.2); line-height:70px;}
.nnav ul{ text-align:center}
.nnav ul li{ display:inline-block; margin:0 20px}
.nnav ul li, .nnav ul li a{ position: relative}
.nnav ul li a{ display:block; padding:0 20px}
.nnav ul li a:hover, .nnav ul li.cur a{ color:#0e62aa;}
.nnav ul li:after{ content:""; position:absolute; left:0; bottom:0; width:100%; height:2px; background:#0e62aa; opacity:0}
.nnav ul li a:after{content: "";width: 0;height: 0;border-left: 5px solid transparent; opacity:0; border-right: 5px solid transparent;border-top: 5px solid #0e62aa;position: absolute;left: 50%;margin-left: -5px;bottom: -5px;}
.nnav ul li:hover:after, .nnav ul li a:hover:after, .nnav ul li.cur:after, .nnav ul li.cur a:after{ opacity:1}

.nab01 .abpic{ float:right; width:48%;position:relative}
.nab01 .abpic .pic{padding:36px;  }
.nab01 .abpic:before{ content:""; position:absolute; top:0; right:0;background:url(../images/abbg.png) no-repeat center center; width:130px; height:130px; z-index:-1 }
.nab01 .abpic:after{ content:""; position:absolute; left:0; bottom:0;background:url(../images/abbg.png) no-repeat center center; width:130px; height:130px;z-index:-1 }
.nab01 .wenzi{ float:left; width:42%; margin-top:8px}
.nab01 .wenzi h3{ font-size:32px; position:relative; padding-bottom:25px; margin:40px 0;}


.nab02 .conn{display: -webkit-box; display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start; }
.nab02 .conn .item{width:23.4%; margin-right:2%; background:#fff; padding:3% 20px }
.nab02 .conn .item:nth-child(4){ margin-right:0}
.nab02 .conn .item .icon{ width:85px; margin:0 auto 25px auto; background:#0e62aa; border-radius:50%; padding:5%; position:relative; }
/*.nab02 .conn .item .icon:after{ content:""; position:absolute; width:105px; height:105px; top:-10px; left:-10px;background:#0e62aa; opacity:0.2;border-radius:50%; }*/
.nab02 .conn .item .icon img{ display:block; width:100%; height:auto;transition: all .5s ease;}
.nab02 .conn .item:hover .icon img{transform:rotateY(180deg);}
.nab02 .conn .item .text h3{ font-size:22px; text-align:center; margin-bottom:10px;}
.nab02 .conn .item .text p{ opacity:0.9;}


.newslist li{border-bottom: 1px solid #ededed;padding:40px 0;overflow: hidden; position:relative; overflow:hidden}
.newslist li:before{position: absolute;content: "";width: 100%;height: 4px;left:-100%;bottom: 0;background-color: #0e62aa;transition: 0.6s cubic-bezier(0.3, 0, 0.24, 1);}
.newslist li:hover:before{ left:0;}
.newslist li .pic{width:20%; max-height:175px;border: 1px solid #e2e2e2;overflow: hidden; float:left}
.newslist li .pic img{width:100%;height:auto; max-height:100%;display: block; -moz-transition:.8s;-webkit-transition:.8s;transition:.8s}
.newslist li .txt{width: calc(74% - 130px);margin-right: 3%; margin-left:3%; float:right}
.newslist li .txt .tit{font-size: 22px;line-height: 30px;color: #333;overflow:hidden;margin-bottom:20px; margin-top:10px;-webkit-transition:.5s;-moz-transition:.5s; transition:.5s}
.newslist li .txt .intro{font-size: 15px;line-height: 26px; height:52px;color: #666; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow: hidden;}
.newslist li .time{margin-top:50px;border-left: 1px solid #ededed;text-align: center;width: 130px; padding-left:20px; float:right}
.newslist li .time span{ display:block}
.newslist li .time span:first-child{font-size:45px;line-height: 56px;color: #333;font-weight: bold;}
.newslist li .time span:last-child{font-size: 16px;line-height: 32px;color: #666;}
.newslist li:hover .txt .tit{ color:#0e62aa}
.newslist li:hover .pic img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1); transform:scale(1.1)}

.newslist li .nmore{ margin-top:20px; font-size:14px; padding-left:30px;transition: 0.5s; position:relative; color:#666}
.newslist li .nmore:after{ content:""; position:absolute; width:20px; height:20px; left:0; top:5px; border-radius:50%; background:url(../images/abnext.png) no-repeat #d8d8d8 center center; background-size:12px auto;}
.newslist li .nmore:hover{ padding-left:35px;}
.newslist li:hover .nmore:after{background:url(../images/abnext.png) no-repeat #0e62aa center center; background-size:12px auto;}


.nnewsx .newstitle{ position:relative; margin-bottom:25px; border-bottom:solid 1px #e2e2e2; padding-bottom:30px;}
.nnewsx .newstitle h3{ font-size:24px; font-weight:bold; margin-bottom:8px;}
.nnewsx .newstitle p{ color:#888; font-size:14px;}
.nnewsx .newstitle p span{ color:#999}
.nnewsx .newstitle .back{ width:140px; position:absolute; right:0; bottom:30px}
.nnewsx .newstitle .back a{ margin-top:5px; display:block; width:140px; height:40px; line-height:40px; text-align:center; color:#fff; font-size:14px;background:url(../images/bnext.png) #0e62aa no-repeat 80% center; background-size:20px auto; padding-right:40px; transition: 0.5s;}
.nnewsx .newstitle .back a:hover{background:url(../images/bnext.png) #0e62aa no-repeat 90% center; background-size:20px auto; border-radius:20px; }
.nnewsx img, .nprox img{ display:block; width:auto; max-width:100%;margin: 10px auto;}


.shangxia{background:#f2f2f2; margin-top:60px}
.shangxia li{ float:left; width:50%; position:relative; }
.shangxia li:nth-child(2){ float:right}
.shangxia li:hover{background:#0e62aa;}
.shangxia li:nth-child(1) a{background:url(../images/bpre03.png) no-repeat left center; background-size:22px auto; padding-left:55px;}
.shangxia li:nth-child(2) a{background:url(../images/bnext03.png) no-repeat right center; background-size:22px auto;padding-right:55px;}
.shangxia li:nth-child(1):hover a{background:url(../images/bpre.png) no-repeat left center; background-size:22px auto;padding-left:55px;}
.shangxia li:nth-child(2):hover a{background:url(../images/bnext.png) no-repeat right center; background-size:22px auto;padding-right:55px;}
.shangxia li a{ display:block;margin:0 22px; line-height:80px;  color:#666;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.shangxia li:nth-child(2) a{ text-align:right; }
.shangxia li:hover a{ color:#fff} 
.shangxia li:nth-child(1):after{ content:""; position:absolute; left:62px; width:1px; height:14px; top:50%; margin-top:-5px; background:#999}
.shangxia li:nth-child(2):after{ content:""; position:absolute; right:62px; width:1px; height:14px; top:50%; margin-top:-5px; background:#999}
.shangxia li:hover:after{ background:#fff}


.ncb01 .conn{display: -webkit-box; display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start; padding-top:25px; }
.ncb01 .conn .item{width:32%; margin-right:2%; background:#fff; box-shadow: 0px 0px 1rem 2px rgba(0, 0, 0, 0.05); text-align:center; margin-right:2%; border:solid 1px #ddd; border-radius:20px; padding:45px 20px;}
.ncb01 .conn .item:nth-child(3){ margin-right:0}
.ncb01 .conn .item .icon img{ display:block; height:50px; width:auto; margin:0 auto;}
.ncb01 .conn .item .text h3{ margin:30px auto 10px auto; font-size:18px; }
.ncb01 .item p{ color:#666; max-width:335px; display:block; margin:0 auto;}

.map #allmap { width:100%; height:600px; border-radius:30px; margin-top:80px; border:solid 1px #ddd;}
.BMap_bubble_title{ white-space:normal !important;color: #222;padding:10px 0;}
.BMap_bubble_content{color: #888;}
.iwTitle {color: #888;font-weight: bold;line-height:22px;display:block;padding-bottom:8px;}
#allmap .map-address-name {text-align: center;font-size: 16px;line-height: 1.1;color: #222;padding: 10px 0;}
#allmap .map-address-detail {line-height: 1.5;font-size: 14px;color: #888;}


.message { background:#fff; box-shadow: 0px 0px 1rem 2px rgba(0, 0, 0, 0.05);  padding:80px 0; border-radius:25px;}
.message form{ width:92%; max-width:808px; margin:0 auto}
.message .row{ position:relative; clear:both}
.message .colum{position:relative;margin-bottom:20px; }
.message label{ position:absolute; left:0;top:0; line-height:48px; color:#999;padding-left:10px}
.message label span{ color:#e82b1b}
.message .row2 .colum{ width:48%; float:left; position:relative}
.message .row2 .colum:nth-child(2){ float:right}
.message .inp{width: 100%;border: 1px solid #ddd;line-height:48px;padding: 0 15px;transition: border-color .5s; padding-left:75px;}

.message textarea{width: 100%;height:200px; display:block;border: 1px solid #ddd;line-height:24px;padding:15px;transition: border-color .5s;padding-left:135px;margin-bottom:20px; }
.message .submit{ width:60%; line-height:48px; height:48px; text-align:center; cursor:pointer; font-size:18px; border:0; background:#0e62aa; border-radius:15px;  color:#fff; margin:20px auto; display:block;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s}
.message input:hover, .message textarea:hover{box-shadow: 0 0 5px rgba(0,0,0,0.1); border-radius:12px; overflow:hidden}

.ivideolist ul{display: -webkit-box; display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start;}
.ivideolist li{ width:32%; margin-right:2%; margin-bottom:2%; background:#fff; overflow: hidden; border:solid 1px #ddd;}
.ivideolist li:nth-child(3n){ margin-right:0}
.ivideolist li:nth-child(3n+1){ clear:both; }
.ivideolist li .tit{
	padding-top: 8px;
	padding-right:5px;
	padding-bottom: 8px;
	padding-left: 10px;
}
.ivideolist li .tit p{ text-align:center; padding-bottom:15px;}



.ivideolist .picbox{ position:relative; overflow:hidden}
.ivideolist .img1{ display:block; width:100%; height:auto}
.ivideolist .img2{ position:absolute; left:0;top:0;right:0;bottom:0; width:100%; height:100%; object-fit:cover; margin:auto; z-index:2}
.ivideolist .video-btn{position:absolute; left:50%;top:50%; width:70px; height:70px; margin-left:-35px; margin-top:-35px; z-index:3; opacity:0.9;}
.ivideolist video{ width:100%; height:100%;position:absolute; left:0;top:0;right:0;bottom:0;margin:auto;background:#000;z-index:-1; opacity:0.0001}
.ivideolist iframe{ width:auto; height:auto; min-width:100%; min-height:100%;margin:auto;}

.ivideolist li:hover iframe{ z-index:9999}
.ivideolist li:hover{ cursor:pointer}

.ivideolist li .hd{ position:fixed; width:100%; height:100%; top:0;left:0;color:#fff; display:none; z-index:99}
.ivideolist li .hd .bg{ position:absolute; top:0;left:0; width:100%; height:100%; background:#000; opacity:0.8; filter:alpha(opacity=80); z-index:98}
.ivideolist li .hd .closed{ width: 48px;height: 48px;  display:block; background:url(../images/close.png) no-repeat center; position:absolute; right:3%; top:3%; -webkit-transition:.5s;-moz-transition:.5s;transition:.5s;z-index: 99;}
.ivideolist li .hd .closed:hover{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg); transform:rotate(180deg);}
.ivideolist li .hd .hr_con{left: 50%;-moz-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);top: 50%;width:80%;height:80%;position: fixed;z-index: 9999;}
.ivideolist li .hd .hr_con iframe{left: 50%;-moz-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);top: 50%;position: fixed;z-index: 9999; width:100%; height:auto}
.ivideolist li .hd .hr_con .tit_hd{ font-size:20px; color:#fff;line-height:55px; text-align:center}




.video-mask {position: fixed;z-index: 99999;bottom: 0;top: 0;left: 0;right: 0;background: rgba(0, 0, 0, 0.9); display: none;}
.video-panel {position: fixed;display: none;clear: both;top: 0;left: 0;bottom: 0;right: 0;z-index: 999999; width:100%; height:100%;}
.video-panel .video-div,.video-panel .video-bar {width: 100%;}
.video-panel .video-div {width: 100%;height: 100%;top: 0;left: 0; margin:0 !important; z-index: 11;position: absolute;}
.video-panel .video-close {background: url(../images/close.png);background-size:100%;width: 30px;height: 30px; opacity:0.9; cursor:pointer; position: absolute; top:-60px; right:-60px;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s;}
.video-panel .video-close:hover {-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg); transform:rotate(180deg);}
.video-panel .video-img { width:70%; max-width:1920px; height:auto; max-height:80%; left:50%;-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); top:50%; position:fixed;z-index:9999; }
.video-panel .video-img iframe{ width:1920px; height:1080px; margin:0 auto}

.video-panel .video-left,.video-panel .video-right {width: 100px; position:absolute; left:-100px; top:50%; margin-top:-70px;}
.video-panel .video-right{right:-100px; left:auto; }
.video-panel .arrow-prv {background: url(../images/l_ch.png) no-repeat; background-size:100%; width: 100px;height: 100px; opacity:0.9}
.video-panel .arrow-prv:hover {background: url(../images/l_ch.png);background-size:100%;width: 100px;height: 100px;cursor: pointer;opacity:1}
.video-panel .arrow-next {background: url(../images/r_ch.png);width: 100px;background-size:100%;height:100px;opacity:0.9}
.video-panel .arrow-next:hover {background: url(../images/r_ch.png);background-size:100%;width: 100px;height: 100px;cursor: pointer;opacity:1}
.video-panel .video-bar{ font-size:20px; height:55px; text-align:center; width:100%; color:#fff; margin-top:20px}


.prolists .wrap{ display: -webkit-box; display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start; }
.prolists .wrap .item{ width:23.5%; margin-right:2%; margin-bottom:2%; position:relative; background:#f5f5f5;box-shadow: 0px 0px 1rem 2px rgba(0, 0, 0, 0.05); border:solid 1px #ddd;}
.prolists .wrap .item:nth-child(4n){ margin-right:0; }
.prolists .item .text{ background:#fff; text-align:center; height:70px; display:flex;align-items:center; }
.prolists .item .text h3{ line-height:25px; width:100%; display:block; color:#333; font-size:16px; margin-bottom:5px;}
.prolists .item a:after{ content:""; position:absolute; border-left:1px solid #0e62aa; border-bottom:1px solid #0e62aa; transition:all 0.6s; left:0px; bottom:0; width:0; height:0; opacity:0 }
.prolists .item a:before{ content:""; position:absolute; border-right:1px solid #0e62aa; border-top:1px solid #0e62aa; transition:all 0.6s; right:0px; top:0; width:0; height:0;opacity:0}
.prolists .item a:hover:after{ width:calc(100% - 1px); height:calc(100% - 1px); opacity:1;}
.prolists .item a:hover:before{ width:calc(100% - 1px); height:calc(100% - 1px); opacity:1;}
.prolists .item .outside{ padding:5%}
.prolists .wrap .item .img2{  width:auto !important; height:auto !important; max-width:100% !important; min-height:auto !important; max-height:100% !important;}

.protop .procon{ position: relative;}
.protop .procon .pics{ width:40%; float:left; border:solid 1px #ddd;}
.protop .picsshow{ float:left; width:50%; border:solid 1px #dedede; background:#fff; padding:15px 25px;}
.protop .swiper-container-wrapper { position:relative;}
.protop .swiper-container-wrapper .gallery-top img{ display:block; width:100%; height:auto;}
.protop .gallery-thumbs {width: 15.5%;position:absolute; left:0px; top:0px; padding:20px 0;}
.protop .gallery-thumbs .swiper-wrapper {flex-direction: column;}
.protop .gallery-thumbs .swiper-slide {flex-flow: column nowrap;width: 100%; min-width:60px !important; cursor: pointer; height:auto !important}
.protop .gallery-thumbs .swiper-slide .pic{ border: 1px solid #ddd;}
.protop .gallery-thumbs .swiper-slide .img2{ display:block; width:auto; height:auto; min-width:auto; max-width:100%; max-height:100%;}
.protop .gallery-thumbs .swiper-slide-thumb-active .pic{border: 1px solid #0e62aa;}
.protop .gallery-top {width: 80%; margin-left:20%}
.protop .gallery-top .img2{ display:block; width:auto !important; height:auto; min-height:auto !important; max-width:100% !important;; max-height:100% !important;;}
.protop .swiper-button-next, .protop .swiper-button-prev{ top:15px; bottom:0px; left:50%; margin-left:-12.5px; border:none !important; color: #15274d !important; width:25px; height:25px;text-align:center; transform: rotate(90deg);}
.protop .swiper-button-next{ top:auto; bottom:0px;}
.protop .swiper-button-next:after, .protop  .swiper-button-prev:after{font-size: 18px !important; border:none !important; line-height:25px; width:25px; height:25px;}



.protop .wenzi{ width:43%; margin-top:3%; float:right;}
.protop .wenzi .conn .kuai{line-height:30px;}
.protop .wenzi .conn .item{ color: #666; margin:8px 0; clear:both; display:block;}
.protop .wenzi .conn .item .left{ width:90px; float:left; display:block}
.protop .wenzi .conn .item .right{ float:right; width:calc(100% - 90px)}
.protop .wenzi .conn .item .right a{ display:inline-block; padding:0px 10px 0px 30px; color:#fff; margin-right:3px; margin-bottom:3px; background:url(../images/tag.png) #999 no-repeat 10px center;}
.protop .wenzi .conn .item .right a:hover{background:url(../images/tag.png) #0e62aa no-repeat 10px center;}
.protop .wenzi .protitle h3{ font-size:30px; font-weight:bold; margin-bottom:30px; padding-bottom:20px; position:relative;}
.protop .wenzi .protitle h3:after{ content:""; position: absolute; left:0; bottom:0; width:60px; height:3px; background:#0e62aa}
.protop .wenzi .use{ margin-top:60px;}
.protop .wenzi .use .ptel{float:left;}
.protop .wenzi .use .ptel a{ display:block; border-radius:5px; overflow:hidden; width:160px; line-height:42px; height:42px; background:url(../images/icon_7.png) #0e62aa no-repeat 25px center; color:#fff; padding-left:30px; text-align:center;} 

.protop .wenzi .use .pfeedback{margin-left:45px; float:left;}
.protop .wenzi .use .pfeedback a{ display:block; border-radius:5px; overflow:hidden; width:160px; line-height:42px; height:42px; background:url(../images/pfeed.png) #0e62aa no-repeat 25px center; color:#fff; padding-left:30px; text-align:center;} 

.nprodetail .conn h3{ font-size:24px; line-height:60px; color:#222}
.nprodetail .conn img{ width:auto; max-width:100%;}
.nprodetail .nprotit{ border-bottom:1px solid #0e62aa; margin-top:20px; margin-bottom:10px;}
.nprodetail .nprotit span{background:url(../images/protitbg.png) no-repeat right center,linear-gradient(top, #3b67bb, #0e62aa);
	background:url(../images/protitbg.png) no-repeat right center,-webkit-linear-gradient(top, #3b67bb, #0e62aa);
	background:url(../images/protitbg.png) no-repeat right center,-moz-linear-gradient(top, #3b67bb, #0e62aa);
	background:url(../images/protitbg.png) no-repeat right center,-ms-linear-gradient(top, #3b67bb, #0e62aa);
	padding-left: 15px;
	padding-right: 30px;
	display:inline-block;
	color:#fff}
.nprodetail .nprotit div{background:url(../images/protitbg.png) no-repeat right center,linear-gradient(top, #3b67bb, #0e62aa);
	background:url(../images/protitbg.png) no-repeat right center,-webkit-linear-gradient(top, #3b67bb, #0e62aa);
	background:url(../images/protitbg.png) no-repeat right center,-moz-linear-gradient(top, #3b67bb, #0e62aa);
	background:url(../images/protitbg.png) no-repeat right center,-ms-linear-gradient(top, #3b67bb, #0e62aa);
	padding-left: 15px;
	padding-right: 30px;
	display:inline-block;
	color:#fff}
.nprodetail .conn .fuyou{ float:right; width:20%; max-width:250px; text-align:center;}
.nprodetail .conn .fuyou img{ display:block; width:100%; height:auto}
.nprodetail .conn table td{ padding:5px 10px; line-height:30px;}