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

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  font-size:100%;
  font-family: 思源黑体;
  vertical-align:baseline;
}
blockquote, q { quotes:none; }

blockquote:before, blockquote:after,
q:before, q:after { content:""; content:none; }

ins { background-color:#ff9; color:#000; text-decoration:none; }

mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }

del { text-decoration:line-through; }

abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }

table { border-collapse:collapse; border-spacing:0; }

hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }

input, select { vertical-align:middle; }

ul{list-style: none;}

img {
    vertical-align: middle;
}
a{text-decoration: none;}

.fl {
    float: left;
}
.fr {
    float: right;
}

.banner{width:100%;}
.banner img{width: 100%;height: 100%;vertical-align: middle;margin-top: 100px;}

.linian{width:100%;margin:100px auto 0 auto;}
.linian h3{display: block;line-height: 32px;font-weight: normal;font-size: 30px;color: #666;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align: center;}
.linian p{width: 800px;
    margin:30px auto;
    font-size: 16px;
    line-height: 30px;
    color: #888;
	text-align: center;}


.box3{width:80%;margin:0 10%;overflow: hidden;}
.box3 h2{font-size:36px;text-align:center}
.box3 ul{border-top:0px solid #dcdcdc;margin-top:35px}
.box3 li{width: -webkit-calc(100% / 5.05);width: -moz-calc(100% / 5.05);width: calc(100% / 5.05);float:left;height:400px;padding:35px 0%;position:relative;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;background:#fff}
.box3 li:after{content:'';position:absolute;left:0;top:5%;height:90%;background:#dcdcdc;width:0px}
.box3 li:nth-child(1):after{opacity:0}
.box3 li .icon{height:120px;width:120px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;position:relative;border:1px solid #00b0c7;margin:0 auto 18px}
.box3 li .icon i{position:absolute;font-size:52px;text-align:center;line-height:120px;width:100%;color:#d31b03}
.box3 li .icon i img{width:60px;}
.box3 li .title{text-align:center;color:#333;font-size:20px;font-weight:normal;position:relative;padding-bottom:20px;margin-bottom:25px}
.box3 li .title:after{content:'';position:absolute;width:90px;height:1px;background:#ccc;bottom:0;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%)}
.box3 .description{color:#797979;font-size:16px;height:auto;overflow:hidden;padding: 0 35px;line-height: 30px;}
.box3 .num{color:#00b0c7;font-size:36px;text-align:center;position:absolute;bottom:25px;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);opacity:0}

.box3 li:hover .icon{background:#00b0c7;}
.box3 li:hover .icon i{color:rgba(255,255,255,.6)}
.box3 li:hover{border:1px solid #00b0c7;-webkit-transform:translateY(-25px);-moz-transform:translateY(-25px);-ms-transform:translateY(-25px);-o-transform:translateY(-25px);transform:translateY(-25px);-webkit-box-shadow:0 0 20px rgba(0,0,0,.4);-moz-box-shadow:0 0 20px rgba(0,0,0,.4);box-shadow:0 0 20px rgba(0,0,0,.4);z-index:5}
.box3 li:hover .num{opacity:1}

.peixun{width:90%;margin:0 auto;background: #f6f6f6;overflow: hidden;}
.peixun_l{float:left;width:40%;}
.peixun_l h3{color: #666;font-size: 30px;margin: 150px 0 30px 150px;font-weight:normal;}
.peixun_l p{font-size: 16px;color:#666;margin:0px 0 0 150px;line-height:30px;}

.peixun_r{float:right;width:45%;margin:100px 0%;}
.peixun_r img{width:100%;}

.zhiwei{width:80%;margin:100px auto;overflow: hidden;}

.zhiwei ul{padding:0;margin:0;overflow: hidden;}
.zhiwei ul li{float:left;width:48%;margin:1%;background: #f6f6f6;padding: 50px 0;}

.zhiwei_l{float:left;margin-left: 8%;margin-top: 10px;}

.zhiwei_r{float:left;margin-left: 5%;}
.zhiwei_r h3{font-size:14px;color:#666;font-weight:normal;}
.zhiwei_r dd{font-size:18px;color:#333;line-height:35px;}
.zhiwei_r dd span{font-size:14px;color:#666;margin-left: 5px;}

.more{ width: 250px; height: 60px; display: inline-block; line-height: 60px; border: 1px solid #00b0c7; text-align: center; margin-top: 35px; position: relative;border-radius: 30px; }
.more a{ display: block; font-size: 20px; font-weight: normal; color: #00b0c7; position: relative;left: 20px;text-decoration: none;}
.more:after{ content: ""; position: absolute; left: 35px; top: 31px; width: 37px; height: 2px; background-color: #00b0c7; }
.more:before{ content: ""; position: absolute; left: 0; width: 0; height: 60px; color: #fff; background:#00b0c7;-webkit-transition: width .5s ease-in-out;transition: width .5s ease-in-out;border-radius: 30px;  }
.more:hover:before{ width: 248px; }
.more:hover:after{ background-color: #fff;  }
.more:hover{ border: 1px solid #00b0c7;}
.more:hover a{ color: #fff }

.chahua{width:90%;margin:0px auto 50px auto;}
.chahuaimg{background: url(../images/jiaru/chahua.jpg) no-repeat center/contain;height:450px;background-attachment: fixed;background-size: 100%;}

.le{margin-bottom:100px;overflow: hidden;text-align: center;}
.le h2{line-height: 32px;
    font-weight: normal;
    font-size: 30px;
	text-align: center;
	margin-top:80px;
    color: #666;}
.le p{font-size: 16px;
    line-height: 30px;
    color: #888;
    text-align: center;}

.set_3_button2 {
	color:#00b0c7;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	position: relative;
	border:1px solid #00b0c7;
	overflow: hidden;
	width: 250px;
	padding: 0px 25px;
	margin-right: 0em;
	line-height: 65px;
	float: left;
	cursor: pointer;
	text-align: center;
	border-radius: 30px;
	font-size:18px
}
.set_3_button2 a {
	color: #fff;
	text-decoration: none;
	display: block;
	}
.set_3_button2 span {
	
}
.set_3_button2:hover {
	background-color:#00b0c7;
	color:#fff;
}
.set_3_button2:hover > span {
	opacity: 0;
	-webkit-transform: translate(0px, -40px);
	transform: translate(0px, -40px);
}
.set_3_button2::after {
	content: attr(data-text);
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0;
	-webkit-transform: translate(0, 30%);
	transform: translate(0, 30%);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.set_3_button2:hover::after {
	opacity: 1;
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
}
.gengduo{width:305px;margin:30px auto 0px auto;}
