@charset "utf-8";

@font-face {	
font-family: 'lato-bold';	
src: url("../fonts/lato-bold.eot");
src: url("../fonts/lato-bold.eot") format("embedded-opentype"), 
url("../fonts/lato-bold.woff") format("woff"), 
url("../fonts/lato-bold.ttf") format("truetype"), 
url("../fonts/lato-bold.svg") format("svg");	
font-weight: normal;
font-style: normal;}

*{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:"Source Han Sans CN","Hiragino Sans GB","Heiti SC","PingFang SC","Microsoft Yahei","WenQuanYi Micro Hei",Helvetica,Arial,sans-serif;font-size:15px; line-height:28px;-webkit-font-smoothing: antialiased; overflow-x:hidden;background:#fff; color:#232323; }
a{color:#222; 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:#0093dc}
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:16px;font-family:"Source Han Sans CN","Hiragino Sans GB","Heiti SC","PingFang SC","Microsoft Yahei","WenQuanYi Micro Hei",Helvetica,Arial,sans-serif;}
input{-webkit-appearance: none ;}


.section{ padding:80px 0 90px 0;}
.sectionpre{ padding-top:80px;}
.sectionnext{ padding-bottom:90px;}
.iabout.section{ padding:140px 0;}

#a01, #a02, #a03, #a04, #a05{ position: absolute;  margin-top:-130px;}
.wrap{ width:80%; max-width:1360px; margin:0 auto}
.iabout .wrap{margin-left:calc(50% - 680px); }
.npro .wrap{ max-width:1560px;}
.top .wrap, .header .wrap{ width:96%; max-width:96%;}
.jvzhong{ text-align:center}
.title { margin-bottom:35px;}
.title h4{font-size:45px; line-height:45px;margin-bottom:10px;font-family: 'lato-bold';}
.nmain .title h4{font-size:36px; line-height:36px;margin-bottom:10px;}
.title h3{ font-size:24px; }
.nmain .title h3{font-size:30px; line-height:30px;}
.title p{ margin-top:20px}
.title02 h4{font-size:30px; line-height:30px;margin-bottom:10px;font-family: 'lato-bold';}
.title02 h3{ font-size:24px; }
.title02 p{ margin-top:20px}
.ntitle{ padding-left:30px; border-left:solid 2px #003c75; margin-bottom:35px}
.ntitle h4{ font-size:36px; font-weight:bold; margin-bottom:10px;}
.ntitle h3{ font-size:30px;}

.pic{ height:auto; display:block; overflow:hidden;}
.pic img{ width:100%; height:auto;transition: all 1.5s; display:block}
.kuai:hover .pic img, .item:hover .pic img, li:hover .pic img, a:hover .pic img,  .pic:hover img{transform:scale(1.05);}

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


.mbg{ background:#f4f4f4}
.space{ height:90px;}


.top{ line-height:50px; background:#232323; height:50px; position:fixed; top:0; width:100%; z-index:999 }
.top .wrap{display:flex;display:-webkit-flex;justify-content: space-between; color:#fff; font-size:14px;}
.top .welcome, .top .use{ display: inline-block;}
.top .use .language{ background: url(../images/language.png) no-repeat left center; padding-left:25px;}
.top .use a{ color:#fff; display:inline-block; padding:0 5px;}
.top .use a:hover{ color:#0093dc}
.top .use .language{ margin-right:25px;}
.top .use .language, .top .use .search{ display:inline-block; float:left}
.top .use .search a{background:url(../images/fdj.png) no-repeat center center; width:24px; height:50px; display:block; cursor:pointer}
.top .use .search .sub{position:absolute; clear:both;width:100%; display:none; top:130px; left:0;height:120px;  background: #f4f4f4; z-index:5}
.top .use .search .sub .subin {width: 94%;margin:30px auto;max-width: 500px;position:relative; z-index:999 }
.top .use .search .sub .subin #searchInput {background: #FFF;-webkit-box-flex: 1;-ms-flex: 1;flex: 1;height: 40px;width: calc(100% - 84px);-webkit-box-sizing: border-box;box-sizing: border-box;padding-left: 10px;border-radius: 0; border:none}
.top .use .search .sub .subin #searchBtn {width: 80px;height: 40px;background: #0093dc;color: #FFF;margin-left: -3px; border:none}
.header{position:fixed; top:50px; width:100%; z-index:999; background:#fff; box-shadow: 0 0 10px rgba(0,0,0,0.15);}
.header .wrap{ position:relative; height:80px;}
.header .wrap .logo{ position:absolute; left:0; top:50%; margin-top:-12px;}
.header .wrap .logo img{ display:block; height:24px; width:auto;}

.header .menu{ margin-left:250px;}
.header .menu li{ display:inline-block;position:relative; }
.header .menu li .menu_a{ line-height:80px; display:block; position:relative; margin:0 20px}
.header .menu li .menu_a.cur{ color:#0093dc;}
.header .menu li .sub{position:absolute; font-size:14px; display:none;clear:both; background:#fff; z-index:99;border-radius:0 0 20px 20px; overflow:hidden;}
.header .menu li .subchang{ width:100%; left:0%;box-shadow: 0 0 10px rgba(0,0,0,0.15); }
.header .menu li .subduan{width:220%; margin-left:-20%;box-shadow: 0 0 10px rgba(0,0,0,0.15); box-shadow: 0 0 10px rgba(0,0,0,0.15); padding:0px 0 15px 0 }
.header .menu li:nth-child(3) .subduan{width:400%; margin-left:-40%;}
.header .menu .subduan{ text-align:center; line-height:45px;}
.header .menu .subduan a{ display:block; background-color:#fff; }
.header .menu .subduan a:hover{background-color: #0093dc; color:#fff;}
.header .menu li .subchang .item{ float:left; width:11.11%; padding:30px 0 50px 0}
.header .menu li .subchang .item img{ display:block; width:auto; max-width:50%;transition: 0.5s; margin:20px auto 20px auto}
.header .menu li .subchang .item:hover img{ margin:10px auto 30px auto}
/*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 .menu li .sub p:nth-child(9){animation: 1.2s ease-in-out 0s 1 normal both running rightOpacityShow;}
.header .menu li .sub p:nth-child(10){animation: 1.3s ease-in-out 0s 1 normal both running rightOpacityShow;}
.header .menu li .sub p:nth-child(11){animation: 1.4s ease-in-out 0s 1 normal both running rightOpacityShow;}
.space{ height:130px;}

.banner{ position:relative}
.banner img{ display:block; width:100%; height:auto}
.banner .text{ position:absolute; color:#fff; left:50%;-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); top:48%; width:100%}
.banner .swiper-container{position:relative; height:auto !important}
.banner .swiper-slide{ position:relative;}
.banner .swiper-button-prev, .banner .swiper-button-next{ width:40px; height:40px; overflow:hidden; margin-top:0;opacity:0.5; outline:none; top:auto; bottom:40px}
.banner .swiper-button-prev{ background:url(../images/bpre.png) no-repeat center center; background-size:cover; left:auto; right:50px;}
.banner .swiper-button-next{ background:url(../images/bnext.png) no-repeat center center;background-size:cover; right:0; left:auto}
.banner .swiper-button-prev:hover{ background:url(../images/bpre.png) no-repeat center center; background-size:cover;opacity:1}
.banner .swiper-button-next:hover{ background:url(../images/bnext.png) no-repeat center center;background-size:cover; opacity:1}
.banner .banniu{ position:absolute; bottom:0%; width:100%;}
.banner .banniu .wrap{ position:relative}
.banner .text h3{ font-size:60px;line-height:60px;font-family: 'lato-bold'; text-transform:uppercase;  margin-bottom:15px; width:52%;}
.banner .text h4{ font-size:30px; font-family: Tahoma; font-style:italic; margin-bottom:15px; width:52%}
.banner .text p{ font-size:30px; font-weight:bold;width:52%}

.iproducts .title{ margin-bottom:0}
.iproducts .swiper-container{margin-left:calc(50% - 680px); position:relative}

.iproducts .swiper-slide{ background:#fff; margin-top:75px;}
.iproducts .swiper-slide .text{ padding:30px 25px;}
.iproducts .swiper-slide .text h3{ font-size:18px; font-weight:bold; margin-bottom:10px;}
.iproducts .swiper-slide .text .conn{ line-height:28px; height:112px; color:#232323; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden; margin-bottom:15px;}
.iproducts .swiper-slide .text .more{ color:#999; font-size:14px;}
.iproducts .swiper-slide:hover .text .more{ color:#0093dc; }
.iproducts .swiper-button-prev, .iproducts .swiper-button-next{ width:30px; height:24px; overflow:hidden; margin-top:0;opacity:0.3; outline:none; top:0; bottom:auto}
.iproducts .swiper-button-prev{ background:url(../images/ppre.png) no-repeat center center; background-size:cover; left:calc(75% - 75px); right:auto;}
.iproducts .swiper-button-next{ background:url(../images/pnext.png) no-repeat center center;background-size:cover; left:calc(75% - 30px); }
.iproducts .swiper-button-prev:hover{ background:url(../images/ppre.png) no-repeat center center; background-size:cover;opacity:1}
.iproducts .swiper-button-next:hover{ background:url(../images/pnext.png) no-repeat center center;background-size:cover; opacity:1}

.isolution{background:url(../images/isolutionbg.jpg) no-repeat center center;background-size:cover; position:relative}
.isolution .title{ position: relative; }
.isolution .title .swiper-pagination{bottom:0px; text-align:center; position:absolute; width:100%}
.isolution .title .swiper-pagination .swiper-pagination-bullet{ border-radius:50%; width:15px; height:15px;  opacity:1; position:relative; border:solid 1px #fff; background:none; margin:0 3px;}
.isolution .title .swiper-pagination .swiper-pagination-bullet-active{ background:#fff;}
.isolution .title h3, .isolution .title h4, .isolution .title p{ color:#fff}
.isolution .conn{ background:#f02713;}
.isolution .conn .swiper-slide a{ color:#fff}
.isolution .conn .swiper-slide .icon{ height:59px; width:auto; filter:grayscale(106%) brightness(200%);}
.isolution .conn .swiper-slide .icon img{ height:59px; width:auto; display:block}
.isolution .conn .swiper-slide .text h3{ margin:15px 0 10px 0; font-size:16px; font-weight:bold; }
.isolution .conn .swiper-slide .text p{ font-size:14px; height: 60px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; margin-bottom:5px;}
.isolution .conn .swiper-slide .text .more{ margin-top:5px; display:inline-block; border-bottom:solid 1px #ddd;background:url(../images/jtw.png) no-repeat right center; transition: 0.5s; padding-right:30px;}
.isolution .conn .swiper-slide:hover .text .more{padding-right:35px;}

.iabout .title{ background:#fccf1e; color:#fff; margin:0}
.iabout .title p{ max-width:960px; margin-left:auto; margin-right:auto;}
.iabout .kuai{ position:relative; }
.iabout .wrap{ position:absolute; z-index:9; height:100%; left:0; top:0}
.iabout .wrap .text{ background:#fff; width:53%; height:calc(100% - 60px);}
.iabout img{ width:auto; max-width:100%; height:auto;}
.iabout .kuai01 .text{ float:right; padding:65px 65px 30px 65px; margin-top:60px }
.iabout .kuai02 .text{ float:left; padding:0 65px 30px 65px;}
.iabout .kuai02 img{ float:right}
.iabout p{ margin-top:20px;}
.iabout .more a{ color:#999; margin-top:15px; display:inline-block; border-bottom:solid 1px #ddd;background:url(../images/jth.png) no-repeat right center; transition: 0.5s; padding-right:30px;}
.iabout .more a:hover{padding-right:35px;background:url(../images/jtl.png) no-repeat right center;color:#0093dc;border-bottom:solid 1px #0093dc;}

.inews .swiper-slide{ background:#fff; padding:30px 25px 40px 25px;}
.inews .date{ width:136px; line-height:33px; text-align:center; background:#ddd; border-radius:16px; color:#555}
.inews .text h3{height: 48px; font-size:16px; font-weight:bold; line-height:24px; margin:20px 0 15px 0; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.inews .text p{height: 72px; font-size:14px; color:#666; line-height:24px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.inews .more{ color:#999; margin-top:15px; display:inline-block; border-bottom:solid 1px #ddd;background:url(../images/jth.png) no-repeat right center; transition: 0.5s; padding-right:30px;}
.inews .swiper-slide:hover .more{padding-right:35px;}
.inews .swiper-slide:hover .more{background:url(../images/jtl.png) no-repeat right center;color:#0093dc;border-bottom:solid 1px #0093dc; }
.inews .dmore { margin-top:40px; text-align:center}
.inews .dmore a{ width:140px; display:inline-block; line-height:46px; border-radius:25px; color:#fff; padding-right:20px; background:url(../images/jtw.png) #0093dc no-repeat 82% center}
.inews .dmore a:hover{background:url(../images/jtw.png) #0093dc no-repeat 90% center}

.bottom{background:url(../images/bottombg.jpg) no-repeat center center; background-size:cover; color:#fff;}
.bottom .title{ margin-bottom:20px;}
.bottom .title p{ margin-top:5px; font-size:18px;}

.bottom .title p a{color:#fff;}

.bottom .title p a:hover{
	color:#fff;
	text-decoration: underline;
}

.bottom .more {text-align:center}
.bottom .more a{ width:140px; display:inline-block; line-height:46px; border-radius:25px; color:#fff; padding-right:20px; background:url(../images/jtw.png) #0093dc no-repeat 82% center}
.bottom .more a:hover{background:url(../images/jtw.png) #003c77 no-repeat 90% center}

.footer{ background:#232323}
.footer .flink{ line-height:25px; padding:18px 0; border-bottom:solid 1px #393939; color:#999}
.footer .flink a{ color:#999}
.footer .flink a:hover{ color:#fff}

.footer .fcontent{ padding:60px 0;color:#bbb; }
.footer ul {width: 100%;display:flex;display:-webkit-flex;justify-content: space-between; color:#bbb;}
.footer li {display:inline-block; line-height:26px; }
.footer li .lg{ margin-bottom:7px; height:24px;}
.footer li:first-child p{ line-height:28px;}
.footer li:last-child img{ width:116px; height:auto;}
.footer h3{
	font-size:17px;
	margin-bottom:10px;
	font-weight: bold;
}
.footer a{ font-size:14px;color:#bbb;}
.footer a:hover{ color:#fff}
.footer .uses{ margin-top:25px;}
.footer .uses .item{ display:inline-block; width:33px; height:33px; margin-right:5px; border-radius:50%; background:#003d78; position:relative}
.footer .uses .item img{ display:block; height:33px; width:auto}
.footer .uses .item .sub{ position:absolute; display:none; left:50%; top:-170px;margin-left:-65px; padding:10px; width:130px; background:#fff; position:relative}
.footer .uses .item .sub img{ display:block; width:100%; height:auto}
.footer .uses .item:hover .sub{ display:block}

.footer .copyright{ border-top:solid 1px #393939; padding:18px 0; text-align:center; color:#999; line-height:25px;}
.footer .copyright a{ color:#fff}

.backtop{ position:fixed; right:5px; z-index:999; bottom:80px; border-radius:50%; display:none}
.backtop a{ width:48px; height:48px; background:url(../images/top.png) no-repeat center center; background-size:cover; display:block}
.backtop.cur{ display:block}

.nbanner{ position:relative;}
.nbanner img{ display:block; width:100%; height:auto}
.nbanner .text{ position:absolute; color:#fff; left:50%;-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); top:50%; width:100%}
.nbanner .text h3{font-size:45px; line-height:45px;margin-bottom:10px;font-family: 'lato-bold';}
.nbanner .text a{ color:#fff}

.nab01{ position:relative}
.nab01:after{ content:""; position:absolute; left:0; top:0; width:63%; height:100%; background:#f4f4f4; z-index:-1}
.nab01 .npic{ width:40%; margin-top:10%;float:right; border-radius:8px; overflow:hidden;}
.nab01 .text{ width:58%; float:left;}
.nab01 .text .company{ padding-left:32px; margin:20px 0; font-size:24px; color:#999}
.nab01 .text .conn{padding-left:32px; }
.nab01 .text .kouhao{ text-align:right; margin-top:20px; font-weight:bold}
.nab01 .text .kouhao h3{ margin-top:15px; font-size:18px; font-weight:bold}

.nab02 .npic{ width:40%; float:left; }
.nab02 .text{ width:50%; float:right;}
.nab02 .text .conn{padding-left:32px; }

.nab03 .npic{ width:40%; float:right; }
.nab01 .npic img, .nab02 .npic img, .nab03 .npic img{ display:block; width:auto; max-width:100%}
.nab03 .text{ width:50%; float:left;}
.nab03 .text .conn{padding-left:32px; }

.nab04{ background:url(../images/ab104.jpg) no-repeat center center; background-size:cover; color:#fff}
.nab04 .title{ padding-bottom:35px; position:relative}
.nab04 .title:after{ content:""; position:absolute; bottom:0; left:50%; width:56px; height:2px; background:#fff; margin-left:-28px;}
.nab04 .conn{ color:#fff}
.nab04 .conn p{ max-width:1300px; margin:0 auto; text-align:center}
.nab04 .more { margin-top:40px; text-align:center}
.nab04 .more a{ width:256px; display:inline-block; line-height:46px; border-radius:25px; color:#fff; padding-right:20px; background:url(../images/jtw.png) #0093dc no-repeat 82% center}
.nab04 .more a:hover{background:url(../images/jtw.png) #003c77 no-repeat 90% center}

.nab05 .ntitle{ position:relative}
.nab05 .ntitle .jian{ position:absolute; right:0; bottom:0}
.nab05.pcshow .swiper-slide .item{ float:left; width:calc(14.2587% - 10.2857px); margin-right:12px; margin-bottom:12px; border:solid 1px #ddd;}
.nab05.pcshow .swiper-slide .item:nth-child(7n){ margin-right:0}
.nab05.pcshow .swiper-slide .item:nth-child(7n+1){ clear:both; }
.nab05 .swiper-pagination{bottom:0px;}
.nab05 .swiper-slide{ margin-bottom:30px;}
.nab05 .swiper-pagination .swiper-pagination-bullet{ border-radius:50%; width:15px; height:15px;  opacity:1; position:relative; border:solid 1px #0093dc; background:none; margin:0 3px;}
.nab05 .swiper-pagination .swiper-pagination-bullet-active{ background:#0093dc;border:solid 1px #0093dc;}

.nab05.phshow .swiper-slide .item{ float:left; width:calc(25% - 9px); margin-right:12px; margin-bottom:12px; border:solid 1px #ddd;}
.nab05.phshow .swiper-slide .item:nth-child(4n){ margin-right:0}
.nab05.phshow .swiper-slide .item:nth-child(4n+1){ clear:both; }

.nserlist .conn .item{ background:#fff; text-align:center; border:solid 1px #ddd; padding:40px 60px; float:left; width:32%; margin-right:2%; margin-bottom:2%}
.nserlist .conn .item:nth-child(3n){ margin-right:0}
.nserlist .conn .item:nth-child(3n+1){ clear:both}
.nserlist .conn .item .icon{ height:59px; width:auto; margin:0 auto}
.nserlist .conn .item .text h3{ margin:15px 0 10px 0; color:#333; font-size:16px; font-weight:bold; }
.nserlist .conn .item .text p{ color:#666; height: 60px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; margin-bottom:5px;}
.nserlist .conn .item .text .more{ margin-top:15px; display:inline-block; border-bottom:solid 1px #232323; color:#232323; background:url(../images/jtb.png) no-repeat right center; transition: 0.5s; padding-right:30px;}
.nserlist .conn .item:hover .text .more{padding-right:35px; border-bottom:solid 1px #0093dc; color:#0093dc; background:url(../images/jtl.png) no-repeat right center;}
.nserdetail .ntitle h3{ font-size:24px; font-weight:bold; margin-bottom:10px;}
.nserdetail .ntitle p{ color:#666; font-size:18px;}
.nserdetail .ndetail{ padding-left:32px;}
.nserdetail .ndetail img{
	width:auto;
	max-width:100%;
	margin-top: 0;
	margin-bottom: 0;
}


.nmain .pnav{ float:left; width:330px;}
.nmain .plists{ float:right; width:calc(96% - 330px);display: -webkit-box; display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start;}
.nmain .pnav .protitle h3{font-size:24px;font-family: 'lato-bold'; padding:0 20px; line-height:85px; color:#fff;background-image: linear-gradient(90deg, #0095e0, #003d76); border-radius:15px 0 0 0;}
.nmain .pnav ul{ padding:0 20px 100px 20px; background:#f4f4f4;}
.nmain .pnav ul .toptit{ line-height:52px; padding:0 10px; border-bottom:solid 1px #ddd; position:relative}
.nmain .pnav ul .toptit.cur{border-bottom:none;}
.nmain .pnav ul .toptit .icon{ position:absolute; cursor:pointer; top:0; right:0; height:52px; width:24px;background:url(../images/jia.png) no-repeat center center}
.nmain .pnav ul .toptit.cur .icon{background:url(../images/jian.png) no-repeat center center}
.nmain .pnav ul li .cont{ display:none; font-size:14px; padding:15px 20px 30px 20px; background:#fff; line-height:24px;}
.nmain .pnav ul li .cont p.cur a{ color:#0091da; font-weight:bold;}
.nmain .plists .item{ width:23.5%; float:left; margin-right:2%; margin-bottom:2%; background:#f4f4f4; padding:15px 15px 0 15px;}
.nmain .plists .item:hover{ background:#0093dc}
.nmain .plists .item:nth-child(4n){ margin-right:0}
.nmain .plists .item:nth-child(4n+1){ clear:both; }
.nmain .plists .item .pic{ background:#fff;}
.nmain .plists .item .text h3{ font-size:16px; padding:10px 0; text-align:center; line-height:30px;}
.nmain .plists .item:hover .text h3{ color:#fff}

.nmain .pdetail{ float:right; width:calc(96% - 330px);}
.nmain .pdetail .single-product-top .picsshow{ float:left; width:46%;position:relative}
.nmain .pdetail .single-product-top .wenzi{ float:right; width:49%}

.single-product-top .swiper-button-next, .single-product-top .swiper-button-prev{ top:auto; bottom:2.5%; border:none !important;outline: none !important; color: #b2b2b2 !important; left:0px;}
.single-product-top .swiper-button-next:hover, .single-product-top .swiper-button-prev:hover{color:#333}
.single-product-top .swiper-button-next{ right:0 !important; left:auto !important;}
.single-product-top .swiper-button-next:after, .single-product-top .swiper-button-prev:after{font-size: 22px !important; border:none !important}
.single-product-top .swiper-button-next.swiper-button-disabled, .single-product-top .swiper-button-prev.swiper-button-disabled{ opacity:1; color:#aaa}
.single-product-top .picsshow .swiper-slide{ background:#fff}

.single-product-top .gallery-thumbs {width: calc(100% - 60px);margin-left:30px !important;padding:0;  margin-top:20px; }
.single-product-top .gallery-thumbs .swiper-slide { position:relative;border: 1px solid #ddd;}
.single-product-top .gallery-thumbs .swiper-slide img{ display:block; width:calc(100% - 2px); margin:1px; height:auto;}
.single-product-top .gallery-thumbs .swiper-slide-thumb-active {border: 1px solid #0353a5;}
.single-product-top .gallery-top {width: 100%;height: 100%; border:solid 1px #ddd; }
.single-product-top .gallery-top .img2{ display:block; width:100%;height:auto}

.single-product-top .wenzi{width:48%; float:right; padding:45px 0}
.single-product-top .protitle h3{font-size:24px;font-weight:bold}
.single-product-top .wenzi .intro{ padding:18px 0 50px 0 ; font-size:18px; line-height:40px;}
.single-product-top .wenzi .pmail{ line-height:65px; border-bottom:dashed 1px #ddd; border-top: dashed 1px #ddd; margin-bottom:30px; background:url(../images/pmail.png) no-repeat left center; padding-left:30px; font-size:18px;}
.single-product-top .wenzi .pmail a{ color:#0093dc; font-weight:bold}
.single-product-top .wenzi .use .zixun{ width:200px; height:46px; line-height:46px; float:left; }
.single-product-top .wenzi .use .zixun a{ display:block; background:url(../images/xunjia.png) #0093dc no-repeat 25% center; text-align:center; padding-left:38px; font-size:16px; color:#fff; border-radius:25px;}
.single-product-top .wenzi .use .lianxi{ width:200px; height:46px; line-height:46px; float:left; margin-left:20px;}
.single-product-top .wenzi .use .lianxi a{ display:block; background:url(../images/lianxi.png) #003c77 no-repeat 25% center; text-align:center; padding-left:38px; font-size:16px; color:#fff; border-radius:25px;}

.procontent{ margin-top:50px;}
.procontent .tabmenu {line-height:50px;height:50px; background:#f4f4f4}
.procontent .tabmenu li:before {content: '';position: absolute;top:50%;right: 0;bottom: 0; width:1px; height:16px; margin-top:-8px; background:#ccc;}
.procontent .tabmenu li:last-child:before{ display:none;}
.procontent .tabmenu li {padding:0 32px; float:left; text-align:center; position:relative }
.procontent .tabmenu li.cli:before{ display:none}
.procontent .tabmenu li.cli{color: #fff; background:#0093dc}
.procontent #atabcontent { clear:both; padding:25px 0 0 0}
.procontent #atabcontent .hidden {display:none;}
.procontent #atabcontent img{width:auto; max-width:100%;}

.protuijian .swiper-slide{ padding:15px 15px 0 15px; background:#fff; margin-bottom:50px;}
.protuijian .swiper-slide:hover{ background:#0093dc}
.protuijian .swiper-slide h3{ font-size:16px; padding:18px 0; text-align:center; line-height:30px;}
.protuijian .swiper-slide:hover h3{ color:#fff}
.protuijian .swiper-pagination{bottom:0px;}
.protuijian .swiper-pagination .swiper-pagination-bullet{ border-radius:50%; width:15px; height:15px;  opacity:1; position:relative; border:solid 1px #0093dc; background:none; margin:0 3px;}
.protuijian .swiper-pagination .swiper-pagination-bullet-active{ background:#0093dc;border:solid 1px #0093dc;}

.nser01 .conn{ position:relative;}
.nser01 .conn .npic{ float:right; width:40%}
.nser01 .conn .npic img{ display:block; width:100%; height:auto}
.nser01 .conn .text{ float:left; width:55%}
.nser01 .conn .text .con_text{ padding-left:32px;}
.nser01 .conn .text .con_text a{ color:#0093dc}

.nser02{background:url(../images/ser102.jpg) no-repeat center center; background-size:cover; color:#fff;}
.nser02.section{ padding:70px 0;}
.nser02 .title h4{ margin-bottom:15px}
.nser02 .more { margin-top:40px; text-align:center}
.nser02 .more a{ width:256px; display:inline-block; line-height:46px; border-radius:25px; color:#fff; padding-right:20px; background:url(../images/jtw.png) #0093dc no-repeat 82% center}
.nser02 .more a:hover{background:url(../images/jtw.png) #003c77 no-repeat 90% center}

.ndown .ntitle{ position:relative;}
.ndown .ntitle .tabmenu{ position:absolute; right:0; bottom:0;}
.ndown .tabmenu li { width:200px; line-height:30px; margin-left:15px; float:left; text-align:center; position:relative; border-radius:15px; border:solid 1px #ddd;}
.ndown .tabmenu li.cli{color: #fff; background:#0093dc; border:solid 1px #0093dc;}
.ndown #atabcontent { clear:both;}
.ndown #atabcontent .hidden {display:none;}
.ndown #atabcontent .item{ float:left; width:32%; margin-right:2%;box-shadow: 0 0 10px rgba(0,0,0,0.15); margin-top:2%; padding:25px; }
.ndown #atabcontent .item:nth-child(1), .ndown #atabcontent .item:nth-child(2), .ndown #atabcontent .item:nth-child(3){margin-top:0%}
.ndown #atabcontent .item:nth-child(3n){margin-right:0%;}
.ndown #atabcontent .item:nth-child(3n+1){ clear:both;}
.ndown #atabcontent .item .pic{ float:left; width:40%;box-shadow: 0 0 10px rgba(0,0,0,0.15); }
.ndown #atabcontent .item .text{ float:right; width:54%}
.ndown #atabcontent .item .text h3{ font-size:18px; font-weight:bold; margin:10px 0}
.ndown #atabcontent .item .text p{ line-height:24px; font-size:14px; color:#666; height:96px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}
.ndown #atabcontent .item .text .more{ width:123px; margin-top:15px; font-size:14px; line-height:35px; text-align:center; border:solid 1px #ddd; border-radius:8px 0 8px 0;}
.ndown #atabcontent .item:hover .text .more{color: #fff; background:#0093dc;border:solid 1px #0093dc; }


.ncaselist .item{ float:left; width:32%; margin-right:2%; margin-bottom:50px; text-align:center; }
.ncaselist .item:nth-child(3n){ margin-right:0}
.ncaselist .item:nth-child(3n+1){ clear:both; }
.ncaselist .item h3{ font-size:18px; margin:15px 0;}
.ncaselist .item p{ line-height:24px; text-align:left; color:#666}
.ncaselist .item .more { margin-top:20px; text-align:center;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;}
.ncaselist .item .more{ width:120px; font-size:14px; display:inline-block; line-height:39px; border-radius:25px; color:#fff; padding-right:20px; background:url(../images/jtw.png) #0093dc no-repeat 81% center}
.ncaselist .item:hover .more{background:url(../images/jtw.png) #003c77 no-repeat 84% center}

.nhr01 .npic{ width:40%; float:right; }
.nhr01 .npic img{ width:100%; height:auto}
.nhr01 .text{ width:58%; float:left;}
.nhr01 .text .conn{padding-left:32px; }

.hrlist{ border-left:1px solid #e8e8e8; margin-top:40px;}
.hrlist li{ width:32%; margin-right:2%; margin-top:2% ; padding:3%; background:#fff; border:1px solid #e8e8e8; float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; position:relative}
.hrlist li:nth-child(3n){ margin-right:0}
.hrlist li:nth-child(3n+1){ clear:both}
.hrlist li:nth-child(1), .hrlist li:nth-child(2), .hrlist li:nth-child(3){ margin-top:0;}
.hrlist li .icon{ width:20%; max-width:45px; height:auto; margin:0 auto;display:block;}
.hrlist li .icon img{ display:block; width:100%;}
.hrlist li .icon1{ display:none}
.hrlist li .tit{ font-size:22px; text-align:center; color:#333; padding:30px 0 20px; border-bottom:1px solid #d8d8d8}
.hrlist li .intro{line-height:24px; margin-top:15px; color:#999; height:48px; overflow:hidden}
.hrlist li .more{ width:26px; height:26px; background:url(../images/arrow.png) no-repeat center; display:block; margin-top:15px}
.hrlist li:hover .more{background:url(../images/arrow02.png) no-repeat center; background-size:cover; }
.hrlist li,.hrlist li:hover .tit,.hrlist li:hover .intro{ -webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s;-ms-transition:.5s;transition:.5s; color:#fff}
.hrlist li:hover{background: #003d78; cursor:pointer}
.hrlist li:hover .icon{ display:none}
.hrlist li:hover .icon1{ display:block}
.hrlist li:hover .tit{ color:#fff}
.hrlist li:hover .intro{ color:#fff}
.hrlist li .hd{ position:fixed; width:100%; height:100%; top:0;left:0;color:#666; display:none; z-index:99999999999}
.hrlist 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}
.hrlist li .hd .closed{ width:37px; height:37px; display:block; background:url(../images/close.png) no-repeat center; position:absolute; right:calc(50% - 280px); top:calc(15% + 25px); -webkit-transition:.5s;-moz-transition:.5s;transition:.5s;z-index: 999;}
.hrlist li .hd .closed:hover{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg); transform:rotate(180deg);}
.hrlist li .hd .hr_con{ background:#fff; width:640px; height:70%; position:absolute;top:15%;left:50%; margin-left:-320px; padding:30px; cursor:default; overflow-y:auto; z-index:99}
.hrlist li .hd .hr_con .tit_hd{ font-size:25px; color:#333; border-bottom:1px solid #e8e8e8; line-height:35px; padding-bottom:20px; margin-bottom:25px}

.nlx{ float:left; width:50%}
.nlx .conn{ margin-left:32px;}
.nlx .conn h3{ font-size:17px; font-weight:bold;}
.feedback{ float:right; width:50%}
.feedback .fdtitle{ margin-bottom:30px;}
.feedback .fdtitle h3{ font-size:24px}
.feedback .fdtitle h3 span{ color:#999; font-size:16px;}
.red{ color:#fe0000}

.feedback .row, .feedback .row2, .feedback .row3{ position:relative; clear:both}
.feedback .colum{position:relative;margin-bottom:12px; }
.feedback label{ position:absolute; left:0;top:0; line-height:48px; color:#232323;padding-left:15px}
.feedback label span{ color:#e61d20}
.feedback .row2 .colum{ width:calc(50% - 6px); float:left}

.feedback .row5 .colum{ width:100%; float:none}
.feedback .row2 .colum:nth-child(2){ float:right}
.feedback .inp{width: 100%; border-radius:3px; border: 1px solid #ddd;line-height:48px;padding: 0 15px;transition: border-color .5s; padding-left:150px;}
.feedback textarea{width: 100%;border-radius:3px;height:120px; display:block;border: 1px solid #ddd;line-height:24px;padding:15px;transition: border-color .5s;padding-left:135px;margin-bottom:20px; }
.feedback .submit { margin-top:20px; text-align:center;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;}
.feedback .submit{ width:140px; border:none; display:inline-block; line-height:46px; border-radius:25px; color:#fff; padding-right:20px; background:url(../images/jtw.png) #0093dc no-repeat 81% center}
.feedback .submit:hover{background:url(../images/jtw.png) #0093dc no-repeat 84% center}


.nnews .newskuai{ padding:40px 0; border-bottom:solid 1px #ddd}
.nnews .newskuai:nth-child(1){ padding-top:0 !important}
.nnews .newskuai .pic{ float:left; width:28%}
.nnews .newskuai .text{ float:right; width:69%}
.nnews .newskuai .text h3{ font-size:20px; margin:20px 0 10px 0; color:#000}
.nnews .newskuai .text p{ line-height:24px; color:#666; height:96px; margin-bottom:20px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:4;overflow: hidden;}
.nnews .newskuai .text .nuse .ndate{ float:left; color:#666; line-height:45px;}
.nnews .newskuai .text .nuse .more{ float:right; line-height:42px; border:solid 1px #0093dc; color:#0093dc; width:140px; text-align:center; line-height:45px;}
.nnews .newskuai:hover .text .nuse .more{ color:#fff; background:#0093dc}

.nprodowm{ margin-top:75px;}
.nprodowm .item{ margin-right:8px; float:left; width:calc(33.33% - 5.33px);}
.nprodowm .item:nth-child(3){ margin-right:0}
.nprodowm .item a{ display:block; font-size:24px; line-height:110px; color:#fff; text-align:center;}
.nprodowm .item a:hover{ text-decoration:underline;}
.nprodowm .item a span{ display:inline-block; position:relative; padding-left:55px;}
.nprodowm .item a span i{ position:absolute; left:0; top:50%; margin-top:-20px; border-radius:50%; width:40px; height:40px;}
.nprodowm .item:nth-child(1) a{ background:#003d78}
.nprodowm .item:nth-child(2) a{ background:#005bac}
.nprodowm .item:nth-child(3) a{ background:#0093dc}
.nprodowm .item:nth-child(1) a span i{ background:url(../images/down01.png) #fff no-repeat left center; background-size:cover;}
.nprodowm .item:nth-child(2) a span i{ background:url(../images/down02.png) #fff no-repeat left center; background-size:cover;}
.nprodowm .item:nth-child(3) a span i{ background:url(../images/down03.png) #fff no-repeat left center; background-size:cover;}