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

html{ padding:0px; margin:0px; overflow-x:hidden;}
body{ padding:0px; margin:0px auto; font-family:Arial, "微软雅黑", "Microsoft YaHei";}
img{ border:0px;}
a{ text-decoration:none;}

#service{ width:100%; height:4587px; background:url(../images/service_bg.jpg) no-repeat top center; margin:0px auto;}

#service_1{ width:1342px; height:516px; overflow:hidden; margin:0px auto;}

.s1_left{ width:590px; height:516px; float:left; overflow:hidden; position:absolute; z-index:2; top:50px;
filter:alpha(opacity=0); /* IE */ 
-moz-opacity:0; /* Moz + FF */ 
opacity: 0; /* 支持CSS3的浏览器（FF 1.5也支持）*/ 
}
#service_1 img{display:block;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true);}

.sl_left img{display:block;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true);}

.s1_right{ width:752px; height:516px; overflow:hidden; float:right; padding-top:235px; }

#s1_title{ color:#ffffff; font-size:22px; display:block; text-align:left; position:absolute; z-index:2; margin-top:-50px; margin-left:346px; top:260px;
-moz-opacity:0; /* Moz + FF */ 
opacity: 0; /* 支持CSS3的浏览器（FF 1.5也支持）*/ 
}

#s1_bd1{ font-size:28px; color:#ffffff;display:block;text-align:right;position:absolute; z-index:2; margin-top:-10px; margin-left:78px; top:280px;
-moz-opacity:0; /* Moz + FF */ 
opacity: 0; /* 支持CSS3的浏览器（FF 1.5也支持）*/ 
}
#s1_bd2{ font-size:28px; color:#ffffff;display:block;text-align:right;  position:absolute; z-index:2;  margin-top:35px; margin-left:160px; top:300px;
-moz-opacity:0; /* Moz + FF */ 
opacity: 0; /* 支持CSS3的浏览器（FF 1.5也支持）*/ 
}


#service_2{ width:1342px; height:773px; overflow:hidden; margin:0px auto; position:relative; z-index:2; }
#s2_img{ width:995px; height:707px; overflow:hidden; position:absolute; z-index:3;left:20%;

filter:alpha(opacity=0); /* IE */ 
-moz-opacity:0; /* Moz + FF */ 
opacity: 0; /* 支持CSS3的浏览器（FF 1.5也支持）*/ 
 }
 
 #s2_img img{ display:block;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true);}





#service_3{ width:1342px; height:733px; overflow:hidden; margin:0px auto; position:relative; z-index:2;}

#s3_left{ width:692px; padding-top:240px; float:left;position:relative; z-index:3; }

#s3_right{ width:650px; padding-top:97px;  overflow:hidden;  position:absolute; z-index:3; left:60%;
filter:alpha(opacity=0); /* IE */ 
-moz-opacity:0; /* Moz + FF */ 
opacity: 0; /* 支持CSS3的浏览器（FF 1.5也支持）*/  }


#s3_right img{ display:block;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true);}


#s3_t1{ font-size:40px; color:#0fcabf;/*padding-left:180px;*/ position:absolute; z-index:3; left:50%; margin-left:-170px; top:150px;
-moz-opacity:0; /* Moz + FF */ 
opacity: 0; /* 支持CSS3的浏览器（FF 1.5也支持）*/ 
}
#s3_t2{ font-size:20px; color:#0fcabf; text-transform:uppercase; position:absolute; z-index:3; left:50%; margin-left:100px; top:160px; 
 /* IE */ 
-moz-opacity:0; /* Moz + FF */ 
opacity: 0; /* 支持CSS3的浏览器（FF 1.5也支持）*/ 
}

#s3_bd{ font-size:14px;  color:#0fcabf; line-height:30px; display:block; width:475px; text-align:left; overflow:hidden; position:absolute; z-index:4;left:0px; top:270px;
-moz-opacity:0; /* Moz + FF */ 
opacity: 0; /* 支持CSS3的浏览器（FF 1.5也支持）*/ 

}

