﻿.fl{float: left;}
.fr{float: right;}
.clearfix{*zoom:1;}
.clearfix:after{display: block;content: "";height: 0;clear: both;visibility: hidden;}
.main{width: 100%;height: auto;}
.main .col{padding: 40px 0;overflow: hidden;}
.main .col .title{text-align: center;margin-bottom: 30px;}
.main .col .title h2{font-size: 36px;line-height: 60px;color: #4f5b6c;letter-spacing: 2px;}
.main .col .title p{font-size: 18px;line-height: 30px;color: #545454;}
.main .col .title span{color: #e67728;}
.moshi ul {}
.moshi ul li{width: 20%;float: left;position: relative;text-align: center;}
.moshi ul li a{display: block;margin: 10px;padding: 30px 10px;border: 1px solid #bbb;box-shadow: 0px 0px 10px rgba(0,0,0,.3);}
.moshi ul li a h3{font-size: 20px;font-weight: 800;color: #333;line-height: 30px;}
.moshi ul li a .img{padding: 15px;}
.moshi ul li a .img img{}
.moshi ul li a p{color: #666;margin-bottom: 15px;}
.moshi ul li a span{padding: 6px 16px;color: #fff; background: #44A75A;}
.moshi ul li a span:hover{background: #37b854;}
.banben li{text-align: center;width: 20%;float: left;}
.banben li .box{padding: 30px 10px;margin: 10px;background: #3ec282;position: relative;overflow: hidden;}
.banben li:nth-child(2) .box{background: #3297de;}
.banben li:nth-child(3) .box{background: #db4d4d;}
.banben li:nth-child(4) .box{background: #2e82ff;}
.banben li:nth-child(5) .box{background: #d4237a;}
.banben li .img{width: 64px;height: 64px;margin: 0 auto;border-radius: 50%;padding: 22px;margin-bottom: 15px;background: #fff;}
.banben li .img img{width: 64px;}
.banben li h3{font-size: 20px;font-weight: 800;color: #fff;line-height: 30px;padding-bottom: 10px;margin: 0 20px 10px;border-bottom: 1px solid #fff;}
.banben li p{color: #fff;}
.banben li .box .mask{position: absolute;width: 100%;background: rgba(0,0,0,.8);display: block;left: 0;transition: .2s;-webkit-transition: .2s;-ms-transition: .2s;-moz-transition: .2s;-o-transition: .2s;}
.banben li .box .mk1{top: -214px;height: 164px;padding-top:30px;}
.banben li .box .mk1 .img{background: rgba(0,0,0,.05);}
.banben li .box .mk2{bottom: -103px;height: 103px;}
.banben li .box .mk2 span{color: #fff;font-weight: 800;font-size: 20px;line-height: 103px;}
.banben li:hover .box .mk1{top: 0;}
.banben li:hover .box .mk2{bottom: 0;}
.gongneng ul{padding: 0 5px;}
.gongneng ul li{float: left;width: 190px;text-align: center;}
.gongneng ul li .box{margin-bottom: 30px;padding: 10px 0;position: relative;top: 0;transition: .5s;-ms-transition: .5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.gongneng ul li .box:hover{box-shadow: 0px 0px 20px 0px rgba(0,0,0,.2);top: -4px;}
.gongneng ul li:last-child .box:hover{box-shadow: none;top: 0px;}
.gongneng ul li .box .img{width: 108px;height: 108px;margin: 0 auto;border-radius: 10px;overflow: hidden;}
.gongneng ul li .box .img img{width: 100%;}
.gongneng ul li .box h3{font-size: 18px;line-height: 28px;padding-top: 15px;}
.gongneng ul li .box p{color: #888;padding: 0 10px;}
.fenxiao .wfx_col{text-align: center;padding: 30px 0;}
.fenxiao .wfx_title{margin-bottom: 30px;}
.fenxiao .wfx_title h3{font-size: 20px; font-weight: 800;line-height: 30px;}
.fenxiao .wfx_title h3 span{color: #E0365D;}
.fenxiao .wfx_title p{font-size: 16px;line-height: 30px;margin-bottom: 10px;}
.fenxiao .wfx_con{}
.wuwang{ height:550px;background: url(../images/wuwang_bg.jpg) no-repeat;background-size: cover;}
.wuwang .tab{ overflow:hidden;}
.wuwang .tab a{ display:block; width: 20%; height: 80px;text-align: center; float:left;}
.wuwang .tab a:nth-child(1){background: url(../images/wuwang01.png)no-repeat center;}
.wuwang .tab a:nth-child(2){background: url(../images/wuwang02.png)no-repeat center;}
.wuwang .tab a:nth-child(3){background: url(../images/wuwang04.png)no-repeat center;}
.wuwang .tab a:nth-child(4){background: url(../images/wuwang03.png)no-repeat center;}
.wuwang .tab a:nth-child(5){background: url(../images/wuwang05.png)no-repeat center;}
.wuwang .tab a:hover{ border-bottom: 2px solid #F3684B;}
.wuwang .tab a.on{ border-bottom: 2px solid #F3684B;}
.wuwang .content{ overflow:hidden; width:1150px;height: 467px; position:relative;margin: 0 auto;}
.wuwang .content ul{ position:absolute; left:0; top:0;}
.wuwang .content li{ width:1150px; float:left;padding: 22px 0;}
.wuwang .content li p{ padding:10px;}
.diy ul {}
.diy ul li{float: left;width: 20%;}
.diy ul li .box{text-align: center;padding: 20px 0;}
.diy ul li .img{width:64px;height: 64px;padding: 32px; border-radius: 10px;margin: 0 auto;transition: .3s;-ms-transition: .3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.diy ul li .img:hover{border-radius: 50%;}
.diy ul li:nth-child(1) .img{background: #ff2f74;}
.diy ul li:nth-child(2) .img{background: #ffc147;}
.diy ul li:nth-child(3) .img{background: #6dd723;}
.diy ul li:nth-child(4) .img{background: #5295c8;}
.diy ul li:nth-child(5) .img{background: #ff9256;}
.diy ul li:nth-child(6) .img{background: #67aded;}
.diy ul li:nth-child(7) .img{background: #8d80ef;}
.diy ul li:nth-child(8) .img{background: #f45a86;}
.diy ul li:nth-child(9) .img{background: #fea922;}
.diy ul li:nth-child(10) .img{background: #82d802;}
.diy ul li p{font-size: 16px;line-height: 32px;padding-top: 10px;}
.dingzhi{height: 550px;width: 100%;background: url(../images/dingzhi_bg.jpg) no-repeat center;position: relative;}
.hezuo li{float: left;width: 25%;}
.hezuo li a{display: block;text-align: center; margin:10px;height: 290px;padding: 25px;transition: .5s;-ms-transition: .5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;position: relative;top: 0;}
.hezuo li a:hover{box-shadow: 0px 0px 20px 0px rgba(0,0,0,.2);position: relative;top: -4px;}
.hezuo li a .img{}
.hezuo li a h3{font-size: 16px;font-weight: 800;line-height: 30px;padding-top: 10px;}
.hezuo li a span{font-weight: 800;font-style: italic;font-size: 18px;}
.hezuo li:nth-child(1) a h3,.hezuo li:nth-child(1) a span{color: #FC6964;}
.hezuo li:nth-child(2) a h3,.hezuo li:nth-child(2) a span{color: #91C519;}
.hezuo li:nth-child(3) a h3,.hezuo li:nth-child(3) a span{color: #03C4AF;}
.hezuo li:nth-child(4) a h3,.hezuo li:nth-child(4) a span{color: #FF9D00;}
.hezuo li:nth-child(5) a h3,.hezuo li:nth-child(5) a span{color: #65B6F6;}
.hezuo li:nth-child(6) a h3,.hezuo li:nth-child(6) a span{color: #F96C95;}
.hezuo li:nth-child(7) a h3,.hezuo li:nth-child(7) a span{color: #FF9256;}
.hezuo li:nth-child(8) a h3,.hezuo li:nth-child(8) a span{color: #92AAFC;}
.hezuo li a p{font-size: 14px;letter-spacing: 1px;line-height: 20px;padding-top: 10px;}
.youshi{background: #f1f1f1;}
.youshi .box {position: relative;padding: 100px 120px 20px;}
.youshi .youshi_col{background: #fff;width: 300px;height: 330px;position: relative;padding: 0 40px 40px;}
.youshi .youshi_col .avt{width: 64px;height: 64px;margin: 0 auto;border-radius: 50%;border: 5px solid;padding: 18px; margin-top: -55px;}
.youshi .youshi_col h3{font-size: 26px;text-align: center;padding-top: 20px;}
.youshi .youshi_col ul {padding: 20px;}
.youshi .youshi_col ul li{font-size: 16px;line-height: 30px;padding-left: 26px;letter-spacing: 2px;}
.youshi .dsf .avt{background: #576379;border-color: #ccd1d7;}
.youshi .vsl .avt{background: #e56065;border-color: #fed0d3;}
.youshi .dsf h3{color: #576379;}
.youshi .vsl h3{color: #e56065;}
.youshi .dsf ul li{color: #576379;background: url(../images/youshi_bg1.png) no-repeat left;}
.youshi .vsl ul li{color: #e56065;background: url(../images/youshi_bg2.png) no-repeat left;}
.youshi .vs{width: 100px;height: 50px;text-align: center; position: absolute;left: 50%;top: 50%;margin-left: -50px;margin-top: -25px;}
.youshi .vs p{font-size: 46px;color: #ccd1d7;}
.youshi .vs p span{color: #e56065;}
.youshi_end{text-align: center;padding: 30px 0;}
.youshi_end p{font-size: 26px;letter-spacing: 2px;}
.youshi_end span{color: #ff6a16;font-size: 36px;}
.hzye{text-align: center;padding: 40px 0;}
.hzye .title{ margin-bottom: 15px;}
.hzye .title span{background: #F9BC01;display: inline-block;width: 100px;height: 5px;position: relative;top: -3px;}
.hzye h2{font-size: 36px;line-height: 80px;color: #4f5b6c;letter-spacing: 2px;}



.mianfei_ld h2 {
	text-align: center;
	font-size: 30px;
	font-weight: 800;
	color: #333;
	line-height: 86px;
}

.mianfei_ld ul {
}

.mianfei_ld ul li {
	float: left;
	width: 220px;
	height: 220px;
	text-align: center;
	padding: 0 30px;
	margin-bottom: 15px;
}

.mianfei_ld ul li>div {
	height: 90px;
}

.mianfei_ld ul li h3 {
	font-size: 24px;
	color: #575757;
	line-height: 30px;
	font-weight: 800;
	font-family: 'Microsoft Yahei';
}

.mianfei_ld ul li p {
	text-align: left;
	font-size: 14px;
	color: #828282;
	line-height: 24px;
}

.yx_txt {
	height: 416px;
	
	margin-bottom: 74px;
	zoom: 1;
	padding-top: 48px;
}

.yx_txt:after {
	display: block;
	clear: both;
	content: "";
	visibility: hidden;
	height: 0;
}

.yx_txt .txt_col {
	margin-bottom: 35px;
}

.yx_txt .txt_col h3 {
	color: #42b8f1;
	font-size: 32px;
	line-height: 42px;
	font-weight: 700;
}

.yx_txt .txt_col p {
	line-height: 24px;
	color: #333;
	font-size: 14px;
}

.yx_txt .fl {
	text-align: right;
	margin-left: 16px;
}

.yx_txt .fr {
	margin-right: 16px;
}
