@charset "UTF-8";


html {
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}




main {
	display: block;

}

.auto {
	max-width: 1430px;
	margin: 0 auto;
		color: #33333;
	font: 14px/1.5 "Microsoft Yahei", "微软雅黑", Helvetica, Arial, sans-serif;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}
img {
    vertical-align: middle;
    border: 0;
    max-width: 100%;
}


.w_title {text-align: center;}
.w_title h2{font-size:30px;text-transform:uppercase;}
.w_title h2 span{font-weight:lighter}
.w_title h5{font-size:20px}
.w_title h5 span{font-weight:400}
.w_center{width:1330px;margin:auto}
.w_center{position:relative;z-index:1}

.w_solutions .w_icon_wrap{text-align:justify;margin-top:60px;margin-bottom:74px}
.w_solutions .w_icon_wrap li a{color:#fff}
.w_solutions .w_icon_wrap li:last-child{margin-right:0}
.w_solutions .w_icon_wrap li{display:inline-block;text-align:center;color:#fff;font-size:17px;float:left;margin-right:49px}
.w_solutions .w_icon_wrap li .w_pic{position:relative;width:107px;height:107px;margin-bottom:17px}
.w_solutions .w_icon_wrap li .w_pic img{width:100%;position:absolute;left:0;top:0}
.w_solutions .w_icon_wrap li .w_pic .w_pic_hover{display:none}
.w_function .w_icon_wrap li,.w_solutions .w_icon_wrap li{transition:all .25s}
.w_function .w_icon_wrap li:hover,.w_solutions .w_icon_wrap li:hover{transform:translate3d(0,-30px,0)}
.w_solutions .w_icon_wrap li:hover img{display:none}
.w_solutions .w_icon_wrap li:hover .w_pic_hover{display:inline-block}
.w_solutions .w_icon_wrap li:hover{color:#ffa64f}
.w_solutions .w_con_wrap{position:relative}
.w_solutions .w_con_wrap img{border:1px solid #ebebeb}
.w_solutions .w_con{position:absolute;right:0;top:80px;background:#05a4a3;color:#fff;width:500px;padding:10px 20px 20px 20px;}
.w_solutions .w_con h1{font-size:32px;margin-bottom:15px}
.w_solutions .w_con h2{font-size:27px;font-weight:400;margin-bottom:29px;text-transform:uppercase}
.w_solutions .w_con p{font-size:16px;line-height:25px;text-align:justify}
.w_solutions .w_con a{display:block;width:142px;height:42px;text-align:center;line-height:42px;background:#878787;font-size:14px;color:#fff;position:absolute;bottom:-21px;left:0;right:0;margin:auto;transition: color .2s,background .2s;
    -webkit-transition: color .2s,background .2s;}
.w_solutions .w_con a:hover {background:#05a4a3;}

.w_function{text-align:center;padding: 70px 0px 0px;}
.w_function .w_icon_wrap{padding:60px 0}
.w_function .w_icon_wrap li{width:180px;padding:0 70px;display:inline-block}
.w_function .w_icon_wrap li img{width:100%}
.w_function .w_icon_wrap li p {color: #555;font-size: 20px;margin-top: 15px;}
.w_fl {padding-top: 140px;}
.w_function .w_web_wrap{position:relative;text-align:left;color:#fff}
.w_function .w_web_wrap.w_web_cloth{background:#273139}
.w_function .w_web_wrap h1{position:absolute;font-size:40px;line-height:65px;top:0;left:22px;margin-bottom:14px;z-index: 1;}
.w_function .w_web_wrap p{font-size:16px;letter-spacing:-.05em;position:absolute;line-height:24px;top:69px;left:22px;text-transform:uppercase;font-weight:lighter}
.w_function .w_web_wrap p span{font-weight:700}
.w_function .w_con{background:#0095e2 url(../images/w_bg3.jpg) no-repeat top center;overflow:hidden}
.w_function .w_con .w_grid{float:right;}
.w_function .w_web_wrap h2,.w_function .w_web_wrap p{z-index:1}


.w_function .w_web_wrap.spe2 h1{line-height:32px;padding-top:20px;margin-bottom:0;font-size:22px}
.w_function .w_web_wrap.spe2 p{top:58px;line-height:20px;font-size:12px}
.w_function .w_web_wrap.spe3{float:left;margin-right:17px;width:138px}
.w_function .w_web_wrap.spe3 .w_pics{height:168px;width:138px}
.w_function .w_web_wrap.spe3 .w_pics img{width:70%;height:auto}
.w_function .w_web_wrap.spe3 h1{top:30px;line-height:22px;font-size:18px}
.w_function .w_web_wrap.spe3 p{font-size:12px;top:82px;line-height:18px}


/*屏幕小于768px应用一下样式*/
@media (max-width:768px) {
   .w_solutions {padding: 0 20px;}
   .w_center {width: auto;}
   .w_solutions .w_con_wrap img {border:none;}
   .w_solutions .w_con {position: static;width: 100%;height: auto;padding: 20px 20px 40px;box-sizing:border-box;}
   .w_solutions .w_con h1 {font-size: 24px;}
   .w_solutions .w_con h2 {font-size: 20px;margin-bottom: 15px;}
   .w_function .w_icon_wrap li {width: 100px;padding: 0 10px;}

   
   .w_function .w_web_wrap {display: inline-block;}
   
   
}