@charset "utf-8";
/* CSS Document */
@font-face {font-family:Helvetica; src:url(/skins/Helvetica%20Neue%20CE%2055%20Roman.ttf);}
@font-face {font-family:"思源黑体"; src:url(/skins/SourceHanSansCN-Regular.otf);}
body,h1,h2,h3,h4,h5,h6,p,ul,li,form,button,input,textarea,th,td,table,a,em,span,img,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0px;padding:0px;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{ display:block;}
body,button,input,select,textarea{font-family:Arial,"思源黑体","黑体"; font-size:14px; color:#331115; line-height:24px; outline:none; }
h1,h2,h3,h4,h5,h6,select{font-size:14px; font-weight:normal; font-style:normal;}
em{ font-style:normal;}
ul,li{list-style:none;}
input,select,img{ border:none; vertical-align:middle;}
p{word-wrap:break-word}
a{text-decoration:none; color:#5b5b5b;}
a span,a em{ cursor:pointer;}
.clearfix{zoom:1;}
.clearfix:after{content:".";display:block;clear:both;height:0;overflow:hidden;visibility:hidden;}
.floatl{ float:left;}
.floatr{ float:right;}
.textl{ text-align:left;}
.textc{ text-align:center;}
.textr{ text-align:right;}
body{padding-top:100px;min-width:1000px;}

.head{ position:fixed; left:0; right:0; top:0; background:#fff; z-index:999; border-bottom:solid 1px #f0f0f0; overflow:hidden;}
.backold{position:absolute;right:3.125%;top:5px;font-size:14px;color:#666;}
.head .logo{ position:absolute; left:3.125%; top:0; height:100%;}
.head .logo img{ display:block; height:100%;}
.head .nav{ padding-top:20px; text-align:center; font-size:18px; line-height:80px;}
.head .nav a{ color:#666; margin:0 1.46%; transition:color 0.35s ease-out;-webkit-transition:color 0.35s ease-out;-moz-transition:color 0.35s ease-out;-ms-transition:color 0.35s ease-out;-o-transition:color 0.35s ease-out;}
.head .nav a:hover,.head .nav a.cur{ color:#32c1cf; font-weight:bold;}
.head h1{position:absolute; bottom:0; right:3.125%; font-size:20px; line-height:80px; font-weight:bold; background:url(/skins/newimage/tel_bg.png) no-repeat left center; color:#32c1cf;letter-spacing:1px; padding-left:50px;}
@media only screen and (max-width: 1200px) {
body{padding-top:82px;}
	.head{ min-width:1000px;}
	.head .nav{ font-size:16px; line-height:72px; padding-top:10px;}
	.head h1{ font-size:18px; line-height:72px;}
	}
@media only screen and (max-width: 980px) {
body{padding-top:70px;}
	.head{ min-width:780px;}
	.head .nav{ font-size:14px; line-height:60px; padding-top:10px;}
	.head h1{ font-size:15px; line-height:60px;}
	}
/*案例*/
.al{ width:93.75%; margin:auto; padding-top:40px;-webkit-animation:cIn 1s 1s both; -moz-animation:cIn 1s 1s both; animation:cIn 1s 1s both;}
.al ul{ width:100%;position:relative;}
.al ul li{ float:left; width:30.4%; margin:0 1.46%;}
.al ul li.big{ width:62.26%;}
.al ul li a{ display:block; background:#fff; overflow:hidden;-webkit-transition:background-color 0.3s; -moz-transition:background-color 0.3s;transition:background-color 0.3s;}
.al ul li a span{ display:block; position:relative; overflow:hidden;}
.al ul li a span img{display:block; width:100%;-webkit-transition:-webkit-transform 0.3s; -moz-transition:-moz-transform 0.3s; transition:transform 0.3s; -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}
.al ul li a span h1{ display:block; position:absolute; width:100%; height:40px; font-size:14px; color:#ccc; bottom:-40px; left:0; line-height:40px; background:rgba(0,0,0,0.5); background:#666\9; text-indent:20px; z-index:3;-webkit-transition:bottom 0.3s; -moz-transition:bottom 0.3s; transition:bottom 0.3s; }
.al ul li a em{ padding:20px; line-height:30px; display:block;}
.al ul li a em h1{ font-size:18px; color:#333; width:100%; overflow:hidden; height:30px;-webkit-transition:color 0.3s; -moz-transition:color 0.3s; transition:color 0.3s;}
.al ul li a em h2{ font-size:14px; color:#999; width:100%; overflow:hidden; height:30px;-webkit-transition:color 0.3s; -moz-transition:color 0.3s; transition:color 0.3s;}
.al ul li a:hover{background-color:transparent;}
.al ul li a:hover em h1,.al ul li a:hover em h2{color:#fff;}
.al ul li a:hover span h1{bottom:0;}
.al ul li a:hover span img{-webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1);}
.al ul li a:hover span:before{opacity:1; filter:alpha(opacity=100); zoom:1;}
.al ul li a:hover span:after{opacity:1; filter:alpha(opacity=100); zoom:1; -webkit-transform:scale(1); -moz-transform:scale(1); transform:scale(1);}




@-webkit-keyframes cIn{
	from{opacity:0; -webkit-transform:translate3d(0,30px,0);}
}
@-moz-keyframes cIn{
	from{opacity:0; -moz-transform:translate3d(0,30px,0);}
}
@keyframes cIn{
	from{opacity:0; transform:translate3d(0,30px,0);}
}
.foot1{ width:93.75%;min-width:1000px; margin:auto; padding:30px 0 0;height:220px; color:#666; border-top:solid 1px #ddd;}
.foot1 .floatl h1{ font-size:18px; line-height:18px; margin-bottom:75px;}
.foot1 .floatl h2{ font-size:36px; line-height:36px;font-family:Helvetica;}
.foot1 .floatl h3{ font-size:16px; line-height:20px; margin-bottom:15px;}
.foot1 .floatr .ewm .floatr{width:120px;}
.foot1 .floatr .ewm .floatr img{display:block;}
.foot1 .floatr .ewm .floatr span{display:block;text-align:center;font-size:12px;line-height:40px;}
.foot1 .floatr .copyright{font-size:16px;line-height:40px;}
.foot1 .floatr .copyright a{color:#666;}
/*contact*/
.banner3{ width:100%; position:fixed;left:0;top:80px;background-size:cover;background-repeat:no-repeat;background-position:center top;}
.banner3.cur{position:absolute;}
.banner4{ width:100%; position:relative; overflow:hidden;}
.banner4 div{ position:absolute; box-sizing:border-box; left:50%; transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);-webkit-transform:translateX(-50%); bottom:50px; color:#fff;white-space:nowrap;}
.banner4 div h1{ font-size:48px; line-height:66px; height:66px;}
.banner4 div h3{ margin-top:25px; font-size:60px; line-height:60px; height:60px; font-family:Helvetica;}
.contact{ width:100%; background:#fff;}
/*.contact .center{ margin:auto; padding-top:70px; width:78.96%;min-width:900px;}*/
.contact .center{ margin:auto; padding-top:70px; width:90%;min-width:900px;}
.contact .cleft{ width:18.2%; float:left;}
.contact .cleft div{ width:180px; margin-right:12%;}
.contact .cleft div img{ display:block; margin:auto;}
.contact .cleft div h1{ line-height:30px; font-size:30px; font-weight:bold; color:#666; text-align:center; margin-top:20px;}
.contact .cleft div h2{ line-height:36px; font-size:18px; font-weight:bold; color:#666; text-align:center; margin-bottom:70px;}
.contact .cright{ width:81.8%; float:right;}
.contact .cright .floatl{ width:40%; height:230px; margin:0 5%;}
.contact .cright .floatl h1{ width:100%; font-size:20px; font-weight:bold; color:#333; line-height:40px; height:40px; border-bottom:solid 1px #ddd; margin-bottom:20px;}
.contact .cright .floatl h2{ font-size:18px; line-height:36px; color:#666;}
.contact .cright .floatl .clearfix div{ width:240px; float:left;}
.contact .cright .floatl .clearfix a{ width:98px; height:34px; display:block; float:left; border:solid 1px #ddd; font-size:16px; color:#666; margin-right:10px; margin-bottom:20px; border-radius:17px; text-align:center; line-height:34px; transition:all 0.35s;-webkit-transition:all 0.35s;}
.contact .cright .floatl .clearfix a:hover{ background:#32c1cf; border:solid 1px #32c1cf; color:#fff;}
/*news*/
.news{ width:93.75%; margin:auto; padding-top:20px;min-height:400px;}
.news .floatl{width:31.25%; margin-left:3.125%; background:#fff; margin-top:30px;}
.news .floatl.ts{margin-left:0;}
.news .floatl a,.news .floatl a img{ display:block;-webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.news .floatl a em{padding-bottom:56.2%;width:100%;height:0;display:block;overflow:hidden;}
.news .floatl a em img{width:100%;}
.news .floatl a span{ display:block; border:solid 1px #f2f2f2; border-top:none; line-height:24px; padding:16px 20px 20px 20px;-webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.news .floatl a span h1{ font-size:18px; color:#333; overflow:hidden; height:24px;-webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.news .floatl a span h2{ font-size:14px; color:#999; height:48px; overflow:hidden; margin:10px 0 26px 0;-webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.news .floatl a span h3{ font-size:14px; color:#999; height:24px; overflow:hidden;-webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.news .floatl a:hover{ background:#333;}
.news .floatl a:hover span{ border:solid 1px #333; border-top:none;}
.news .floatl a:hover span h1,.news .floatl a:hover span h2,.news .floatl a:hover span h3{ color:#fff;}
.content{ width:83.33%; margin:0 auto 60px auto; padding-top:100px;}
.content h1{ font-size:30px; color:#333; line-height:32px;}
.content h2{ font-size:18px; color:#999; line-height:28px; margin:20px 0;}
.content div{ padding:50px 6.25% 90px 6.25%; font-size:18px; line-height:32px; color:#666; background:#f8f8f8;min-height:300px;}
.content div p{overflow:hidden;-webkit-transition:4s; -moz-transition:4s; transition:4s;}
.content div img{width:100%;display:block;}
.tab{ width:93.75%; margin:auto; padding-top:40px;}
.tab a{ display:block; float:left; width:140px; height:50px; line-height:50px; text-align:center; border-radius:2px; font-size:14px; background:#fff; margin-right:20px;}
.tab a.cur{ background:#32c1cf; color:#fff;}
.header{height:420px;background-position:center center;background-repeat:no-repeat;overflow:hidden;position:relative;}
.dh{ width:100%; min-width:1240px; height:99px;position:relative;}
.dh a.logo{ padding-top:18px; left:60px; position:absolute;}
.dh .nav{ padding-top:50px; margin:auto; text-align:center;}
.dh .nav a{ font-size:18px; line-height:18px; color:#fff; margin:0 28px; transition:all 0.35s ease-out;}
.dh .nav a:hover,.head .nav a.cur{ color:#32c1cf; font-weight:bold;}
.dh h1{position:absolute; top:0; right:3.125%; height:74px; line-height:74px; font-size:20px; font-weight:bold; background:url(/skins/newimage/tel_bg.png) no-repeat 7px 46px; padding:25px 0 0 50px; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; color:#32c1cf;letter-spacing:1px;}
.header .center{width:83.33%;min-width:1000px;position:absolute;left:50%;bottom:20px; transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);-webkit-transform:translateX(-50%); color:#fff;}
.header .center h1{font-size:60px;line-height:1.27;font-weight:bold;}
.header .center h2{font-size:16px;line-height:2;}
.contents{width:83.33%;min-width:1000px;margin:auto;}
.contents .clearfix{padding:20px 0 10px;border-bottom:solid 1px #ddd;margin-bottom:20px;}
.contents .clearfix .floatl{line-height:20px;font-size:14px;color:#666;position:relative;width:50%;}
.contents .clearfix .floatl span{position:absolute;left:0;top:0;}
.contents .clearfix .floatl em{padding-left:80px;display:block;}
.contents .clearfix .floatr{line-height:28px;display:none;height:28px;width:98px;border:solid 1px #ddd;border-radius:4px;text-align:center;color:#666;font-size:14px;transition:all 0.35s;-webkit-transition:all 0.35s;}
.contents .clearfix .floatr:hover{background:#32c1cf; border:solid 1px #32c1cf; color:#fff;}
.contents .text_content{font-size:18px; line-height:32px; color:#666;padding:0 0 30px;}
.contents .min{min-height:400px;}
.contents .min img{width:100%;}
@media only screen and (max-width: 1600px){
.header .center h1{font-size:40px;}
.header .center h2{font-size:14px;}
}
@media only screen and (max-width: 1200px){
.header .center h1{font-size:32px;}
.header .center h2{font-size:12px;}
.contents .clearfix{padding:30px 0 20px;}
}
.updown{ position:fixed; right:40px; top:50%; margin-top:-120px; width:70px; height:210px; background:#f2f2f2;}
.updown a{ display:block; width:68px; height:68px; transition:all 0.5s;}
.updown .prev{ border:solid 1px #ccc; border-bottom:solid 1px #f2f2f2; background:url(/skins/newimages/prev.png) no-repeat; background-position:0 0;}
.updown .next{border:solid 1px #ccc; border-top:solid 1px #f2f2f2; background:url(/skins/newimages/next.png) no-repeat; background-position:-68px 0;}
.updown .back{cursor:pointer; border-top:solid 1px #f2f2f2; border-bottom:solid 1px #f2f2f2; border-left:solid 1px #ccc; border-right:solid 1px #ccc; text-align:center; line-height:68px; font-size:16px; color:#666;}
.updown .prev:hover{background-position:-68px 0; background-color:#333; border:solid 1px #333;}
.updown .next:hover{background-position:0 0; background-color:#333; border:solid 1px #333;}
.updown .back:hover{ background-color:#333; border:solid 1px #333; color:#fff;}
.about{ text-align:center; padding:80px 0 155px; width:680px; margin:auto;}
.about h1{ font-size:40px; color:#333; line-height:60px; margin-bottom:25px;}
.about h2{ font-size:18px; color:#999; line-height:36px;}
.about h3{ font-size:24px; color:#666; margin-top:42px; line-height:42px;}
.pp{ width:83.33%; margin:auto;}
.pp img{ width:33.3%;}
.ys{ width:83.33%; margin:auto;}
.ys h1{ line-height:40px; padding:98px 0 58px; font-size:36px; color:#333;}
.ys h1 span{ font-size:24px; color:#32c1cf; font-family:Helvetica; margin-left:10px; text-transform:uppercase;}
.ys .clearfix{ transition:all 1.5s; transform:scale(0,0); opacity:0;}
.ys .clearfix.cur{ transform:scale(1,1); opacity:1;}
.ys .clearfix div{ float:left; width:18.75%; margin:0 0 1.5625% 1.5625%; transition:all 1s;-webkit-transition:all 1.5s;}
.ys .clearfix div:hover{ transform: rotate3d(0,1,0,360deg);-webkit-transform: rotate3d(0,1,0,360deg);}
.ys .clearfix div:nth-child(5n+1){ margin-left:0;}
.ys .clearfix div img{ padding:6.66% 5%; max-width:90%; border:solid 1px #ddd; border-radius:5px;}
.ys h2{ text-align:center; line-height:28px; padding:20px 0 60px;}
.ys h2 a{ font-size:18px; color:#666;}
/*优势*/
.advantage{ position:relative; overflow:hidden;}
.advantage img{ display:block; width:100%; transition:all 0.35s;}
.advantage .position{ position:absolute; left:0; top:0; width:100%; height:100%;}
.advantage .position div{ position:relative; top:50%; transform:translateY(-50%);-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%); text-align:center; color:#fff;}
.advantage .position div h1{ font-size:72px; line-height:78px; margin-bottom:100px;}
.advantage .position div a{ display:block; margin:auto; box-sizing:border-box; width:220px; height:40px; border:solid 2px #fff; border-radius:4px; color:#fff; font-size:16px; line-height:36px;}
.advantage .position div a span{ margin-right:5px;}
.advantage1 .position{ background:url(/skins/newimages/bg2.png);}
.advantage2 .position{ background:url(/skins/newimages/bg3.png);}
.advantage3 .position{ background:url(/skins/newimages/bg4.png);}
.advantage4{ margin-bottom:3.125%; z-index:1; top:-1px;}
.advantage4 .position{ background:url(/skins/newimages/bg5.png);}
.advantage4 .position div h1{ margin-bottom:75px;}
.advantage4 .position div h1 span{ position:relative; margin-right:64px;}
.advantage4 .position div h1 span img{ position:absolute; left:100%; top:0; width:48px; height:48px; display:block; transform:translateY(-50%);-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%); margin-left:8px;}
.advantage .floatl{ width:50%; position:relative; overflow:hidden;}
.ad:hover>img{ transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);}
.advantages .title{ padding:95px 0 120px; text-align:center; color:#333;}
.advantages .title h1{ font-size:72px; line-height:78px; margin-bottom:75px;}
.advantages .title a{ display:block; margin:auto; box-sizing:border-box; width:220px; height:40px; border:solid 2px #666; border-radius:4px; color:#666; font-size:16px; line-height:36px;}
.advantages img{ display:block; margin:auto; width:60%;}
.advantage .more{ height:100%; position:absolute; width:50%; right:0; top:0; text-align:center; font-size:72px; background:#32c1cf; line-height:1;}
.advantage .more a{ display:inline-block; position:relative; top:50%; transform:translateY(-50%);-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%); color:#fff;}
@media only screen and (max-width: 1600px){
	.advantage .position div h1{ font-size:44px; line-height:48px; margin-bottom:62px;}
	.advantage .position div a{ width:138px; height:26px; line-height:24px; font-size:12px; border-width:1px; border-radius:2px;}
	.advantages .title{ padding:60px 0 75px;}
	.advantages .title h1{ font-size:44px; line-height:48px; margin-bottom:46px;}
	.advantages .title a{ width:138px; height:26px; line-height:24px; font-size:12px; border-width:1px; border-radius:2px;}
	.advantage4 .position div h1{ margin-bottom:46px;}
	.advantage4 .position div h1 span{ margin-right:40px;}
	.advantage4 .position div h1 span img{ width:30px; height:30px; margin-left:5px;}
	.advantage .more{ font-size:44px;}
	}
@media only screen and (max-width: 1200px){
	.advantage .position div h1{ font-size:37px; line-height:41px; margin-bottom:52px;}
	.advantage .position div a{ width:114px; height:22px; line-height:20px; font-size:12px; border-width:1px; border-radius:2px;}
	.advantages .title{ padding:49px 0 62px;}
	.advantages .title h1{ font-size:37px; line-height:41px; margin-bottom:39px;}
	.advantages .title a{ width:114px; height:22px; line-height:20px; font-size:12px; border-width:1px; border-radius:2px;}
	.advantage4 .position div h1{ margin-bottom:39px;}
	.advantage4 .position div h1 span{ margin-right:32px;}
	.advantage4 .position div h1 span img{ width:24px; height:24px; margin-left:4px;}
	.advantage .more{ font-size:37px;}
	}
.ban1{ width:93.75%; margin:auto;}
.zy{ width:93.75%; text-align:center; margin:auto; padding-bottom:44px;}
.zy h1{ font-size:52px; line-height:1; padding:100px 0 60px; color:#333;}
.zy .clearfix>div{ width:50%; box-sizing:border-box; padding:0 6%;}
.zy .clearfix>div div{ line-height:30px; font-size:16px; padding:9px 0; color:#666;}
@media only screen and (max-width: 1600px){
	.zy h1{ font-size:48px; padding:92px 0 55px;}
	.zy .clearfix>div{ padding:0 4%;}
	}
@media only screen and (max-width: 1200px){
	.zy{ padding-bottom:38px;}
	.zy h1{ font-size:36px; padding:72px 0 42px;}
	.zy .clearfix>div{ padding:0 2.5%;}
	.zy .clearfix>div div{ line-height:26px; font-size:14px; padding:7px 0;}
	}
.fwty{width:93.75%;margin:auto;}
.fwty>.clearfix>div{width:50%;}
.fwty .zy .clearfix>div{width:100%;}
.fwty .ban1{width:50%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;}
.fwty>.clearfix>.ban1.floatl{padding-right:20px;}
.fwty>.clearfix>.ban1.floatr{padding-left:20px;}
/*服务*/
.fw1{ text-align:center;}	
.fw1 h1{ font-size:80px; line-height:140px; color:#30b6c3; padding-top:174px;}
.fw1 h2{ font-size:20px; line-height:36px; color:#666; margin:70px 0 320px;}
.fw2{background:#f8f8f8; padding:138px 0 124px;}
.fw2 .center{ width:93.75%; margin:auto;}
.fw2 .center .floatl{ width:50%;}
.fw2 .center .floatl div{ width:72.5%; margin-left:7.5%;}
.fw2 .center .floatl div img{ width:69%; display:block;}
.fw2 .center .floatl div h1{ margin-top:52px; font-size:30px; color:#30b6c3; line-height:40px;}
.fw2 .center .floatl div h2{ margin:18px 0 40px; font-size:36px; line-height:48px; color:#333;}
.fw2 .center .floatl div h3{ font-size:20px; line-height:30px; color:#666;}
.fw3{ position:relative;}
.fw3 img{ width:100%;}
.fw3 .center{ width:100%; height:100%; position:absolute; top:0; left:0;}
.fw3 .floatl{ width:50%; height:100%; position:relative;}
.fw3 .floatl div{ padding-left:7.5%; width:60.42%; position:absolute; top:50%;transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);-webkit-transform:translateY(-50%);}
.fw3 .floatl div h1{ font-size:30px; line-height:56px; color:#ffffcc;}
.fw3 .floatl div h2{ font-size:36px; line-height:48px; color:#fff; margin:10px 0 40px;}
.fw3 .floatl div h3{ font-size:20px; line-height:30px; color:#fff;}

.fw4{ position:relative;}
.fw4 img{ width:100%;}
.fw4 .center{ width:100%; height:100%; position:absolute; top:0; left:0;}
.fw4 .floatr{ width:50%; height:100%; position:relative;}
.fw4 .floatr div{ padding-left:7.5%; width:60.42%; height:280px; position:absolute; top:50%; margin-top:-140px;}
.fw4 .floatr div h1{ font-size:30px; line-height:56px; color:#30b6c3;}
.fw4 .floatr div h2{ font-size:36px; line-height:48px; color:#333; margin:10px 0 40px;}
.fw4 .floatr div h3{ font-size:20px; line-height:30px; color:#666;}
@media only screen and (max-width: 1600px) and (min-width: 1200px) {
	.fw1 h1{ font-size:64px; line-height:112px; color:#30b6c3; padding-top:138px;}
	.fw1 h2{ font-size:16px; line-height:28px; color:#666; margin:56px 0 256px;}
	.fw2{ padding:110px 0 100px;}
	.fw2 .center .floatl div h1{ margin-top:42px; font-size:24px; color:#30b6c3; line-height:32px;}
	.fw2 .center .floatl div h2{ margin:14px 0 32px; font-size:28px; line-height:38px; color:#333;}
	.fw2 .center .floatl div h3{ font-size:16px; line-height:24px; color:#666;}
	.fw3 .floatl div h1{ font-size:24px; line-height:44px; color:#ffffcc;}
	.fw3 .floatl div h2{ font-size:28px; line-height:38px; color:#fff; margin:8px 0 32px;}
	.fw3 .floatl div h3{ font-size:16px; line-height:24px; color:#fff;}
	.fw4 .floatl div{ height:224px; margin-top:-112px;}
	.fw4 .floatl div h1{ font-size:24px; line-height:44px;}
	.fw4 .floatl div h2{ font-size:28px; line-height:38px; margin:8px 0 32px;}
	.fw4 .floatl div h3{ font-size:16px; line-height:24px;}
	}
@media only screen and (max-width: 1199px) {
	.fw1 h1{ font-size:48px; line-height:84px; color:#30b6c3; padding-top:104px;}
	.fw1 h2{ font-size:12px; line-height:22px; color:#666; margin:42px 0 192px;}
	.fw2{ padding:82px 0 74px;}
	.fw2 .center .floatl div h1{ margin-top:30px; font-size:18px; color:#30b6c3; line-height:24px;}
	.fw2 .center .floatl div h2{ margin:10px 0 24px; font-size:22px; line-height:28px; color:#333;}
	.fw2 .center .floatl div h3{ font-size:12px; line-height:18px; color:#666;}
	.fw3 .floatl div h1{ font-size:18px; line-height:34px; color:#ffffcc;}
	.fw3 .floatl div h2{ font-size:22px; line-height:28px; color:#fff; margin:6px 0 24px;}
	.fw3 .floatl div h3{ font-size:12px; line-height:18px; color:#fff;}
	.fw4 .floatl div{height:168px; margin-top:-84px;}
	.fw4 .floatl div h1{ font-size:18px; line-height:34px;}
	.fw4 .floatl div h2{ font-size:22px; line-height:28px; margin:6px 0 24px;}
	.fw4 .floatl div h3{ font-size:12px; line-height:18px;}
	}		
.qxdz{ width:93.75%; margin:auto;}
.qxdz .title{ padding:6.25% 0 3.125%; text-align:center;}	
.qxdz h1{ text-align:center; font-size:24px; font-family:Helvetica; color:#666;}	
.qxdz .clearfix{ padding:8.75% 0 6%;}
.qxdz .clearfix div{ width:33.33%; box-sizing:border-box; padding:0 2%; float:left; font-size:16px; line-height:30px; color:#666;}
.pads{padding-left:7% !important;}
@media only screen and (max-width: 1600px) and (min-width: 1200px) {
	.qxdz .clearfix div{ font-size:14px;}
	}
@media only screen and (max-width: 1199px) {
	.qxdz .clearfix div{ font-size:12px;}
	}
.number{ background:#f8f8f8;}
.mydiv{ width:93.75%; position:relative; margin:auto;}
.mydiv .IndexList{ padding:11.6875% 0 11.5625%; width:100%; display:table; position: relative; transition:all .8s ease-out 0s; -webkit-transition:all .8s ease-out 0s; -moz-transition:all .8s ease-out 0s; opacity:0; transform: translateY(100px);-webkit-transform: translateY(100px);-moz-transform:translateY(100px);}
.mydiv .IndexList.active{opacity:1;transform:translateY(0px);-webkit-transform:translateY(0px);-moz-transform:translateY(0px);}
.mydiv .IndexList ul{ font-size:0; text-align:center;}
.mydiv .IndexList li{ display:block; float:left; width:15.625%; margin:0 3.125%; text-align:center; position:relative;}
.mydiv .IndexList ul li:first-child{ margin-left:8.4375%;}
.mydiv .IndexList li span{ display:block; font-size:1.25vw; color:#333; line-height:3.33vw; border-top:solid 1px #ccc;}
.mydiv .IndexList li .jia{width:12.8%;position:absolute;left:100%;top:0;transform:translate(-50%,-50%);display:block;}
.mydiv .IndexList li .jia img{display:block;width:100%;}
.mydiv .IndexList li h1{ font-size:14px; color:#999; line-height:20px;}
.nub{ font-size:48px; color:rgba(0,0,0,0); display:inline-block;line-height:160px; height:160px;}
.NumContent{ height: inherit; display: inherit; overflow: hidden; position: relative; line-height: inherit; font-size: inherit;}
.NumContent>div{line-height: inherit; color: inherit; font-size: inherit; display: inline-block; background:url(/skins/newimages/number.png); background-size:100% 50%;width:62px;}
.NumContent>div>div{line-height: inherit; color: inherit; font-size: inherit;}
.NumContent>div:nth-child(1){
	transition: all 2s cubic-bezier(.35,.75,.55,1) 0s;
	-webkit-transition: all 2s cubic-bezier(.35,.75,.55,1) 0s;
	-moz-transition: all 2s cubic-bezier(.35,.75,.55,1) 0s;
}
.NumContent>div:nth-child(2){
	transition: all 2s cubic-bezier(.35,.75,.55,1) 0s;
	-webkit-transition: all 2s cubic-bezier(.35,.75,.55,1) 0s;
	-moz-transition: all 2s cubic-bezier(.35,.75,.55,1) 0s;
}
.NumContent>div:nth-child(3){
	transition: all 2s cubic-bezier(.35,.75,.55,1) 0s;
	-webkit-transition: all 2s cubic-bezier(.35,.75,.55,1) 0s;
	-moz-transition: all 2s cubic-bezier(.35,.75,.55,1) 0;
}
.NumContent>div:nth-child(4){
	transition: all 2s cubic-bezier(.35,.75,.55,1) 0s;
	-webkit-transition: all 2s cubic-bezier(.35,.75,.55,1) 0s;
	-moz-transition: all 2s cubic-bezier(.35,.75,.55,1) 0s;
}
.NumContent>div:nth-child(5){
	transition: all 2s cubic-bezier(.35,.75,.55,1) 0s;
	-webkit-transition: all 2s cubic-bezier(.35,.75,.55,1) 0s;
	-moz-transition: all 2s cubic-bezier(.35,.75,.55,1) 0s;
}
@media only screen and (max-width: 1600px) and (min-width: 1200px) {
	.nub{line-height:132px; height:132px;}
	.NumContent>div{ width:51px;}
	}
@media only screen and (max-width: 1199px) {
	.nub{line-height:88px; height:88px;}
	.NumContent>div{ width:34px;}
	}
.jm{ padding:8.75% 0 8%;}
.jm .clearfix{ width:93.75%; margin:auto;}
.jm .clearfix>div{ width:21.25%; float:left; transition:all 0.5s;transform:translateY(100px);-moz-transform:translateY(100px);-webkit-transform:translateY(100px); opacity:0;}
.jm .clearfix>div:first-child{ margin-left:12.875%;}
.jm .clearfix.cur>div{ transform:translateY(0);-moz-transform:translateY(0);-webkit-transform:translateY(0); opacity:1;}
.jm .clearfix.cur>div:nth-child(1){ transition-delay:0.3s;}
.jm .clearfix.cur>div:nth-child(2){ transition-delay:0.6s;}
.jm .clearfix.cur>div:nth-child(3){ transition-delay:0.9s;}
.jm .clearfix.cur>div:nth-child(4){ transition-delay:1.2s;}
.jm .clearfix>div img{ display:block;}
.jm .clearfix>div h1{ font-weight:bold; color:#333;}
.jm .clearfix>div div{color:#666;}
@media only screen and (min-width: 1601px) {
	.jm .clearfix>div img{ width:100px;}
	.jm .clearfix>div h1{ height:40px; line-height:40px; margin:33px 0 25px; font-size:30px;}
	.jm .clearfix>div div{ line-height:36px; font-size:18px;}
	}
@media only screen and (max-width: 1600px) and (min-width: 1200px) {
	.jm .clearfix>div img{ width:80px;}
	.jm .clearfix>div h1{ height:32px; line-height:32px; margin:26px 0 20px; font-size:24px;}
	.jm .clearfix>div div{ line-height:28px; font-size:14px;}
	}
@media only screen and (max-width: 1199px) {
	.jm .clearfix>div img{ width:60px;}
	.jm .clearfix>div h1{ height:24px; line-height:24px; margin:20px 0 15px; font-size:18px;}
	.jm .clearfix>div div{ line-height:22px; font-size:12px;}
	}
.yssn .center{ width:93.75%; margin:auto;}
.yssn .center .title{ padding:4.375% 0 5%; text-align:center; border-top:solid 1px #eaeaea;}
.yssn .center .title h1{ font-size:48px; height:48px; line-height:48px; color:#333;}
.yssn .center .title h2{ font-size:20px; line-height:42px; height:42px; color:#666;}
.yssn .clearfix{ margin-bottom:3.75%;}
.yssn .clearfix div{ float:left;box-sizing:border-box; width:20%; border-bottom:solid 1px #ddd; border-right:solid 1px #ddd; transition:all 0.35s ease-out; position:relative;}
.yssn .clearfix div:nth-child(5n+1){ border-left:solid 1px #ddd;}
.yssn .clearfix div:nth-child(-n+5){ border-top:solid 1px #ddd;}
.yssn .clearfix div img{position:relative; top:50%; transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);-webkit-transform:translateY(-50%); margin:auto; display:block;}
/*
.yssn .clearfix div:hover{ padding:10px;}
.yssn .clearfix div:after{ content:""; position:absolute; top:0; left:0; width:100%; height:100%;box-shadow:inset 0 0 0 0 #eee;-webkit-box-shadow:inset 0 0 0 0 #eee; transition:all 0.35s ease-out;}
.yssn .clearfix div:hover:after{box-shadow:inset 0 0 0 10px #f6f6f6;}
*/
.fy{width:93.75%;margin:auto;padding:60px 0 80px;text-align:right;}
.fy a,.fy span{display:inline-block;width:40px;height:40px;line-height:40px;text-align:center;background:#e8e8e8;font-size:18px;font-family:Helvetica;margin-left:10px;color:#333;}
.fy .current{color:#fff;background:#32c1cf;}
#pagehome,#pageend{display:none;}
.nian,.curYear,.years{font-style:normal;}