@charset "UTF-8";
/* clear */
html, body {height: 100%;}
body{font-family: Arial,Helvetica, Hiragino Sans GB, Microsoft Yahei, SimSun, sans-serif; font-size:13px; margin:0; padding:0; background:#fff; color:#666;}
p {padding:0; margin:0;}
ul, li {list-style: none; padding: 0; margin: 0;}
img {border: none;}
h1, h2, h3, h4, h5 {padding: 0; margin: 0;}
a{text-decoration:none; color:#000}
a:hover{color:#00a07b}

.m5{margin:5px}.m10{margin:10px}.m15{margin:15px}.m20{margin:20px}.p5{padding:5px}.p10{padding:10px}.p15{padding:15px}.p20{padding:20px}.mt5{margin-top:5px}.mt10{margin-top:10px}.mt15{margin-top:15px}.mt20{margin-top:20px}.mb5{margin-bottom:5px}.mb10{margin-bottom:10px}.mb15{margin-bottom:15px}.mb20{margin-bottom:20px}.ml5{margin-left:5px}.ml10{margin-left:10px}.ml15{margin-left:15px}.ml20{margin-left:20px}.ml30{margin-left:30px}.mr5{margin-right:5px}.mr10{margin-right:10px}.mr15{margin-right:15px}.mr20{margin-right:20px}
.pt5{padding-top:5px}.pt10{padding-top:10px}.pt15{padding-top:15px}.pt20{padding-top:20px}.pb5{padding-bottom:5px}.pb10{padding-bottom:10px}.pb15{padding-bottom:15px}.pb20{padding-bottom:20px}.pb30{padding-bottom:30px}.pl5{padding-left:5px}.pl10{padding-left:10px}.pl15{padding-left:15px}.pl20{padding-left:20px}.pr5{padding-right:5px}.pr10{padding-right:10px}.pr15{padding-right:15px}.pr20{padding-right:20px}

.fl{float:left}
.fr{float:right}
.red{color:#c72525}
.green{color:#98B22B}
.t14{font-size:14px}.t16{font-size:16px}
.tl{text-align:left;}.tr{text-align:right;}.tc{text-align:center}
.cl {clear: both;}
.clx:before, .clx:after {content: ""; display: table; }
.clx:after {clear: both; }
.clear {height: 0px; font-size: 0px; overflow: hidden; clear: both;}

.fade{-moz-transition:all 0.3s;-webkit-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}
.length{width:1100px; margin:0px auto;}

/*header*/
header{width:100%; height:70px; background:#fff; padding-top:30px;}
.logo{width:290px; height:38px; background:url(../images/logo.png) no-repeat center center; margin:0 auto;}

/*banner*/
.banner{width:100%; height:420px; background:url(../images/banner-bg.jpg) no-repeat center center;}

/*pain*/
.pain{padding-top:80px;}
.pain-title{border-top:1px solid #ebebeb;}
.pain-title h2{text-align: center; font-size:34px; font-weight:400; color:#000; width:520px; height:40px; line-height: 40px;  background:#fff; margin:-20px auto;}
.pain-intro{padding-top:70px;}
.pain-intro .item{float:left; width:20%;}
.pain-intro .item i{display: block; width:100%; height:116px;}
.pain-intro .cha i{background:url(../images/cha.png) no-repeat center center;}
.pain-intro .gui i{background:url(../images/gui.png) no-repeat center center;}
.pain-intro .xiao i{background:url(../images/xiao.png) no-repeat center center;}
.pain-intro .jia i{background:url(../images/jia.png) no-repeat center center;}
.pain-intro .chu i{background:url(../images/chu.png) no-repeat center center;}
.pain-intro .item p{font-size:16px; line-height: 26px; color:#333; text-align: center; padding-top:25px;}

/*benefit*/
.benefit{padding:10px 0 70px;}
.benefit .item{padding-top:65px;}
.benefit .item i{display: block; width:40px; height:4px; background:#a22124; margin:0 auto;}
.benefit .item h3{font-weight:400; font-size:32px; color:#000; text-align: center; margin:20px auto 30px;}
.benefit .item p{font-size:15px; color:#999; line-height: 28px; text-align: center; padding-bottom:40px;}
.benefit .item .pic{width:100%; height:420px;}
.benefit .item .adv1{background: url(../images/benefit1.jpg) no-repeat center center;}
.benefit .item .adv2{background: url(../images/benefit2.jpg) no-repeat center center;}
.benefit .item .adv3{background: url(../images/benefit3.jpg) no-repeat center center;}
.benefit .item .adv4{background: url(../images/benefit4.jpg) no-repeat center center;}
.benefit .item .adv5{background: url(../images/benefit5.jpg) no-repeat center center;}

/*footer*/
footer{width:100%; height:88px; background:#f5f5f5;}
footer .length{width:1000px;}
.top{height:170px; padding-top:45px;}
.top .item{float:left; width:33.333%;}
.top .phone{padding-top:15px;}
.top .phone p{font-size:18px; color:#000; text-align: center; line-height:28px;}
.top .phone span{display: block; font-size:26px; margin:5px 0;}
.top .symbol{padding-top:15px;}
.top .symbol i{display: block; width:100%; height:88px; background:url(../images/symbol.png) no-repeat center center;}
.top .ewm i{display: block; width:100%; height:100px; background:url(../images/ewm.png) no-repeat center center;}
.top .ewm p{font-size:13px; text-align: center; color:#000; margin-top:15px;}
.bottom{height:60px; line-height:60px; border-top:1px solid #d7d7d7;}
.bottom p{font-size:12px; color:#000; text-align: center;}