@charset "utf-8";
/* CSS Document */
body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,a,code,em,img,q,small,strong,dd,dl,dt,li,ol,ul,fieldset,form,label,table,tbody,tr,th,td,input{margin:0;padding:0;border:0}
h1,h2,h3,h4,h5,h6,em,i{ font-style:normal; font-weight:normal;}
ol,ul,li{list-style:none}
a,a:active,a:hover,a:focus,a:visited{text-decoration:none}
a,img{-webkit-touch-callout:none}

/* top */
.top{width:100%; height:108px; background:#ffffff;}
.top1{width:980px; height:108px; margin:0 auto;}
.logo{width:219px; height:108px; float:left;}

.dh{width:600px; height:108px; float:right;}
.dh{width:600px; height:35px; margin-top:43px;}
.dh ul li{width:110px; float:left; border-radius:5px; margin-left:10px;}
.dh ul li a{color:#000; font-size:18px; font-family:"\65B9\6B63\5170\4EAD\9ED1\7B80\4F53"; width:110px; height:35px; display:block; text-align:center; line-height:35px; border-radius:5px; float:left;}
.dh ul li a:hover{ background:#EBEBEB; width:110px; display:block; text-align:center;}

.dh ul li a span{width:3px; height:7px; float:right; background:url(../images/01.jpg) no-repeat; margin-top:13px; margin-right:15px;}
.dh ul li a:hover span{width:3px; height:7px; float:right; background:url(../images/01.jpg) no-repeat; margin-top:13px;}

/******************* banner 轮播 *******************/
body,nav,span,p,var,em,strong,a,h1,h2,h3,h4,h5,input,textarea,{margin:0; padding:0; font-size:14px; font-family:"微软雅黑";}
.clear{clear:both;height:0;overflow:hidden;}
.clearfix:after{display:block;clear:both;content:"";visibility:hidden;height:0}
a img{border:none;}
a{text-decoration:none; cursor:pointer;}
var,em{font-style:normal;}
ul,ol{list-style-type:none;}
.banner-box{width:100%; overflow:hidden;}
.banner{min-width:1200px; margin:0 auto;}
.slideBox{ width:100%; height:698px;overflow:hidden; position:relative;min-width:1200px; background:#36C}
.slideBox .hd{ height:16px; overflow:hidden; position:absolute; left:46%; bottom:5px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{cursor: pointer; width:3em; height:6px; background:#cdcdcd; opacity:0.4;filter:alpha(opacity=40); float:left; margin:0 .5em;}
.slideBox .hd ul li.on{ background:#3B3B3B !important;}
.slideBox .bd{ height:950px; width: 100%; z-index:0;   }
.slideBox .bd ul li{overflow: hidden;width:100%; height:698px;position: relative;  }
.slideBox .bd li a{display:block; height:698px; position: relative;}
/*第四屏*/
.banner1{width:100%; height:28.6em; background:url(../images/BG.jpg); /*background:linear-gradient(right,#041F4C 50%,#BE6E83 50%); background:-moz-linear-gradient(right,#041F4C 50%,#BE6E83 50%); background:-webkit-linear-gradient(right,#041F4C 50%,#BE6E83 50%); background:-ms-linear-gradient(right,#041F4C 50%,#BE6E83 50%);*/}
.content1{ min-width:1200px; height:790px; margin:0 auto; background:url(../images/BG.jpg); /* background:linear-gradient(right top,#041F4C 33%,#BE6E83 67%); background:-moz-linear-gradient(right top,#041F4C 33%,#BE6E83 67%); background:-webkit-linear-gradient(right top,#041F4C 33%,#BE6E83 67%); background:-ms-linear-gradient(right top,#041F4C 33%,#BE6E83 67%);*/ position:relative;}
.b2_word{ margin:13em 47em 0 3em; float:right;}
/*.b2_word{ margin:10em 42em 0 3em; float:right;}*/
.b2_word span{ background:url(../images/yidong.png) no-repeat; width:80px; height:95px; float:left; margin:-0.5em 0em 0em 1em;}
.b2_word var{ color:#FFFFFF; font-size:3.2em; float:left; margin:0.2em 0.2em;}
.animation20{
	/*background:url(../images/banner2.png) no-repeat; width:1244px; height:924px;*/ float:left;
	-webkit-animation:flash 2s .2s ease both;
	-moz-animation:flash 2s .2s ease both;}
	@-webkit-keyframes flash{
	0%{opacity: 0;}
	100%{opacity: 1;}
	}
	@-moz-keyframes flash{
	0%{opacity: 0;}
	100%{opacity: 1;}
	}
	@-ms-keyframes flash{
	0%{opacity: 0;}
	100%{opacity: 1;}
}
.animation21{
	-webkit-animation:fadeInDown 2s .2s ease both;
	-moz-animation:fadeInDown 2s .2s ease both;}
	@-webkit-keyframes fadeInDown{
	0%{opacity:0;
	-webkit-transform:translateY(-1.5em)}
	100%{opacity:1;
	-webkit-transform:translateY(0)}
	}
	@-moz-keyframes fadeInDown{
	0%{opacity:0;
	-moz-transform:translateY(-1.5em)}
	100%{opacity:1;
	-moz-transform:translateY(0)}
	}
	@-ms-keyframes fadeInDown{
	0%{opacity:0;
	-ms-transform:translateY(-1.5em)}
	100%{opacity:1;
	-ms-transform:translateY(0)}
}
#a24{position:absolute; left:31.2em; top:12.2em; margin:-1em 0 0 -9em;color:#FFFFFF; font-size:1.9em; border:1px solid #fff; height:2em; line-height:2em;  border-radius:2em; -webkit-border-radius:2em; -moz-border-radius:2em; width:18.5em; text-align:center;}
.animation22{
	-webkit-animation:fadeInRight 1s .2s ease both;
	-moz-animation:fadeInRight 1s .2s ease both;}


@-webkit-keyframes fadeInRight{
0%{opacity:0;
-webkit-transform:translateX(2em)}
100%{opacity:1;
-webkit-transform:translateX(0)}
}
@-moz-keyframes fadeInRight{
0%{opacity:0;
-moz-transform:translateX(2em)}
100%{opacity:1;
-moz-transform:translateX(0)}
}
@-ms-keyframes fadeInRight{
0%{opacity:0;
-ms-transform:translateX(2em)}
100%{opacity:1;
-ms-transform:translateX(0)}
}

/*新添加一屏*/
.slide ul li.banner5{ width:100%; height:28.6em; background: url(../images/chunjie.png) center center no-repeat;}
/*第一屏*/
.slide ul li.banner2{width:100%; height:28.6em; background: url(../images/banner-01.jpg) center center no-repeat;}
.content2{ width:70.7em; height:28.6em; margin:0 auto;  position:relative;display: inline-block;}
.animation5{
	background:url(../images/banner2_04.png) no-repeat; width:215px; height:43px;position: absolute;right:44.5%; top:53%;
	-webkit-animation:flash 3s 1s ease both;
	-moz-animation:flash 3s 1s ease both;}
	@-webkit-keyframes flash{
	0%{opacity: 0;}
	100%{opacity: 1;}
	}
	@-moz-keyframes flash{
	0%{opacity: 0;}
	100%{opacity: 1;}
	}
	@-ms-keyframes flash{
	0%{opacity: 0;}
	100%{opacity: 1;}
}

.animation3{
	background:url(../images/banner2_02.png) center center no-repeat; width:76px; height:150px; position: absolute; top:25%; left:51.5%;
	-webkit-animation:fadeInDown 2s 1s ease both;
	-moz-animation:fadeInDown 2s 1s ease both;}
	@-webkit-keyframes fadeInDown{
	0%{opacity:0;
	-webkit-transform:translateY(-200px)}
	30%{opacity:0.6;
	-webkit-transform:translateY(200px)}
	60%{opacity:1;-webkit-transform:translateY(-10px)}
	100%{opacity:1;-webkit-transform:translateY(0)}
	}
	@-moz-keyframes fadeInDown{
	0%{opacity:0;
	-webkit-transform:translateY(-200px)}
	30%{opacity:0.6;
	-webkit-transform:translateY(200px)}
	60%{opacity:1;-webkit-transform:translateY(-10px)}
	100%{opacity:1;-webkit-transform:translateY(0)}
	}
	@-ms-keyframes fadeInDown{
	0%{opacity:0;
	-webkit-transform:translateY(-200px)}
	30%{opacity:0.6;
	-webkit-transform:translateY(200px)}
	60%{opacity:1;-webkit-transform:translateY(-10px)}
	100%{opacity:1;-webkit-transform:translateY(0)}
}
.animation4{
	background:url(../images/banner2_05.png) center  center no-repeat; width:500px; height:39px;position:absolute; left:32%; top:34%; 
	-webkit-animation:fadeInRight 2s  ease both;
	-moz-animation:fadeInRight 2s  ease both;}
	@-webkit-keyframes fadeInRight{
	0%{opacity:0;
	-webkit-transform:translateX(-10%)}
	100%{opacity:1;
	-webkit-transform:translateX(0)}
	}
	@-moz-keyframes fadeInRight{
	0%{opacity:0;
	-moz-transform:translateX(2em)}
	100%{opacity:1;
	-moz-transform:translateX(0)}
	}
	@-ms-keyframes fadeInRight{
	0%{opacity:0;
	-ms-transform:translateX(2em)}
	100%{opacity:1;
	-ms-transform:translateX(0)}
}

/*第三屏*/
.slide ul li.banner3{width:100%; height:28.6em; background:url(../images/banner3.jpg) center center no-repeat;}
.content3{ width:70.7em; height:28.6em; margin:0 auto;display: inline-block;}
.animation6{
	background:url(../images/idc.png) no-repeat; width:19em; height:6em; margin:2.35em 0 0 8.6em; float:left;
	-webkit-animation:bounceInDown 1s .2s ease both;
	-moz-animation:bounceInDown 1s .2s ease both;}
	@-webkit-keyframes bounceInDown{
	0%{opacity:0;
	-webkit-transform:translateY(-2000px)}
	60%{opacity:1;
	-webkit-transform:translateY(30px)}
	80%{-webkit-transform:translateY(-10px)}
	100%{-webkit-transform:translateY(0)}
	}
	@-moz-keyframes bounceInDown{
	0%{opacity:0;
	-moz-transform:translateY(-2000px)}
	60%{opacity:1;
	-moz-transform:translateY(30px)}
	80%{-moz-transform:translateY(-10px)}
	100%{-moz-transform:translateY(0)}
}
@-ms-keyframes bounceInDown{
	0%{opacity:0;
	-ms-transform:translateY(-2000px)}
	60%{opacity:1;
	-ms-transform:translateY(30px)}
	80%{-ms-transform:translateY(-10px)}
	100%{-ms-transform:translateY(0)}
}
#a9,#a10{opacity: 0;filter:alpha(opacity=0);}
.animation7{
	font-size:3.2em; width:100%; float:left; margin:0.7em 0 0 2.5em; font-weight:bold;color: #333;
	-webkit-animation:fadeInDown 1s .2s ease both;
	-moz-animation:fadeInDown 1s .2s ease both;}
	@-webkit-keyframes fadeInDown{
	0%{opacity:0;
	-webkit-transform:translateY(-2em)}
	100%{opacity:1;
	-webkit-transform:translateY(0)}
	}
	@-moz-keyframes fadeInDown{
	0%{opacity:0;
	-moz-transform:translateY(-2em)}
	100%{opacity:1;
	-moz-transform:translateY(0)}
}
@-ms-keyframes fadeInDown{
	0%{opacity:0;
	-ms-transform:translateY(-2em)}
	100%{opacity:1;
	-ms-transform:translateY(0)}
}
.animation7 span{  color:#009EFE; font-size:1em;}
/*新添第二屏*/
.slide ul li.banner4{width:100%; height:28.6em; background:url(../images/banner4.png) center center no-repeat;}
.animation8{
	background:url(../images/banner4_2.png) no-repeat; width:32.1em; height:10.6em; float:right;top:22em;right:58.2em;position: absolute;
	-webkit-animation:fadeInRightBig 3s .5s ease both;
	-moz-animation:fadeInRightBig 3s .5s ease both;
}
	@-webkit-keyframes fadeInRightBig{
	0%{opacity:0;
	-webkit-transform:translateX(13em)}
	100%{opacity:1;
	-webkit-transform:translateX(0)}
	}
	@-moz-keyframes fadeInRightBig{
	0%{opacity:0;
	-moz-transform:translateX(13em)}
	100%{opacity:1;
	-moz-transform:translateX(0)}
}
@-ms-keyframes fadeInRightBig{
	0%{opacity:0;
	-ms-transform:translateX(13em)}
	100%{opacity:1;
	-ms-transform:translateX(0)}
}
.animation9{
 	background:url(../images/banner4_1.png) no-repeat; width:62.5em; height:28.6em; float:left;
	-webkit-animation:fadeInLeftBig 3s .5s ease both;
	-moz-animation:fadeInLeftBig 3s .5s ease both;
	margin-left:25%;
	margin-top:10%;
}
	@-webkit-keyframes fadeInLeftBig{
	0%{opacity:0;
	-webkit-transform:translateX(-20em)}
	100%{opacity:1;
	-webkit-transform:translateX(0)}
	}
	@-moz-keyframes fadeInLeftBig{
	0%{opacity:0;
	-moz-transform:translateX(-20em)}
	100%{opacity:1;
	-moz-transform:translateX(0)}
}
@-ms-keyframes fadeInLeftBig{
	0%{opacity:0;
	-ms-transform:translateX(-20em)}
	100%{opacity:1;
	-ms-transform:translateX(0)}
}

/** 专心做电商 **/
.tow{width:1130px; margin:0 auto; overflow:hidden;}
.tow h1{width:186px; height:33px; margin-top:87px; margin-left:476px; float:left;}
.tow p{width:235px;float:left; margin-top:20px; margin-left:455px; text-align:center; line-height:24px; color:#3d3d3d; font-family:"方正兰亭纤黑简体";}
.three{width:1130px; overflow:hidden; margin:0 auto;}
.three ul li{width:280px; height:370px; float:left;}
.three ul li a:hover{width:280px; height:370px; float:left; margin-top:-5px;}


/** 合作品牌 **/
.four{width:1130px; overflow:hidden; margin:0 auto;}
.four1{width:215px; height:55px; margin:0 auto; margin-top:100px; margin-bottom:80px;}

.mr_frbox{height:140px; padding:24px 22px 0px; }
.mr_frBtnL{float:left; margin:28px 22px 0px 0px; cursor:pointer; display:inline;}
.mr_frUl {width:850px; height:130px; float:left; margin-top:25px;}
.mr_frUl ul li{display: inline; float:left; height:115px; width:125px; margin-right:13px; overflow: hidden; }
.mr_frUl ul li img{display:block; margin-bottom:7px;}
.mr_frBtnR {float:right; margin-top:28px; cursor:pointer;}

/** 底部 **/
.bottom{width:100%; height:175px; background:#222222}
.bottom p{width:480px; margin:0 auto; text-align:center; color:#969696; font-size:14px; font-family:"方正兰亭纤黑简体"; line-height:28px; padding-top:60px;}

/************************************************* 公司简介 **************************************************/
.About_banner{width:100%; margin:0 auto; height:577px;}
.About_banner1{height:577px; background:url(../images/About_banner.jpg) no-repeat center;}

/** 只因 你我 **/
.About_tow{width:100%; overflow:hidden; background:#ffffff;}
.About_tow1{width:1120px; overflow:hidden; margin:0 auto;}
.About_three{ height:523px; background:url(../images/About_05.jpg) no-repeat center;}

.About_four{ height:640px; background:url(../images/About_06.jpg) no-repeat center;}
.About_five{ height:458px; background:url(../images/About_07.jpg) no-repeat center;}
.About_six{ height:190px; background:url(../images/About_08.jpg) no-repeat center; margin-top:50px;}
.About_seven{ height:510px; background:url(../images/About_09.jpg) no-repeat center;}


/************************************************* 合作品牌 **************************************************/
.Brand_banner{height:290px; background:url(../images/Brand_01.jpg) no-repeat center;}
.Brand{width:100%; overflow:hidden; background:#F5F5F5;}
.Brand_one{height:460px; background:url(../images/Brand_02.jpg) no-repeat center;}
.Brand_tow{height:230px; background:url(../images/Brand_03.jpg) no-repeat center;}
.Brand_three{width:1040px; overflow:hidden; margin:0 auto;}
.Brand_three ul li{width:260px; height:340px; float:left; margin-bottom:20px;}


/************************************************* 合作渠道 **************************************************/
.Place_banner{height:289px; background:url(../images/Place_01.jpg) no-repeat center;}
.Place_seven{width:100%; overflow:hidden; background:#f9f9f9;}
.Place_seven1{ height:800px; background:url(../images/Place_02.jpg) no-repeat center;}

/************************************************* 联系我们 **************************************************/
.Contact_banner{height:290px; background:url(../images/Contact_01.jpg) no-repeat center;}
.Contact_one{height:280px; background:url(../images/Contact_02.jpg) no-repeat center;}
.Contact_tow{width:100%; overflow:hidden;}
.Contact_tow1{width:1920px; height:837px; margin:0 auto; background:url(../images/dt.jpg) no-repeat center;}

/*.Contact_three{height:120px; background:url(../images/Contact_03.jpg) no-repeat center;}*/