@charset "utf-8";
/* CSS Document */

*{margin:0;padding:0; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
html{-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; /*修正手持设备字体变化*/-webkit-font-smoothing: subpixel-antialiased;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);  
-moz-tap-highlight-color:rgba(0, 0, 0, 0);  
-ms-tap-highlight-color:rgba(0, 0, 0, 0);  
-o-tap-highlight-color:rgba(0, 0, 0, 0);  
tap-highlight-color:rgba(0, 0, 0, 0);}

@font-face{
font-family:'bebas';
src:url("../fonts/bebas.eot");
src:url("../fonts/bebas.eot") format("embedded-opentype"),
url("../fonts/bebas.woff2") format("woff2"),
url("../fonts/bebas.woff") format("woff"),
url("../fonts/bebas.ttf") format("truetype"),
url("../fonts/bebas.svg#BEBAS") format("svg");
}
html{overflow-x:hidden;}
body{ font-family:"Microsoft Yahei", "Source Han Sans CN", Arial, Helvetica, sans-serif; font-size:16px; line-height:30px; overflow-x:hidden; color:#333;}
body.en{ font-family:Arial, Helvetica, sans-serif}
a{ text-decoration:none;outline:none;color:#333}
a:hover{color:#006ac1}
img{ border:none;}
table{ border-collapse:collapse}
ul,ol,li{ list-style:none}
.clearfix{zoom:1; clear:both}
.clearfix:after{ content:""; height:0; display:block; clear:both; visibility:hidden;}
.fl{ float:left}
.fr{ float:right}
botton,input,textarea,select{ outline:none; font-family:Arial}
h1,h2,h3,h4,h5{ font-weight:normal}
.flex{display: -webkit-flex;display: flex;flex-wrap: wrap;align-items: flex-start;}

#a01{ position: absolute;  margin-top:-95px;}
#a02{ position:absolute; margin-top:-95px;}
#a03{ position:absolute; margin-top:-95px;}
#a04{ position:absolute; margin-top:-95px;}
#a05{ position:absolute; margin-top:-95px;}


.title{ margin-bottom:35px;}
.title h3{ line-height:36px; font-size:36px; margin-bottom:10px; padding-bottom:20px; font-weight:bold; position:relative}
.title h3:after{ content:""; position:absolute; left:50%; bottom:0; width:30px; height:2px; background:#006ac1; margin-left:-15px;}

.ntitle{ margin-bottom:35px;}
.ntitle h3{ font-size:30px; margin-bottom:10px; padding-bottom:20px; font-weight:bold; position:relative}
.ntitle h3:after{ content:""; position:absolute; left:50%; bottom:0; width:30px; height:2px; background:#006ac1; margin-left:-15px;}
.jvzhong{ text-align:center}

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

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


.wrap{width:90%;margin:0 auto; max-width:1500px;}
.header{position: fixed; width:100%;left:0;right:0;top:0; height:95px; background:#fff;-moz-transition: all .5s ease;-webkit-transition: all .5s ease;transition: all .5s ease; box-shadow: 0 0 15px rgba(0,0,0,.15); z-index:9999;}
.header .wrap{ position:relative}
.header .logo{ position:absolute; left:0; top:0;bottom:0;display: flex;display: -webkit-flex;align-items: center;}
.header .logo img{ display:block;width:auto; }
.header .menu{text-align:right; margin-right:210px;}
.header .menu li{ display:inline-block}
.header .menu li{ position:relative}
.header .menu li .menu_a{ line-height:95px;font-size:18px;  display:block; margin:0 22px; color:#333;position:relative}
@media screen and (max-width: 1440px){
.header .menu li .menu_a{font-size:17px; margin:0 16px;}
.header .menu{text-align:right; margin-right:200px;}	
}


.header .menu li .menu_a:hover{ color:#006ac1;}
.header .menu li.cur .menu_a, .header .menu li.on .menu_a {  color:#006ac1;}
.header .menu li .sub{ position:absolute; display:none;clear:both; z-index:999;width:120%; margin-left:-10%;  overflow:hidden}
.header .menu li .sub.cur{ display:block}
.header .menu li .menu_a:after {content: '';width: 0;height: 3px; border-radius:2px;background-color: #006ac1;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}
.header .menu .cur a:after, .header .menu li:hover .menu_a:after {width: 100%}
.header .menu .sub{ text-align:center; line-height:45px; }
.header .menu .sub a{ display:block; background-color:#fff;box-shadow: 0 0 10px rgba(0,0,0,0.05); }
.header .menu .sub a:hover{background-color: #006ac1; color:#fff;}
/*animate*/
@keyframes rightOpacityShow{
0%{ transform: translateX(-80px);opacity:0;}
80%{ transform: translateX(20px);}
100%{ transform:translateX(0); opacity:1;}
}
.header .menu li .sub p:nth-child(1){animation: 0.4s ease-in-out 0s 1 normal both running rightOpacityShow;}
.header .menu li .sub p:nth-child(2){animation: 0.5s ease-in-out 0s 1 normal both running rightOpacityShow;}
.header .menu li .sub p:nth-child(3){animation: 0.6s ease-in-out 0s 1 normal both running rightOpacityShow;}
.header .menu li .sub p:nth-child(4){animation: 0.7s ease-in-out 0s 1 normal both running rightOpacityShow;}
.header .menu li .sub p:nth-child(5){animation: 0.8s ease-in-out 0s 1 normal both running rightOpacityShow;}
.header .menu li .sub p:nth-child(6){animation: 0.9s ease-in-out 0s 1 normal both running rightOpacityShow;}
.header .menu li .sub p:nth-child(7){animation: 1.0s ease-in-out 0s 1 normal both running rightOpacityShow;}
.header .menu li .sub p:nth-child(8){animation: 1.1s ease-in-out 0s 1 normal both running rightOpacityShow;}

.header .tel{ position:absolute; display:block;top:50%;height:32px;margin-top:-14px; right:0; -webkit-transition:all .5s;transition:all .5s; font-size:20px; background: url(../images/tel.png) no-repeat left center; padding-left:30px }


/*banner*/
.banner {width: 100%;overflow: hidden; position:relative}
.banner .swiper-slide {position: relative;overflow: hidden;}
.banner a{ display:block; height:auto}
.banner .img img{ display:block; width:100%; height:auto}
.banner .swiper-slide-active .img{-webkit-transition:16s linear;-moz-transition:16s linear;transition:16s linear;-webkit-transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2);transform:scale(1.2,1.2);}	
.banner .txt{ position:absolute; width:100%; top:50%; left:50%; margin-top:-150px;-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%); transform:translateX(-50%);color:#fff; text-align:left}
.banner .txt h3{ font-size:42px; line-height:55px; margin-bottom:15px}
.banner .txt h4{ font-size:50px; line-height:50px; font-weight:bold; margin-bottom:15px; }
.banner .txt .more{ display:inline-block;  color:#fff;  line-height:45px; color:#fff; padding:0 70px 0 30px; margin-top:70px; background:url(../images/jt.png) #006ac1 no-repeat 80% center; }
.banner .txtcon{-webkit-transform: translate3d(0, 20px, 0);-moz-transform: translate3d(0, 20px, 0);transform: translate3d(0, 20px, 0);opacity: 0;-webkit-transition: 1s ease;-moz-transition: 1s ease;transition: 1s ease;}
.banner .swiper-slide-active .txtcon{-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);opacity: 1;-webkit-transition: 1s ease .5s;-moz-transition: 1s ease .5s;transition: 1s ease .5s;}
.banner .swiper-button-prev, .banner .swiper-button-next{width: 15%;height: 100%;top:0;background:none;}
.banner .swiper-button-prev{left:0;}	
.banner .swiper-button-next{right:0;}	
.banner .swiper-button-prev span,.banner .swiper-button-next span{display:block;width: 64px;height: 64px;position: absolute;left: 20px;top: 50%;margin-top:-32px;border-radius: 100%;background: rgba(0,0,0,0.35);opacity: 0;-webkit-transition: opacity 0.5s ease;transition: opacity 0.5s ease;}
.banner .swiper-button-next span{background: rgba(0,0,0,0.35);left:auto;right:20px;}
.banner .swiper-button-prev:hover span, .banner .swiper-button-next:hover span{opacity: .6;}
.banner .swiper-button-prev span:after{ content:""; display:block; width:15px; height:15px; border-top:2px solid rgba(255,255,255,.7);border-left:2px solid rgba(255,255,255,.7); -moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg); position:absolute; left:50%; margin-left:-5px; top:25px;}
.banner .swiper-button-next span:after{ content:""; display:block; width:15px; height:15px; border-top:2px solid rgba(255,255,255,.7);border-right:2px solid rgba(255,255,255,.7); -moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg); position:absolute; left:50%; margin-left:-12px; top:25px;}
/*分页器*/
.banner .swiper-pagination{ bottom:30px}
.banner .swiper-pagination-bullet{ width:12px; height:12px; background:none; border:1px solid #fff; opacity:1}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 8px;}
.banner .swiper-pagination-bullet-active{ background:#006ac1}


.iproducts .item { float:left; width:32%; margin-right:2%; padding:50px 30px 0 30px; text-align:center; border:solid 1px #ddd; min-height:520px;}
.iproducts .item:hover{background-image: linear-gradient(120deg, #3ebbac 0%, #006ac1 100%);}
.iproducts .item:nth-child(3n){ margin-right:0}
.iproducts .item .tit{ line-height:50px; font-size:32px; padding-bottom:30px; border-bottom:solid 1px #e1e1e1;}
.iproducts .item:hover .tit{ border-bottom:none; color:#fff; padding-bottom:50px}
.iproducts .item .show01{ display:block;}
.iproducts .item .show02{ display:none}
.iproducts .item:hover .show01{ display:none}
.iproducts .item:hover .show02{ display:block}
.iproducts .item .show01 .text{ padding:50px 20px; color:#666;}
.iproducts .item:hover .show02 .text{ color:#fff; padding:20px;}
.iproducts .item .text p{ min-height:120px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}
.iproducts .item .show01 .icon{ display: inline-block; width:auto; max-width:40%; text-align:center}
.iproducts .item .show02 .icon{display: inline-block; width:auto; max-width:40%; text-align:center}
.iproducts .item .show01 .icon img, .iproducts .item .show02 .icon{ display:block; width:auto; max-width:100%; height:auto}

.iabout {background-image: linear-gradient(30deg, #006ac1 0%, #3ebbac 100%); position:relative}
.iabout .abbg{ position:absolute; width:100%; height:100%; background: url(../images/iabbg.png) no-repeat center bottom; background-size:cover; }
.iabout .title{ color:#fff;}
.iabout .title h3:after{ background:#fff}
.iabout .conn{ background:#fff; position:relative; z-index:9; margin-bottom:30px;}
.iabout .conn .pic{ float:right; width:50%}
.iabout .conn .pic img{ height:auto; min-height:420px;}
.iabout .conn .wenzi{ float:left; width:50%; padding:4% 3% 0% 3%;}
.iabout .conn .wenzi .tit h3{ font-size:30px; font-weight:bold; padding-bottom:30px; margin-bottom:30px; position:relative}
.iabout .conn .wenzi .tit h3:after{content:""; position:absolute; left:0%; bottom:0; width:30px; height:2px; background:#006ac1; }
.iabout .conn .wenzi .intro p{ color:#666; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;}
.iabout .conn .wenzi .use{ margin-top:60px;}
.iabout .conn .wenzi .use li{ line-height:45px; width:145px; text-align:center; border:solid 1px #006ac1; display:inline-block; font-size:16px;}
.iabout .conn .wenzi .use li a{ display:block}
.iabout .conn .wenzi .use li:nth-child(1){ margin-right:15px; background:#006ac1; color:#fff; }
.iabout .conn .wenzi .use li:nth-child(1) a{ color:#fff}
.iabout .conn .wenzi .use li:nth-child(2) a{ color:#006ac1}
.iabout .conn .wenzi .use li:nth-child(2):hover a{background:#006ac1; color:#fff; }


.youshi { margin-top:-80px; position:relative; z-index:9}
.youshi .wrap{ background:#fff;box-shadow: 0 0 15px rgba(0,0,0,.15); padding:45px 0; }
.youshi li{ float:left; width:25%; text-align:center; position:relative}
.youshi li:after{ position:absolute; width:1px; height:100%; top:0; right:0; background:#ddd; content:""}
.youshi li:last-child:after{ display:none}
.youshi li h3 span{font-family:'bebas'; font-size:42px; line-height:42px; display:inline-block}
.youshi li p{ color:#666}


.inews .title{ float:left; margin-bottom:20px}
.inews .inewsmore{ float:right; margin-top:30px;}
.inews .inewsmore a{ padding-right:35px; background:url(../images/amore.png) no-repeat center right; display:block; line-height:30px;-webkit-transition:all .5s;transition:all .5s;}
.inews .inewsmore a:hover{padding-right:30px; }
.inews .title h3:after{ left:0; margin-left:0}
.inews .swiper-slide{ -webkit-transition:all .5s;transition:all .5s; padding-bottom:10px; position:relative; overflow:hidden}
.inews .swiper-slide .biao{line-height:40px; color:#fff; background:url(../images/moreahover.png) no-repeat center right; padding-right:18px; text-align:right; position:relative; margin-top:-40px;}
.inews .swiper-slide h3{ font-size:18px; line-height:45px; margin-bottom:15px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden; border-bottom:solid 1px #ddd }
.inews .swiper-slide p{ display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; line-height:26px; color:#666; }
.inews .swiper-slide .shijian{background:url(../images/shijian.png) no-repeat left center; margin-top:15px; color:#999; padding-left:30px;}
.inews .swiper-pagination{ display:none; bottom:0}
.inews .swiper-pagination-bullet{ height:12px;width:12px; background:#ddd; opacity:1; margin:0 5px}
.inews .swiper-pagination-bullet-active{ background:#006ac1}
@media screen and (max-width: 640px){
.inews .swiper-pagination{ display:block}
.inews .swiper-slide{ margin-bottom:30px; }
}


.icase { background:#f3f3f3}
.icase .title h3{ font-size:30px;}
.icase .qimo8{ overflow:hidden; width:100%;}
.icase .qimo8 .qimo {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;margin:10px; width:220px; height:92px; background:#fff;box-shadow: 0 0 10px rgba(0,0,0,.15);}
.icase .qimo8 .qimo ul li img { display:block; margin:0 auto; max-width:220px; max-height:92px;}


.footer{ padding:40px 0 85px 0; background:#2f3034}
.footer ul {width: 100%;display:flex;display:-webkit-flex;justify-content : space-between; }
.footer li {color:#fff;display:inline-block;cursor:pointer; position:relative}
.footer li img{ display:block}
.footer li:last-child img{width: 120px;}
.footer li .add{ background:url(../images/fadd.png) no-repeat 2px 10px; padding-left:32px; }
.footer li .tel{ background:url(../images/ftel.png) no-repeat left 10px; padding-left:32px; }
.footer li .mail{ background:url(../images/fmail.png) no-repeat 2px 10px; padding-left:32px; }
.footer li h3{ color:#fff; margin:15px 0; font-size:18px; height:30px; display:block}
.footer li a, .footer li p{color: rgba(255,255,255,0.5);}
.footer li a:hover{ color:#fff;}
.copyright{ border-top:solid 1px #59595d; padding:20px 0;color: rgba(255,255,255,0.5); background:#2f3034; text-align:center; line-height:28px;}
.copyright a{color: rgba(255,255,255,0.5);}
.copyright a:hover{ color:#fff;}


.nbanner { position:relative; height:400px; overflow:hidden}

.nbanner .pic{ height:100%; -webkit-transform:scale(1.1);-moz-transform:scale(1.1);transform:scale(1.1)}
.nbanner .pic.anim{-webkit-transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2);transform:scale(1.2,1.2);-moz-transition:5s ease;-webkit-transition:5s ease; transition:5s ease}
@keyframes zoom{ 0%{transform:scale(1.05);} 50%{transform:scale(1.0);} 100%{transform:scale(1.05);} } 
@-webkit-keyframes zoom{ 0%{transform:scale(1.05);} 50%{transform:scale(1.0);} 100%{transform:scale(1.05);} }

.nbanner .text{ position:absolute; width:100%; text-align:center; top:50%; margin-top:-50px; color:#fff; }
.nbanner .text h3{font-size:40px; font-weight:bold; line-height:55px; }
.nbanner .text p{ font-size:17px; margin-top:5px;}
.nbanner .text p a{ color:#fff}

.nav{background: rgba(0,0,0,0.4);z-index:99;height:60px; margin-top:-60px; position:relative}
.nav .wrap{ width:100%}
.nav ul{ display:flex; display:-webkit-flex; justify-content:center;}
.nav li{ width:auto;  width:20%; max-width:300px; border-right:1px solid rgba(255,255,255,.15); position:relative}
.nav.nav04 li{  width:25%;}
.nav.nav03 li{  width:33.33%;}
.nav.nav02 li{  width:50%;}
.nav li:last-child{ border-right:0}
.nav li .nav_a{font-size: 18px;padding:0 2px;color: #fff;display: flex; display:-webkit-flex; justify-content:center; align-items:center; height:60px;text-align: center;}
.nav li .cur, .nav li.on .nav_a{ height:70px; position:relative;color:#fff;background-image: linear-gradient(120deg, #3ebbac 0%, #006ac1 100%);top:-10px; font-size:20px; border-radius:10px 10px 0 0;}
.nav li.cur:hover a{ color:#fff}
.nav li .sub{ position:absolute; display:none;clear:both; z-index:999;width:100%;overflow:hidden; margin-top:-10px;box-shadow: 0 0 10px rgba(0,0,0,0.1); }
.nav li .sub.cur{ display:block}
.nav li .sub{ text-align:center; line-height:45px; }
.nav li .sub a{ display:block; background-color:#fff;box-shadow: 0 0 10px rgba(0,0,0,0.05); }
.nav li .sub a:hover{background-color: #006ac1; color:#fff;}
.nav li .sub p:nth-child(1){animation: 0.4s ease-in-out 0s 1 normal both running rightOpacityShow;}
.nav li .sub p:nth-child(2){animation: 0.5s ease-in-out 0s 1 normal both running rightOpacityShow;}
.nav li .sub p:nth-child(3){animation: 0.6s ease-in-out 0s 1 normal both running rightOpacityShow;}
.nav li .sub p:nth-child(4){animation: 0.7s ease-in-out 0s 1 normal both running rightOpacityShow;}

.nabout .abpic{ float:left; width:47%; position:relative}
.nabout .abpic:after{ content:""; position:absolute; z-index:-1; width:100%; height:100%; bottom:-20px; right:-20px;background-image: linear-gradient(30deg, #006ac1 0%, #3ebbac 100%); }
.nabout .wenzi{ float:right; width:47%; line-height:35px; margin-top:15px;}
.nabout .wenzi p{ margin:0 0 10px 0}
.nabout .wenzi h3{ font-size:30px; font-weight:bold; padding-bottom:30px; margin-bottom:30px; position:relative}
.nabout .wenzi h3:after{content:""; position:absolute; left:0%; bottom:0; width:30px; height:2px; background:#006ac1; }




.mbg{ background:#f3f3f3}
.nabout02 .item{ width:25%; margin-left:-1px;  float:left; text-align:center; font-size:20px; border:solid 1px #ddd; padding:25px 25px 50px 25px;}
.nabout02 .item:nth-child(1){ margin-left:0}
.nabout02 .item .img001{ display:block}
.nabout02 .item .img002{ display:none}
.nabout02 .item:hover{background-image: linear-gradient(120deg, #3ebbac 0%, #006ac1 100%);}
.nabout02 .item:hover .img001{ display:none}
.nabout02 .item:hover .img002{ display:block}
/*.nabout02 .item:nth-child(4n){ margin-right:0}*/
.nabout02 .item .icon{transition: all 0.6s ease 0s;position:relative; width:70%; margin:20px auto}
.nabout02 .item .icon img{  width:100%; height:auto}
.nabout02 .item:hover .icon{ margin:10px auto 30px auto}
.nabout02 .item:hover .wenzi{ color:#fff}


.nabout03 .wenzi{ float:left; width:45%; line-height:35px; font-size:18px;}
.nabout03 .wenzi .title h3:after{ left:0; margin-left:0}
.nabout03 .wenzi .intro h3{ border-bottom:dashed 1px #ddd; line-height:55px; font-size:20px; float:left; width:50%; background:url(../images/pjian.png) no-repeat left center; padding-left:30px;}
.nabout03 .whpic{ float:right; width:47%}
.nabout03 .whpic img { display:block; margin:0 auto; width:auto; max-width:100%}



.history-list{ position:relative;}
.history-list{ padding:0 60px;}
.history-list:before{ position:absolute; top:50%; right:0; left:0; border-top:1px solid #c2c2c2; content:'';}
.history-list .swiper-container{ padding:0 50px}
.history-list .swiper-slide{ position:relative;height:345px;}
.history-list .item{ position:absolute; right:-50px; top:0; left:-50px; height:120px;background:#fff;}
.history-list .item:before{ position:absolute; bottom:-62px; left:50%; width:17px; height:17px; overflow:hidden; margin-left:-9px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; background-color:#c2c2c2; content:'';-webkit-transition:.2s ease; -moz-transition:.2s ease; ransition:.2s ease;}
.history-list .item:after{ position:absolute; top:-45px; left:50%; width:12px; height:12px; overflow:hidden; margin-left:-6px; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; background-color:#DAB765; content:'';}
.history-list .item .word{ height:72px;line-height:26px; padding:15px 20px 0; color:#666; overflow:auto}
.history-list .item .word p{ position:relative;}
.history-list .item h3{ position:absolute; bottom:0; right:0; left:0; height:45px; line-height:45px; margin:0; font-size:18px; font-weight:600; color:#fff; text-align:center; background-image: linear-gradient(30deg, #1788b9 0%, #006ac1 100%);-webkit-transition:.2s ease; -moz-transition:.2s ease; ransition:.2s ease;}
.history-list .item h3:before{ position:absolute; bottom:-9px; left:50%; margin-left:-9px; width:0; height:0; border-left:9px solid transparent; border-right:9px solid transparent; border-top:9px solid #006ac1;content:'';-webkit-transition:.2s ease; -moz-transition:.2s ease; ransition:.2s ease;}
.history-list .swiper-slide:nth-child(even) .item h3{ bottom:auto; top:0;}
.history-list .swiper-slide:nth-child(even) .item h3:before{ border-bottom:9px solid #006ac1; border-top:0;bottom: auto;top: -9px;}
.history-list .swiper-slide:nth-child(even) .item{ top:auto; bottom:0;}
.history-list .swiper-slide:nth-child(even) .item:before{ bottom:auto; top:-61px;}
.history-list .swiper-slide:nth-child(even) .item:after{ top:auto; bottom:-45px;}
.history-list .swiper-slide:nth-child(even) .item .word{ margin-top:42px}
.history-list .item:hover h3{ color:#fff; background-color:#006ac1;}
.history-list .item:hover h3:before{border-top:9px solid #006ac1;}
.history-list .swiper-slide:nth-child(even) .item:hover h3:before{border-bottom:9px solid #006ac1;}
.history-list .item:hover::before{ background:#006ac1}
.history-list .swiper-button-next, .history-list .swiper-button-prev{ width:49px; height:49px; border-radius:50%; left:-2px; margin-top:-24px; opacity:1; outline:none}
.history-list .swiper-button-next{ background:url(../images/arrow-next02.png) no-repeat center; left:auto; right:-2px}
.history-list .swiper-button-prev{ background:url(../images/arrow-prev02.png) no-repeat center}
.history-list .swiper-button-next:hover{background:url(../images/arrow-next02h.png) no-repeat center;}
.history-list .swiper-button-prev:hover{background:url(../images/arrow-prev02h.png) no-repeat center;}

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


.nprolist li{ float:left; width:48.5%; margin-bottom:3%; border:solid 1px #ddd; position:relative}
.nprolist li:nth-child(2n){ float:right}
.nprolist li:nth-child(2n+1){ clear:both}
.nprolist li .wenzi{ position:absolute; left:0; bottom:0; line-height:60px; font-size:20px; color:#fff; padding:0 20px; width:100%; background-color: rgba(0,106,193,0.7)}


.nprolist02 li{ float:left; width:32%; margin-right:2%; margin-bottom:3%; border:solid 1px #ddd; overflow:hidden;}
.nprolist02 li:nth-child(3n){ margin-right:0}
.nprolist02 li:nth-child(3n+1){ clear:both}
.nprolist02 li .wenzi{font-size:18px; padding:20px 0; width:100%; text-align:center; position:relative;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.nprolist02 li .wenzi:after{-moz-transition: all .5s ease;-webkit-transition: all .5s ease;transition: all .5s ease; content:""; position:absolute; width:100%; height:100%; left:0; top:100%; bottom:0;background-image: linear-gradient(120deg, #3ebbac 0%, #006ac1 100%); z-index:-1 }
.nprolist02 li:hover .wenzi:after{ top:0}
.nprolist02 li:hover .wenzi{ color:#fff}


.proxiang .wrap{ position:relative}
.proxiang .pic{ float:left; width:48%; border:solid 1px #ddd}
.proxiang .wenzi{ float:right; width:48%;}
.proxiang .wenzi .ptitle{ margin-bottom:25px;}
.proxiang .wenzi .ptitle h3{ font-size:30px; margin-bottom:10px; padding-bottom:20px; font-weight:bold; position:relative}
.proxiang .wenzi .ptitle h3:after{ content:""; position:absolute; left:0%; bottom:0; width:30px; height:2px; background:#006ac1; }
.proxiang .wenzi .intro p{ margin-bottom:10px;}
.proxiang .shangxia{ position:absolute; width:50%; right:0; bottom:0; border-top:solid 1px #ddd; border-bottom:solid 1px #ddd; padding:18px 0; font-size:17px; line-height:40px}
.proxiang .wenzi .use{ margin-top:40px; position:relative}
.proxiang .wenzi .use .dianhua{ width:50%; background:url(../images/ptel.png) no-repeat left center; line-height:24px; padding:6px 0 6px 70px}
.proxiang .wenzi .use .dianhua h3{ font-size:24px; font-weight:bold}
.proxiang .wenzi .use .zixun{ background:url(../images/zixun.png) no-repeat #006ac1 30px center; border-radius:25px; padding-left:40px; line-height:50px; position:absolute; right:0; top:50%; margin-top:-25px; width:180px; text-align:center; color:#fff}
.proxiang .wenzi .use .zixun a{ color:#fff;}


.proxiang table{line-height:28px;  background:#fff;}
.proxiang  img{ display:block; width:auto; max-width:100%; margin:0 auto}
.proxiang td{padding:10px; padding:10px 20px}
.proxiang table td{border-left:solid 1px #fff; border-top:solid 1px #fff; }
.proxiang table tr td:first-child{ border:none}
.proxiang table tr:nth-child(2n+1) td{ background:#ddd}
.proxiang table tr:first-child td{ background-image: linear-gradient(30deg, #006ac1 0%, #3ebbac 100%);  color:#fff; font-size:110%}
.proxiang .huadong{overflow-x: auto; overflow-y: hidden;}


.ntuijian .swiper-slide{ -webkit-transition:all .5s;transition:all .5s; margin-bottom:30px; position:relative; overflow:hidden;border:solid 1px #ddd;}
.ntuijian .swiper-slide .wenzi{font-size:18px; padding:20px; width:100%; text-align:center; position:relative}
.ntuijian .swiper-slide .wenzi:after{-moz-transition: all .5s ease;-webkit-transition: all .5s ease;transition: all .5s ease; content:""; position:absolute; width:100%; height:100%; left:0; top:100%; bottom:0;background-image: linear-gradient(120deg, #3ebbac 0%, #006ac1 100%); z-index:-1 }
.ntuijian .swiper-slide:hover .wenzi:after{ top:0}
.ntuijian .swiper-slide:hover .wenzi{ color:#fff}
.ntuijian .swiper-pagination{ bottom:0}
.ntuijian .swiper-pagination-bullet{ height:12px;width:12px; background:#ddd; opacity:1; margin:0 5px}
.ntuijian .swiper-pagination-bullet-active{ background:#006ac1}



.proxiang .protabmenu { text-align:center; position:relative; margin-bottom:30px;}
.proxiang .protabmenu li {margin:0 7px; background:#ddd; display:inline-block; cursor:pointer; line-height:52px; padding:0 45px; font-size:18px; border-radius:15px 15px 0 0;}
.proxiang .protabmenu:after{content: '';width: 100%;height:1px;background: #ddd;display: block; margin-top:0px;}
.proxiang #protabcontent { clear:both; line-height:32px;}
.proxiang #protabcontent h3{ font-weight:bold;  font-size:20px; line-height:45px; color:#006ac1; background:url(../images/jt02.png) no-repeat left center; padding-left:40px;}
.proxiang #protabcontent img{ display:block; width:auto; max-width:800px; margin:0 auto}
.proxiang .protabmenu .cli { background-image: linear-gradient(120deg, #3ebbac 0%, #006ac1 100%); color:#fff }
.proxiang #protabcontent .hidden {display:none;}




.ncase .item { float:left; width:18.4%; margin-right:2%; margin-bottom:2%; background:#f3f3f3;box-shadow: 0 0 10px rgba(0,0,0,.15); text-align:center}
.ncase .item:nth-child(5n){ margin-right:0}
.ncase .item:nth-child(5n+1){ clear:both;}
.ncase .item .pic{height:92px; width:100%; background:#fff }
.ncase .item .wenzi{ line-height:40px;}
.ncase .item img { display:block; margin:0 auto; width:auto; height:auto; max-width:100%; max-height:92px;}

.nnews .newskuai:first-child{ margin-top:-20px;}
.nnews .newskuai:last-child{ margin-bottom:30px;}
.nnews .newskuai{position: relative;}
.nnews .newskuai:after{ position:absolute; z-index:-9;content: ""; height: 100%;left:0%;width:0px;background:rgb(249, 248, 247); top:0;transition: all 0.5s;}
.nnews .newskuai:hover:after{ width:100%;}
.nnews .newskuai .wrap{border-bottom: 1px solid #e0e0e0;padding: 30px 0; position:relative;}
.nnews .newskuai .pic{ overflow:hidden; float:left; width:28%;}
.nnews .newskuai .pic img{ width:100%; height:auto;cursor: auto;transition: all 1.5s;}
.nnews .newskuai:hover .pic img{transform:scale(1.1);}
.nnews .newskuai .wenzi{ float:left; width:calc(72% - 150px); padding: 0 2%;}
.nnews .newskuai .wenzi h3{ line-height:60px; font-size:20px;overflow: hidden; text-overflow: ellipsis;white-space: nowrap; margin-bottom:10px; font-weight:bold}
.nnews .newskuai .wenzi p{ line-height:28px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden; color:#666}
.nnews .newskuai .date{ float:right; width:150px; padding-left:2%; border-left:1px solid #e0e0e0; padding-top:30px; padding-bottom:30px;}
.nnews .newskuai .date h3{ font-size:32px; margin-bottom:20px; color:#666;}
.nnews .newskuai .date p{ font-size:20px; margin-bottom:30px; color:#999}
.nnews .newskuai .date .nmore{ width:12px; height:22px; background:url(../images/njianh.png) no-repeat left center;transition: all 1.5s;}
.nnews .newskuai:hover .date .nmore{ width:12px; height:22px; background:url(../images/njianb.png) no-repeat left center;transition: all 1.5s; margin-left:20px;}


.newsxiang img{ display:block; width:auto; max-width:100%; margin:0 auto; height:auto !important}
.newsxiang .more{ text-align:center;}
.newsxiang .more a{ display:block; width:160px; border-radius:25px; height:45px; line-height:45px; text-align:center; margin:40px auto 0 auto; color:#fff;background-image: linear-gradient(120deg, #3ebbac 0%, #006ac1 100%);}
.newsxiang .more a:hover{ background:#006ac1}
.ncontact li{ float:left; width:33.33%; position:relative}
.ncontact li .icon{transition: all 0.6s ease 0s;position:relative;top:0px; margin:20px 0 10px 0;border-radius:50%; }
.ncontact li .icon img{ display:block; width:60%; max-width:115px; border-radius:50%; height:auto;border:solid 16px rgba(0,106,193,0.2); margin:0 auto}
.ncontact li:hover .icon{top:-10px;}
.ncontact li .wenzi{ text-align:center; margin-bottom:40px;}
.ncontact li .wenzi h3{ display:inline-block;font-size:18px; line-height:35px;}

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


.inquiry{ background:#f6f6f7}
.inquiry .wrap .title{ max-width:605px; margin-left:auto; margin-right:auto}
.inquiry .form .column{ float:left; width:calc(33.33% - 15px); margin-right:15px; margin-bottom:15px; position:relative; background:#fff; line-height:48px;}
.inquiry .form .row_1 { margin-right:-15px}
.inquiry .form .row_1 input{ border:none; line-height:48px; width:calc(100% - 70px); float:right}
.inquiry .form .row_1 label{ position:absolute; left:0;top:0; line-height:48px; color:#999;padding-left:10px}
.inquiry .form .row_2{background:#fff; position:relative}
.inquiry .form .row_2 label{ position:absolute; left:0;top:0; line-height:48px; color:#999;padding-left:15px}
.inquiry .form .row_2 textarea{ width:100%; height:100px; border:none; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; padding:15px; padding-left:70px}
.inquiry .form .row .submit{ display:block;font-size:18px; border:none; margin:20px auto 0 auto;text-align:center; background-image: linear-gradient(120deg, #3ebbac 0%, #006ac1 100%);border-radius:8px; width:180px;line-height:52px; color:#fff;}
.inquiry .form .row .submit:hover{box-shadow: 0 5px 10px rgba(0,0,0,.15);}


.hrlist li{ background:#f2f2f2; margin-bottom:15px; border-radius:8px;}
.hrlist li.cur{ padding-bottom:20px}
.hrlist .toptit{ padding:10px 20px;line-height:30px; cursor:pointer; display:flex; display:-webkit-flex;color:#666; position:relative}
.hrlist .toptit span{ width:31%; margin-right:1%}
.hrlist .job{ color:#000; font-size:18px;  width:35%;}
.hrlist .toptit .icon{ width:26px; height:100%; background:url(../images/icon-dw.png) no-repeat center 12px; position:absolute; right:20px;top:0; margin-right:0}
.hrlist li.cur .toptit .icon{ width:26px; height:100%; background:url(../images/icon-up.png) no-repeat center 12px; position:absolute; right:20px;top:0; margin-right:0}
.hrlist .cont{ margin:0 20px; padding:25px; background:#fff; border-radius:5px; display:none}