@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;}
html,body{height:100%; overflow:hidden;}

.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;}
.service{ width:100%; position:relative;margin-top:100px;}
@media only screen and (max-width: 1200px) {
	.head{ min-width:1000px;}
	.head .nav{ font-size:16px; line-height:72px; padding-top:10px;}
	.head h1{ font-size:18px; line-height:72px;}
.service{ margin-top:82px;}
	}
@media only screen and (max-width: 980px) {
	.head{ min-width:780px;}
	.head .nav{ font-size:14px; line-height:60px; padding-top:10px;}
	.head h1{ font-size:15px; line-height:60px;}
.service{margin-top:70px; }
	}
/*service*/
.service .clearfix{ width:100%; height:100%; overflow:hidden; position:absolute;left:0; top:0; background:#31c0ce; transition:all 1s;-webkit-transition:all 1s; transform:translate3D(0,100%,0);-moz-transform:translate3D(0,100%,0);-ms-transform:translate3D(0,100%,0);-webkit-transform:translate3D(0,100%,0);}
.service .clearfix:first-child{transform:translate3D(0,0,0);}
.service .clearfix .pic{ width:62%; height:100%; background-position:center center; background-size:cover;}
.service .clearfix .texts{ width:38%; height:100%; text-align:center; color:#fff; position:relative;}
.service .clearfix .texts div{ position:relative; padding:0 17%;top:50%; transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);-webkit-transform:translateY(-50%); color:#fff;}
.service .clearfix .texts h1{ font-weight:bold; font-size:48px; line-height:52px;}
.service .clearfix .texts h2{ line-height:52px; font-size:30px; margin:25px 0 80px;}
.service .clearfix .texts a{ color:#fff; display:block; font-size:24px; line-height:46px; width:198px; height:46px; border:solid 1px #fff; margin:auto; text-transform:uppercase;}
@media only screen and (max-width: 1600px) and (min-width: 1200px) {
	.service .clearfix .texts h1{ font-size:38px; line-height:42px;}
	.service .clearfix .texts h2{ font-size:24px; line-height:42px; margin:20px 0 64px;}
	.service .clearfix .texts a{ width:158px; height:36px; line-height:36px; font-size:20px;}
	}
@media only screen and (max-width: 1199px) {
	.service .clearfix .texts h1{ font-size:30px; line-height:32px;}
	.service .clearfix .texts h2{ font-size:18px; line-height:30px; margin:15px 0 48px;}
	.service .clearfix .texts a{ width:118px; height:26px; line-height:26px; font-size:14px;}
	}