@charset "utf-8";


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

@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:"LatoRegular", Arial, Helvetica, sans-serif;font-size:16px; line-height:30px;-webkit-font-smoothing: antialiased; overflow-x:hidden;background:#fff; color:#2f2f2f; }
a{color:#2f2f2f; 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:#0353a5}
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:"LatoRegular", Arial, Helvetica, sans-serif;}
input{-webkit-appearance: none ;}

.blue{ color:#0353a5}


.section{ padding:90px 0;}
.sectionpre{ padding-top:90px;}
.sectionnext{ padding-bottom:90px;}
.footer.section{ padding:70px 0;}
.iabout.section{ padding:98px 0 198px 0;}
.newsxiang.section, .npro.section{ padding:70px 0 90px 0;}


#a01, #a02, #a03, #a04{ position: absolute;  margin-top:-153px;}
.wrap{ width:85%; max-width:1305px; margin:0 auto}

.jvzhong{ text-align:center}
.title { margin-bottom:45px;}
.title h3{font-family: 'lato-bold';	font-size:45px; color:#2e2e2e; }
.title p{ margin-top:20px;}
.title02 h4{ font-size:24px;font-family: 'lato-bold'; color:#10d3f6;margin-bottom:10px; }
.title02 h3{ font-size:45px; line-height:50px;font-family: 'lato-bold'; margin-bottom:25px; color:#2e2e2e;} 

.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, .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%; min-height:100%}


body{ position:relative;}
.mbg{ background:#dff2f2}

.header{ position:fixed; width:100%; left:0; top:0; height:173px; background:#fff; z-index:999;transition: all 0.5s ease; box-shadow: 0 0 10px rgb(0 0 0 / 15%);}
.space{ height:173px}
.header.scroll{ margin-top:-48px}
.top{ position:relative; background:#161735; line-height:48px; height:48px; color:#fff;}
.top:after{ content:""; position:absolute; left:0; top:0; height:48px; width:40%; min-width:calc(50% - 653px); background:#0353a5}
.top .left{ background:#0353a5; position: relative; padding-right:35px; float:left; position:relative; z-index:1}
.top .left:after{content:""; position:absolute; right:-48px; top:0; border: 48px solid transparent;border-top: 48px solid #0353a5;}
.top .left div { display:inline-block; margin-right:20px; padding-left:30px; float:left}
.top .left .mail{ background:url(../images/mail.png) no-repeat left center}
.top .left .tel{ background:url(../images/tel.png) no-repeat left center}
.top .right{ float:right}
.top .right li{ display:inline-block; margin:14.5px 8px}
.top .right li img{ display:block; height:19px; width:auto}



.neck{ text-align:center; padding-bottom:30px;}
.neck .wrap{ height:95px; position:relative;}
.neck .logo{ position: absolute; left:0; top:50%; margin-top:-13.5px;}
.neck .logo img{ display:block; height:27px; width:auto}
.neck .search{ margin:0 auto; padding:26.5px 0; width:390px;}
.neck .search form{ width:100%; line-height:40px;height:40px; border:solid 1px #dedede; border-radius:4px; overflow:hidden}
.neck #searchInput{border: none; float:left; line-height:40px; padding-left:10px; color:#999; width:calc(100% -  40px)}
.neck input::-webkit-input-placeholder {color:#999;}
.neck #searchBtn{ width:40px; height:40px; background:url(../images/search.png) no-repeat center center; float:right; border:none;border-radius:4px; overflow:hidden}
.neck .language{ position:absolute; right:0; top:50%; margin-top:-19px;}
.neck .language li{ border-radius:50%; overflow:hidden; line-height:38px;height:38px; width:38px; margin-left:5px; background:#eee; display:inline-block}
.neck .language li a{ display:block; width:100%; color:#666}
.neck .language li:hover, .neck .language li.cur{ background:#0353a5}
.neck .language li:hover a, .neck .language li.cur a{ color:#fff}



.menu{ position:fixed; width:100%; left:0; top:143px; z-index:9999; transition: all 0.5s ease;transition: all 0.5s ease;}
.menu.scroll{ top:95px;}
.menu .wrap {text-align:center; height:58px; border-radius:5px;background-image: linear-gradient(90deg, #2685d9, #0353a5); position:relative;}
.menu li{ display:inline-block;}
.menu li:nth-child(2), .menu li:nth-child(4), .menu li:nth-child(6), .menu li:nth-child(7), .menu li:nth-child(8){position:relative; }
.menu li .menu_a{ line-height:58px; display:block; font-size:16px; color:#fff;position:relative; margin:0 25px}
.menu li .menu_a:after{ content:""; position:absolute; left:50%; bottom:0; margin-left:-7px; width:0; height: 0; z-index:100; border: 7px solid transparent;border-bottom: 7px solid #fff; opacity:0}
.menu li .menu_a.cur:after{ opacity:1}
.menu li .sub{position:absolute; display:none;clear:both; background:#fff; z-index:99; border-radius:0 0 20px 20px; overflow:hidden; }
.menu li .subchang{ font-size:15px; width:100%;left:0%;box-shadow: 0 0 10px rgba(0,0,0,0.15); padding:35px 60px 60px 60px; line-height:50px; }
.menu li:nth-child(2) .subduan{width:120%; margin-left:-10%}
.menu li .subduan{width:100%; line-height:45px; box-shadow: 0 0 10px rgba(0,0,0,0.15); padding:10px 0 20px 0}
.menu .subduan{ text-align:center; }
.menu .sunduannews{width:160% !important; margin-left:-20% !important}
.menu .subduan a{ display:block; background-color:#fff; }
.menu .subduan a:hover{color:#0353a5;}
.menu li .subchang p{ float:left; width:20%; padding-left:20px; position:relative; text-align:left}
.menu li .subchang p:nth-child(5n+1){ clear:both; }
.menu li .subchang p:after{ content:""; position:absolute;border: 4px solid transparent;border-left: 5px solid #5a5a5a; left:0; top:50%; margin-top:-5px;  }
/*animate*/
@keyframes rightOpacityShow{
0%{ transform: translateX(-80px);opacity:0;}
80%{ transform: translateX(20px);}
100%{ transform:translateX(0); opacity:1;}
}
.menu li .sub p:nth-child(1){animation: 0s ease-in-out 0s 1 normal both running rightOpacityShow;}
.menu li .sub p:nth-child(2){animation: 0.1s ease-in-out 0s 1 normal both running rightOpacityShow;}
.menu li .sub p:nth-child(3){animation: 0.2s ease-in-out 0s 1 normal both running rightOpacityShow;}
.menu li .sub p:nth-child(4){animation: 0.3s ease-in-out 0s 1 normal both running rightOpacityShow;}
.menu li .sub p:nth-child(5){animation: 0.4s ease-in-out 0s 1 normal both running rightOpacityShow;}
.menu li .sub p:nth-child(6){animation: 0.5s ease-in-out 0s 1 normal both running rightOpacityShow;}
.menu li .sub p:nth-child(7){animation: 0.6s ease-in-out 0s 1 normal both running rightOpacityShow;}
.menu li .sub p:nth-child(8){animation: 0.7s ease-in-out 0s 1 normal both running rightOpacityShow;}
.menu li .sub p:nth-child(9){animation: 0.8s ease-in-out 0s 1 normal both running rightOpacityShow;}
.menu li .sub p:nth-child(10){animation: 0.9s ease-in-out 0s 1 normal both running rightOpacityShow;}
.menu li .sub p:nth-child(11){animation: 1.0s ease-in-out 0s 1 normal both running rightOpacityShow;}
.menu li .sub p:nth-child(12){animation: 1.1s ease-in-out 0s 1 normal both running rightOpacityShow;}


.banner{ position:relative; height:auto !important; }
.banner img{ display:block; width:100%; height:auto !important}
.banner .swiper-container{position:relative; height:auto !important}
.banner .swiper-pagination{bottom:2%; text-align:center; z-index:999}
.banner .swiper-pagination-bullet{ width:14px; height:14px; background:#ddd; /*box-shadow: 0 0 5px rgba(0,0,0,0.1); */opacity:1; margin:0 5px !important; border-radius:50%}
.banner .swiper-pagination-bullet-active{ background:#0353a5;opacity:1; border:none}
.banner .swiper-slide{ position:relative}
.banner .text{ color:#fff;font-family: 'lato-bold';	position:absolute;left:50%;-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); top:50%; width:100%}
.banner .text h4{ font-size:30px; margin-bottom:15px; width:88%; max-width:670px}
.banner .text h3{ font-size:36px; line-height:45px;width:88%; max-width:670px; margin-bottom:80px;}
.banner .text .use{ font-size:18px;}
.banner .text .use .use01, .banner .text .use .use02{ width:205px; height:60px; line-height:60px; display:inline-block; text-align:center}
.banner .text .use a{ color:#fff; display:block; position:absolute; left:0; top:0; width:100%; padding-right:40px; z-index:50}
.banner .text .use .use02 a{ padding-right:0; padding-left:40px;}
.banner .text .use .use01{background-image: linear-gradient(90deg, #2685d9, #0353a5);position:relative; padding-right:50px;}
.banner .text .use .use01 i{ position:absolute; width:40px; height:40px;background:url(../images/next.png) #fff no-repeat center center; top:10px; right:10px;}
.banner .text .use .use02{background:url(../images/liuy.png) no-repeat 15% center; background-size:28px auto; padding-left:35px; position: relative}

.hover:after{ content:""; position:absolute; border-left:1px solid #01d0f5; border-bottom:1px solid #01d0f5; transition:all 0.6s; left:0; bottom:0; width:0; height:0; opacity:0}
.hover:before{ content:""; position:absolute; border-right:1px solid #01d0f5; border-top:1px solid #01d0f5; transition:all 0.6s; right:0; top:0; width:0; height:0; opacity:0}
.hover:hover:after{ width:calc(100% - 1px); height:calc(100% - 1px);opacity:1}
.hover:hover:before{ width:calc(100% - 1px); height:calc(100% - 1px);opacity:1}


.iproduct{ background:#f8f8f9}
.iproduct .pro-nav{text-align:center;margin:0px auto 30px auto;}
.iproduct .pro-nav li{float:left; width:calc(20% - 9.6px); background:#fff; margin-bottom:12px; margin-right:12px; line-height:45px; text-align:center}
.iproduct .pro-nav li:nth-child(5n){ margin-right:0}
.iproduct .pro-nav li:nth-child(5n+1){ clear:both}
.iproduct .pro-nav a{ display:block;}
.iproduct .pro-nav .cur a, .iproduct .pro-nav a:hover{color:#fff;background-image: linear-gradient(90deg, #2685d9, #0353a5);}
.iproduct .protab-wrap { width:calc(100% + 180px); margin-left:-90px}
.iproduct .protab-wrap .item{height: 0;opacity: 0;overflow: hidden;}
.iproduct .protab-wrap .item.cur{height: auto;opacity: 1;}
.i-product-list{ position:relative}
.i-product-list .swiper-container{position:relative; margin:0 auto; width:calc(100% - 180px)}
.i-product-list .swiper-slide{position:relative;text-align:center; }
.i-product-list .swiper-slide a{background:#fff; display:block; position:relative}
.i-product-list .swiper-slide .text { padding:25px;}
.i-product-list .swiper-slide .text h3{ font-size:16px;font-family: 'lato-bold'; color:#2e2e2e; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:4;overflow: hidden; margin-bottom:20px}
.i-product-list .swiper-slide .text p{ font-size:12px; display:inline-block;border-bottom:solid 1px #fff;  line-height:20px; color:#999}
.i-product-list .swiper-slide a:hover h3{ color:#0353a5}
.i-product-list .swiper-slide a:hover p{ border-bottom:solid 1px #0353a5; color:#0353a5}
.i-product-list .swiper-button-prev, .i-product-list .swiper-button-next{ width:66px; height:66px; margin-top:-33px; top:50%; outline:none;border-radius:50%;}
.i-product-list .swiper-button-prev{ background:#ffffff; left:0; opacity:1}
.i-product-list .swiper-button-next{ background:#ffffff; right:0;opacity:1}
.i-product-list .swiper-button-prev span{width:66px; height:66px; background:url(../images/preh.png) no-repeat center center; display: block}
.i-product-list .swiper-button-next span{width:66px; height:66px; background:url(../images/nexth.png) no-repeat center center; display: block}
.i-product-list .swiper-button-prev:hover{ background-image: linear-gradient(90deg, #2685d9, #0353a5);opacity:1}
.i-product-list .swiper-button-next:hover{ background-image: linear-gradient(90deg, #2685d9, #0353a5);opacity:1}
.i-product-list .swiper-button-prev:hover span{width:66px; height:66px; background:url(../images/prew.png) no-repeat center center}
.i-product-list .swiper-button-next:hover span{width:66px; height:66px; background:url(../images/nextw.png) no-repeat center center}



.iabout .wrap{max-width:85%; position:relative}
.iabout img{ width:60%; height:auto}
.iabout .text{ position:absolute; width:60%; height:100%; background:#f8f8f9; right:0; top:100px; padding:5% 10%}

.iabout .text p{font-size:18px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:4;overflow: hidden;}


.more{ width:205px; height:60px; line-height:60px; display:inline-block; text-align:center; margin-top:40px}
.more a{ color:#fff; display:block; position:absolute; left:0; top:0; width:100%; padding-right:40px; z-index:50}
.more{background-image: linear-gradient(90deg, #2685d9, #0353a5);position:relative; padding-right:50px;}
.more i{ position:absolute; width:40px; height:40px;background:url(../images/next.png) #fff no-repeat center center; top:10px; right:10px;}


.iapp{background-image: linear-gradient(90deg, #2685d9, #0353a5);}
.iapp .title h3{ color:#fff}
.iapp .swiper-pagination{bottom:0; text-align:center; z-index:999}
.iapp .swiper-pagination-bullet{ width:14px; height:14px;background:none;  border:solid 1px #fff; opacity:1; margin:0 5px !important; border-radius:50%}
.iapp .swiper-pagination-bullet-active{ background:#fff;opacity:1; border:none}
.iapp .icon{ width:30%; max-width:101px; background-color:rgba(255,255,255,00.2); border-radius:50%; overflow:hidden; margin:0 auto}
.iapp .icon img{ display:block; width:100%; height:auto}
.iapp .swiper-slide { margin-bottom:50px;}
.iapp .swiper-slide a{ display:block; padding:40px 30px; text-align:center; color:#fff; min-height:400px; border:solid 1px #fff; background:#3685d1; border-radius:20px; overflow:hidden}
.iapp .swiper-slide h3{ font-size:24px;font-family: 'lato-bold'; margin:35px 0 15px 0}
.iapp .swiper-slide a:hover{ background:#051b88}


.inews .wrap{ position:relative}
.inews .title{ position:absolute; top:0; left:0}
.inews .conn{ width:calc(100% + 20px); margin-left:-10px;}
.inews .swiper-slide{ margin-top:60px; border-radius:5px; overflow:hidden}
.inews .swiper-slide a{background: #fff; box-shadow: 0 0 10px rgb(0 0 0 / 15%); display:block; position:relative; z-index:99; margin:10px;}
.inews .swiper-slide .intro{ padding:0px 30px 40px 30px;}
.inews .swiper-slide .intro .date{ width:68px; height:68px; text-align:center;padding:12px 0;  border-radius:5px; background:#0353a5; margin-top:-34px; margin-left:auto; margin-right:-10px; float:right; color:#fff; position:relative; z-index:11}
.inews .swiper-slide .intro .date h3{ line-height:24px; font-size:30px;}
.inews .swiper-slide .intro .date p{line-height:24px;}
.inews .swiper-slide .wenzi{ margin:20px 0; clear:both}
.inews .swiper-slide .wenzi h3{ margin-bottom:15px; font-size:20px;font-family: 'lato-bold';  height:90px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;overflow: hidden;}
.inews .swiper-slide .inmore{ font-size:12px; color:#10d3f6; display: inline-block; line-height:20px; border-bottom:solid 1px #fff} 
.inews .swiper-slide:hover .inmore{border-bottom:solid 1px #0353a5; color:#0353a5}


.inews .swiper-button-prev, .inews .swiper-button-next{ width:36px; height:36px; border:solid 1px #ccc; border-radius:5px; overflow:hidden; margin-top:0; outline:none; top:0px; bottom:auto}
.inews .swiper-button-prev{ background:url(../images/preh.png) no-repeat center center; right:50px; left:auto;}
.inews .swiper-button-next{ background:url(../images/nexth.png) no-repeat center center; right:auto; right:0; left:auto}
.inews .swiper-button-prev:hover{ background:url(../images/prew.png) #0353a5 no-repeat center center; border:solid 1px #0353a5; opacity:1}
.inews .swiper-button-next:hover{ background:url(../images/nextw.png) #0353a5 no-repeat center center; border:solid 1px #0353a5; opacity:1}



.inquiry{ background: url(../images/liuyanbg.jpg) no-repeat center center /cover;}
.inquiry .form .column{ float:left; width:calc(33.33% - 20px); border-radius:5px; overflow:hidden; margin-right:20px; margin-bottom:15px; position:relative; background:#fff; line-height:56px;}
.inquiry .form .row_1 { margin-right:-20px}
.inquiry .form .row_1 input{ border:none; line-height:56px; padding:0 15px; width:100%; float:right}
.inquiry .form .row_2{background:#fff; position:relative}
.inquiry .form .row_2 textarea{ width:100%;border-radius:5px; overflow:hidden; height:120px;padding:0 15px; border:none; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; padding:15px;}
.inquiry .form .more{ display:block !important; margin:30px auto 0 auto;}
.inquiry .form .submit{width:205px; padding-right:50px; cursor:pointer; position:absolute; left:0; top:0; z-index:99; height:60px; line-height:60px;display: inline-block; position:relative; font-size:20px; border:none; font-size:18px;font-family: 'lato-bold';text-align:center; background:none;color:#fff;}



.footer{ background:#161735;}
.footer .fcontent{ padding:80px 0;}
.footer ul {width: 100%;display:flex;display:-webkit-flex;justify-content: space-between; color:#fff}
.footer li {display:inline-block; line-height:32px; }
.footer li:nth-child(1){ width:380px;}
.footer li:nth-child(1) .mail span{ display:inline-block; vertical-align:top}
.footer li:nth-child(1) .mail span:nth-child(1){  width:52px;}
.footer li h3{ font-size:18px;font-family: 'lato-bold'; margin-bottom:10px; font-weight:bold; color:#fff; position:relative;padding-bottom:10px; }
.footer li  h3 a{ color:#fff}
.footer p, .footer p a{ color:#fff; line-height:24px;}

.footer a:hover{ color:#fff;text-decoration:underline}
.footer .uses{ margin-top:40px;}
.footer .uses .item{ display:inline-block; padding:6.5px; margin-right:5px; border-radius:50%; background:#0353a5;}
.footer .uses .item img{ display:block; height:19px; width:auto}

.footer .copyright{ border-top:solid 1px #45455d; padding:25px 0; text-align:center;}



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



.nab01 img{ float:right; width:50%;margin-top:180px;}
.nab01 .wenzi{ float:left; width:46%; }

.nab02{ background:#f8f8fa}
.nab02 .conn{display: flex;display: -webkit-flex;justify-content: space-between;flex-wrap: wrap;}
.nab02 .conn .item{ width:48.5%; padding: 40px 30px; text-align: center;box-shadow: 0 0 10px rgb(0 0 0 / 15%); background:#fff; border-radius:10px; }
.nab02 .conn .item .icon{ width:40%; max-width:99px; margin:0 auto; border-radius:50%; overflow:hidden; background:#0353a5; margin-bottom:30px}
.nab02 .conn .item .icon img{ display:block; width:100%; height:auto}
.nab02 .conn .item .wenzi h3{font-family: 'lato-bold'; font-size:24px; margin-bottom:10px;}
.nab02 .conn .item .wenzi p{ line-height:24px;}



.nhonorlist{ position:relative; width:100%; max-width:1020px; margin:0 auto}
.nhonor .swiper-container{position:relative; margin:0 auto; width:calc(100% - 180px)}
.nhonor .swiper-slide{position:relative;}
.nhonor .swiper-slide .pic{ margin:10px; display:block;box-shadow: 0 0 10px rgba(0,0,0,0.2); border:solid 1px #ddd;}
.nhonor .swiper-slide .pic img{padding:10px; }
.nhonor .swiper-slide .wenzi{ font-size:18px; text-align:center; line-height:28px; padding:3px 0}
.nhonor .swiper-button-prev, .nhonor .swiper-button-next{ width:50px; height:50px; margin-top:-25px; outline:none; border-radius:50%}
.nhonor .swiper-button-prev{ background:url(../images/bpre02.png) #cdcdce no-repeat center center; background-size:55% auto; left:0}
.nhonor .swiper-button-next{ background:url(../images/bnext02.png) #cdcdce no-repeat center center; right:0; background-size:55% auto;}
.nhonor .swiper-button-prev:hover{ background:url(../images/bpre02.png) #5a5b5c no-repeat center center; background-size:55% auto;opacity:1}
.nhonor .swiper-button-next:hover{ background:url(../images/bnext02.png) #5a5b5c no-repeat center center; background-size:55% auto;opacity:1}


.napp .item{ display:block; float:left; width:32%; margin-right:2%; margin-bottom:2%;box-shadow: 0 0 10px rgb(0 0 0 / 15%);background: #fff;border-radius: 10px;}
.napp .icon{ width:40%; max-width:101px; background-color:#0353a5; border-radius:50%; overflow:hidden; margin:0 auto}
.napp .icon img{ display:block; width:100%; height:auto}
.napp .item .iteminn{padding:40px 30px; text-align:center; min-height:400px; position:relative}
.napp .item:nth-child(3n){ margin-right:0}
.napp .item:nth-child(3n+1){ clear:both}
.napp .item h3{ font-size:24px;font-family: 'lato-bold'; margin:35px 0 15px 0}
.napp .item p{ font-size:18px; color:#666}
.napp .item:hover{background-image: linear-gradient(90deg, #2685d9, #0353a5); color:#fff}
.napp .item:hover .iteminn{background:url(../images/dianzi.png) no-repeat center center /cover;}
.napp .item:hover .icon{background-color:rgba(255,255,255,0.2)}
.napp .item:hover p{ color:#fff}



.serlist li{ border-radius:5px; border:solid 1px #ddd; margin-bottom:12px; color:#666}
.serlist .toptit{ padding:10px 40px 10px 20px ;line-height:28px; cursor:pointer;background:url(../images/jia.png) no-repeat calc(100% - 20px) center; }
.serlist .toptit.cur{ color:#000;background:url(../images/jian.png) no-repeat calc(100% - 20px) center; }
.serlist .cont{ padding:0 20px 20px 20px;display:none}
.serlist .cont a{ color:#0353a5}


.ndownlist { background:#f8f8fa}
.ndownlist .item{ float:left; width:48.5%;box-shadow: 0 0 10px rgb(0 0 0 / 15%);background: #fff;border-radius: 10px; padding:30px; margin-top:3%}
.ndownlist .item:nth-child(1), .ndownlist .item:nth-child(2){ margin-top:0}
.ndownlist .item:nth-child(2n){ float:right}
.ndownlist .dname{ float:left; width:30%; border:solid 1px #ddd}
.ndownlist .wenzi{ float:right; width:65%}
.ndownlist .wenzi h3{ margin-top:30px; font-size:24px; font-family: 'lato-bold'; line-height:24px; height:48px; margin-bottom:10px;}
.ndownlist .wenzi p{ line-height: 24px;height:96px;color: #666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;margin-bottom:10px;}
.ndownlist .wenzi .down{ display:inline-block; padding-right:30px; color:#10d2f6}
.ndownlist .item:hover .down{color:#0353a5; background:url(../images/downicon.png) no-repeat calc(100% - 2px) center}


.ncontact .conn{ line-height:50px; font-size:18px;}
.ncontact .conn .ctop{ margin-top:-20px; margin-bottom:25px; line-height:42px;}
.ncontact .conn .ctop h3{font-size:24px; font-family: 'lato-bold';}
.ncontact .conn .intro{background:url(../images/map.png) no-repeat right center}
.ncontact .conn .intro p{ padding-left:30px;}
.ncontact .conn .intro p span{ display:inline-block}
.ncontact .conn .intro p.mail span:nth-child(1){ width:65px; vertical-align:top;} 
.ncontact .conn .intro p.mail span:nth-child(2){ width:calc(100% - 65px); vertical-align:top;} 
.ncontact .conn .intro p.add{background:url(../images/add.png) no-repeat left 16px}
.ncontact .conn .intro p.mail{background:url(../images/cmail.png) no-repeat left 19px}
.ncontact .conn .intro p.fax{background:url(../images/fax.png) no-repeat left 16px}
.ncontact .conn .intro p.tel{background:url(../images/ctel.png) no-repeat left 16px}
.ncontact .conn .intro p.web{background:url(../images/web.png) no-repeat left 16px}
.ncontact .conn .intro p.sk{background:url(../images/sk.png) no-repeat left 16px}


.nnav { line-height:55px; height:55px; background:#f6f6f6; color:#666}
.nnav a{ color:#666; display:inline-block; position:relative}
.nnav a:hover, .nnav a.cur{ color:#0353a5}
.nnav .jiange{ padding:0 30px;}
.nnav a:after{ content:""; position:absolute; left:0; height:2px; background:#0353a5;transition: all 0.5s ease; bottom:0; width:0}
.nnav a:hover:after, .nnav a.cur:after{ width:100%}

.nnewslist .newskuai{ padding:40px 0; border-top:solid 1px #ddd}
.nnewslist .newskuai:nth-child(1){ padding-top:0; border-top:none}
.nnewslist .newskuai a{ display:block; position: relative}
.nnewslist .newskuai .date{ width:68px; height:68px; text-align:center;padding:12px 0;  border-radius:5px; background:#0353a5; color:#fff; position:absolute; left:0; top:0}
.nnewslist .newskuai .date h3{ line-height:24px; font-size:30px;}
.nnewslist .newskuai .date p{line-height:24px;}
.nnewslist .newskuai .pic{ margin:0 2% 0 calc(2% + 68px); width:28%; float:left; border-radius:5px; overflow:hidden}
.nnewslist .newskuai .text{width:calc(68% - 68px); float:right; margin-top:35px}
.nnewslist .newskuai .text h3{font-size:20px; font-family: 'lato-bold';display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; margin-bottom:10px;}
.nnewslist .newskuai .text p{ color:#666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden; line-height:24px; height:72px; margin-bottom:15px }
.nnewslist .newskuai .text .inmore{ font-size:12px; color:#10d3f6; display: inline-block; line-height:20px; border-bottom:solid 1px #fff} 
.nnewslist .newskuai:hover .text .inmore{border-bottom:solid 1px #0353a5; color:#0353a5}


.newsxiang .newstitle{ padding-bottom:30px; margin-bottom:40px; border-bottom:solid 1px #ddd}
.newsxiang .newstitle h3{font-size:24px; font-family: 'lato-bold';}
.newsxiang .newstitle p{ color:#999}
.newsxiang .newscon{padding-bottom:50px; border-bottom:solid 1px #ddd}
.newsxiang .newscon img{ width:auto; max-width:100%}
.newsxiang .newscon .picleft{ float:left; width:30%}
.newsxiang .newscon .wzright{ float:right; width:67%; font-size:18px}
.newsxiang .more{ display:block; float:right}

.npro .leibie{ float:left; width:255px; border:solid 1px #ddd; padding:0 8px}
.npro .leibie .ltop, .npro .procon .protitle{font-size:24px; font-family: 'lato-bold'; line-height:65px}
.npro .leibie .ltop {border-bottom:solid 1px #ddd;}
.npro .leibie .lcon{ padding:20px 0}
.npro .leibie .lcon p{  border-bottom:solid 1px #ddd;}
.npro .leibie .lcon p:last-child{ border-bottom:none; }
.npro .leibie .lcon p a{
	line-height:24px;
	display:block;
	padding-left:15px;
	background:url(../images/pjt.png) no-repeat left center;
	font-size: 14px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.npro .leibie .lcon p a:hover, .npro .leibie .lcon p.cur a{background:url(../images/pjthover.png) no-repeat left center; color:#0353a5}

.npro .procon { float:right; width:calc(100% - 290px)}
.npro .procon .prolist .item{ float:left; width:32%; margin-right:2%; margin-bottom:2%; border:solid 1px #ddd}
.npro .procon .prolist .item:nth-child(3n){ margin-right:0}
.npro .procon .prolist .item:nth-child(3n+1){ clear:both}
.npro .procon .prolist .item:hover{border:solid 1px #0353a5;box-shadow: 0 0 10px rgb(0 0 0 / 15%);background: #fff;}
.npro .procon .prolist .item .text{ padding:0px 20px 40px 20px; text-align:center}
.npro .procon .prolist .item .text h3{font-size:18px; font-family: 'lato-bold'; margin-bottom:10px }
.npro .procon .prolist .item .text p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; line-height:24px; height:48px; margin-bottom:5px }
.npro .procon .prolist .item .text .readmore{font-size:12px; display:inline-block;border-bottom:solid 1px #fff;  line-height:20px; color:#999}
.npro .procon .prolist .item:hover .text .readmore{ border-bottom:solid 1px #0353a5; color:#0353a5}


.single-product-top .picsshow{width:40%; float:left; position:relative}
.single-product-top .swiper-button-next, .single-product-top .swiper-button-prev{ top:auto; bottom:7px; 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}

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

.single-product-top .wenzi{width:56%; float:right; padding:30px 0}
.single-product-top .wenzi .ntitle{ font-weight:bold;}
.single-product-top .wenzi .ntitle h3{font-size:24px; font-family: 'lato-bold'; margin-bottom:10px}
.single-product-top .wenzi .ntitle h4{ font-weight:bold !important}
.single-product-top .wenzi .mail{margin-top:50px; }
.single-product-top .wenzi .mail a{ display:inline-block;width:180px; height:40px; line-height:40px;color:#fff; padding-left:50px; font-size:13px; text-transform:uppercase; border-radius:5px;}
.single-product-top .wenzi .mail a:nth-child(1){ margin-right:15px; background: url(../images/mail.png) #0353a5 no-repeat 10% center; }
.single-product-top .wenzi .mail a:nth-child(2){ background: url(../images/mail.png) #ff9600 no-repeat 10% center; }


.pdetal .protabmenu{ margin:30px 0 20px 0;}
.pdetal .protabmenu ul{display: flex;padding: 0px;border-top: 2px solid white;margin-top: -2px;border: 1px solid #ddd; background:#f9f9f9;font-family: 'lato-bold';}
.pdetal .protabmenu li {display: flex;width: auto;padding: 0px 20px;margin-right: 10px;border-bottom: 0px; line-height:42px; text-transform:uppercase;}
.pdetal .protabmenu .cur {background: #fff;border-bottom: 1px white solid;margin-bottom: -1px;color:#0353a5;}
.pdetal #protabcontent .hidden {display:none;}
.pdetal #protabcontent { clear:both; line-height:30px !important;}
.pdetal #protabcontent img{  width:auto; max-width:100%; height:auto}

.nprotj { margin-top:50px;}

.ptjlist .swiper-slide a{ -webkit-transition:all .5s;transition:all .5s; border:solid 1px #ddd; position:relative; display:block}
.ptjlist .swiper-slide a:hover{ border:solid 1px #0353a5; box-shadow: 0 0 10px rgb(0 0 0 / 15%);background: #fff;}
.ptjlist .swiper-slide .text{ padding:0px 20px 40px 20px; text-align:center}
.ptjlist .swiper-slide .text h3{font-size:24px; font-family: 'lato-bold'; margin-bottom:10px }
.ptjlist .swiper-slide .text p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; line-height:24px; height:48px; margin-bottom:5px }
.ptjlist .swiper-slide .text .readmore{font-size:12px; display:inline-block;border-bottom:solid 1px #fff;  line-height:20px; color:#999}
.ptjlist .swiper-slide:hover .text .readmore{ border-bottom:solid 1px #0353a5; color:#0353a5}
.ptjlist .swiper-container-horizontal>.swiper-pagination-bullets, .ptjlist .swiper-pagination-custom, .ptjlist .swiper-pagination-fraction{ bottom:0 !important}
.ptjlist .swiper-pagination-bullet{ height:14px;width:14px; background:none; border:solid 2px #ccc; opacity:1; margin:0 5px}
.ptjlist .swiper-pagination-bullet-active{ border:solid 2px #0353a5;}
.ptjlist swiper-pagination{ display:none !important}