#s3_more{ width:170px; height:45px; overflow:hidden; display:block; overflow:hidden; position:absolute; z-index:3; top:400px; margin-left:180px;
-moz-opacity:0; /* Moz + FF */ 
opacity: 0; /* 支持CSS3的浏览器（FF 1.5也支持）*/
}
#s3_more a{ display:block; width:170px; height:45px; background-color:#0fcabf; color:#ffffff; line-height:45px; font-size:14px; text-align:center; cursor:pointer;}
#s3_more a:hover{width:168px; height:43px; border:1px solid #0fcabf; background-color:#ffffff; color:#0fcabf;}



.down{ width:1342px; height:60px; text-align:center; position:absolute; z-index:3; top:580px; margin:0px auto; cursor:pointer;}

.down2 {width:1342px; height:60px; text-align:center;  position:absolute; z-index:3; top:380px; margin:0px auto; cursor:pointer; -webkit-transform: rotate(-180deg); transform: rotate(-180deg); }



#service_4{ width:1342px; height:667px; overflow:hidden; margin:0px auto; position:relative; z-index:2;}
#s4_left{ width:670px; height:auto;  position:absolute; z-index:3; left:100px;
filter:alpha(opacity=0); /* IE */ 
-moz-opacity:0; /* Moz + FF */ 
opacity: 0; /* 支持CSS3的浏览器（FF 1.5也支持）*/ 
}

#s4_left img{ display:block;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true);}

#s4_right{ width:670px; height:auto;  padding-top:140px; position:relative; z-index:3;  left:50%;}


#s4_t1{ font-size:40px; color:#ffffff; position:absolute; z-index:3; top:50px;
-moz-opacity:0; /* Moz + FF */ 
opacity: 0; /* 支持CSS3的浏览器（FF 1.5也支持）*/ 
}
#s4_t2{ font-size:20px; color:#ffffff; padding-left:10px; text-transform:uppercase;position:absolute; z-index:3; margin-left:320px; top:75px;
-moz-opacity:0; /* Moz + FF */ 
opacity: 0; /* 支持CSS3的浏览器（FF 1.5也支持）*/ 
}

#s4_bd{ font-size:14px;  color:#ffffff; line-height:30px; display:block; width:475px; text-align:left; overflow:hidden; padding-top:15px; position:absolute; z-index:3; top:190px; left:150px;
-moz-opacity:0; /* Moz + FF */ 
opacity: 0; /* 支持CSS3的浏览器（FF 1.5也支持）*/ 
}

#s4_more{ width:170px; height:45px; overflow:hidden; display:block; overflow:hidden; padding-top:25px; position:absolute; z-index:3; top:320px; 
-moz-opacity:0; /* Moz + FF */ 
opacity: 0; /* 支持CSS3的浏览器（FF 1.5也支持）*/ }
#s4_more a{ display:block; width:170px; height:45px; background-color:#ffffff; color:#0fcabf; line-height:45px; font-size:14px; text-align:center; cursor:pointer;}
#s4_more a:hover{width:168px; height:43px; border:1px solid #ffffff; background-color:#0fcabf; color:#ffffff;}

.cls4{ width:1342px; height:60px; text-align:center; margin:0px auto; margin-top:400px; cursor:pointer;}





#service_5{ width:1342px; height:700px; margin:0px auto;position:relative; z-index:2;}
#s5_left{ width:692px; padding-top:170px; float:left; position:relative; z-index:3; }
#s5_right{ width:650px; padding-top:27px; float:left; overflow:hidden; text-align:left; position:absolute; z-index:3; right:10%;filter:alpha(opacity=0); /* IE */ 
-moz-opacity:0; /* Moz + FF */ 
opacity: 0; /* 支持CSS3的浏览器（FF 1.5也支持）*/ }

#s5_right img{ display:block;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true);}

