@charset "utf-8";
*{margin:0;padding:0}
HTML {OVERFLOW-X: hidden;}
body{ font-family:"Microsoft Yahei", Arial; font-size:16px;line-height:30px;color:#333;-webkit-font-smoothing: antialiased; overflow-x:hidden;background:#fff; }
a{color:#000; text-decoration:none;outline:none; /*transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;*/}
a:hover{color: #182b53;text-decoration: none;}
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;}
.fl{float:left;}
.fr{float:right}
table{ border-collapse:collapse;}
img{ border:none;}
input,textarea,select,button{ outline:none;font-family:"Microsoft Yahei", Arial;}


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


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

.wrap{ width:96%; max-width:1425px; margin:0 auto}

.wrapls{ width:96%; max-width:1500px; margin:0 auto}

.section{ padding:100px 0;}
.section02{ padding:78px 0;}
.section03{ padding:78px 0 110px 0;}
.section04{ padding:0px 0 100px 0;}

.title{  text-align:center;}
.title h3{ font-size:36px;margin-bottom:20px; color:#000;}
.title p{ color:#666; line-height:30px;}
.conn{ padding-top:25px;}


.mbg{ background:#f3f4f6;}

.newstitle{font-size:36px; color:#000; padding-bottom:25px;}
.newstitle span { float:right}
.newstitle span a{ color:#999; font-size:18px;}
.newstitle span a:hover{ color:#182b53}

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

.header{ background-color:#fff;position: fixed; left: 0;z-index: 100; height:144px; box-shadow: 2px 0px 10px rgba(0,0,0,0.2);z-index:9999999;width:100%;}
.header .logo{ position:absolute; top:50%; margin-top:-42px; left:4%;}
.header .logo img{ height:85px; width:auto;} 

.header .language{ position:absolute; right:4%; line-height:50px; top:50%; margin-top:-25px;}
.header .language a{ display:block; border-radius:50%; height:50px;width:50px;font-size:18px; text-align:center; color:#fff; background-color:#182b53; border:solid 1px #182b53; }
.header .language a:hover{background-color:#fff; color:#182b53}
.header .search{ position:absolute; right:calc(4% + 60px); top:50%; margin-top:-25px;}
.header .search a{ display:block;background: url(../images/fangdajing.png) no-repeat center center;width:50px; height:50px; border:solid 1px #ddd;border-radius:50%;  }
.header .search a:hover{border:solid 1px #182b53; }

.header .menu{ text-align:center; margin-top:55px;}

.header .menu{ text-align:center}
.header .menu ul{ text-align:center; display:inline-block; vertical-align:middle;}
.header .menu li{ display:inline-block; position:relative;}
.header .menu li span{ width:16px; height:16px; background: url(../images/jian.jpg) no-repeat center center;margin-left: 12px;-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;display: inline-block;-webkit-transform-origin: center 44%;-ms-transform-origin: center 44%;transform-origin: center 44%;}
.header .menu li:hover span{-webkit-transform: rotate(-180deg);-ms-transform: rotate(-180deg);transform: rotate(-180deg);}

.header .menu .cur a{color:#182b53;}
.header .menu li .menu_a{ font-size:22px; line-height:35px; display:block; margin:0 25px; position:relative}
.header .menu li:hover .menu_a{color:#182b53;}
.header .menu li .menu_a:after {content: '';width: 0;height: 1px;background-color: #182b53;position: absolute;left: 50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);bottom: 0;-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 li .sub{ display:none; border-color: rgb(229, 229, 229);position: absolute; font-size:16px; width:calc(100% - 50px);line-height: 36px; text-align:left;padding:5% 25px 15% 25px;background: #fff;box-shadow: 0px 3px 5px rgba(0,0,0,0.3);}
.header .menu li .sub01{width:calc(120% - 50px) !important; margin-left:-10% !important;}
.header .menu li .sub02{width:calc(150% - 50px) !important; margin-left:-25% !important;}
.header .menu li .sub p a{ display:block; color:#646464}
.header .menu li .sub p a:hover{ color:#182b53}

.black_overlay12 {Z-INDEX: 9999; POSITION: fixed; FILTER: alpha(opacity=0); BACKGROUND-COLOR: black; WIDTH: 100%; DISPLAY: none; HEIGHT: 100%; top:0; LEFT: 0%; -moz-opacity: 0; opacity: 0; }
.www_zzjs_net12 {Z-INDEX: 999999; POSITION: fixed; WIDTH: 100%; DISPLAY: none; OVERFLOW: hidden; background:url(../images/soubg.jpg) #fff repeat-x center center; TOP:144px;height:60px; padding-top:15px;}
.www_zzjs_net12 .conn{ width:480px; margin:0 auto; padding-top:0 }
.www_zzjs_net12 .guanbi{top: 28px;right: 14%;display:block; position: absolute;}
.www_zzjs_net12 .conn .input01{ background:url(../images/sou.png) no-repeat 20px center; width:325px; font-size:16px; color:#999999; line-height:40px;height:40px; border:none; float:left; padding-left:50px;display:block; background-color:#fff; border:solid 1px #ddd}
.sytijiao{ width:100px;  color:#fff; background-color:#182b53; font-size:16px; line-height:40px;height:42px;border:solid 1px #182b53; float:left; text-align:center; cursor:pointer}



.slick-slider *,.slick-slider {outline: none;}
.slick-list,.slick-slider,.slick-track {position: relative;display: block;}
.slick-loading .slick-slide,.slick-loading .slick-track {visibility: hidden;}
.slick-slider {-webkit-box-sizing: border-box;box-sizing: border-box;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent;}

.slick-list {overflow: hidden;margin: 0;padding: 0;}
.slick-list:focus {outline: 0;}
.slick-list.dragging {cursor: pointer;cursor: hand;}
.slick-slider .slick-list,
.slick-slider .slick-track {-webkit-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
.slick-track {top: 0;left: 0;margin-left: auto;margin-right: auto;}
.slick-track:after,.slick-track:before {display: table;content: '';}
.slick-track:after {clear: both;}

.slick-slide {display: none;float: left;height: 100%;min-height: 1px;}
[dir=rtl] .slick-slide {float: right;}
.slick-slide img {display: block;}
.slick-slide.slick-loading img {display: none;}
.slick-slide.dragging img {pointer-events: none;}
.slick-initialized .slick-slide {display: block;}
.slick-vertical .slick-slide {display: block;height: auto;border: 1px solid transparent;}
.slick-arrow.slick-hidden {display: none;}
.img {-webkit-background-size: cover;background-size: cover;background-position: 50% 50%;background-repeat: no-repeat;}

.slick-dots {width: 100%;position: absolute;bottom: 40px;text-align: center;font-size: 0;margin-top: 20px;}
.slick-dots li {display: inline-block;line-height: 1;margin: 0 10px;}
.slick-dots li a {width: 24px;height: 24px;display: inline-block;-webkit-border-radius: 50%;border-radius: 50%;cursor: pointer; background:url(../images/bannerdw.png) no-repeat center center;font-size: 0;}
.slick-dots li.slick-active a {background:url(../images/bannerdg.png) no-repeat center center;}


#banner .item,#banner .slick-track,#banner .slick-list,#banner .bg {height: 100%;}
#banner {position: absolute;left: 0;top: 144px;width: 100%;height:750px;}

#banner .item {position: relative;overflow: hidden;}
#banner .animated {opacity: 0;}
#banner .img {opacity: 1;position: absolute;height: 100%;left: 0;top: 0;width: 100%;-webkit-animation-duration: 20s;animation-duration: 20s;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);-webkit-backface-visibility: hidden;-webkit-transform: translateZ(0) scale(1, 1);transform: translateZ(0) scale(1, 1);}
#banner img {width: 100%;}


.isolution{ margin-top:894px;}
.isolution .kuai{ float:left; width:calc(33.33% - 14px); position:relative; margin-right:21px;}
.isolution .kuai .pic{ height:460px;}
.isolution .kuai .pic img{ height:460px; width:100%}

.isolution .kuai .topkuai .pic, .isolution .kuai .bottkuai .pic{ height:219.5px;}
.isolution .kuai .topkuai .pic img,.isolution .kuai .bottkuai .pic  img{ height:219.5px; width:100%}

.isolution .kuai .topkuai{ position:relative}
.isolution .kuai .bottkuai .bkuai{ position: relative} 
.isolution .kuai:last-child{ margin-right:0}
.isolution .kuai .topkuai{ margin-bottom:21px;}
.isolution .kuai .bottkuai .bkuai{ float:left; width:calc(50% - 10.5px)}
.isolution .kuai .bottkuai .bkuai:last-child{ float:right}
.isolution .kuai .wenzi{ position:absolute; top:30px; left:6%; color:#fff}
.isolution .kuai .wenzi h3{ font-size:24px; line-height:24px; height:24px;}
.isolution .kuai .wenzi .line{ width:30px; height:1px; background:#fff; margin:12px 0}
.isolution .kuai .wenzi p{ font-size:16px; line-height:16px; text-transform:uppercase;}

.isolution .kuai .bottkuai .bkuai .wenzi{ position:absolute; top:20px; left:6%; color:#fff}
.isolution .kuai .bottkuai .bkuai .wenzi h3{ font-size:20px; line-height:20px; height:20px;}
.isolution .kuai .bottkuai .bkuai .wenzi p{font-size:12px;}
.isolution .kuai .bottkuai .bkuai .wenzi .line{ width:15px; height:1px; background:#fff; margin:8px 0}




.pro-switch {overflow: hidden;width:100%;}
.pro-switch .flexslider{ height:100%}
.pro-switch .flexslider .flex-viewport, .pro-switch .flexslider .flex-viewport .slides{ height:100%}
.pro-switch .flexslider .slides > li {display: none;-webkit-backface-visibility: hidden; }

.flexslider .slides img {width: 100%;display: block; height:auto}
.flexslider .slides li a{display:block}
.flexslider .slides li p{ margin-top:30px;}
.flexslider .slides li p a{ display:block; ; border: solid 2px #fff; color:#fff; line-height:40px; width:40px; width:165px; text-align:center;}

.slides:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
html[xmlns] .slides {display: block;}
.no-js .slides > li:first-child {display: block;}
.flexslider {margin: 0 auto;position: relative;width:100%;zoom: 1}
.flex-viewport {max-height: 2000px;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;transition: all 1s ease;}
.flexslider .slides {zoom: 1;}
.flex-direction-nav {*height: 0;}

.flex-direction-nav a {width: 65px;height: 84px;margin: -65px 0 0;display: block;background: url(../images/ad_ctr.png) no-repeat 0 0;position: absolute;top: 50%;z-index: 10;cursor: pointer;text-indent: -9999px;opacity: 0;filter:alpha(opacity=0);-webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position:0 -84px;right:6%;}
.flex-direction-nav .flex-prev {left: 6%;}
.flexslider:hover .flex-next {opacity:0.2;filter:alpha(opacity=20);}
.flexslider:hover .flex-prev {opacity:0.2;filter:alpha(opacity=20);}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity:0.2;filter:alpha(opacity=20);}

.iabout{ background:#f3f4f6; }
.iabout .picabout{ float:left; width:50%;}
.iabout .picabout img{ display:block; width:100%; height:auto}

.iabout .picjian{ float:left; width:50%; max-width:712px}
.iabout .picjian .jianin{ margin:50px 0 0 50px;}
.iabout .picjian .jianin .biao h3{ font-size:36px; margin-bottom:30px; line-height:40px; color:#000}
.iabout .picjian .jianin .jian{  color:#333; line-height:28px;} 
.iabout .picjian .jianin .jian p{ display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 6;overflow: hidden;}
.iabout .wenhualist{ margin:20px 0}
.iabout .wenhualist li{ float:left; width:33.33%; text-align:center;}
.iabout .wenhualist li .icon{ -webkit-transition:.3s;-moz-transition:.3s;transition:.3s; width:60%; max-width:48px; margin:0 auto;}
.iabout .wenhualist li .icon img{ width:100%; height:auto;}
.iabout .wenhualist li:hover .icon{ -webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);transform:rotateY(180deg)}
.iabout .more{ margin-top:50px;}
.iabout .more a{ display:block; float:right; width:145px; height:45px; line-height:45px; color:#fff; text-align:center; background:#182b53; border:solid 1px #182b53; border-radius:5px;}
.iabout .more a:hover{ color:#182b53; background:#fff;}

.advantageList{ background:#182b53; padding:30px 0 50px 0}
.advantageList li{ float:left; width:25%; text-align:center; color:#fff}
.advantageList li h3 {font-size:80px;line-height:80px;height:80px;margin-bottom:15px;}
.advantageList li:last-child h3{ font-size:18px;}
.advantageList li h3 span{ font-size:80px; font-family:"DINPro-Regular"; }

.advantageList li p{ font-size:18px;}


.history .conn img{
	width:auto;
	max-width:100%;
	height:auto;
	cursor:pointer;
	transition:all 1.5s;
    display: block;
	margin-right:auto !important;
	margin-left:auto !important;
}




.map-bg {width:973px;height: 702px;background: url(../images/map.jpg) no-repeat center center/contain;margin: 0 auto;position: relative}
.map-poi .maph3{ font-size:16px; margin-top:-65px; margin-left:-8px; height:80px;}
.map-txt {opacity: 0;pointer-events: none;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s}
.map-poi {position: absolute}
.map-poi .dian {display: block;width: 12px;height: 6px;background-color:#f29600; border:solid 1px #f29600;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;-webkit-animation: wave;-o-animation: wave;animation: wave;position: relative;z-index: 3}
.map-poi .dian:after, .map-poi .dian:before {content: "";position: absolute;z-index: 5;top: 50%;left: 50%;transform: translate(-50%, -50%);border-radius: 50%;border: 1px solid rgba(242, 150, 0, .5);-webkit-animation: bowen 3s linear infinite;-o-animation: bowen 3s linear infinite;animation: bowen 3s linear infinite;width: 10px;height: 5px}
.map-poi .dian:before {border: 1px solid rgba(242, 150, 0, .5);-webkit-animation: bowen 4s linear infinite;-o-animation: bowen 4s linear infinite;animation: bowen 4s linear infinite}


@keyframes bowen {
	0% {border-width: 1px}
	100% {border-width: 20px;border-color: rgba(242, 150, 0, 0)}
}

.poi1 {top: 53%;left: 35%; position:absolute;}
.poi2 {top: 74%;left: 53%; position:absolute;}
.poi3 {top: 56%;left: 61.7%; position:absolute;}
.poi4 {top: 53.5%;left: 65.2%; position:absolute;}
.poi5 {top: 40%;left: 70.8%; position:absolute;}
.poi6 {top: 48.5%;left: 68.9%; position:absolute;}
.poi7 {top: 51%;left: 71.8%; position:absolute;}
.poi8 {top: 60.5%;left: 70.5%; position:absolute;}
.poi9 {top: 61.5%;left: 75.8%; position:absolute;}

.map-txt {background-color: #fff;position: absolute;top: -120px; width: 200px; margin-left:-115px;text-align:center; padding: 10px 20px;box-shadow: 0 0 24px 0 rgba(0, 0, 0, .3);border-radius: 5px;z-index: 5}

.map-txt:After{ content:""; width:0; height:0; border-left:10px solid transparent; border-right:10px solid transparent; border-top:10px solid #fff; position:absolute; left:50%; margin-left:-10px; bottom:-10px} 
.map-info {font-size: 16px;color: #333}
.map-poi:hover .map-txt {opacity: 1;pointer-events: auto}


.inews{ background:#f3f4f6;}
.inews li{ float:left; width:32%; margin-right:2%; margin-bottom:60px; position:relative}
.inews li:hover .pic img{transform:scale(1.2);}
.inews li:last-child{ margin-right:0}

.inews li .more{ position: relative; width:50px; height:50px; background:url(../images/newsmore.png) #182b53 no-repeat center center; margin-top:-50px; float:right; margin-bottom:25px;}
.inews li .wenzi{ display:block;}
.inews li .wenzi .nian{ width:62px; text-align:center; margin:0 10px; float:left;}
.inews li .wenzi .nian h3{ font-size:45px; color:#464447; padding-bottom:18px; border-bottom:solid 1px #ddd;}
.inews li .wenzi .nian p{ font-size:14px; color:#888; line-height:24px;}
.inews li .wenzi .pp{ font-size:14px; color:#888; line-height:24px;}
.inews li .wenzi .zi{ float:right; width:calc(100% - 100px)}
.inews li .wenzi .zi h3{ margin-bottom:5px; font-size:18px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.inews li .wenzi .zi p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}

.inews .nmore a{ display:block; width:145px; height:42px; line-height:42px; border:solid 1px #888; border-radius:5px; color:#888; text-align:center}
.inews .nmore a:hover{ color:#fff;  border:solid 1px #182b53; background:#182b53 }




.icase .picScroll{ position:relative;width:calc(100% + 12px); margin-left:-6px;/*height:136px;*/bbox-sizing:border-box;-webkit-box-sizing:border-box;}
.icase .picScroll ul{ overflow:hidden; zoom:1;}

.icase .picScroll ul li{ float:left; width:16.666%;overflow:hidden;display:block; position:relative;}
.icase .picScroll ul li .pic{ margin:0 auto; width:94%; border:solid 1px #ddd;display:block;overflow:hidden; display:block;}
.icase .picScroll ul li .pic img{ width:100%; height:auto; display:block}
.icase .pic img{ width:100%; height:auto;cursor: pointer;transition: all 1.5s;}
.icase li:hover .pic img{transform:scale(1.1);}

.icase .picScroll ul li .pic,.pro .picScroll ul li .wenzi,.pro .picScroll ul li .wenzi h3,.pro .picScroll ul li .wenzi p{-webkit-transition:.3s;-moz-transition:.3s;transition:.3s;}

.icase .picScroll .prev,
.icase .picScroll .next{ position:absolute; z-index:99;  right:60px; top:-80px; display:block; width:50px; height:45px; overflow:hidden; background:url(../images/lzuo.png) no-repeat; cursor:pointer;}
.icase .picScroll .next{ left:auto; right:0px; background:url(../images/lyou.png) no-repeat;z-index:99; }
.icase .picScroll .prevStop{background:url(../images/lzuo02.png) no-repeat;z-index:99; }
.icase .picScroll .nextStop{background:url(../images/lyou02.png) no-repeat;z-index:99; }


.footer{ background:#182b53; padding-top:50px;}
.footer .content {width: 100%;display:flex;display:-webkit-flex;justify-content : space-between; padding-bottom:50px; border-bottom:solid 1px #324875;}
.footer ul {width: 100%;display:flex;display:-webkit-flex;justify-content : space-between;}
.footer li {color:#fff;line-height:24px;display:inline-block;cursor:pointer;}
.footer li:last-child .kuai{ float:right; margin-left:10px; width:47px; border-radius:50%; position:relative}
.footer li:last-child .kuai img{ width:100%; height:auto}
.footer li .kuai:nth-child(2) .weixin{ display:none;}
.footer li .kuai:nth-child(2):hover .weixin{ display:block; position:absolute;top:50px;}
.footer h3{margin-bottom:15px; font-size:20px;}
.footer p{line-height:30px; }
.footer a{ color:#fff;}
.footer a:hover{ color:#8491ac;}
.footer li .kuai:nth-child(2):hover .weixin img{ display:block; width:140px; height:auto}

.footer .copyright{ line-height:28px; padding:22px; text-align:center; color:#fff}
.footer .copyright a{ color:#fff;}
.footer .copyright a:hover{ color:#8491ac;}

.nbanner{ position:relative; margin-top:144px;}
.nbanner .abpic img{ width:100%; height:auto; display:block}
.nbanner .nbannerwenzi{ padding:120px 0 200px 0; color:#fff; text-align:center}
.nbanner .nbannerwenzi h3{ font-size:36px; font-weight:bold; margin-bottom:10px;}
.nbanner .nbannerwenzi p{ line-height:30px; max-width:640px; margin:0 auto; font-size:18px;}

.nbanner .nbannerwenzi02{ padding:120px 0 ; color:#fff; text-align:center}
.nbanner .nbannerwenzi02 h3{ font-size:36px; font-weight:bold; margin-bottom:10px;}
.nbanner .nbannerwenzi02 p{ line-height:30px; max-width:640px; margin:0 auto; font-size:18px;}

.nbanner .topnav{ text-align:center; position:absolute; bottom:0; background:rgba(24,43,83,0.9); width:100%}
.topnav ul{ text-align:center; display:inline-block; vertical-align:middle; font-size:0}
.topnav li{ display:inline-block;font-size:20px; margin:20px 0}
.topnav li a{ display:block;padding:0 40px; line-height:48px;color:#fff;-webkit-border-radius:5px;-moz-border-radius:5px; border-radius:5px;}
.topnav li a.cur,.topnav li a:hover{ background:#fff; color:#182b53}

.abkuai01 { font-size:18px; color:#333; line-height:30px;}
.abkuai01 h3{ color:#000; text-align:center; font-size:36px; line-height:40px; margin-bottom:25px;}


.abkuai02 .conn{ text-align:center}
.abkuai02 .conn img{ display:block; width:auto; max-width:100%; height:auto; margin:0 auto}

.abkuai03{ background:#f3f4f6}
.abkuai03 .pic{ float:left; width:50%}
.abkuai03 .wenhua{ float:left; width:50%;max-width: 712px;}
.abkuai03 .wenhua .inwenhua{margin: 50px 0 0 50px;font-size:18px; color:#333; line-height:30px;}
.abkuai03 h3{ color:#000; font-size:36px; line-height:40px; margin-bottom:25px;}


.pro-switch {overflow: hidden;width:100%;position: relative; height:80%}
.pro-switch .flexslider{ height:100%}
.pro-switch .flexslider .flex-viewport, .pro-switch .flexslider .flex-viewport .slides{ height:100%}
.pro-switch .flexslider .slides > li {display: none;-webkit-backface-visibility: hidden; }

.flexslider .slides img {width: 100%;display: block; height:auto}
.flexslider .slides li a{display:block}
.flexslider .slides li p{ margin-top:30px;}
.flexslider .slides li p a{ display:block; ; border: solid 2px #fff; color:#fff; line-height:40px; width:40px; width:165px; text-align:center;}

.slides:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
html[xmlns] .slides {display: block;}
.no-js .slides > li:first-child {display: block;}
.flexslider {margin: 0 auto;position: relative;width:100%;zoom: 1}
.flex-viewport {max-height: 2000px;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;transition: all 1s ease;}
.flexslider .slides {zoom: 1;}
.flex-direction-nav {*height: 0;}


.abkuai04{ background: url(../images/cbg.jpg) no-repeat center center; background-size:cover;}
.abkuai04 .title h3{ color:#fff}
.abkuai04 .title .conn{ display:block}
.abkuai04 .slides li{background: url(../images/line.png) repeat-x center center;}
.abkuai04 .pcshow li .item{ float:left; width:25.5%; margin-left:-7%; position:relative; height:150px; padding-bottom:180px  }
.abkuai04 .phshow li .item{ float:left; width:100%; margin-left:0%; position:relative; height:150px; padding-bottom:180px  }
.abkuai04 li .item .dian{ width:16px; height:16px; background:#fff; border-radius:50%; position:absolute; left:50%; margin-left:-8px; top:50%; margin-top:-8px;}
.abkuai04 li .item .hmain{ height:147px;background:url(../images/hbg01.png) no-repeat center top;  padding-bottom:13px; width:100%; max-width:366px; margin:0 auto}

.abkuai04 li .item:nth-child(2n){ padding-top:180px; padding-bottom:0}
.abkuai04 li .item:nth-child(2n) .hmain{ background:url(../images/hbg02.png) no-repeat center top;padding-top:13px;padding-bottom:0px;}

.abkuai04 .flexslider .slides li p{ margin-top:0px;}
.abkuai04 li .item:nth-child(1){ margin-left:0}
.abkuai04 .flex-direction-nav a {width: 48px;height: 48px;margin: 0;display: block; top:50%; margin-top:-24px; position: absolute;z-index: 99999;cursor: pointer;text-indent: -9999px;opacity:1;filter:alpha(opacity=100);-webkit-transition: all .3s ease;}
.abkuai04 .flex-direction-nav .flex-next { background:url(../images/jianyou.png) no-repeat center center;right:0%;opacity:1;filter:alpha(opacity=100);}
.abkuai04 .flex-direction-nav .flex-prev {background:url(../images/jianzuo.png) no-repeat center center;left:0;opacity:1;filter:alpha(opacity=100);}
.abkuai04 .flexslider .flex-next:hover {opacity:1;filter:alpha(opacity=100);background:url(../images/jiany.png) no-repeat center center;opacity:1;filter:alpha(opacity=100);}
.abkuai04 .flexslider .flex-prev:hover {opacity:1;filter:alpha(opacity=100);background:url(../images/jianz.png) no-repeat center center;opacity:1;filter:alpha(opacity=100);}
.abkuai04 .flexslider .flex-next:hover {background:url(../images/jiany.png) no-repeat center center;opacity:1;filter:alpha(opacity=100);}
.abkuai04 .flexslider .flex-prev:hover {background:url(../images/jianz.png) no-repeat center center;opacity:1;filter:alpha(opacity=100);}
.abkuai04 .flex-control-nav { display:none}


.abkuai04 .item .hleft{ float:left; width:164px; padding:15px;}
.abkuai04 .item .hleft img{ width:164px; height:auto; display:block}
.abkuai04 .item .hright{ float:left; width:calc(100% - 220px); padding:15px 15px 15px 5px;color:#333; line-height:25px;}
.abkuai04 .item .hright h3{ font-size:14px; line-height:20px; font-weight:bold; margin-bottom:3px;}
.abkuai04 .item .hright p{ font-size:14px; line-height:20px;}


.abkuai05 .picScroll{ position:relative;width:100%;/*height:136px;*/bbox-sizing:border-box;-webkit-box-sizing:border-box;}
.abkuai05 .picScroll ul{ overflow:hidden; zoom:1;}

.abkuai05 .picScroll ul li{ float:left; width:25%;overflow:hidden;display:block; position:relative;}
.abkuai05 .picScroll ul li .pic{ margin:0 auto; width:84%; display:block;overflow:hidden; padding-bottom:4%; position:relative; z-index:99}
.abkuai05 .picScroll ul li .kuaibg{ height:100px; width:92%; background-color:#182b53;position:absolute;bottom:0; left:4%}
.abkuai05 .picScroll ul li .pic img{ width:100%; height:auto; display:block}
.abkuai05 .pic img{ width:100%; height:auto;cursor: pointer;transition: all 1.5s;}
.abkuai05 li:hover .pic img{transform:scale(1.1);}


.abkuai05{ background:#f3f4f6;}
.abkuai05 .wrap{ width:85%; max-width:1425px;}
.abkuai05 .picScroll ul li .pic{-webkit-transition:.3s;-moz-transition:.3s;transition:.3s;}

.abkuai05 .picScroll .prev,
.abkuai05 .picScroll .next{ position:absolute; z-index:99;  left:-55px; top:50%; margin-top:-24px; display:block; width:47px; height:47px; overflow:hidden; background:url(../images/jianzuo.png) no-repeat; cursor:pointer;}
.abkuai05 .picScroll .next{ left:auto; right:-55px; background:url(../images/jianyou.png) no-repeat;z-index:99; }
.abkuai05 .picScroll .prevStop{background:url(../images/jianzuo02.png) no-repeat;z-index:99; }
.abkuai05 .picScroll .nextStop{background:url(../images/jianyou02.png) no-repeat;z-index:99; }



.hrlist li{ width:33.33%; padding:5% 3%; border:1px solid #e8e8e8; border-left:none; float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; position:relative;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;transition:.5s;}
.hrlist li:nth-child(1){border-left:1px solid #e8e8e8;}
.hrlist li .io{ width:56px; height:67px; background:url(../images/hr_icon1.png) no-repeat 0 0;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;transition:.5s; margin:0 auto}
.hrlist li:hover .io{ width:56px; height:67px; background:url(../images/hr_icon1.png) no-repeat 0 -67px;}
.hrlist li .tit{ font-size:22px; text-align:center; color:#333; padding:30px 0 20px; border-bottom:2px solid #d8d8d8}
.hrlist li .intro{ font-size:16px; line-height:26px; padding-top:30px; height:52px; overflow:hidden}
.hrlist li .more{ width:35px; height:35px; background:url(../images/hmore.png) no-repeat center; display:block; margin-top:30px}
.hrlist li,.hrlist li:hover .tit,.hrlist li:hover .intro{ -webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s;-ms-transition:.5s;transition:.5s;}
.hrlist li:hover{background: #182b53; cursor:pointer}
.hrlist li:hover .icon{ display:none}
.hrlist li:hover .icon1{ display:block}
.hrlist li:hover .tit{ color:#fff}
.hrlist li:hover .intro{ color:#f9f9f9}
.hrlist li .hd{ position:fixed; width:100%; height:100%; top:144px;left:0;color:#666; display:none; z-index:99}
.hrlist li .hd .bg{ position:absolute; top:0;left:0; width:100%; height:100%; background:#000; opacity:0.8; filter:alpha(opacity=80); z-index:98}
.hrlist li .hd .closed{ width:37px; height:37px; display:block; background:url(../images/close.png) no-repeat center; position:absolute; right:3%; top:3%; -webkit-transition:.5s;-moz-transition:.5s;transition:.5s;z-index: 99;}
.hrlist li .hd .closed:hover{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg); transform:rotate(180deg);}
.hrlist li .hd .hr_con{ background:#fff; width:620px; height:70%; position:absolute;top:2%;left:50%; margin-left:-350px; padding:30px; font-size:16px; line-height:32px; cursor:default; overflow-y:auto; z-index:99}
.hrlist li .hd .hr_con .tit_hd{ font-size:25px; color:#333; border-bottom:1px solid #e8e8e8; line-height:32px; padding-bottom:20px; margin-bottom:25px}
.hrlist li .famail a{ display:block; width:100%; max-width:300px; line-height:55px; height:52px; font-size:18px; color:#fff; text-align:center; background:#182b53; border:solid 1px #182b53; border-radius:20px; margin:60px auto;}
.hrlist li .famail a:hover{ color:#182b53; background:#fff;}

.npromain li{background:#f3f4f6;}
.npromain li .pic{ float:left; width:50%; background:#fff}
.npromain li .wenzi{ float:left; width:50%; max-width: 712px; color:#333;}
.npromain li:nth-child(2n) .pic{ float:right;}
.npromain li:nth-child(2n) .wenzi{ float:left; float:right;}
.npromain li .wenzi .wenziin{margin: 120px 0 120px 80px; line-height:35px;}
.npromain li:nth-child(2n) .wenzi .wenziin{margin: 120px 80px 120px 0px;}
.npromain li .wenzi .wenziin h3{ font-size:36px; margin-bottom:20px;}
.npromain li .wenzi .wenziin h4{font-size:24px; font-weight:bold}
.npromain li .wenzi .wenziin p{}
.npromain li .wenzi .wenziin .more{ display:block; width:100%; max-width:155px; line-height:45px; height:45px; color:#fff; text-align:center; background:#182b53; border:solid 1px #182b53; border-radius:20px; margin-top:60px; }
.npromain li .wenzi .wenziin .more:hover{ color:#182b53; background:#f3f4f6;}

.nprosou{ background:#f3f4f6; margin-top:144px;}
.nprosou .soutitle .souda{ font-size:36px;}
.nprosou .soutitle .font24{ font-size:24px;}

.nprosou li{ float:left; width:32%; margin-right:2%; margin-bottom:2%;}
.nprosou li:nth-child(3n){ margin-right:0}
.nprosou li:nth-child(3n+1){ clear:both}
.nprosou li .pic{ width:calc(100% - 2px); border:solid 1px #ddd;}
.nprosou li .wenzi{ font-size:18px; padding:10px 0; line-height:30px;}
.nprosou li:hover .pic{border:solid 1px #182b53;}

.propic{ margin-top:144px; position:relative}
.propic .flexslider .slides li p{ margin-top:0px;}
.propic .flex-direction-nav a {width: 47px;height: 47px;margin: 0;display: block; top:50%; margin-top:-22px; position: absolute;z-index: 99999;cursor: pointer;text-indent: -9999px;opacity:1;filter:alpha(opacity=100);-webkit-transition: all .3s ease;}
.propic .flex-direction-nav .flex-next { background:url(../images/jianyou02.png) no-repeat center center;right:10%;opacity:0.5;filter:alpha(opacity=50);}
.propic .flex-direction-nav .flex-prev {background:url(../images/jianzuo02.png) no-repeat center center;left:10%;opacity:0.5;filter:alpha(opacity=50);}
.propic .flexslider .flex-next:hover {opacity:1;filter:alpha(opacity=100);background:url(../images/jianyou02.png) no-repeat center center;opacity:1;filter:alpha(opacity=100);}
.propic .flexslider .flex-prev:hover {opacity:1;filter:alpha(opacity=100);background:url(../images/jianzuo02.png) no-repeat center center;opacity:1;filter:alpha(opacity=100);}
.propic .flexslider .flex-next:hover {background:url(../images/jianyou02.png) no-repeat center center;opacity:1;filter:alpha(opacity=100);}
.propic .flexslider .flex-prev:hover {background:url(../images/jianzuo02.png) no-repeat center center;opacity:1;filter:alpha(opacity=100);}
.propic .flex-control-nav { display:none}
.propic .flexslider .slides img{ width:80%; margin:0 10%}


.propic .protitle{ text-align:center; position:absolute; bottom:0; background:rgba(24,43,83,0.9); width:100%; font-size:30px; color:#fff; line-height:80px;}

.projian{ position:relative}
.projian .conn h4{font-size:24px; font-weight:bold}
.projian .conn p{ }
.projian .more{ display:block; width:100%; max-width:155px; line-height:45px; height:45px; color:#fff; text-align:center; background:#182b53; border:solid 1px #182b53; border-radius:20px; margin-top:60px; position:absolute; top:0; right:0 }
.projian .more a{ color:#fff}
.projian .more:hover{ color:#182b53; background:#fff;}
.projian .more a:hover{ color:#182b53;}

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

.guanlian li{ float:left; width:32%; margin-right:2%; margin-bottom:2%;}
.guanlian li:nth-child(3n){ margin-right:0}
.guanlian li:nth-child(3n+1){ clear:both}
.guanlian li .pic{ width:calc(100% - 2px); border:solid 1px #ddd;}
.guanlian li .wenzi{ font-size:18px; padding:10px 0; line-height:30px;}
.guanlian li:hover .pic{border:solid 1px #182b53;}


.sollist { width:92%; margin-left:auto; margin-right:auto; margin-top:80px;}
.sollist li{ float:left; width:49%; margin-bottom:2%; position:relative}
.sollist li:nth-child(2n){ float:right}
.sollist li:nth-child(2n+1){ clear:both;}

.sollist .wenzi{  position:absolute; bottom:0; background:rgba(24,43,83,0.5); width:calc(100% - 40px); font-size:24px; color:#fff; line-height:80px; padding:0 20px}


.nnews .newsli{ padding:36px 0; border-bottom:solid 1px #ddd}
.nnews .newsli:hover{ background-color:#f3f4f6;}
.nnews .newsli .date{ float:left; width:8%; max-width:70px;}
.nnews .newsli .date .day{line-height:42px;font-size:45px;text-align:center;color:#464447;border-bottom:solid 1px #ddd; padding-bottom:15px;}
.nnews .newsli .date .nianyue{ line-height:30px; font-size:14px; text-align:center; color:#888888; }
.nnews .newsli .date .nmore{ display:block; width:32px; height:32px; background-color:#a5a5a5; margin:0 auto; color:#fff; font-size:18px; text-align:center; line-height:32px; border-radius:50%}
.nnews .newsli:hover .date .nmore{ background-color:#182b53}

.nnews .newsli .wenzi{ float:left; width:64%; margin-left:3%} 
.nnews .newsli .wenzi h3{ color:#333; font-size:24px; margin-bottom:15px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.nnews .newsli:hover .wenzi h3{ color:#182b53;}
.nnews .newsli .wenzi p{ color:#888; font-size:14px; line-height:26px;}

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

.nnewsx .ntitle { text-align:center; padding-bottom:25px; margin-bottom:25px; border-bottom:solid 1px #ddd}
.nnewsx .ntitle h3{ font-size:30px; line-height:35px; margin-bottom:15px; color:#333;}
.nnewsx .ntitle p{ font-size:14px; color:#999}

.nnewsx .conn{ font-size:16px; color:#333; line-height:30px; padding-bottom:50px; border-bottom:solid 1px #ddd}
.nnewsx .conn img{ display:block; margin:0 auto; width:auto; max-width:100%;}


.shangxia{ border-bottom:solid 1px #ddd; line-height:30px; padding:20px 0; font-size:16px;}
.shangxia a{ color:#999}
.shangxia li{ float:left;}
.shangxia li:last-child{ float:right;}
.shangxia a:hover{ color:#182b53}

.nnewsx .back a{ display:block; width:100%; max-width:155px; line-height:45px; height:45px; color:#fff; text-align:center; background:#182b53; border:solid 1px #182b53; border-radius:20px; margin:60px auto 0 auto; }
.nnewsx .back a:hover{ color:#182b53; background:#fff;}



.erlie li{ float:left; width:49%; }
.erlie li:nth-child(2n){ float:right}


.inkuai01 li{ border-top:solid 10px #ddd; line-height:60px; }
.inkuai01 li p{ font-size:16px; color:#333; border-bottom:solid 1px #ddd}
.inkuai01 .erlie{ margin-top:25px;}

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

.inkuai03 p{ clear:both; line-height:52px; font-size:18px; color:#333; border-bottom:solid 1px #ddd;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.inkuai03 p a{ color:#333}
.inkuai03 p a:hover{ color:#182b53}
.inkuai03 p span{ color:#999; float:right}


.inkuai04 .dabiaot{ padding:0 20px; line-height:60px; font-size:24px; color:#fff; background:#182b53;}
.inkuai04 .dabiaot span{ float:right}
.inkuai04 .dabiaot span a{ font-size:18px; color:#fff}
.inkuai04 .conn{ padding:10px 20px 30px 20px; border:solid 1px #ddd; background:#fff;}
.inkuai04 .conn p{ line-height:52px; border-bottom:solid 1px #ddd; clear:both; background:url(../images/down.png) no-repeat right center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.inkuai04 .conn p span{ color:#999}
.inkuai04 .conn p:hover{background:url(../images/down02.png) no-repeat right center}



.down .conn{ background:#fff; border:solid 1px #ddd; padding:20px 3% 5% 3%; margin-top:25px;}
.down .conn p{ line-height:52px; border-bottom:solid 1px #ddd; clear:both; background:url(../images/down.png) no-repeat right center; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.down .conn p span{ color:#999}
.down .conn p:hover{background:url(../images/down02.png) no-repeat right center}


.nclianxi h3{ font-size:30px; line-height:30px; font-weight:bold; color:#182b53; margin-bottom:15px; height:30px;}
.nclianxi p{ line-height:35px; font-size:18px; color:#333; padding-left:24px;}

.add{background:url(../images/cicon01.png) no-repeat left 8px}
.tel{background:url(../images/cicon02.png) no-repeat left 8px}
.mail{background:url(../images/cicon03.png) no-repeat left 12px}
.web{background:url(../images/cicon04.png) no-repeat left 8px}



.form_2 .row, .form_2 .row02{ position:relative; margin-bottom:15px}
.form_2 .row input{ width:100%; border:1px solid #ddd; line-height:45px; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; padding-right:10px; padding-left:70px}
.form_2 .row02 input{ width:50%; border:1px solid #ddd; line-height:45px; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; padding-right:10px; padding-left:70px}
.form_2 .row:nth-child(3) input{ padding-left:85px}
.form_2 label{ font-size:16px; color:#999; position:absolute; left:0;top:0; line-height:45px; padding-left:10px}
.form_2 textarea{ border:1px solid #ddd; padding:15px; padding-left:85px; width:100%; height:100px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.form_2 .row:last-child input{width:157px;padding-left:0px; padding-right:0 }
.form_2 .submit{ background:#182b53; border:solid 1px #182b53; border-radius:5px; color:#fff; width:155px; display:block; line-height:45px; padding:0; text-align:center; font-size:16px; }
.form_2 .submit:hover{color:#182b53;background:#fff;}


.lianxis li{ float:left; width:32%; margin-right:2%; margin-bottom:3%; line-height:35px; }
.lianxis li:nth-child(3n){ margin-right:0}
.lianxis li:nth-child(3n+1){ clear:both;}
.lianxis li h3{ margin:25px 0 10px; line-height:42px;font-weight:bold; font-size:24px;color:#182b53; }
.lianxis li p{ padding-left:24px;font-size:16px;}