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

html{ overflow-x:hidden}
*{margin:0;padding:0;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
body{ font-family:"LatoRegular", Arial, Helvetica, sans-serif;font-size:16px; line-height:30px;-webkit-font-smoothing: antialiased; overflow-x:hidden;background:#fff; color:#444; }
a{color:#444; 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:#15499a}
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 ;}


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

#a01, #a02, #a03, #a04,#a05, #a06, #a07, #a08{ position: absolute;  margin-top:-116px;}
.wrap{ width:80%; max-width:1300px; margin:0 auto}
.header .wrap{ width:80%; max-width:80%}


.jvzhong{ text-align:center}
.title { margin-bottom:35px;}
.title h3{ font-size:36px; margin-bottom:15px; color:#000;font-family: 'lato-bold'; text-transform:uppercase; padding-bottom:20px; line-height:45px; position:relative}
.title h3:after{ content:""; position:absolute; left:0; bottom:0; width:66px; height:3px; background:#15499a}
.title.jvzhong h3:after{ left:50%; margin-left:-33px;}
.title p{ color:#666; font-size:18px;}
.title h4{ font-size:24px;}

.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%;}
.img-dv .img2{ position:absolute;left:0;right:0;top:0;bottom:0; margin:auto; max-width:100%; min-height:100%; }


.mbg{ background:#e8ebf2}

.header{width: 100%;top:0;left:0;position:fixed; z-index:999; height:116px;}
.header.scroll, .header:hover{ background:#fff;box-shadow: 0 0 15px rgba(0,0,0,0.1);} 
.header .logo{ float:left;}
.header .logo img{ display:block; height:80px; width:auto; margin:18px 0}
.header .logo .img001{ display:block}
.header .logo .img002{ display:none}
.header.scroll .logo .img001, .header:hover .logo .img001{ display:none} 
.header.scroll .logo .img002, .header:hover .logo .img002{ display:block} 
.header .language{ float:right; line-height:116px;}
.header .language a{ color:#fff; display:block; background:url(../images/map.png) no-repeat left center; padding-left:30px;}
.header.scroll .language a, .header:hover .language a{background:url(../images/map02.png) no-repeat left center;color:#666; }
.header .language a:hover{color: #15499a !important; }
.header .menu { float:right; text-align:center; margin-right:25px;}
.header .menu li{ position:relative; float:left; }
.header .menu li .menu_a{ line-height:116px; font-size:18px; color:#fff; display:block; margin:0 25px;position:relative}
.header.scroll .menu li .menu_a, .header:hover .menu li .menu_a{ color:#333}
.header .menu li .menu_a.cur{ color:#15499a;}
.header .menu li .sub{ position:absolute; display:none;clear:both; z-index:999;width:160%; margin-left:-30%;}
.header .menu li .sub.cur{ display:block}
.header .menu .sub p{ text-align:center;}
.header .menu .sub a{ display:block; background-color:#fff; line-height:30px; padding:10px 0; }
.header .menu .sub a:hover{background-color: #15499a; color:#fff;}
/*animate*/
@keyframes rightOpacityShow{
0%{ transform: translateX(-80px);opacity:0;}
80%{ transform: translateX(20px);}
100%{ transform:translateX(0); opacity:1;}
}
.header .menu li .sub p:nth-child(1){animation: 0.4s ease-in-out 0s 1 normal both running rightOpacityShow;}
.header .menu li .sub p:nth-child(2){animation: 0.5s ease-in-out 0s 1 normal both running rightOpacityShow;}
.header .menu li .sub p:nth-child(3){animation: 0.6s ease-in-out 0s 1 normal both running rightOpacityShow;}
.header .menu li .sub p:nth-child(4){animation: 0.7s ease-in-out 0s 1 normal both running rightOpacityShow;}
.header .menu li .sub p:nth-child(5){animation: 0.8s ease-in-out 0s 1 normal both running rightOpacityShow;}
.header .menu li .sub p:nth-child(6){animation: 0.9s ease-in-out 0s 1 normal both running rightOpacityShow;}
.header .menu li .sub p:nth-child(7){animation: 1.0s ease-in-out 0s 1 normal both running rightOpacityShow;}
.header .menu li .sub p:nth-child(8){animation: 1.1s ease-in-out 0s 1 normal both running rightOpacityShow;}
.headerbg {width: 100%; height:10%;top:0;left:0;position:fixed; z-index:998; background-image: linear-gradient(to bottom, rgba(0,0,0,0.3), rgba(0,0,0,0));}


.banner, .banner .swiper-slide{ width:100%; height:100vh; min-height:550px; position:relative}
.banner img, .banner video{ display:block; width:100%; height:auto}
.banner .swiper-pagination{bottom:4% !important; text-align:right;width: 80%; right:10%;}
.banner .swiper-pagination-bullet{ width:30px; height:4px; margin:10px; background:#fff; opacity:0.3; position:relative; border-radius:2px;}
.banner .swiper-pagination-bullet-active{ opacity:1}

.banner .ratio-img{ width:100%; height:100vh; overflow:hidden}
.banner .ratio-img{transform:matrix(1, 0, 0, 1, 0, 0);-webkit-transition:all 0.4s ease 1.2s; -moz-transition:all 0.4s ease 1.2s; -ms-transition:all 0.4s ease 1.2s; -o-transition:all 0.4s ease 1.2s; transition:all 0.4s ease 1.2s;}
.banner .swiper-slide.swiper-slide-active .ratio-img{transition-delay:0.4s !important; transform:matrix(1.1, 0, 0, 1.1, 0, 0); -webkit-transition:all 7.0s ease; -moz-transition:all 7.0s ease; -ms-transition:all 7.0s ease; -o-transition:all 7.0s ease; transition:all 7.0s ease;}
.banner{position: relative;overflow: hidden;}
.banner video {position: absolute;width: 100%;height: 100%;left: 0px;top: 0;object-fit: cover;}
.banner a{display: block;}
.banner .swiper-slide .banner_text{ text-align:center; color:#fff !important; line-height:50px;position:absolute;left:50%;-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); top:calc(50% + 50px); width:100%}
.banner .swiper-slide .banner_text .btitle h3{ font-size:45px; margin-bottom:10px;font-family: 'lato-bold'; }
.banner .swiper-slide .banner_text .btitle h4{ font-size:30px; margin-bottom:50px;}
.banner .swiper-slide .banner_text .prolists{ text-align:center}
.banner .swiper-slide .banner_text .prolists .item{ display:inline-block; max-width:260px; margin:20px 40px}
.banner .swiper-slide .banner_text .prolists .item .icon{ }
.banner .swiper-slide .banner_text .prolists .item .icon img{ display:block; width:100%; height:auto}
.banner .swiper-slide .banner_text .prolists .item .wenzi{ line-height:20px; color:#fff}
.banner .swiper-slide .banner_text .prolists .item .wenzi h3{ margin-bottom:8px; font-size:16px}
.banner .swiper-slide .banner_text .prolists .item .wenzi p{ font-size:14px}
.banner .swiper-slide .banner_text .prolists .item .icon .pic2{position:absolute;top:0;left:0;z-index:-1;}
.banner .swiper-slide .banner_text .prolists .item .icon {width:127px; border:solid 2px #fff; border-radius:50%; margin:0 auto 20px auto; position:relative}
.banner .swiper-slide .banner_text .prolists .item .icon .pic1{-webkit-transform: rotateX(0deg) rotateY(0deg);-webkit-transform-style: preserve-3d;-webkit-backface-visibility: hidden;-moz-transform: rotateX(0deg) rotateY(0deg);-moz-transform-style: preserve-3d;-moz-backface-visibility: hidden;-o-transition: all .4s ease-in-out;-ms-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;-webkit-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
.banner .swiper-slide .banner_text .prolists .item:hover .icon .pic1{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);}
.banner .swiper-slide .banner_text .prolists .item .icon .pic2{-webkit-transform: rotateY(-180deg);-webkit-transform-style: preserve-3d;-webkit-backface-visibility: hidden;-moz-transform: rotateY(-180deg);-moz-transform-style: preserve-3d;-moz-backface-visibility: hidden;-o-transition: all .4s ease-in-out;-ms-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;-webkit-transition: all .4s ease-in-out;transition: all .4s ease-in-out;/*z-index:10;position:absolute;*/}
.banner .swiper-slide .banner_text .prolists .item:hover .icon .pic2{-webkit-transform:rotateX(0deg) rotateY(0deg);-moz-transform:rotateX(0deg) rotate(0deg);z-index: 10;position: absolute;}


.iproducts .conn{display: -webkit-box;display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start; width:calc(100% + 20px); margin-top:-10px; margin-left:-10px; margin-left:-10px;}
.iproducts .swiper-slide{ margin:0px 0 40px 0;position:relative; }
.iproducts .swiper-slide .item{ position:relative; padding:65px 30px; margin:10px; background:#e8ebf2}

.iproducts .swiper-slide.swiper-slide-active .item{background:#f9fbfd}
.iproducts .swiper-slide.swiper-slide-next .item{background:#f0f4f9}



.iproducts .swiper-pagination{bottom:0% !important; text-align:center;}
.iproducts .swiper-pagination-bullet{ width:30px; height:4px; opacity:1; background:#adadaf; margin:0 5px; border-radius:2px;}
.iproducts .swiper-pagination-bullet-active{ background: #15499a; }

.iproducts .swiper-slide:hover .item{box-shadow: rgba(0,0,0,0.2) 0 0 10px;  background-color:#fff !important; z-index:99 }
.iproducts .swiper-slide .icon{ margin:15px auto 50px auto; width:80px;}
.iproducts .swiper-slide .icon img{ display: block; width:100%; height:auto;}
.iproducts .swiper-slide .icon .img001{ display:block}
.iproducts .swiper-slide .icon .img002{ display:none}
.iproducts .swiper-slide:hover .icon .img001{ display:none}
.iproducts .swiper-slide:hover .icon .img002{ display:block}
.iproducts .swiper-slide .text{ text-align:center}
.iproducts .swiper-slide .text h3{ font-size:20px; margin-bottom:10px; line-height:25px;}
.iproducts .swiper-slide .text p{ font-size:14px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;overflow: hidden; line-height:20px; height:60px;} 
.iproducts .swiper-slide .text .morebox{ text-align: center; margin: 15px 0 0 0; }
.iproducts .swiper-slide .text a.morea{  display: inline-block; height: 42px; color: #ffffff;  width: auto; padding: 0 6px;  border-radius: 23px; background:none; overflow: hidden; }
.iproducts .swiper-slide .text a.morea i{display: inline-block; width: 29px; height: 29px; background: url("../images/more1.png"); float: right; margin: 6px 0 0 0;}
.iproducts .swiper-slide .text a.morea span{ display: block; width:0px; overflow: hidden; transition: all 0.5s; float: left; line-height: 40px; font-size: 16px; }
.iproducts .swiper-slide .text a.morea span u{display: block; font-size:14px; opacity: 0; text-decoration: none; transition: opacity 1s;}
.iproducts .swiper-slide:hover a.morea span{ display: block;  width: 120px; color: #ffffff; }
.iproducts .swiper-slide:hover a.morea span u{ display: block;opacity: 1; }
.iproducts .swiper-slide:hover a.morea{background: #15499a; }
.iproducts .swiper-slide:hover a.morea i{background: url("../images/more2.png");}


.iapplication .conn{ padding:30px; background:#fff;}
.iapplication .item{ float:left; width:calc(50% - 15px);}
.iapplication .item:nth-child(2n){ float: right}
.iapplication .item h3{ font-size:22px;margin:15px 0 5px 0;font-family: 'lato-bold'; color:#000; line-height:23px; }
.iapplication .item p{ color:#666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden; line-height:20px; height:40px; margin-bottom:10px;}
.iapplication .item .more{ text-transform:uppercase; color:#15499a; display:inline-block; border-bottom:solid 1px #15499a; line-height:20px;}
.iapplication .item .more a{ color:#15499a; font-size:14px;}
.iapplication .item .more a:hover{ font-weight:bold;}

.iabout{ background:url(../images/iaboutbg.jpg) no-repeat center center; background-size:cover; background-attachment: fixed;  color:#fff !important; }
.iabout .title h3{ color:#fff}
.iabout .title h4{white-space:nowrap;}
.iabout .more{ text-align:center; margin-top:50px;}
.iabout .more a{ display:inline-block; width:160px; height:38px; line-height:34px; color:#fff; border-radius:20px; border:solid 2px #fff; font-size:14px; text-transform:uppercase}
.iabout .more a:hover{ color:#15499a; border:solid 2px #15499a}

.inews .title{ position:relative;}
.inews .more{ position:absolute; right:0; bottom:0; text-align:center}
.inews .more a{ display:inline-block; width:160px; height:38px; line-height:34px; color:#999; border-radius:20px; border:solid 2px #999; font-size:14px; text-transform:uppercase}
.inews .more a:hover{border:solid 2px #15499a; color:#15499a;}

.inews .conn{ margin-top:-10px;line-height:20px !important;}
.inews .newsleft{ float:left; width:48.5%}
.inews .newsright{ float:right; width:48.5%}
.inews .newsleft .ntop{ position:relative}
.inews .newsleft .ntop .date{ position:absolute; left:0; top:0; padding:12px 18px; background:#15499a; color:#fff}
.inews .date h3{font-family: 'lato-bold'; font-size:24px; line-height:24px;}
.inews .date p{ font-size:12px; line-height:15px;}
.inews .newsleft .text h3, .inews .newsright .text .conn h3{ color:#000;display: -webkit-box;font-family: 'lato-bold'; font-size:20px;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden; line-height:20px; height:40px; }
.inews .newsleft .text h3{ margin:20px 0 15px 0}
.inews .newsleft .text p{display: -webkit-box;font-size:14px;-webkit-box-orient: vertical;-webkit-line-clamp:3;overflow: hidden; line-height:20px; height:60px; color:#666;}
.inews .newsleft:hover .text h3, .inews .newsright .kuai:hover .text .conn h3{ color:#15499a}
.inews .newsright .kuai{ margin-bottom:18px;}
.inews .newsright .kuai:last-child{ margin-bottom:0}
.inews .newsright .kuai .pic{ float:left; width:34%}
.inews .newsright .kuai .text{ float:right; width:62%}
.inews .newsright .kuai .date{ color:#999; margin:5px 0 15px 0;}
.inews .newsright .kuai .text .conn h3 { margin-bottom:5px;}
.inews .newsright .text .conn p{display: -webkit-box;font-size:14px;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden; line-height:20px; height:40px; color:#666;}



.icase .qimo8{overflow: hidden;}
.icase .qimo8 .qimo{/*width:99999999px;*/width: 8000%;}
.icase .qimo8 .qimo div{float: left;}
.icase .qimo8 .qimo ul{float: left;overflow: hidden;zoom: 1;}
.icase .qimo8 .qimo ul li{float: left;list-style: none;margin-right:20px; height:96px; background:#fff}
.icase .qimo8 .qimo ul li .img-dv .img1{ height:96px; width:auto}

.footer{ background:#001f59; border-top:solid 5px #15499a}
.footer .fcontent{ padding:45px 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:360px;}
.footer li:nth-child(1) p{padding-left:30px}
.footer li:nth-child(1) .add{ background:url(../images/add.png) no-repeat left 5px; }
.footer li:nth-child(1) .mail{ background:url(../images/mail.png) no-repeat left 5px; }
.footer li:nth-child(1) .tel{ background:url(../images/tel.png) no-repeat left 5px; }
.footer li h3{ font-size:16px;margin-bottom:10px;color:#fff; position:relative; margin-top:55px; text-transform:uppercase; }
.footer li  h3 a{ color:#fff}
.footer p, .footer p a{ color:rgba(255,255,255,0.5); line-height:24px; font-size:14px;}
.footer a:hover{ color:#fff}
.footer .uses{ margin-top:15px;padding-left:30px}
.footer .uses .item{ display:inline-block; width:33px; height:33px; margin-right:5px; border-radius:50%; background:#15499a; 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 #15499a; padding:30px 0; text-align:center; color:#fff; font-size:14px; line-height:22px;}
.footer .copyright a{ color:#fff}

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

.nnav{ line-height:58px; text-align:center; border-bottom:solid 1px #ddd;}
.nnav .wrap{ width:100%}
.nnav li{ display:inline-block}
.nnav li a{ display:block; margin:0 25px; position:relative}
.nnav li a:after{content: '';width: 0;height:3px;background:#15499a;position: absolute;left: 50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);bottom:0px;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s}
.nnav li.cur a:after, .nnav li:hover a:after {width:100%}
.nnav li.cur a, .nnav li a:hover{ color:#15499a}

.nab01 .wrap{ position:relative}
.nab01 .conn img{ float:right; margin-top:-90px; width:auto; max-width:490px; margin-left:30px; margin-bottom:30px;}

.nab02 .conn .videolist{ position:relative}
.nab02 .conn .videolist .bg{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:98; background-color:rgba(0,0,0,0.45)}
.videoed { width:80px; cursor:pointer;  height:80px; position: absolute; left:50%; top:50%; margin-left:-40px; margin-top:-40px; z-index:99; border-radius:100%; }
.videos{ display:none; position:fixed; background-color:rgba(0,0,0,0.9); width:100%; height:100vh; top:0; left:0; z-index:999999}
.videos video{ position:absolute;left:50%;-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); top:50%; height:70%; width:auto;}
.vclose { position:absolute;right:5%; top:5%; cursor: pointer; }

.nab02 .conn{ position:relative}
.nab02 .conn .swiper-container{ width:80%; max-width:1000px; margin:0 auto;}

.nab02 .swiper-button-prev, .nab02 .swiper-button-next{display:block; width: 35px !important;height: 45px !important; background: url(../images/videoleft.png) no-repeat center center; background-size:100% auto; left:5%}
.nab02 .swiper-button-next{right:5%; left:auto; background: url(../images/videoright.png) no-repeat center center; background-size:100% auto;}	
.nab02 .swiper-button-prev:after{background: url(../images/videoleft02.png) no-repeat center center; background-size:100% auto; }
.nab02 .swiper-button-next:after{background: url(../images/videoleft02.png) no-repeat center center;  background-size:100% auto;}



.nab03 .item{ float:left; width:calc(25% + 0.75px); margin-left:-1px; margin-top:30px;}
.nab03 .item:first-child{ margin-left:0}
.nab03 .item .icon{ position:relative; z-index:2; }
.nab03 .item .icon img{ display:block; width:100%; height:auto}
.nab03 .item .icon .pic2{position:absolute;top:0;left:0;z-index:-1;}
.nab03 .item .icon {width:112px; border:solid 1px #15499a; border-radius:50%;background:#fff; position:relative}
.nab03 .item .icon .pic1{-webkit-transform: rotateX(0deg) rotateY(0deg);-webkit-transform-style: preserve-3d;-webkit-backface-visibility: hidden;-moz-transform: rotateX(0deg) rotateY(0deg);-moz-transform-style: preserve-3d;-moz-backface-visibility: hidden;-o-transition: all .4s ease-in-out;-ms-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;-webkit-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
.nab03 .item:hover .icon .pic1{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);}
.nab03 .item .icon .pic2{-webkit-transform: rotateY(-180deg);-webkit-transform-style: preserve-3d;-webkit-backface-visibility: hidden;-moz-transform: rotateY(-180deg);-moz-transform-style: preserve-3d;-moz-backface-visibility: hidden;-o-transition: all .4s ease-in-out;-ms-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;-webkit-transition: all .4s ease-in-out;transition: all .4s ease-in-out;/*z-index:10;position:absolute;*/}
.nab03 .item:hover .icon .pic2{-webkit-transform:rotateX(0deg) rotateY(0deg);-moz-transform:rotateX(0deg) rotate(0deg);z-index: 10;position: absolute;}
.nab03 .item .text{ margin-top:-56px; background:#fff; border:solid 1px #ddd; padding:30px 0px 30px 56px; min-height:160px;}
.nab03 .item .text h3{font-family: 'lato-bold'; margin-left:56px; margin-bottom:10px; font-size:24px; color:#15499a}


.nab04 .swiper-slide{ padding-bottom:40px;}
.nab04 .swiper-pagination{bottom:0% !important; text-align:center;}
.nab04 .swiper-pagination-bullet{ width:30px; height:4px; opacity:1; background:#adadaf; margin:0 5px; border-radius:2px;}
.nab04 .swiper-pagination-bullet-active{ background: #15499a; }

.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:80px; height:68px; text-align:center;padding:12px 0;  border-radius:5px; background:#15499a; color:#fff; position:absolute; left:0; top:0}
.nnewslist .newskuai .date h3{ line-height:24px; font-size:24px;}
.nnewslist .newskuai .date p{line-height:24px; font-size:14px;}
.nnewslist .newskuai .pic{ margin:0 2% 0 calc(2% + 80px); width:28%; float:left; border-radius:5px; overflow:hidden}
.nnewslist .newskuai .text{width:calc(68% - 80px); float:right; margin-top:15px}
.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; border-bottom:solid 1px #15499a; color:#15499a; display: inline-block; line-height:20px;} 
.nnewslist .newskuai:hover .text .inmore{ font-weight:bold}

.newsxiang .wrap { background:#fff; border:solid 1px #ddd; padding:3%}
.newsxiang .newstitle{ padding-bottom:30px; margin-bottom:40px; border-bottom:solid 1px #ddd}
.newsxiang .newstitle h3{font-size:24px; font-family: 'lato-bold'; font-weight:bold; color:#000}
.newsxiang .newstitle h4{font-size:18px; color:#000}
.newsxiang .newstitle p{ color:#999}
.newsxiang .newscon{padding-bottom:50px;min-height:500px}
.newsxiang .newscon img{ width:auto; max-width:100%}
.newsxiang .back{ padding-bottom:50px; text-align:center}
.newsxiang .back a{ display:inline-block; width:160px; height:38px; line-height:34px; color:#999; border-radius:20px; border:solid 2px #999; font-size:14px; text-transform:uppercase}
.newsxiang .back a:hover{ border:solid 2px #15499a; color:#15499a;}

.shangxia{ padding-top:25px; border-top:solid 1px #ddd;}
.shangxia p { color:#a0a0a0; font-size:18px;}
.shangxia p a{color:#a0a0a0; }
.shangxia p a:hover{color:#15499a; }


.nprolist li{ float:left; width:32%; margin-right:2%; margin-bottom:2%; background:#fff; border:solid 1px #ddd; text-align:center; padding:3% 2%}
.nprolist li:nth-child(3n){ margin-right:0}
.nprolist li:nth-child(3n+1){ clear:both;}
.nprolist li h3{font-size:22px; font-family: 'lato-bold'; color:#000;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; margin-bottom:10px; line-height:25px; height:50px;}
.nprolist li img{ height:200px; width:auto; margin:0 auto; display:block}

.nprolist .more{ margin-top:40px; text-align:center}
.nprolist .more{ display:inline-block; width:160px; height:38px; line-height:34px; color:#999; border-radius:20px; border:solid 2px #999; font-size:14px; text-transform:uppercase}
.nprolist li:hover .more{border:solid 2px #15499a; color:#15499a}
.nprolist li:hover h3{ color:#15499a}
.nprolist li:hover {box-shadow: rgba(0,0,0,0.3) 0 0 18px;}

.prodetail .wrap{ position:relative}
.prodetail .pics{ float:left; width:50%; border:solid 1px #ddd}
.prodetail .swiper-pagination{text-align:center;}
.prodetail .swiper-pagination-bullet{ width:30px; height:4px; opacity:1; background:#adadaf; margin:0 5px; border-radius:2px;}
.prodetail .swiper-pagination-bullet-active{ background: #15499a; }

.prodetail .wenzi{ width:47%; float:right}
.prodetail .wenzi h3{ margin:20px 0; font-size:30px;font-family: 'lato-bold'; color:#000 }
.prodetail .use{ margin-top:40px;}
.prodetail .use li{ float:left; text-transform:uppercase; width:230px; line-height:38px; border-radius:22px; overflow:hidden; display:block; border:solid 2px #15499a; color:#15499a; text-align:center}
.prodetail .use li a{ display:block; color:#15499a}
.prodetail .use li.pliuyan {margin-right:20px;}
.prodetail .use li span{ display:inline-block;padding-left:30px;  }
.prodetail .use li.pliuyan span {background: url(../images/ply.png) no-repeat left center; }
.prodetail .use li.pliuyan:hover span{background: url(../images/ply02.png) #15499a no-repeat left center; color:#fff; }
.prodetail .use li.pliuyan:hover{background:#15499a; color:#fff}
.prodetail .use li.ptel span{background: url(../images/ptel.png) #15499a no-repeat left center; color:#fff; }
.prodetail .use li.ptel { background:#15499a; color:#fff}



.nproxiang .protabmenu li {line-height:52px; float:left; padding:0 60px; text-transform:uppercase; font-size:24px; color:#000;font-family: 'lato-bold'; }
.nproxiang .protabmenu .cur {background: #fff;}
.nproxiang #protabcontent .hidden {display:none;}
.nproxiang #protabcontent { clear:both; line-height:30px !important; padding:3% 3% 5% 3%; background:#fff}
.nproxiang #protabcontent img{  width:auto; max-width:100%; height:auto}


.napplist .conn{ background:#fff; border:solid 1px #ddd}
.napplist .conn .kuai{ padding:40px;border-bottom:solid 1px #ddd}
.napplist .conn .kuai:last-child{ border-bottom:none}
.napplist .conn .kuai a{ position:relative; display:block}
.napplist .conn .kuai .pic{ float:left; width:50%}
.napplist .conn .kuai .text{ float:right; width:47%}
.napplist .conn .kuai:nth-child(2n) .pic{ float:right;}
.napplist .conn .kuai:nth-child(2n) .text{ float:left; }
.napplist .conn .kuai .text h3{ margin-top:15px; font-size:24px;font-family: 'lato-bold'; color:#000}
.napplist .conn .kuai .text h4{ font-size:18px; color:#000}
.napplist .conn .kuai .text .intro{ color:#666; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden; margin:20px 0; height:120px;}
.napplist .more{ position:absolute; left:53%; bottom:0}
.napplist .kuai:nth-child(2n) .more{ left:0%; bottom:0}
.napplist .more{ width:160px; height:38px; line-height:34px; color:#999; text-align:center; border-radius:20px; border:solid 2px #999; font-size:14px; text-transform:uppercase}
.napplist .kuai:hover .more{border:solid 2px #15499a; color:#15499a}


.nclients ul li{float: left; width:18.4%; margin-right:2%; margin-bottom:2%; list-style: none; background:#fff}
.nclients ul li:nth-child(5n){ margin-right:0}
.nclients ul li:nth-child(5n+1){ clear:both}


.ncb01 .item{ width:25%; float:left; text-align:center;}
.ncb01 .item .icon{  width:30%; max-width:120px; border-radius:50%; background:#154897; overflow:hidden}
.ncb01 .item .icon img{ display:block; width:100%; height:auto}
.ncb01 .item span{ font-size:18px; display:block}
.ncb01 .item .icon{transition: 0.5s; margin:10px auto 10px auto;}
.ncb01 .item:hover .icon{ margin:0px auto 20px auto;}


.feedback{ background: url(../images/feedbackbg.jpg) no-repeat center center; background-size:cover }
.feedback .title, .feedback .title h3, .feedback .title h4, .feedback .title p{ color:#fff}
.feedback .title h3:after{ background:#fff}
.feedback .conn{ background:rgba(255,255,255,.05);border-radius: 10px; padding:4%}
.feedback form{ margin:0 auto; max-width:1050px;}

.feedback .form span{ color:#fff;}
.feedback .form .column{ float:left; width:48.5%; margin-right:3%; margin-bottom:3%; position:relative;overflow:hidden; }
.feedback .form .row_1 .column:nth-child(2n){ margin-right:0}
.feedback .form .row_1 input{ border:none; line-height:48px; height:48px;width:100%; padding:0 15px 0 40px;color:#999;border:solid 1px #ddd; border-radius:5px}
.feedback .form .row_2 textarea{ width:100%; height:150px; border:none; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; padding:15px 15px 15px 40px ; overflow:hidden;color:#999; border-radius:5px; border:solid 1px #ddd}

.feedback .form .row .submit{width:180px; height:45px; display:block;  margin:50px auto; line-height:41px; cursor:pointer; color:#fff; text-align:center; border-radius:20px; border:solid 2px #fff; background:none; text-transform:uppercase}
.feedback .form .row .submit:hover{border:solid 2px #fff; color:#fff;background:#15499a;}


.feedback .form .name{background: url(../images/name.png) #fff no-repeat 15px center; background-size:auto 18px}
.feedback .form .tel{background: url(../images/tel.png) #fff no-repeat 15px center; }
.feedback .form .mail{background: url(../images/mail.png) #fff no-repeat 15px center;}
.feedback .form .add{background: url(../images/add.png) #fff no-repeat 15px center;}
.feedback .form .code{background: url(../images/code.png) #fff no-repeat 15px center;background-size:auto 20px}
.feedback .form .content{background: url(../images/ply.png) #fff no-repeat 15px 10px;}