#s5_t1{ font-size:40px; color:#ec8e00; 
position:absolute; z-index:3; margin-left:-170px; left:50%; top:120px;
-moz-opacity:0; /* Moz + FF */ 
opacity: 0; /* 支持CSS3的浏览器（FF 1.5也支持）*/

}
#s5_t2{ font-size:20px; color:#ec8e00; padding-left:10px;text-transform:uppercase;position:absolute; z-index:3; left:50%; margin-left:80px; top:150px;
-moz-opacity:0; /* Moz + FF */ 
opacity: 0; /* 支持CSS3的浏览器（FF 1.5也支持）*/
 }

#s5_bd{ font-size:14px;  color:#454545; line-height:30px; display:block; width:475px; text-align:left; overflow:hidden; position:absolute; z-index:3; left:20px; top:210px; 
-moz-opacity:0; /* Moz + FF */ 
opacity: 0; /* 支持CSS3的浏览器（FF 1.5也支持）*/
}

#s5_more{ width:170px; height:45px; overflow:hidden; display:block; overflow:hidden; padding-left:180px; padding-top:25px;position:absolute; z-index:3; top:300px; 
-moz-opacity:0; /* Moz + FF */ 
opacity: 0; /* 支持CSS3的浏览器（FF 1.5也支持）*/}

#s5_more a{ display:block; width:170px; height:45px; background-color:#ffbc57; color:#ffffff; line-height:45px; font-size:14px; text-align:center; cursor:pointer;}
#s5_more a:hover{width:168px; height:43px; border:1px solid #ffbc57; background-color:#ffffff; color:#ffbc57;}

.cls5{width:1342px; height:60px; text-align:center; margin:0px auto;  margin-top:400px; cursor:pointer;}



#service_6{ width:1342px; height:667px;  margin:0px auto;position:relative; z-index:2;}
#s6_left{ width:670px; height:auto;  padding-top:40px;
 position:absolute; z-index:3; left:100px;
filter:alpha(opacity=0); /* IE */ 
-moz-opacity:0; /* Moz + FF */ 
opacity: 0; /* 支持CSS3的浏览器（FF 1.5也支持）*/ 

}

#s6_left img{ display:block;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true);}

#s6_right{ width:640px; height:auto; float:left; padding-top:140px; padding-left:30px; position:relative; z-index:3;  left:50%;}


#s6_t1{ font-size:40px; color:#ffffff;position:absolute; z-index:3; top:50px;
-moz-opacity:0; /* Moz + FF */ 
opacity: 0; /* 支持CSS3的浏览器（FF 1.5也支持）*/ 
}
#s6_t2{ font-size:20px; color:#ffffff;text-transform:uppercase;position:absolute; z-index:3; top:70px; margin-left:250px;
-moz-opacity:0; /* Moz + FF */ 
opacity: 0; /* 支持CSS3的浏览器（FF 1.5也支持）*/ 
}

#s6_bd{ font-size:14px;  color:#ffffff; line-height:30px; display:block; width:475px; text-align:left; overflow:hidden; position:absolute; z-index:3;  top:175px; left:30%;
-moz-opacity:0; /* Moz + FF */ 
opacity: 0; /* 支持CSS3的浏览器（FF 1.5也支持）*/ 
}

#s6_more{ width:170px; height:45px; overflow:hidden; display:block; overflow:hidden; padding-top:25px;  position:absolute; z-index:3; top:260px;
-moz-opacity:0; /* Moz + FF */ 
opacity: 0; /* 支持CSS3的浏览器（FF 1.5也支持）*/ 
}
#s6_more a{ display:block; width:170px; height:45px;  line-height:45px; font-size:14px; text-align:center; cursor:pointer; background-color:#ffffff; color:#ffbc57;}
#s6_more a:hover{width:168px; height:43px; background-color:#ffbc57; color:#ffffff; border:1px solid #ffffff; }

.cls6{ width:1342px; height:60px; text-align:center; margin:0px auto; margin-top:400px; cursor:pointer;}




