@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-family:"Alibaba Sans","Microsoft Yahei", Arial, Helvetica, sans-serif;font-size:15px; line-height:30px;-webkit-font-smoothing: antialiased; overflow-x:hidden;background:#fff; color:#333; }

a{color:#333; text-decoration:none;outline:none; transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.3s;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;}

a:hover{text-decoration:none; color:#035493}

ol,ul,li{list-style:none}

h1,h2,h3,h4,h5,h6{font-weight:normal}

.clear{ clear:both}

.clearfix{clear:both;zoom:1;}

.clearfix:after{ content:"."; display:block; height:0;clear:both;visibility:hidden;}

.ovh{ overflow:hidden}

table{ border-collapse:collapse;}

img{ border:none;}

input,textarea,select,button,input{ outline:none;font-size:15px;font-family:"Microsoft Yahei", Arial, Helvetica, sans-serif;}

input{-webkit-appearance: none ;}

.red{ color:#fe0101}
.blue{ color:#035493}


.section{ padding:60px 0 90px 0;}

.sectionpre{ padding-top:60px;}

.sectionnext{ padding-bottom:60px;}



.mbg{ background:#f3f3f3}





#a01, #a02, #a03, #a04{ position: absolute;  margin-top:-100px;}

.wrap{ width:90%; max-width:1200px; margin:0 auto}
@media screen and (max-width: 1240px){
.wrap{ width:92%;}	
}
.iproduct .wrap{width:100%; max-width:1400px; margin:0 auto}



.jvzhong{ text-align:center}

.title { margin-bottom:15px; position:relative; padding-bottom:12px;}

.title h3{ font-size:32px; font-weight:bold; display:inline-block;  color:#333; line-height:30px; position:relative}

/*.title h3:before{ content:""; position:absolute; left:-80px; width:80px; height:1px; bottom:-20px; background:#ddd}

.title h3:after{ content:""; position:absolute; right:-80px; width:80px; height:1px; bottom:-20px; background:#ddd}*/



.pic{ height:auto; display:block; overflow:hidden;}

.pic img{ width:100%; height:auto;transition: all 1.5s; display:block}

.kuai:hover .pic img, li:hover .pic img{transform:scale(1.05);}

.space{height:98px;}



body{ position:relative}

.header{width: 100%;top:0;left:0;position:fixed; z-index:999; -webkit-transition:all .5s;transition:all .5s; background:#fff; box-shadow: 0 0 10px #999; border-top:solid 4px #035493;}

.header .wrap{ position:relative;height:94px; }

.header .logo{ position:absolute; left:0; top:50%; margin-top:-30px;}

.header .logo img{ display:block; height:64px; width:auto}

.header .menu{ position:absolute; right:0; top:0; }

.header .menu li{ display:inline-block}

.header .menu li{ position:relative}

.header .menu li .menu_a{ line-height:94px; display:block; margin:0 25px; font-size:17px; color:#000;position:relative; z-index:10;}

.header .menu li.cur .menu_a{ color:#02548c;}

.header .menu li .sub{ position:absolute; display:none;clear:both; z-index:9;width:120%;  margin-left:-10%; text-align:center;  box-shadow: 0 0 10px #ccc; border-radius:8px; overflow:hidden; background:#fff; padding:10px 5px 20px 5px;}


@media screen and (max-width: 1366px){
.header .menu li .menu_a{ margin:0 20px;  }
.header .menu li .sub{width:140%; margin-left:-20%}

}




.header .menu li .sub p a { display:block;}

.header .menu li .sub p a:hover{ background:#02548c;border-radius:8px; 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{ background:#fff; line-height:40px;}

.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;}



.dian {position: absolute; z-index:10; left:50%; margin-left:-5px; bottom:-5px;display: block;width: 10px;height: 10px;background-color:rgba(2,84,140,1);-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;-webkit-animation: wave;-o-animation: wave;animation: wave;z-index: 3}

.dian:after, .dian:before {content: "";position: absolute;z-index: 5;top: 50%;left: 50%;transform: translate(-50%, -50%);border-radius: 50%;border: 1px solid rgba(2,84,140, .5);-webkit-animation: bowen 3s linear infinite;-o-animation: bowen 3s linear infinite;animation: bowen 3s linear infinite;width: 8px;height: 8px}

.dian:before {border: 1px solid rgba(2,84,140,0.5);-webkit-animation: bowen 4s linear infinite;-o-animation: bowen 4s linear infinite;animation: bowen 4s linear infinite}

@keyframes bowen {

	0% {border-width: 1px}

	100% {border-width:15px;border-color: rgba(185, 0, 0, 0)}



}

.header .menu li .menu_a .dian{ opacity:0}

.header .menu li.cur .menu_a .dian, .header .menu li:hover .menu_a .dian{ opacity:1}









.banner{ position:relative; z-index:1; background:#bedced }

.banner img{ display:block; width:auto; max-width:100%; height:auto; margin:0 auto;}

.banner .swiper-container{position:relative;}

.banner .swiper-pagination{bottom:2%; text-align:center;}

.banner .swiper-pagination-bullet{ width:10px; height:10px; background:#fff; opacity:0.8; margin:0 7px !important; border-radius:5.5px; position:relative}

.banner .swiper-pagination-bullet-active{ opacity:1; border:none}

.banner .swiper-pagination-bullet-active:after{ content:""; width:16px; height:16px; position:absolute; left:0; top:0%; margin-left:-4px;  margin-top:-4px; border-radius:50%; border:solid 1px #fff; }

.banner .swiper-slide{ position:relative}

.banner .swiper-button-prev, .banner .swiper-button-next{ width:50px; height:50px; border-radius:50%;  margin-top:-25px; outline:none; opacity:0.6; top:50%}

.banner .swiper-button-prev{ background:url(../images/bpre.png) #035493 no-repeat center center; left:3%}

.banner .swiper-button-next{ background:url(../images/bnext.png) #035493 no-repeat center center; right:3%}

.banner .swiper-button-prev:hover{ background:url(../images/bpre.png) #035493 no-repeat center center; opacity:1}

.banner .swiper-button-next:hover{ background:url(../images/bnext.png) #035493 no-repeat center center; opacity:1}

.banner .swiper-slide a{ display:block; height:535px; width:auto;}



.iproducts .item{ float:left; width:32%; margin-right:2%; border:solid 1px #ddd; border-radius:8px; overflow:hidden}

.iproducts .item:nth-child(3n){ margin-right:0}

.iproducts .item:hover, .iproducts .swiper-slide:hover{ border:solid 1px #035493; background:#035493;}

.iproducts .wenzi{ text-align:center; line-height:52px; font-size:16px;}

.iproducts .item:hover .wenzi, .iproducts .swiper-slide:hover .wenzi{ color:#fff;}

.iproducts .swiper-slide{ margin-bottom:35px; border:solid 1px #ddd; border-radius:8px; overflow:hidden}
.iproducts .swiper-pagination{bottom:0%; text-align:center;}
.iproducts .swiper-pagination-bullet{ width:10px; height:10px; background:#035493; opacity:0.8; margin:0 7px !important; border-radius:5.5px; position:relative}
.iproducts .swiper-pagination-bullet-active{ opacity:1; border:none}


.iabout  .wrap {background:#fff; box-shadow: 0 0 10px #999; }
.iabout .video{ float:left; width:50%; position:relative}

.iabout .video .video-btn{ content:""; position:absolute;width:100%; height:100%; background:url(../images/videobutt.png) no-repeat center center; left:0%; top:0%; }

.iabout .video .video-btn02{ content:""; position:absolute; width:100%; height:100%; left:0%; top:0%; opacity:0}

.iabout .video .hide{ display:none !important}

.iabout .video video{ display:block; width:100%; height:auto; border:none;}

.iabout .wrap{ position:relative; }

.iabout .wrap .text{ position:absolute; top:0px; right:0;  width:50%;height:100%;}

.iabout .wrap .text .textinn{position:absolute;padding:30px 25px;  width:100%; height:100%; z-index:2}

.iabout .wrap .text:after{background:url(../images/icon_1.png) no-repeat right top; content:""; position:absolute; top:-30px; right:-30px; z-index:1; width:60px; height:60px; }

.iabout .wrap .text .textinn h3{ font-size:24px; font-weight:bold; margin-bottom:15px;}

.more{background:url(../images/bnext.png) #035493 no-repeat center center; width:25px; height:25px; border-radius:50%; float:right; background-size:auto 10px}
.more a{ display:block; width:25px; height:25px; border-radius:50%;}
.iabout .wrap .text .textinn p{ color:#666;}
.iabout .wrap .text .textinn p:nth-child(2){display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}


.inews .conn li{ float:left; width:48.5%; line-height:24px; padding:18px 0; border-bottom: 1px dotted #ababab;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.inews .conn li:nth-child(2n){ float:right}

.inews .conn li:nth-child(2n+1){ clear:both}

.inews .conn li:nth-child(1), .inews .conn li:nth-child(2){border-top: 1px dotted #ababab;}

.inews .conn li span:nth-child(1){ color: #999;}

.inews .conn li span:nth-child(2){ display:inline-block; margin:0 8px; padding:0 15px; color:#fff}

.inews .conn li .blue{ background:#035493}

.inews .conn li .cheng{ background:#f9b073}



.brank{ padding:25px 0; line-height:80px}

.brank .wrap .biao{ font-size:20px; font-weight:bold; float:left; width:80px;}

.brank .wrap .logos{ float:left; width:calc(100% - 80px)}

.brank .wrap .logos img{ border:solid 1px #ddd; display:block; margin:0 6px; float:left; height:79px;}

.brank .qimo8{ overflow:hidden; width:100%;}
.brank .qimo8 .qimo {width:8000%;}
.brank .qimo8 .qimo div{ float:left;}
.brank .qimo8 .qimo ul{float:left; overflow:hidden; zoom:1; }
.brank .qimo8 .qimo ul li{ float:left;}
.brank .qimo8 .qimo ul li img {display:block }




.footer{ background:#055696; color:#fff; padding:20px 0; line-height:24px;}

.footer a{ color:#fff}





.backtop { position:fixed; width:45px; height:45px;background:url(../images/top.png) #035493 no-repeat center center; border:solid 1px #fff; bottom:10px; right:5%; border-radius:50%}

.backtop a{ display:block; width:45px; height:45px;}



.nbanner{ position:relative;}

.nbanner img{ display:block; width:100%; height:auto;}

.nbanner .text{ position:absolute; left:0; top:0; width:100%; height:100%;display: flex;align-items: center;text-shadow: 1px 1px 0.5px #fff;}

.nbanner .text h3{ font-size:36px; font-weight:bold; margin-bottom:25px; color:#035493}

.nbanner .text p{ font-size:18px; color:#666; margin-bottom:25px;}







.location{ line-height:56px; background:#f3f3f3}

.location .nav{ float:left; width:70%; }

.location li{ float:left}



.location li a{  display:block; font-size:17px; padding:0 34px; border-radius:5px; position:relative}

.location li a:hover,.location li a.cur{ background:#035493; color:#fff}

.location li a:hover:after,.location li a.cur:after{ content:""; width:0; height:0; border-left:10px solid transparent; border-right:10px solid transparent; border-top:10px solid #035493; position:absolute; left:50%; margin-left:-10px; bottom:-10px}



.location .weizhi{ float:right; text-align:right}

.location .weizhi p{background:url(../images/map_icon.png) no-repeat left center; padding-left:25px; color:#666}

.location .weizhi p a{ color:#666;}

.location .weizhi p .jiange{ padding:0 12px;}





.nabout p{ text-indent:2em; font-size:16px; line-height:35px; margin-bottom:15px;}

.nabout .imgkuai{ background:#f3f8fc;}

.nabout .imgkuai img{ display:block; width:auto; max-width:100%; height:auto; margin:0 auto}







.nlinian { line-height:40px; font-size:16px;}

.nlinian .kuai{ margin-bottom:20px;}

.nlinian .kuai h3{ font-size:20px; font-weight:bold; position:relative; border-bottom:solid 1px #ddd; line-height:50px; padding-bottom:5px; margin-bottom:10px;}

.nlinian .kuai h3:after{ content:""; position:absolute; left:0; bottom:0; width:95px; height:3px; background:#035493}

.nlinian .kuai p span{ display:inline-block; width:100px;}

.nlinian .kuai .inkuai{ margin-top:30px; display:table}

.nlinian .kuai .inkuai .ppic{display: table-cell; vertical-align: middle; width:120px}

.nlinian .kuai .inkuai .ppic img{ display:block; height:auto; max-height:150px; width:auto; margin:0 auto}



.nlinian .kuai .inkuai .wenzi{display: table-cell; vertical-align: middle; width:calc(100% - 170px); padding-left:50px;font-size:14px;}





.news-list{border-top:1px solid #e5e5e5;}

.news-list li{padding:30px 0;border-bottom:1px solid #e5e5e5;background:#fff;}

.news-list .nlist-date{padding:2px 1.5% 19px 0;width:13.75%;text-align:center;color:#3f3f3f;border-right:1px solid #ededed;float:left;margin:7px 0 0;}

.nlist-date .day{font:bold 55px/62px 'Arial';}

.nlist-date .year{font:bold 20px/27px 'Arial';}

.news-list .nlist-box{width:78%;float:right;margin:0 3.9166% 0 0;}

.nlist-box .name{line-height:34px;font-size:20px;font-weight:600;}

.nlist-box .con{line-height:24px;color:#666666;margin:10px 0 0;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}

.news-list li:hover{border-color:#fff;box-shadow:0 0 10px 4px #e1e1e1;transform:translate3d(0,-2px,0);transition:all .3s cubic-bezier(.55,0,.1,1);z-index:2;}

.news-list li:hover .name{color:#f7931d;}

.news-container .pagination{margin:50px 0 0;}





.newsxiang{ line-height:32px;}

.newsxiang h3{ line-height:40px;}

.newsxiang img{ display:block; width:auto; max-width:100%; margin:0 auto; height:auto !important}

.nmain .newstitle{ text-align:center; margin-bottom:20px; border-bottom:solid 1px #ddd; padding-bottom:20px;}

.nmain .newstitle h3{ font-size:28px; margin-bottom:15px; font-weight:bold}

.newsxiang .conn p{ margin-bottom:10px}

.nmain .newstitle .shijian{ font-size:14px; color:#999; }

.newsxiang .conn img{ display:block; margin:15px auto; width:auto; max-width:100%;}

.xiang .conn img{ display:block; margin:15px auto; width:auto; max-width:100%; height:auto}

.nmain .newsmore{ text-align:center; margin-top:45px;}

.nmain .newsmore a{ display:inline-block; width:160px; text-align:center; line-height:45px; position:relative }

.nmain .newsmore a::before {content: '';position: absolute;z-index:-1;top: 0;right: 0;bottom: 0;left: 0; background:#035493; border-radius:20px; }

.nmain .newsmore a{color:#fff;}

.shangxia{  border-top:solid 1px #ddd; padding:30px 0; }

.shangxia li{ float:left; text-align:left;}

.shangxia li:nth-child(2n){ float:right; text-align:right;}





.nprolist li{ float:left; text-align:center;  width:32%; margin-right:2%; margin-bottom:2%; border:solid 1px #ddd; position:relative}
.nprolist li:hover{ border:solid 1px #035493}
.nprolist li:nth-child(3n){ margin-right:0; }
.nprolist li:nth-child(3n+1){ clear:both;}



.nprolist li .plogo{ position:absolute; left:2%; top:2%; width:25%}

.nprolist li .plogo img{ display:block; width:100%; height:auto; z-index:1}

.nprolist li .wenzi{ line-height:55px;height:55px; width:100%; overflow:hidden; background:#f3f5f6; text-align:center; position:relative; font-size:18px;}

.nprolist .wenzi,.nprolist .wenzi:before{-webkit-transition:.3s ease;-moz-transition:.3s ease;-ms-transition:.3s ease;-o-transition:.3s ease;transition:.3s ease; position:relative}

.nprolist .wenzi:before{ content:""; width:100%; height:100%; position:absolute;  left:0;bottom:-100%;background:#035493;}

.nprolist li:hover .wenzi:before{ bottom:0;}

.nprolist li .wenzi span{ position:absolute; width:100%; height:100%; left:0}

.nprolist li:hover .wenzi span{ color:#fff;}







.proxiang .wrap{ position:relative}

.proxiang .pics{ float:left; width:48%; border:solid 1px #ddd}

.proxiang .pics .swiper-pagination{ bottom:0}

.proxiang .pics .swiper-pagination-bullet{ height:12px;width:12px; background:#ddd; opacity:1; margin:0 5px}

.proxiang .pics .swiper-pagination-bullet-active{ background:#006ac1}

.proxiang .wenzi{ float:right; width:48%; font-size:17px;}

.proxiang .wenzi .ptitle{ margin-bottom:25px;}

.proxiang .wenzi .ptitle h3{ font-size:30px; margin-bottom:10px; padding-bottom:20px; font-weight:bold; position:relative}

.proxiang .wenzi .ptitle h3:after{ content:""; position:absolute; left:0%; bottom:0; width:30px; height:2px; background:#006ac1; }

.proxiang .wenzi .intro p{ margin-bottom:10px;}

.proxiang .shangxia{ position:absolute; width:48%; right:0; bottom:0; border-top:solid 1px #ddd; border-bottom:solid 1px #ddd; padding:18px 0; font-size:17px; line-height:40px}

.proxiang .wenzi .use{ margin-top:40px; position:relative}

.proxiang .wenzi .use .dianhua{background:url(../images/ptel.png) no-repeat left center; line-height:24px; padding:6px 0 6px 70px}

.proxiang .wenzi .use .dianhua h3{ font-size:24px; font-weight:bold}

.proxiang .wenzi .use .zixun{ background:url(../images/zixun.png) no-repeat #035493 30px center; border-radius:25px; padding-left:30px; line-height:50px; position:absolute; right:0; top:50%; margin-top:-25px; width:180px; text-align:center; color:#fff}

.proxiang .wenzi .use .zixun a{ color:#fff;}







.proxiang table{line-height:28px;  background:#fff;}

.proxiang  img{ display:block; width:auto; max-width:100%; margin:0 auto}

.proxiang td{padding:10px; padding:10px 20px}

.proxiang table td{border-left:solid 1px #fff; border-top:solid 1px #fff; }

.proxiang table tr td:first-child{ border:none}

.proxiang table tr:nth-child(2n+1) td{ background:#ddd}

.proxiang table tr:first-child td{ background-image: linear-gradient(30deg, #006ac1 0%, #3ebbac 100%);  color:#fff; font-size:110%}

.proxiang .huadong{overflow-x: auto; overflow-y: hidden;}

.proxiang .kuai{ margin-bottom:30px; background:#fff; padding:5% 3%}

.proxiang .kuai h3{ position:relative; font-size:20px; font-weight:bold; padding-left:20px; border-bottom:solid 1px #ddd; padding-bottom:18px; margin-bottom:18px;}

.proxiang .kuai h3:after{ content:""; position:absolute; left:0; top:50%; margin-top:-18px; width:4px; height:20px; border-radius:5px; background:#035493}

.proxiang .kuai p{ padding-left:20px; color:#666}
.proxiang .kuai h4{ padding-left:20px; font-size:18px;}




.ntuijian .swiper-slide{ -webkit-transition:all .5s;transition:all .5s; margin-bottom:30px; position:relative; overflow:hidden;border:solid 1px #ddd;}


.ntuijian .swiper-slide .plogo{ position:absolute; left:10px; top:10px; width:30%}

.ntuijian .swiper-slide .plogo img{ display:block; width:auto; max-width:100px; z-index:1}

.ntuijian .swiper-slide .wenzi{font-size:18px; padding:10px; width:100%; text-align:center; position:relative;background:#f3f5f6; }

.ntuijian .swiper-slide .wenzi span{ position:relative; z-index:9}

.ntuijian .swiper-slide .wenzi:after{-moz-transition: all .5s ease;-webkit-transition: all .5s ease;transition: all .5s ease; content:""; position:absolute; width:100%; height:100%; left:0; top:100%; bottom:0;background:#035493; z-index:1 }

.ntuijian .swiper-slide:hover .wenzi:after{ top:0}

.ntuijian .swiper-slide:hover .wenzi{ color:#fff}

.ntuijian .swiper-pagination{ bottom:0}

.ntuijian .swiper-pagination-bullet{ height:12px;width:12px; background:#ddd; opacity:1; margin:0 5px}

.ntuijian .swiper-pagination-bullet-active{ background:#006ac1}







.proxiang .protabmenu { text-align:center; position:relative; margin-bottom:30px;}

.proxiang .protabmenu li {margin:0 7px; background:#ddd; display:inline-block; cursor:pointer; line-height:52px; padding:0 45px; font-size:18px; border-radius:15px 15px 0 0;}

.proxiang .protabmenu:after{content: '';width: 100%;height:1px;background: #ddd;display: block; margin-top:0px;}

.proxiang #protabcontent { clear:both; line-height:32px;}

.proxiang #protabcontent h3{ font-weight:bold;  font-size:20px; line-height:45px; color:#006ac1; background:url(../images/jt02.png) no-repeat left center; padding-left:40px;}

.proxiang #protabcontent img{ display:block; width:auto; max-width:800px; margin:0 auto}

.proxiang .protabmenu .cli { background-image: linear-gradient(120deg, #3ebbac 0%, #006ac1 100%); color:#fff }

.proxiang #protabcontent .hidden {display:none;}





.aqlist{margin-top:20px}

.aqlist li{ background:#fff; border-radius:8px; border:solid 1px #ddd; padding:14px 22px; margin-bottom:12px;}

.aqlist li:hover, .aqlist li.cur{box-shadow: 0 0 6px #ddd;}

.aqlist li .aqlist_tit{background:url(../images/jia.png) no-repeat right center; line-height:24px; padding:5px 0;}

.aqlist li.cur .aqlist_tit{background:url(../images/jian.png) no-repeat right center;}

.aqlist .aqlist_tit{ line-height:30px; color:#000;  font-weight:bold; font-size:15px; cursor:pointer}

.aqlist li.cur .aqlist_tit {color:#006ac1}

.aqlist .aqlist_con{ display:none;color:#666; line-height:30px; padding-top:5px; position:relative;}

.aqlist .aqlist_con .blue{ color:#006ac1}

.aqlist .aqlist_tit  span, .aqlist .aqlist_con  .anwer div{ display: inline-block; float:left; align-items:center}

.aqlist .aqlist_tit span:nth-child(1), .aqlist .aqlist_con  .anwer div:nth-child(1){ width:25px;}

.aqlist .aqlist_tit span:nth-child(2), .aqlist .aqlist_con .anwer div:nth-child(2){ width:calc(100% - 25px);}

.ncase .item{ margin-bottom:30px;}



.nmain .erji ul{ text-align:center; margin:-20px auto 0px auto;}

.nmain .erji li{ display:inline-block; margin-bottom:10px}

.nmain .erji li a{  display: inline; padding:7px 25px; border-radius:5px; position:relative}

.nmain .erji li a:hover,.nmain .erji li a.cur{ background:#035493; color:#fff}

.nmain .erji li a:hover:after,.nmain .erji li a.cur:after{ content:""; width:0; height:0; border-left:10px solid transparent; border-right:10px solid transparent; border-top:10px solid #035493; position:absolute; left:50%; margin-left:-10px; bottom:-10px}





.salsemap .wrap{ position:relative}

.salsemap .tabmenu {width:800px; height:576px; background:url(../images/mainmap.png) no-repeat center center; background-size:100% auto; position:relative }

.salsemap .tabmenu li {position:relative; transition: all 0.5s; font-size:14px; line-height:10px; width:100px; cursor:pointer}

.salsemap .tabmenu .cli {transform:scale(1.05);}

.salsemap .tabmenu li p{ position:absolute; left:20px;top:0;}

.salsemap .tabmenu li:nth-child(1){ position:absolute; right:calc(29% - 100px); top:63.5%}

.salsemap .tabmenu li:nth-child(2){ position:absolute;right: calc(24% - 100px);top: 20%;}

.salsemap .tabmenu li:nth-child(3){ position:absolute;right: calc(27.5% - 100px); top: 34%;}

.salsemap .tabmenu li:nth-child(4){ position:absolute;right: calc(26.5% - 100px); top: 27%;}

.salsemap .tabmenu li:nth-child(5){ position:absolute;right: calc(31% - 100px); top: 48%;}

.salsemap .tabmenu li:nth-child(6){ position:absolute;right: calc(36% - 100px); top: 48%;}

.salsemap .tabmenu li:nth-child(6) p{ top:-20px; left:-10px}

.salsemap .tabmenu li:nth-child(7){ position:absolute;right: calc(49.5% - 100px); top: 56%;}

.salsemap .tabmenu li:nth-child(8){ position:absolute;right: calc(52.5% - 100px); top: 45%;}

.salsemap .tabmenu li:nth-child(9){ position:absolute;left: 22%; top: 22%;}

.salsemap .tabmenu li:nth-child(10){ position:absolute;left: 60%; top:65.5%;}



.salsemap .tabmenu .dian{ position:absolute; left:0; top:0;margin-left:0px; bottom:0;}

.salsemap .tabmenu .cli .dian {position: absolute; z-index:10; left:0%; margin-left:0px; bottom:0;display: block;width: 10px;height: 10px;background-color:rgba(255,0,0,1);-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;-webkit-animation: wave;-o-animation: wave;animation: wave;z-index: 3}

.salsemap .tabmenu .cli .dian:after, .salsemap .tabmenu .cli .dian:before {content: "";position: absolute;z-index: 5;top: 50%;left: 50%;margin-left:0px; transform: translate(-50%, -50%);border-radius: 50%;border: 1px solid rgba(255,0,0,.5);-webkit-animation: bowen 3s linear infinite;-o-animation: bowen 3s linear infinite;animation: bowen 3s linear infinite;width: 10px;height: 10px;}

.salsemap .tabmenu .cli .dian:before {border: 1px solid rgba(255,0,0,0.5);-webkit-animation: bowen 4s linear infinite;-o-animation: bowen 4s linear infinite;animation: bowen 4s linear infinite}

.salsemap .tabmenu .dian.bigdian{width: 12px;height: 12px;}

.salsemap .tabmenu .cli .dian.bigdian{width: 12px;height: 12px;}



.salsemap #tabcontent {width:calc(100% - 800px); position:absolute; top:0; right:0; height:100%;color:#fff;}

.salsemap #tabcontent .wenzi{ padding:30px 30px 60px 30px; min-height:200px; width:100%; background:#035493; position:absolute; left:0; top:50%; margin-top:-150px; }

.salsemap #tabcontent .wenzi:after{ content:""; position:absolute; left:-10px; top:50%; margin-top:-10px;border-top:10px solid transparent; border-bottom:10px solid transparent; border-right:10px solid #035493;}

.salsemap #tabcontent .wenzi h3{ margin-bottom:10px; display:block}

.salsemap #tabcontent .hidden {display:none;}

.salsemap .tabmenu li .wenzi{ font-size:17px; text-align:center; margin-bottom:25px;}

.salsemap .tabmenu li .wenzi a:hover{ font-weight:bold; text-decoration:underline}

.salsemap .tabmenu li:hover .wenzi a, .salsemap .tabmenu .cli .wenzi a { color:#fff}

.salsemap .tabmenu li:hover .arr, .isolution .tabmenu .cli .arr{bottom:-10px;left: 50%; margin-left:-10px; position: absolute;display: block;width: 0;height: 0;transform: rotate(90deg);border-top: 14px solid transparent;border-bottom: 14px solid transparent;border-right: 13px solid #f2f4f5;}





.npartners ul {border-bottom:1px solid #e5e5e5;}

.npartners li{padding:30px 0;border-top:1px solid #e5e5e5;background:#fff;box-shadow:0 0 0px 0px #e1e1e1; overflow: visible !important; position:relative; }

.npartners .pic{padding:2px 1.5% 19px 1.5%;width:16%;text-align:center;color:#3f3f3f;border-right:1px solid #ededed;float:left;margin:7px 0 0; position: relative}

.npartners .wenzi{width:79.5%;float:right;margin:0 1.5% 0 0;}

.npartners .wenzi h3{ font-weight:bold; font-size:18px; margin-bottom:10px;}

.npartners .wenzi p{ font-weight:normal; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;}

.npartners li:hover{border-color:#fff;box-shadow:0 0 10px 4px #e1e1e1;  z-index:9;}





.npartners li .show{ cursor:pointer}

.npartners li:hover .show{ font-weight:bold}

.npartners li .hd{ position:fixed; width:100%; height:100%; top:0;left:0;color:#666; display:none; z-index:999; cursor:pointer}

.npartners li .hd .bg{ position:absolute; top:0;left:0; width:100%; height:100%; background:#000; opacity:0.8; filter:alpha(opacity=80); z-index:998}

.npartners .hd .closed{ width:45px; height:45px; display:block; background:url(../images/close.png) no-repeat center; background-size:cover; position:absolute; left:50%; top:50%; -webkit-transition:.5s;-moz-transition:.5s;transition:.5s;z-index: 9999; margin-left:175px; margin-top:-280px; cursor:pointer;}

.npartners li .hd .closed:hover{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg); transform:rotate(180deg);}

.npartners li .hd .usecon{ background:#fff; padding:30px 50px;  width:500px; height:620px;border-radius:15px;   position:absolute;top:50%;left:50%; margin-top:-310px; margin-left:-250px; line-height:38px; cursor:default; overflow-y:auto; z-index:999}



.npartners li .hd .usecon h3{ line-height:50px; color:#333; font-size:24px; text-align:left;}

.npartners li .hd .usecon { line-height:32px;}



.ncontact .title h3{ font-size:28px;}

.ncontact .ncleft{ float:left; width:48%; padding:5% 3%; background:url(../images/company.jpg) #e9f1f7 no-repeat center bottom; background-size:100% auto; min-height:620px;}

.ncontact .ncleft .conn p{ line-height:35px; font-size:16px; padding-left:40px;}

.ncontact .ncleft .conn .add{background:url(../images/add.png) no-repeat left center; }

.ncontact .ncleft .conn .tel{background:url(../images/tel.png) no-repeat left center; }

.ncontact .ncleft .conn .fax{background:url(../images/fax.png) no-repeat left center; }



.ncontact .ncright{ float:right; width:48%; padding:5% 3%; background:#f3f3f3; min-height:620px;}

.form_2 .row{ position:relative; margin-bottom:10px; clear:both}

.form_2 .row02{position:relative; margin-bottom:10px; float:left; width:48%;}

.form_2 .row02:nth-child(2n){ float:right}

.form_2 .row02:nth-child(2n+1){ clear:both;}

.form_2 .input{ width:100%; border:1px solid #ddd; line-height:38px; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; padding-right:10px; padding-left:70px}



.form_2 .row:nth-child(3) input{ padding-left:85px}

.form_2 label{ font-size:15px; color:#999; position:absolute; left:0;top:0; line-height:38px; padding-left:10px}

.form_2 textarea{ border:1px solid #ddd; padding:15px; padding-left:85px; width:100%; height:150px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

.form_2 .lymore{ width:100%; line-height:36px; text-align:center; border:solid 1px #035493; background:#035493; color:#fff;  clear:both; font-size:16px; margin-top:20px;}

.form_2 .lymore:hover{border:solid 1px #eb6100; background:#f9b073;}

#map{width:calc(100% - 2px);height:450px;border:#ccc solid 1px; font-size:14px}





.nlianxis .item{ float:left; width:32%; margin-right:2%; margin-bottom:3%}

.nlianxis .item:nth-child(2){ clear:both}
.nlianxis .item:nth-child(3n+1){ margin-right:0}
.nlianxis .item:nth-child(3n+2){ clear:both;}

.nlianxis .item h3{ font-size:20px; font-weight:bold;background:url(../images/adds.png) no-repeat left center; background-size:24px auto; line-height:60px; padding-left:35px}

.nlianxis .item p{ line-height:35px; padding-left:35px; color:#666}


.prodetails{display: table;}
.prodetails .tuyou{ width:48%;display: table-cell; vertical-align: middle;}
.prodetails .tuyou img{ width:auto; max-width:100%;  height:auto; margin:0 auto}
.prodetails .zizuo{ width:52%;display: table-cell; vertical-align: middle; padding-right:5%}

.prodetails .tuzuo{ width:48%;display: table-cell; vertical-align: middle;}
.prodetails .tuzuo img{ width:auto; max-width:100%;  height:auto; margin:0 auto}
.prodetails .ziyou{ width:52%;display: table-cell; vertical-align: middle; padding-left:5%}



.pdlist3 .item{ float:left; width:32%; margin-right:2%; text-align:center;}
.pdlist3 .item .pic img{ width:auto; max-width:100%; margin:0 auto;}
.pdlist3 .item:nth-child(3n){ margin-right:0}
.pdlist3 .item .wenzi{text-align:center; width:100%}