body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,blockquote,th,td,p{margin:0;padding:0;font-family:微软雅黑}
input,button,select,textarea{outline:none}li{list-style:none}img{border:none}textarea{resize:none}
body{color:#666;background:#fff;word-break:break-all;word-wrap:break-word;}
body,input,textarea{font-size:14px;font-family:微软雅黑;color: #666;}
a{color:#0e1013;text-decoration:none;outline:none}
/*reset end*/
.left{float: left;}
.right{float: right;}
.clearfix:after,.wrap:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix,.wrap{*+height:1%}
.gray{background: #f8f8f8;}
img{width: auto; max-width: 100%;}
.img-wrap{display: block;text-align: center;}
.gray{background: #F8F8F8;}
.title{text-align: center;}
.title h2{font-weight: 300;font-size: 28px;color: #333;}
.title p{font-size: 20px;color: #666;}
.center{width:1200px;margin:0 auto;}
.bannerbox {width:100%;position:relative; overflow:hidden;height:500px;margin-top: 120px;background: url(../images/single/directSell/banner-bg.jpg) no-repeat center;}
.banner {width:1200px;position:relative;left:50%;margin-left:-600px;}
.f1{position: absolute;left:20px;top:168px;animation: b2 1.5s 0s ease both;-webkit-animation: b2 1.5s 0s ease both;-moz-animation: b2 1.5s 0s ease both;}
.f2{position: absolute;left:20px;top:244px;animation: b2 1.5s 0.5s ease both;-webkit-animation: b2 1.5s 0.5s ease both;-moz-animation: b2 1.5s 0.5s ease both;}
.f3{position: absolute;left:20px;top:284px;animation: b2 1.5s 1s ease both;-webkit-animation: b2 1.5s 1s ease both;-moz-animation: b2 1.5s 1s ease both;}
.f4{position: absolute;left:20px;top:324px;animation: b2 1.5s 1.5s ease both;-webkit-animation: b2 1.5s 1.5s ease both;-moz-animation: b2 1.5s 1.5s ease both;}
.b1{position: absolute;left:760px;top:82px;}
.b2{position: absolute;left:640px;top:30px;}


.trouble{padding:50px 0 70px}
.trouble .title{margin-bottom: 65px;}
.solution{padding: 45px 0 35px;}
.solution .title{margin-bottom: 70px;}
.solution .jt{margin: 35px auto 55px;display: block;}
.solution ul li{width:175px;height: 111px;border: 2px dashed #bfbfbf;margin:0 10px;float: left;background:#e5e5e5;}
.solution ul li p{color: #666;line-height: 30px;font-size: 20px;padding-top: 30px;text-align: center}

.value{padding:50px 0 90px ;border-bottom: 1px solid #eeeeee;}
.value .title{margin-bottom:80px ;}
.value ul li{width: 163px;margin-left: 90px;text-align: center;display: block;float: left; }
.value ul li:first-child{margin-left: 0px;}
.value ul li .iconcir{display: block;width:85px ;height: 85px;margin: 0 auto;border:1px solid #63c5f2;border-radius: 50%;text-align: center;vertical-align: middle;}
.value ul li .iconcir img{margin-top: 19px;}
.value ul li dt{color: #333;font-size: 22px;padding:15px 0 10px ;}
.value ul li dd{color: #666;font-size: 18px;line-height: 24px;}

.view{padding:60px 0 100px;border-bottom: 1px solid #E5E5E5;}
.view ul li{width: 280px;height:280px;margin-left: 23px;text-align: center;display: block; float: left;border: 1px solid #E5E5E5;margin-top: 75px;}

.view ul li:first-child{margin-left: 0px;}
.view ul li .img-wrap{display: block;height: 90px;text-align: center;vertical-align: middle;padding:30px 0 20px}
.view ul li dt{color: #333;font-size: 22px;padding:15px 0 10px ;}
.view ul li dd{color: #666;font-size: 16px;line-height: 24px;padding:0  30px;text-align: left;}
.view .icon{display: block;margin-top:30px;height: 70px;}
.view .i1{background: url(../images/single/directSell/icon1.png) no-repeat center;}
.view ul li .i2{background: url(../images/single/directSell/icon2.png) no-repeat center;}
.view ul li .i3{background: url(../images/single/directSell/icon3.png) no-repeat center;}
.view ul li .i4{background: url(../images/single/directSell/icon4.png) no-repeat center;}
.view ul li:hover .i1{background: url(../images/single/directSell/icon1-w.png) no-repeat center;}
.view ul li:hover .i2{background: url(../images/single/directSell/icon2-w.png) no-repeat center;}
.view ul li:hover .i3{background: url(../images/single/directSell/icon3-w.png) no-repeat center;}
.view ul li:hover .i4{background: url(../images/single/directSell/icon4-w.png) no-repeat center;}
.view ul li:hover dt{color: #fff;}
.view ul li:hover dd{color: #fff;}
.view ul li:hover{background:#00a0e9 ;}
/*从左往右*/
@-webkit-keyframes b2{
	0%{opacity: 0;transform:translateX(-1000px)}
	100%{opacity: 1;transform:translateX(0)}
}
@-moz-keyframes b2{
	0%{opacity: 0;transform:translateX(-1000px)}
	100%{opacity: 1;transform:translateX(0)}
}
@-o-keyframes b2{
	0%{opacity: 0;-o-transform:translateX(-1000px)}
	100%{opacity: 1;-o-transform:translateX(0)}
}
@keyframes b2{
	0%{opacity: 0;transform:translateX(-1000px)}
	100%{opacity: 1;transform:translateX(0)}
}

/* Localized */