#service_7{ width:1342px; height:auto; margin:0px auto; position:relative; z-index:2;}
#s7_left{ width:692px; padding-top:90px; float:left; position:relative; z-index:3;  }
#s7_right{
	width:650px;
	padding-top:47px;
	overflow:hidden;
	text-align:left;
	position:absolute;
	z-index:3;
	right:220px;
	filter:alpha(opacity=0); /* IE */
	-moz-opacity:0; /* Moz + FF */
	opacity: 0; /* 支持CSS3的浏览器（FF 1.5也支持）*/
	
}
#s7_right img{ display:block;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true);}


#s7_t1{ font-size:40px; color:#36c3de; 
position:absolute; z-index:3; margin-left:-170px; left:50%; top:120px;
-moz-opacity:0; /* Moz + FF */ 
opacity: 0; /* 支持CSS3的浏览器（FF 1.5也支持）*/}
#s7_t2{ font-size:20px; color:#36c3de; text-transform:uppercase;
position:absolute; z-index:3; left:50%; margin-left:10px; top:150px;
-moz-opacity:0; /* Moz + FF */ 
opacity: 0; /* 支持CSS3的浏览器（FF 1.5也支持）*/
}
#s7_bd{ font-size:14px;  color:#454545; line-height:30px; display:block; width:475px; text-align:left; overflow:hidden;
position:absolute; z-index:3; left:20px; top:210px; 
-moz-opacity:0; /* Moz + FF */ 
opacity: 0; /* 支持CSS3的浏览器（FF 1.5也支持）*/

}

#s7_more{ width:170px; height:45px; overflow:hidden; display:block; overflow:hidden; padding-left:180px; padding-top:25px;
position:absolute; z-index:3; top:300px; 
-moz-opacity:0; /* Moz + FF */ 
opacity: 0; /* 支持CSS3的浏览器（FF 1.5也支持）*/

}
#s7_more a{ display:block; width:170px; height:45px; background-color:#36c3de; color:#ffffff; line-height:45px; font-size:14px; text-align:center; cursor:pointer;}
#s7_more a:hover{width:168px; height:43px; border:1px solid #36c3de; background-color:#ffffff; color:#36c3de;}



/*60秒弹出层*/
.serv_dialog
{
	z-index:99999;
    position: fixed;
    top: 50%;
    left: 50%;
	height:265px;

    display: none;

    width: 475px;
    margin: -130px 0 0 -237px;
    background:url(../images/stc_bg.png) center center;
	

	
}

.serv_dialog img{display:block;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true);
}

.serv_dialog .close
{
    position: absolute;
    top: 0;
    right: 26px;
	margin-top:-40px;
    width: 26px;
    height: 78px;
    cursor: pointer;
    background: url(../images/close.png) center center no-repeat;	
}


.serv_dialog .inner
{
    padding: 20px;
}
.serv_dialog .h3
{    margin-top:50px;
font-family:Arial, "微软雅黑", "Microsoft YaHei";
    font-size: 22px;
    line-height: 1.2;

	

    text-align: center;

    color: #58d5eb;
}

.serv_dialog .h4
{    padding-top:15px;
font-family:Arial, "微软雅黑", "Microsoft YaHei";
    font-size: 18px;
    line-height:24px;
    width:400px;
    text-align: center;
    margin:0px auto;
    color: #1f1f1f;
	
	padding-bottom:40px;
}

.serv_dialog .btns
{
    margin-top: 30px;
	width:400px;
	height:44px; 

    text-align: center;
	margin:0px auto;
}
.serv_dialog .btns a
{
    font-size: 14px;
	line-height:44px;
    display: inline-block;
    width:116px;
	height:44px;
	margin:0px 15px;
	font-family:Arial, "微软雅黑", "Microsoft YaHei";   
    text-decoration: none;
    color: #ffffff;
    background: #2ec4de;
	-moz-border-radius: 22px;      /* Gecko browsers */
    -webkit-border-radius: 22px;   /* Webkit browsers */
    border-radius:22px;            /* W3C syntax */
	cursor:pointer;
}
.serv_dialog .btns a:hover{ background-color:#4D4D4D;cursor:pointer;}


