@charset "gb2312";
/* CSS Document */
*{margin:0;padding:0}
HTML {OVERFLOW-X: hidden;}
body{ font-family:"microsoft yahei",arial;font-size:14px;color:#333;-webkit-font-smoothing: antialiased; overflow-x:hidden;background:#fff; color:#666666}
a{color:#535353; text-decoration:none;outline:none; transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s; }
a:hover{color:#0092d4;}
ol,ul,li{list-style:none}
h1,h2,h3,h4,h5,h6{font-weight:normal}
.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{ outline:none;font-family:"microsoft yahei"; font-size:12px;}
.wrap{ margin:0 auto; width:100%; max-width:1200px;}
.red{ color:#f00}
.blue{ color:#0092d4}
.cheng{ color:#e45304}
.chengda{ font-size:18px; font-weight:bold; color:#e45304}


.clearfix{clear:both;zoom:1;}
.clearfix:after{ content:"."; display:block; height:0;clear:both;visibility:hidden;}
.clear{ clear:both; }

/*header*/
#header { height:102px;display:block; z-index:999; position:fixed ; width:100%;box-shadow: 0 0 10px #ccc; background-color:#fff;}
#header .logo{ float:left; width:28%}
#header .logo img{ width:100%; height:auto; max-width:264px; max-height:96px;}
#header .use{ float:right; width:70%}
#header .use .language{ height:34px;}
#header .use .language li{ float:right; width:34px; line-height:34px; font-size:14px; margin-left:6px;}
#header .use .language li a{ display:block; width:100%; text-align:center; color:#fff; background-color:#414141}
#header .use .language li a:hover, #header .use .language li .cur{ background-color:#0092d4}


#header .use .menu{ height:55px;  margin-top:10px;}
#header .use .menu li{ float:left; margin:0 0 0 49px; }
#header .use .menu li a.yiji{ font-size:16px; line-height:55px; height:56px; text-transform:uppercase; font-weight:bold;}

#header .use .menu li .erji01{display:none;position:absolute; z-index:9999999; clear:both; background-color:#f5f5f5;line-height:32px; padding:10px 22px; font-size:13px;border-top:solid 4px #0192d5;min-width:105px;margin-left:-22px; border-radius:5px;}
#header .use .menu li .erji02{display:none;position:absolute; z-index:9999999; clear:both; background-color:#f5f5f5;line-height:32px; padding:10px 22px; font-size:13px;border-top:solid 4px #0192d5;min-width:105px; margin-left:-22px;border-radius:5px; }
#header .use .menu li .erji03{display:none;position:absolute; z-index:9999999; clear:both; background-color:#f5f5f5;line-height:32px; padding:10px 22px; font-size:13px;border-top:solid 4px #0192d5;min-width:105px; margin-left:-22px;border-radius:5px; }
#header .use .menu li .erji04{display:none;position:absolute; z-index:9999999; clear:both; background-color:#f5f5f5;line-height:32px; padding:10px 22px; font-size:13px;border-top:solid 4px #0192d5;min-width:105px; margin-left:-22px;border-radius:5px; }
#header .use .menu li .erji05{display:none;position:absolute; z-index:9999999; clear:both; background-color:#f5f5f5;line-height:32px; padding:10px 22px; font-size:13px;border-top:solid 4px #0192d5;min-width:105px; margin-left:-22px;border-radius:5px;}
#header .use .menu li .erji06{display:none;position:absolute; z-index:9999999; clear:both; background-color:#f5f5f5;line-height:32px; padding:10px 22px; font-size:13px;border-top:solid 4px #0192d5;min-width:105px; margin-left:-22px;border-radius:5px;}
#header .use .menu li div div a{ display:block}
#header .use .menu li p a:hover{ color:#fff; background-color:#0092d4; line-height:32px; width:100%;}
#header .use .search{ position:absolute; margin-top:-42px; margin-left:810px;} 
/*µ¯³öËÑË÷*/


.black_overlay {
	Z-INDEX: 1001; POSITION: fixed; FILTER: alpha(opacity=5); BACKGROUND-COLOR: black; WIDTH: 100%; DISPLAY: none; HEIGHT: 100%; TOP: 0%; LEFT: 0%; -moz-opacity: 0.5; opacity: 0.5
}
.www_zzjs_net02 {
	Z-INDEX: 1002; POSITION: fixed; BACKGROUND-COLOR: white; WIDTH: 50%;DISPLAY: none; OVERFLOW: hidden; TOP: 40%; margin-left:25%;webkit-border-radius: 12px; -moz-border-radius: 12px;border-radius:12px;
}
.www_zzjs_net02 #biaoyi{-webkit-border-radius:12px 12px 0 0; -moz-border-radius:12px 12px 0 0;border-radius:12px 12px 0 0; border-bottom:1px solid #E6E6E6;  }
.www_zzjs_net02 #biaoyi #zuo{ float:left; width:70%; }
.www_zzjs_net02 #biaoyi #you{ float:right; width:20%; text-align:right; line-height:50px; font-size:14px; padding-right:20px;}
.www_zzjs_net02 #biaoyi h3{ line-height:50px; font-size:16px; padding-left:20px;}
.www_zzjs_net02 #videoclass{ padding:25px}


#videoclass .input {width: 100%;height: 35px; padding-left: 5px; border: 0; border:solid 1px #0092d4}
#videoclass .serimg {position: absolute;right: 30px;top:52px;}

/*banner*/
.pro-switch {overflow: hidden;position: relative;width:100%;}
.flexslider {margin: 0;padding: 0;}
.flexslider .slides > li {display: none;-webkit-backface-visibility: hidden;}
.flexslider .slides img {width: 100%;display: block;}
.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: 60px;height: 90px;margin: -60px 0 0;display: block;background: url(../images/ad_ctr.png) no-repeat 0 0;position: absolute;top: 58%;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 -90px;right: 0;}
.flex-direction-nav .flex-prev {left: 0;}
.flexslider:hover .flex-next {opacity: 0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-prev {opacity: 0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;filter:alpha(opacity=50);}
.flex-control-nav {width: 100%;position: absolute;bottom: 20px;text-align: center;}
.flex-control-nav li {margin: 0 5px;display: inline-block;zoom: 1;*display: inline;}
.flex-control-paging li a {background: url(../images/dot.png) no-repeat 0 -16px;display:block;height: 16px;overflow: hidden;text-indent:-99em;width: 16px;cursor: pointer;}
.flex-control-paging li a.flex-active {background-position: 0 0;}

.banner{  width:100%; overflow:hidden; position:relative; padding-top:102px;}
@media screen and (max-width:1919px){
.banner{ width:100%; position:relative; margin-left:0%}
}
@media screen and (max-width:1499px){
.banner{ width:120%; position:relative; margin-left:-10% }
}
@media screen and (max-width:1199px){
.banner{ width:130%; position:relative; margin-left:-15% }
}


.slides a{display: block;width: 100%;}
.banner{ height: auto !important;}
.banner .img{position:relative; }
.banner .banner_dis{ position: absolute;right:0; top:20%;width: 30%;background-color: rgba(0,0,0,0.5);padding: 20px}
.banner .banner_dis p{font-size: 30px;line-height:1.5;color:#f5f5f5; }
        
		
		


#serivce .intro li img {-webkit-transition: -webkit-transform 0.5s;-moz-transition: -moz-transform 0.5s;-o-transition: -o-transform 0.5s;transition: transform 0.5s; width:100%; max-width:96px; }
#serivce .intro li:hover img{-webkit-transform:rotate(360deg);transform:rotate(360deg);}








#line{ background:#0093d4; padding:4px 0; color:#fff;}
#line .wrap{ width:100%; max-width:960px;}
#line .left{ float:left; width:50%;}
#line .left h3{ font-size:24px; line-height:46px;}
#line .left p{ font-size:18px; line-height:46px;}
#line .right{ float:right; width:50%; max-width:380px; margin-top:5px;}
#line .input {width: 77%;height: 35px; padding-left: 5px; border: 0; border:solid 1px #0092d4; float:left;-webkit-border-radius:5px; -moz-border-radius:5px;border-radius:5px}
#line .serimg {float:right; width:20%; text-align:center; color:#fff; background-color:#e25204; height: 35px; line-height:35px;-webkit-border-radius:5px; -moz-border-radius:5px;border-radius:5px}


/*footer */
#footer{ margin:30px 0 50px 0;}

#footer .kuai{ float:left; margin-right:40px;}
#footer h3{ font-size:15px; line-height:50px; color:#181818; text-transform:uppercase; }
#footer p{ font-size:13px; line-height:28px;color:#818181;} 
#footer p a{color:#818181;}
#footer a:hover{ color:#0093d4;}

#footer .kuai02{ float:right; }
#footer .kuai02 li{ text-align:center; }
#footer .kuai02 li img{ border:solid 1px #e8e8e8; padding:2px; }
#footer .kuai02 li:nth-child(2){margin-right:0;}

#bottom{ line-height:32px; padding:15px 0 30px 0; text-align:center; border-top:solid 1px #e8e8e8;}


/*nbanner */
#nbanner{ background-repeat:no-repeat; background-position:center center;background-size:cover; height:280px; text-align:center;text-shadow: 1px 1px 1px #666; color:#fff;margin-top:100px;}
#nbanner h3{ text-align:center; line-height:50px; font-size:35px; padding-top:110px;font-weight:bold; text-transform:uppercase}
#nbanner p{text-align: center;line-height: 50px;text-transform: uppercase; font-size:24px}

#nbanner02{ background-repeat:no-repeat; background-position:center center;background-size:cover; height:280px;text-align:center;text-shadow: 1px 1px 1px #fff; color:#252525;margin-top:100px;}
#nbanner02 h3{ text-align:center; line-height:50px; font-size:35px; padding-top:110px;font-weight:bold;text-transform:uppercase}
#nbanner02 p{text-align: center;line-height: 50px;text-transform: uppercase; font-size:24px}

/*nguide */
#nguide{width: 100%;line-height: 40px;padding-top: 2px;background-color: #F9F9F9; border-bottom: solid 1px #E6E9EA; padding: 12px 0;}


#nguide .left{ width:100%;}

#nguide .left{ text-align:center;width:100%;}
#nguide .left ul{ text-align:center; display:inline-block; vertical-align:middle; font-size:0}
#nguide .left li{ display:inline-block;font-size:16px; margin:0 20px 0px 20px;}
#nguide .left li a{ display:block; background-color:#e8e8e8; text-align:center; -webkit-border-radius:25px; -moz-border-radius:25px;border-radius:25px; display:block; width:100%; padding:0 15px}
#nguide .left li a.cur,#nguide .left li a:hover{ background-color:#0093d4; color:#fff; text-align:center;}




.guideerji02 {width:100%; max-width:320px;line-height: 32px;font-size:14px; margin:0 auto; margin-top:-30px; margin-bottom:25px;}
.guideerji02 li{ float:left; width:46%;margin:0 2%}
.guideerji02 li a{ background-color:#e8e8e8; text-align:center; -webkit-border-radius:25px; -moz-border-radius:25px;border-radius:25px; display:block; width:80%;padding:0 15px; }
.guideerji02 li a:hover, .guideerji02 li .cur{background-color:#0093d4; color:#fff; text-align:center; -webkit-border-radius:25px; -moz-border-radius:25px;border-radius:25px;padding:0 15px;}

.guideerji03 {width:100%; max-width:480px;line-height: 30px;font-size:13px; margin:0 auto; margin-top:5px; margin-bottom:25px;}
.guideerji03 li{ float:left; width:22%;margin:0 1.5%}
.guideerji03 li a{ background-color:#e8e8e8; text-align:center; -webkit-border-radius:25px; -moz-border-radius:25px;border-radius:25px; display:block; width:80%;padding:0 15px; }
.guideerji03 li a:hover, .guideerji03 li .cur{background-color:#0093d4; color:#fff; text-align:center; -webkit-border-radius:25px; -moz-border-radius:25px;border-radius:25px;padding:0 15px;}


.guideerji05 {width:100%; max-width:800px;line-height: 32px;font-size:14px; margin:0 auto; margin-top:-30px;margin-bottom:25px;}
.guideerji05 li{ float:left; width:16%; margin:0 2%}
.guideerji05 li a{ background-color:#e8e8e8; text-align:center; -webkit-border-radius:25px; -moz-border-radius:25px;border-radius:25px; display:block; width:90%;padding:0 15px; }
.guideerji05 li a:hover, .guideerji05 li .cur{background-color:#0093d4; color:#fff; text-align:center; -webkit-border-radius:25px; -moz-border-radius:25px;border-radius:25px;padding:0 15px;}




#nguide03{width: 100%;line-height: 40px;padding-top: 2px;background-color: #F9F9F9; border-bottom: solid 1px #E6E9EA; padding: 12px 0;}
#nguide03 .left{ width:100%; max-width:610px; font-size:15px; margin:0 auto}
#nguide03 .left li{ float:left;padding:0 15px; margin:0 5px; }
#nguide03 .left li a{ background-color:#e8e8e8; text-align:center; -webkit-border-radius:25px; -moz-border-radius:25px;border-radius:25px; display:block; width:100%;padding:0 15px; }
#nguide03 .left li a:hover, #nguide03 .left li .cur{background-color:#0093d4; color:#fff; text-align:center; -webkit-border-radius:25px; -moz-border-radius:25px;border-radius:25px;padding:0 15px;}
#nguide03 .right{ float:right; width:40%; text-align:right;font-size:13px;}

#nguide003{width: 100%;line-height: 40px;padding-top: 2px;background-color: #F9F9F9; border-bottom: solid 1px #E6E9EA; padding: 12px 0;}
#nguide003 .left{ width:100%; max-width:730px; font-size:15px; margin:0 auto}
#nguide003 .left li{ float:left;padding:0 15px; margin:0 5px; }
#nguide003 .left li a{ background-color:#e8e8e8; text-align:center; -webkit-border-radius:25px; -moz-border-radius:25px;border-radius:25px; display:block; width:100%;padding:0 15px; }
#nguide003 .left li a:hover, #nguide003 .left li .cur{background-color:#0093d4; color:#fff; text-align:center; -webkit-border-radius:25px; -moz-border-radius:25px;border-radius:25px;padding:0 15px;}
#nguide003 .right{ float:right; width:40%; text-align:right;font-size:13px;}


#nguide04{width: 100%;line-height: 40px;padding-top: 2px;background-color: #F9F9F9; border-bottom: solid 1px #E6E9EA; padding: 12px 0;}
#nguide04 .left{ width:100%;max-width:420px; font-size:15px; margin:0 auto}
#nguide04 .left li{ float:left;padding:0 15px; margin:0 5px; }
#nguide04 .left li a{ background-color:#e8e8e8; text-align:center; -webkit-border-radius:25px; -moz-border-radius:25px;border-radius:25px; display:block; width:100%;padding:0 15px; }
#nguide04 .left li a:hover, #nguide04 .left li .cur{background-color:#0093d4; color:#fff; text-align:center; -webkit-border-radius:25px; -moz-border-radius:25px;border-radius:25px;padding:0 15px;}
#nguide04 .right{ float:right; width:40%; text-align:right;font-size:13px;}


#nguide05{width: 100%;line-height: 40px;padding-top: 2px;background-color: #F9F9F9; border-bottom: solid 1px #E6E9EA; padding: 12px 0;}
#nguide05 .left{ width:100%; max-width:320px; font-size:15px; margin:0 auto}
#nguide05 .left li{ float:left;padding:0 15px; margin:0 5px; }
#nguide05 .left li a{ background-color:#e8e8e8; text-align:center; -webkit-border-radius:25px; -moz-border-radius:25px;border-radius:25px; display:block; width:100%;padding:0 15px; }
#nguide05 .left li a:hover, #nguide05 .left li .cur{background-color:#0093d4; color:#fff; text-align:center; -webkit-border-radius:25px; -moz-border-radius:25px;border-radius:25px;padding:0 15px;}
#nguide05 .right{ float:right; width:40%; text-align:right;font-size:13px;}

#nguide06{width: 100%;line-height: 40px;padding-top: 2px;background-color: #F9F9F9; border-bottom: solid 1px #E6E9EA; padding: 12px 0;}
#nguide06 .left{ width:100%; max-width:288px; font-size:15px; margin:0 auto}
#nguide06 .left li{ float:left;padding:0 15px; margin:0 5px; }
#nguide06 .left li a{ background-color:#e8e8e8; text-align:center; -webkit-border-radius:25px; -moz-border-radius:25px;border-radius:25px; display:block; width:100%;padding:0 15px; }
#nguide06 .left li a:hover, #nguide06 .left li .cur{background-color:#0093d4; color:#fff; text-align:center; -webkit-border-radius:25px; -moz-border-radius:25px;border-radius:25px;padding:0 15px;}
#nguide06 .right{ float:right; width:40%; text-align:right;font-size:13px;}

/*nmain */
#nmain {padding:60px 0 120px 0; }	
#nmain .title h3{line-height:36px; font-size:32px; color:#181818; font-weight:bold}

#nmain .title h2{line-height:36px; font-size:24px; color:#181818; font-weight:bold}

#nmain .title p{ line-height:45px;margin-bottom:8px; color:#888;font-size:16px;text-transform: uppercase;}
#nmain .title span{ height:6px; width:120px;-webkit-border-radius:5px; -moz-border-radius:5px;border-radius:5px; background-color:#ECECEC; display:block;  margin-bottom:22px;}
#nmain .intro{ font-size:15px; line-height:38px; margin-top:20px;}
#nmain .intro p{ line-height:32px; margin-bottom:8px;}


#nmain .intro .kuai .wenzi  h3{ color:#333; margin-bottom:10px;}
#nmain .intro .kuai .wenzi{ float:left; width:56%;}
#nmain .intro .kuai .pic{ float:right; width:40%;}
#nmain .intro .kuai .pic img{ width:100%; height:auto;}

#nmain .intro .kuai:nth-child(2) .wenzi{ float:right; width:56%; margin-top:30px}
#nmain .intro .kuai:nth-child(2) .pic{ float:left; width:40%; position:relative; margin-top:40px}

/*developcon */
.developcon{ width:100%; margin:0 auto;background:url(../images/line.png) repeat-y center center; }
.developcon ul{ position:relative}
.developcon ul:before{content:"";width:1px;height:100%;background:#a5a5a5;position:absolute;top:0;left:50%;margin-left:-0.5px;z-index:1;}
.developcon li{ width:100%; float:left; background:url(../images/doit01.png) no-repeat center 28px;z-index:2; position:relative;}
.developcon li .kuai{ width:40%; background:#EFF8FF; padding:15px 20px; border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px; position:relative}
.developcon li .kuai .time01{ font-size:21px; color:#181818; margin-bottom:0}
.developcon li .kuai .intro{ font-size:14px; line-height:25px;}
.developcon li .kuai:after{content:"";width:0;height:0;border-left:8px solid #EFF8FF;border-top:8px solid transparent;border-bottom:8px solid transparent;position:absolute;top:25px;right:-8px;}
.developcon li:first-child{ margin-top:50px;}
.developcon li:nth-child(2n){ float:right;background:url(../images/doit01.png) no-repeat center 28px; margin-top:-6%}
.developcon li:nth-child(2n) .kuai{ float:right}

.developcon li:nth-child(2n) .kuai:after{content:"";width:0;height:0;border-right:8px solid #EFF8FF;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:none;position:absolute;top:25px;right:auto;left:-8px;}

.erhang , .sanhang{ margin-top:25px;}
.erhang li{ float:left; width:49%; margin-right:2%}
.erhang li:nth-child(2){margin-right:0;}
.erhang li img{ width:100%; height:auto}

.sanhang li{ float:left; width:32%; margin-right:2%}
.sanhang li:nth-child(3n){margin-right:0;}
.sanhang li img{ width:100%; height:auto}

.honor li{ float:left; width:18%; margin-right:2%; border:solid 1px #e8e8e8; text-align:center; overflow:hidden; padding-bottom:15px; margin-bottom:20px;}
.honor li:nth-child(5n){margin-right:0;}
.honor li img{ width:100%; height:auto}
.honor li span{ height:400px; overflow:hidden; width:98%}

.honor a img{cursor:pointer; transition:all 1.5s}
.honor a:hover img{transform:scale(1.1);}

.huoban li{ float: left; width:23.5%; margin-right:2%; margin-bottom:2%; border:solid 1px #e8e8e8; line-height:28px; text-align:center; padding-bottom:12px; margin-left:-2.72px;}
.huoban li span{ height:50px; display:block; }
.huoban li img{ width:100%; height:auto;}
.huoban li:nth-child(4n){ margin-right:0}
.huoban li:nth-child(4n+1){ clear:both;  margin-left:0;}


.newslist { border-top: solid 1px #e8e8e8;}
.newslist li{ padding-bottom:20px; padding-top:20px;border-bottom: solid 1px #e8e8e8;}
.newslist li .left{ float:left; width:22%;overflow:hidden; height:160px;}
.newslist a img{cursor:pointer; transition:all 1.5s; width:100%; height:auto}
.newslist a:hover img{transform:scale(1.1);}
.newslist li .you{float:right; width:75%;}
#nmain .intro .newslist li .you h3 a{ line-height:45px; color:#181818;}
#nmain .intro .newslist li .you h3 a:hover{color:#0092d4;}
#nmain .intro .newslist li .you p{ color:#b3b3b3; line-height:26px; height:52px; overflow:hidden;margin-bottom:10px;}


.sollist{ border-top: solid 1px #e8e8e8;}
.sollist li{ padding-bottom:20px; padding-top:20px;border-bottom: solid 1px #e8e8e8;}
.sollist li .left{ float:left; width:22%;overflow:hidden; height:250px;border: solid 1px #e8e8e8;}
.sollist img{cursor:pointer; transition:all 1.5s; width:100%; height:auto}
.sollist  img:hover{transform:scale(1.1);}
.sollist li .you{float:right; width:75%;}
#nmain .intro .sollist li .you h3{ line-height:45px; color:#0092d4; font-weight:bold}
#nmain .intro .sollist li .you h3 {color:#0092d4;}
#nmain .intro .sollist li .you p{ color:#999; line-height:26px; margin-bottom:10px;}

#nmain .videolist { border-top: solid 1px #e8e8e8;}
#nmain .videolist li{ float:left; width:23.5%; margin-right:2%; border: solid 1px #e8e8e8; margin-bottom:20px;margin-top:20px;margin-left:-3px; text-align:center;overflow:hidden; padding-bottom:12px;}
#nmain .videolist li:nth-child(4n){margin-right:0;}
#nmain .videolist li:nth-child(4n-3){margin-left:0px}
#nmain .videolist a span {overflow:hidden; height:168px; display:block}
#nmain .videolist a img{cursor:pointer; transition:all 1.5s; width:100%; height:auto}
#nmain .videolist a:hover img{transform:scale(1.1);}

#nmain .biao h3{line-height:50px; font-size:30px; color:#181818; font-weight:bold; text-align:center}
#nmain .biao p{ color:#b3b3b3; line-height:26px; margin-bottom:10px;text-align:center}
#nmain .xiang .img{ border: solid 1px #e8e8e8; text-align:center; padding:50px; background-color:#fbfbfb; margin-bottom:20px;}

#nmain .xiang img{ width:auto; max-width:100%;}
.shangxia{ margin-top:70px; line-height:32px;border: solid 1px #e8e8e8; padding:15px; background-color:#fbfbfb;}
#nmain .intro .san { margin-top:25px; text-align:center; margin-bottom:50px;}
#nmain .intro .san li{ float:left; width:28%; margin-right:2%; background-color:#fafafa; padding:4% 2%; line-height:28px; padding-top:140px;}
#nmain .intro .san li:nth-child(3){margin-right:0;}
#nmain .intro .san li:nth-child(1){background:url(../images/job1.png) no-repeat  center 30px #fafafa;}
#nmain .intro .san li:nth-child(2){background:url(../images/job2.png) no-repeat  center 30px #fafafa;}
#nmain .intro .san li:nth-child(3){background:url(../images/job3.png) no-repeat  center 30px #fafafa;}

#nmain .intro .san li:nth-child(1):hover{background:url(../images/job1_h.png) no-repeat  center 30px #0092d4; color:#fff;}
#nmain .intro .san li:nth-child(2):hover{background:url(../images/job2_h.png) no-repeat  center 30px #0092d4;color:#fff;}
#nmain .intro .san li:nth-child(3):hover{background:url(../images/job3_h.png) no-repeat  center 30px #0092d4;color:#fff;}


#nmain .intro .si { margin-top:25px; text-align:center; margin-bottom:50px;}
#nmain .intro .si li{ float:left; width:23.5%; margin-right:2%;}
#nmain .intro .si li:nth-child(4){margin-right:0;}
#nmain .intro .si li img{ width:100%; height:auto}

.hr_title { font-size:15px; text-align:center; margin-top:20px}

.biaotitle{ line-height:55px; font-size:16px; text-align:center; border-bottom:solid 1px #ececec; background-color:#0092d4; color:#fff}
.fabulist{line-height:50px;font-size:14px;text-align:center;border-bottom:solid 1px #ececec; color:#666  ; background-color:#fcfcfc}

.zhiwei{ width:23%;}
.didian{ width:20%}
.leibie{ width:20%}
.renshu{ width:20%}
.fabushijian{ width:17%}

.fabulist a{ color:#0079C5;}
.fabulist a:hover{ text-decoration: underline;}


#nmain .intro .lianxi { margin-bottom:70px;}
#nmain .intro .lianxi ul li{ float:left; width:21.5%; margin-right:2%;font-size:16px; line-height:21px; border: solid 1px #cacaca; padding:2% 1%; text-align:center; min-height:270px;}
#nmain .intro .lianxi ul li:nth-child(2){margin-left:-3px;}
#nmain .intro .lianxi ul li:nth-child(3){margin-left:-3px;}
#nmain .intro .lianxi ul li:nth-child(4){margin-right:0; margin-left:-3px;}
#nmain .intro .lianxi ul li img{ display:block; margin:0 auto 12px auto}


.message-con-1{ float:left; width:50%; margin-bottom:25px}
.message-con-1 .tit{ float:left; color:#666; margin-right:15px; width:100px; font-size:15px; padding-top:7px; text-align:right}
.message-con-1 .input-m{ width: 65%; padding:2%; border:1px solid #ccc; outline:none; transition:.3s;-webkit-transition:.3s;-moz-transition:.3s}
.message-con-1 .input-m:hover{ border:1px solid #0092d4}
.message-con-2{ width:100%; margin-bottom:25px;}
.message-con-2 .tit{ float:left;color:#666; margin-right:15px; width:100px; font-size:15px; text-align:right;padding-top:7px;}
.message-con-2 textarea{ padding:10px; border:1px solid #ccc;width:740px; outline:none;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s}
.message-con-2 textarea:hover{border:1px solid #0092d4}
.message-con-2 .input-m{ width:300px; padding:10px;border:1px solid #ccc; outline:none; transition:.3s;-webkit-transition:.3s;-moz-transition:.3s}
.message-con-2 .input-m:hover{border:1px solid #0092d4}
.message-con-2 .submint-m{ background:#0092d4; color:#fff; text-align:center; width:100px; line-height:40px; border:none;  margin-right:10px; cursor:pointer}
.message-con-2 .submint-m:first-child{ margin-left:115px;}

.fuwulist { border-top: solid 1px #e8e8e8;}
.fuwulist li{ padding-bottom:15px; padding-top:15px;border-bottom: solid 1px #e8e8e8;background:url(../images/dian.jpg) no-repeat left center; padding-left:15px;}
#nmain .intro .fuwulist li p{ margin-bottom:0; padding-bottom:0px; clear: both;}
#nmain .intro .fuwulist li a .more{ float:right; padding:4px 15px; line-height:20px; border:solid 1px #e8e8e8; background-color:#e8e8e8}
#nmain .intro .fuwulist li a:hover .more{ background-color:#0093d4; color:#fff;}


#nmain .intro .siges { text-align:center; margin-bottom:50px;}
#nmain .intro .siges li{ float:left; width:23.3%; margin-right:2%; border:solid 1px #e8e8e8; padding-bottom:10px; margin-bottom:20px;}
#nmain .intro .siges li:nth-child(4n){margin-right:0;}
#nmain .intro .siges li img{ width:100%; height:auto}
#nmain .intro .siges h3{ color:#0093d4; font-weight:bold}

#nmain .intro .siges li span{ height:195px; overflow:hidden; display:block; margin-bottom:12px;}
#nmain .intro .siges a img{cursor:pointer; transition:all 1.5s}
#nmain .intro .siges a:hover img{transform:scale(1.1);}

.piao { float:left; margin-right:40px;border:solid 1px #e8e8e8; text-align:center;background-color:#fbfbfb; }


#nmain .intro .prolist { text-align:center; margin-bottom:50px;}
#nmain .intro .prolist li{ float:left; width:23.3%; margin-right:2%; border:solid 1px #e8e8e8; padding-bottom:15px; overflow:hidden; margin-bottom:20px}
#nmain .intro .prolist li:nth-child(4n){margin-right:0;}
#nmain .intro .prolist li:nth-child(4n+1){ clear:both}
#nmain .intro .prolist li img{ width:100%; height:auto}
#nmain .intro .prolist h3{ color:#0093d4; line-height:25px; padding:5px; font-weight:bold}


#nmain .intro .prolist li span{ height:220px; overflow:hidden; display:block; margin-bottom:12px;}
#nmain .intro .prolist a img{cursor:pointer; transition:all 1.5s}
#nmain .intro .prolist a:hover img{transform:scale(1.1);}


#nmain .cpxiangright .lianxi { margin-bottom:30px; margin-top:60px;}
#nmain .cpxiangright .lianxi ul li{ float:left; width:21.5%; margin-right:2%;font-size:16px; line-height:21px; border: solid 1px #cacaca; padding:2% 1%; text-align:center; min-height:220px;}
#nmain .cpxiangright .lianxi ul li:nth-child(2){margin-left:-3px;}
#nmain .cpxiangright .lianxi ul li:nth-child(3){margin-left:-3px;}
#nmain .cpxiangright .lianxi ul li:nth-child(4){margin-right:0; margin-left:-3px;}
#nmain .cpxiangright .lianxi ul li img{ display:block; margin:0 auto 12px auto}


#nmain .intro .small .xiaoyi01{display:none;position:absolute; z-index:9999999; clear:both; margin-top:-453px;}
#nmain .intro .small .xiaoyi02{display:none;position:absolute; z-index:9999999; clear:both; margin-top:-453px}
#nmain .intro .small .bian{ padding:3px; border:solid 1px #e8e8e8; float:left; margin-right:15px}
#nmain .intro .small .bian:hover{  border:solid 1px #0093d4;}
#nmain .intro .small img{border:solid 1px #e8e8e8;}


#preview{ float:none; width:100%; max-width:500px}
.jqzoom{ width:100%; height:auto; position:relative;}

.zoomdiv{ left:859px; height:550px; width:550px;}
.list-h li{ float:left;}
#spec-n5{width:100%; height:56px; padding-top:6px; overflow:hidden;}
#spec-left{ background:url(images/left.gif) no-repeat; width:10px; height:60px; float:left; cursor:pointer; margin-top:5px;}
#spec-right{background:url(images/right.gif) no-repeat; width:10px; height:45px; float:left;cursor:pointer; margin-top:5px;}
#spec-list{ width:90%; float:left; overflow:hidden; margin-left:2px; display:inline;}
#spec-list ul li{ float:left; margin-right:0px; display:inline; width:62px;}
#spec-list ul li img{ padding:2px ; border:1px solid #ccc; width:50px; height:50px;}

/*jqzoom*/
.jqzoom{position:relative;padding:0;}
.zoomdiv{z-index:100;position:absolute;top:1px;left:0px;width:550px;height:550px;background:url(i/loading.gif) #fff no-repeat center center;border:1px solid #e4e4e4;display:none;text-align:center;overflow: hidden;}
.bigimg{width:800px;height:800px;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;border:1px solid #aaa;background:#FEDE4F 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}

#spec-list div{ margin-top:0;margin-left:-30px; *margin-left:0;}

#nmain .cpxiangleft{ float:left; width:45%;}
#nmain .cpxiangright{ float:right; width:52%;}
#nmain .cpxiangright h2{ font-weight:bold; font-size:22px; padding-bottom:20px; color:#0093d4;border-bottom:solid 1px #e8e8e8; }
#nmain .cpxiangright h1{ line-height:60px ; font-weight:bold; font-size:18px;}
#nmain .cpxiangright p{ line-height:28px;}
#nmain .cpxiangright h3{ font-weight:bold; color:#333; margin-top:15px; line-height:40px;}

#nmain .title002 h3{ line-height:60px; font-weight:bold;font-size:24px; color:#181818; margin-bottom:15px; border-bottom:solid 1px #e8e8e8}

#guestbook{ padding:30px; background-color:#fcfcfc; margin-top:40px; border:solid 5px #ececec;}



.black_overlay {
	Z-INDEX: 1001; POSITION: fixed; FILTER: alpha(opacity=5); BACKGROUND-COLOR: black; WIDTH: 100%; DISPLAY: none; HEIGHT: 100%; TOP: 0%; LEFT: 0%; -moz-opacity: 0.5; opacity: 0.5
}

.www_zzjs_net {
	Z-INDEX: 1002; POSITION: fixed; BACKGROUND-COLOR: white; WIDTH: 40%;  DISPLAY: none; OVERFLOW: hidden; TOP: 20%; left:30%;  -webkit-border-radius: 25px; -moz-border-radius: 25px;border-radius:25px;
}
.www_zzjs_net .biaoyi{-webkit-border-radius: 15px 15px 0 0; -moz-border-radius:  15px 15px 0 0;border-radius: 15px 15px 0 0; border-bottom:1px solid #E6E6E6;height:50px; }
.www_zzjs_net .biaoyi .zuo{ float:left; width:70%; }
.www_zzjs_net .biaoyi .you{ float:right; width:20%; text-align:right; line-height:50px; font-size:14px; padding-right:20px;}
.www_zzjs_net .biaoyi h3{ line-height:50px; font-size:20px; padding-left:20px;}
.www_zzjs_net .videoclass{ margin:3%;min-height:55px;}


.hanger li{ float:left; width:48%; margin-right:4%;}
.hanger li img{ width:100%; height:auto}
.hanger li:nth-child(2){margin-right:0}


.hanger:nth-child(1) { border-top: solid 1px #e8e8e8; padding-top:20px;}


.hanger02 li{ float:left; width:35%;}
.hanger02 li img{ width:100%; height:auto}
.hanger02 li:nth-child(2){margin-right:0; width:60%}
.hanger02 li .bany{ width:80%; height:auto}


.proxiangconn table{ border-bottom:solid 1px #999; border-right:solid 1px #999; line-height:32px; margin-top:12px; line-height:25px;}
.proxiangconn td{ border-top:solid 1px #999;border-left:solid 1px #999; color:#333; padding:5px 12px;}

.proxiangconn table tr:nth-child(2n) td{ background-color:#fff}
.proxiangconn table tr:nth-child(2n-1) td{ background-color:#edf9ff}
.proxiangconn table tr:first-child td{ background-color:#0093d4; color:#fff; font-weight:bold; line-height:30px; font-size:16px;}


.yyly{ margin:30px auto 80px auto}
.yyly .title{line-height: 60px;text-align: center;font-size: 32px;color: #181818;margin-bottom: 15px; font-weight:bold}



.yyly .conn li{ float:left; width:32%; margin-right:2%; margin-bottom:2%; position:relative}
.yyly .conn li:nth-child(1), .yyly .conn li:nth-child(2){ width:49%}
.yyly .conn li:nth-child(2), .yyly .conn li:last-child{ margin-right:0}
.yyly .conn li:nth-child(3){ clear:both; }

.yyly .conn li .info{ position:absolute; width:100%; height:100%; background-color:rgba(0,0,0,0.5); left:0; top:0;}
.yyly .conn li .info .inn{ position:absolute; bottom:10%; left:10%; width:80%; color:#fff; transition: all ease 0.7s;}
.yyly .conn li:hover .info .inn{ padding-left:15px; width:calc(80% - 15px)}
.yyly .conn li .info .inn .name{ font-size:24px; margin-bottom:10px;}

.yyly .conn li .info .inn .desc{ font-size:16px; margin-bottom:15px; line-height:25px; }
.yyly .conn li .info .inn .more::after { content: ""; display: inline-block; width: 7px; height: 7px; border-top: 1px solid #fff; border-right: 1px solid #fff; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); vertical-align: 1px; }


.yyly .conn li .pic{ overflow:hidden; width:100%}

.yyly .conn li a .pic img{cursor:pointer; transition:all 1.5s; width:100%; display:block}
.yyly .conn li:hover img{transform:scale(1.1); }



.yyly .conn li a .wenzi{ line-height:60px; font-size:16px; text-align:center; color:#666; background-color:#f0f2f7; }
.yyly .conn li:hover .wenzi{ background-color:#0093d4; color:#fff}

.yinyong{background-color: #F9F9F9;border-bottom: solid 1px #E6E9EA;}
.yinyong .yyleft{ float:left; width:50%}
.yinyong .yyleft img{ width:100%; height:auto; display:block }
.yinyong .yyright{ float:right; width:44%; padding:4% 3%;}
.yinyong .yyright h3{ line-height:30px; margin-bottom:20px; font-size:20px; font-weight:bold; color:#333 }
.yinyong .yyright p{ line-height:32px; font-size:16px; color:#666}

.map{ margin-top:40px}
#allmap{width: 100%;height:350px;background: #ccc;border:1px solid #ddd;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.BMap_bubble_title{ white-space:normal !important;color: #CC5522; font-weight:bold; font-size:16px; margin-bottom:5px}
#container{ width:100%; height:420px;border:1px solid #ddd;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.content-window-card {
		position: relative;
		box-shadow: none;
		bottom: 0;
		left: 0;
		width: auto;
		padding: 0;
	}

.content-window-card p {
	height: 2rem;
}

.custom-info {
	border: solid 1px silver;
}

div.info-top {
	position: relative;
    background: none repeat scroll 0 0 #F9F9F9;
    border-bottom: 1px solid #CCC;
    border-radius: 5px 5px 0 0;
}
div.info-top div {
	display: inline-block;
	color: #333333;
	font-size: 14px;
	font-weight: bold;
	line-height: 31px;
	padding: 0 10px;
}
	
div.info-top img {
	position: absolute;
	top: 10px;
	right: 10px;
	transition-duration: 0.25s;
}
div.info-middle {
    font-size: 12px;
    padding: 10px 6px;
    line-height: 20px;
	background:#fff;
}
div.info-bottom {
	height: 0px;
	width: 100%;
	clear: both;
	text-align: center;
}

div.info-bottom img {
	position: relative;
	z-index: 104;
}

.info-middle img {
	float: left;
	margin-right: 6px;
}




#wrapper{ width:100%;  margin:0 auto;}
.titleh3{ height:70px; line-height:70px; text-align:center; background:url(../images/ico/dot.gif) repeat-x left bottom; width:910px; margin:0 auto; font-size:26px; color:#000;}
.titleh4{text-align:center; font-size:12px; color:#000; font-weight:normal; padding:10px 0 20px 0px;}

.imgnav{ width:100%; margin:10px auto;}
#content{margin:0px auto;  line-height:19px;}
#content p{ text-indent:2em; color:#333;}

.imgnav{  position:relative; margin:0 auto; width:100%;}
#img{ z-index:10; width:100%; position:relative; text-align:center; border:solid 1px #ddd;}
#img img{ width:100%; height:auto; display:none;}
#front{ position:absolute; left:0px; top:0px; z-index:10; cursor:pointer;  width:394px; height:578px; background:url(../images/ico/blank.gif); }
#front a{  position:absolute; left:20px; top:45%;display:block; background:url(../images/ico/imgSlideLeft.png) no-repeat; background-size:cover;  width:65px; height:65px; display:none;}
#next{  position:absolute; right:0px; top:0px; z-index:10;cursor:pointer; width:394px; height:578px;  background:url(../images/ico/blank.gif);}
#next a{  position:absolute; right:20px; top:45%; display:block; background:url(../images/ico/imgSlideRight.png) no-repeat; background-size:cover; width:65px; height:65px; display:none;}

#cbtn{position:relative;}
#cbtn ul{position:relative; width:10000px;}
#cbtn ul li{ float:left; padding:0; width:65px; cursor:pointer; text-align:center; margin-right:10px; position:relative; border:solid 1px #ddd;}
#cbtn ul li img{ width:100%; height:auto; display:block;}
#cbtn li.hov{ border:solid 2px #e25204}
.ctrl div{ clear:both;}
#cSlideUl{width:86%;overflow:hidden; position:relative; top:10px; margin:0 auto;}
.picSildeLeft{cursor:pointer; position:absolute; top:10px; left:0px; z-index:9;}
.picSildeRight{cursor:pointer; position:absolute; top:10px; right:0px; z-index:9;}



.ship{ width:100%; display:block; margin:0 auto; border:none}


.ship02{ width:49%; display:block; margin:0 auto; border:none; float:left}
.ship02:nth-child(2){ float:right}