@charset "utf-8";
body { 
       font-family: "微软雅黑",Arial; 
	   color:#414141; 
	   font-size:12px; 
	   margin-left:auto; 
	   margin:0 auto; 
	   padding:0;
	   background:url(../images/bj.gif);
	   }
ul, input, dl, dd,p { 
       padding:0; 
	   margin:0; 
	   list-style-type:none;
	   }
a:link{
text-decoration:none;
}
a:visited{
text-decoration:none;
}
a:hover{
text-decoration:underline;
}
.clear{
clear:both;
}
.top{ width:1000px; height:70px; margin:auto;}



/*--------营销切图样式----------------------------------------------*/
.banner{ width:100%; height:400px; margin-top:70px;}
.yxsm{ width:100%; height:470px; background:#EEEEEE; padding-top:90px;}

.yxbt{ width:365px; height:44px; background:url(../images/yxbt.png) top center no-repeat; margin:auto; color:#5C5C5C; font-size:18px; padding-top:50px;}
.yxnr{ width:1020px; margin:auto; height:auto;}
.yxan{ width:340px; height:100px; padding-top:220px; float:left; color:#3B3A3A; line-height:30px; font-size:18px; text-align:center; animation: f2icon 5s infinite;
    -moz-animation: f2icon 5s infinite;
    -webkit-animation: f2icon 5s infinite;
    -o-animation: f2icon 5s infinite;}



.ggt{ width:100%; height:99px; margin:auto; background:url(../images/t1.jpg) top center no-repeat; color:#ffffff; line-height:99px; font-size:24px; text-align:center;}

.tckuai{ width:100%; height:675px; margin:auto; background:url(../images/anbj.jpg) top center no-repeat; padding-top:105px;}

.tcbt{ width:500px; height:94px; background:url(../images/xx.jpg) center bottom no-repeat; margin:auto; color:#4A4545; font-size:38px; line-height:40px; text-align:center;}
.tcbt span{color:#5C5C5C; font-size:18px;}

.tc{ width:1197px; margin:auto; margin-top:58px;}

.tc_f1{float: left; text-align:center;background-color:#ffffff;width:398px;height:320px; padding-top:75px; border-top:4px solid #D9D9D9; border-right:1px solid #E0E0E0; border-bottom:1px solid #F2F2F5;}
.tc_f1 img{transition:.6s;display: block;margin: 0 auto; margin-bottom:20px;}
.tc_f1 span{font-size:18px;display:block;color: #000000;}
.tc_f1 i{display:block;width:40px;height:1px;background-color:#D9D9D9;margin: 0 auto; margin-top:25px;}
.tc_f1 p{color: #797979;width:320px;margin: 15px auto; font-size:15px; line-height:32px;}
.tc_f2{background-color: #ffffff;}
.tc_f2 i{background-color: #D9D9D9;}
.tc_f3{background-color: #ffffff;}
.tc_f2 p{color: #797979;}
.tc_f3 p{color: #797979;}
.an_f2 span{color: #000;}
.tc_f1:hover{text-decoration:none;}
.tc_f1:hover img{margin-top:-50px; text-decoration:none;} 

.youshi{ width:100%; height:709px; margin:auto; background:url(../images/bj2.jpg) top center no-repeat;}
.youshibt{ width:606px; height:112px; margin:auto; padding-top:80px;}
.youshism{ width:1270px; margin:auto; padding-top:60px; animation: f2icon 5s infinite;
    -moz-animation: f2icon 5s infinite;
    -webkit-animation: f2icon 5s infinite;
    -o-animation: f2icon 5s infinite;}



.anli{ width:100%; height:680px; margin:auto; background:#FFF; padding-top:100px; overflow:hidden; margin-bottom:30px;}
.anbt{ width:500px; height:94px; background:url(../images/xx.jpg) center bottom no-repeat; margin:auto; color:#4A4545; font-size:38px; line-height:40px; text-align:center; margin-bottom:60px;}
.anbt span{color:#5C5C5C; font-size:18px;}

.anlinr{ width:1270px; margin:auto; height:auto;}

.anli02{ float:left; width:300px; height:230px; margin-left:8px; margin:0px 8px 35px 8px;}
.anli03{ position:relative; width:300px; height:210px; overflow:hidden;}
.anli04{ display:none; position:absolute; top:0; left:0;  padding-top:96px; width:100%; height:210px; background:url(../images/js02.png) repeat; text-align:center;}
.anli04 span{ display:block; overflow:hidden; font-size:22px; line-height:80px; color:#fff;}
.anli04 a{ color:#fff; font-size:16px;}

a.s2:link {font-size: 14px;color: #434343; text-align:center;text-decoration: none;line-height:39px;width:300px;height:39px;display:block;position:absolute; padding-left:0px; background:#fffurl(../images/sbj111.png) no-repeat;}
a.s2:visited {color: #000000;}
a.s2:hover {color: #ffffff;background:#999999 url(../images/sbj111.jpg) no-repeat;}
a.s2:active {color: #ffffff;}





.ggt02{ width:100%; height:105px; padding-top:25px; line-height:40px; margin:auto; background:url(../images/t2.jpg) top center no-repeat; color:#ffffff; font-size:36px; text-align:center;}
.ggt02 span{color:#ffffff; font-size:20px;}

.jieshao{ width:100%; height:670px; margin:auto; background:url(../images/bj3.jpg) top center no-repeat; border-top:1px solid #FFF;}
.jieshaoimg{ width:974px; height:352px; margin:auto; padding-top:55px;}

.jieshaosm{ width:1010px; margin:auto; color:#3F3F3F; font-size:16px; line-height:26px; text-align:center; padding-top:105px;}
.jieshaosm span{color:#FF0018;}


.wenzhi{ width:100%; height:358px; padding-top:150px; background:url(../images/bj4.jpg) top center no-repeat;}
.wenzhinr{ width:1200px; margin:auto;}
.wenzhinr01{ width:300px; height:300px; line-height:40px; color:#ffffff; font-size:20px; text-align:center; float:left;}



/*--------营销切图样式结束----------------------------------------------*/



/*--------官网切图样式----------------------------------------------*/

.guanwang_sm{ width:100%; background:#F7F7F7;}
.guanwang_sm02{ width:1120px; margin:auto; padding-top:60px; padding-bottom:60px;}
.guanwang_sm02 dl{ float:left; width:275px; border-right:#ccc solid 1px; text-align:center;}
.guanwang_sm02 dl dt{ color:#585858; font-size:14px;}
.guanwang_sm02 dl dt img{-moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.guanwang_sm02 dl:hover dt img{-webkit-transform: rotateZ(180deg);-moz-transform: rotateZ(180deg);-o-transform: rotateZ(180deg);-ms-transform: rotateZ(180deg);transform: rotateZ(180deg);}



.taochan{ width:100%; height:570px; margin:auto; background:url(../images/bj5.jpg) top center no-repeat; border-top:1px solid #FFF;}
.taochanbt{ width:100%; height:105px; padding-top:80px; line-height:40px; margin:auto; background:url(../images/t3.jpg) bottom center no-repeat; color:#ffffff; font-size:36px; text-align:center;}
.taochanbt span{color:#ffffff; font-size:20px;}

.taochannr{ width:1270px; margin:auto;}

.taoccankuai{ float:left; width:238px; height:350px; text-align:center; margin-left:8px; margin-right:8px;}
.taoccankuai01{ position:relative; width:238px; height:280px; padding-top:70px; overflow:hidden; color:#FFF; line-height:25px;}
.taoccankuai01 span{ display:block; overflow:hidden; font-size:22px; line-height:45px; color:#ffffff;}
.taoccankuai01 img{ massrgin-bottom:10px;}

.taoccankuai02{ display:none; position:absolute; top:0; left:0;  width:238px; height:280px; padding-top:70px; background:#FFF; text-align:center; color:#555555; border-radius:10px;}
.taoccankuai02 span{ display:block; overflow:hidden; font-size:22px; line-height:45px; color:#555555;}

.xxcpnrangm a{color:#ffffff; margin:auto; background:#2098D4; width:86px; height:28px; line-height:28px; text-align:center; display:block; font-size:14px; float:left; border-radius:3px; margin-left:20px; margin-top:10px;}
.xxcpnrangm a:hover{color:#ffffff; background:#FFA100; text-align:center; display:block; text-decoration:none;}
.xxcpnrangm01 a{color:#414141; margin:auto; background:#DBDBDB; width:70px; height:28px; line-height:28px; text-align:center; display:block; font-size:14px; float:left; border-radius:3px; margin-left:5px; margin-top:10px;}
.xxcpnrangm01 a:hover{color:#ffffff; background:#FFA100; text-align:center; display:block; text-decoration:none;}

.xxcpnrangm02 a{color:#414141; margin:auto; background:#DBDBDB; width:28px; height:25px; padding-top:3px; line-height:28px; text-align:center; display:block; font-size:14px; float:left; border-radius:50px; margin-left:10px; margin-top:10px;}
.xxcpnrangm02 a:hover{color:#ffffff; background:#FFA100; text-align:center; display:block; text-decoration:none;}




/*--------服务页面切图-----------------------------------------------------------------*/
.fwkuai{ width:1220px; height:auto; margin:auto;}
.fwneirong{ width:610px; height:300px; background:#EEEEEE; text-align:center; padding-top:76px; float:left;}
.fwneirongbt{ width:130px; height:65px; line-height:40px; margin:auto; background:url(../images/t4.jpg) center bottom no-repeat; color:#555555; font-size:30px; text-align:center; font-weight:bold;}
.fwneirongsm{line-height:40px; color:#666666; font-size:14px; text-align:center; line-height:25px; padding-top:35px;}
.fwneirongimg{ text-align:center; padding-top:35px;}

.fwdt{ width:610px; height:376px; float:left;}



/*--------小程序页面切图-----------------------------------------------------------------*/


.wxstbt{ width:520px; height:60px; line-height:30px; margin:auto; background:url(../images/wxb.jpg) top center no-repeat; color:#333333; font-size:24px; text-align:center; margin-top:60px; padding-top:65px;}
.wxstbt span{color:#333333; font-size:14px;}
.wxst{ width:1150px; height:287px; margin:auto; background:url(../images/wxbj.jpg) top center no-repeat; margin-top:65px;}

.yxneirong{ width:550px; height:68px; float:left; margin-top:35px; margin-bottom:35px; border-left:5px solid #F96363; padding-left:20px;}
.yxneirongbt{ text-align:left; width:390px; font-size:30px; font-weight:bold; color:#F96363; line-height:40px;}
.yxneirongnr{ text-align:left; width:360px; font-size:22px; color:#F96363;}

.yxneirong1{ width:550px; height:68px; float:left; margin-top:35px; border-left:5px solid #44B89E; padding-left:20px;}
.yxneirongbt1{ text-align:left; width:390px; font-size:30px; font-weight:bold; color:#44B89E;}
.yxneirongnr1{ text-align:left; width:360px; font-size:22px; color:#44B89E; line-height:40px;}


.yxneirong2{ width:550px; height:68px; float:left; margin-top:35px; margin-bottom:35px; border-right:5px solid #4D8AE5; padding-right:20px;}
.yxneirongbt2{ text-align:right; font-size:30px; font-weight:bold; color:#4D8AE5;  line-height:40px;}
.yxneirongnr2{ text-align:right; font-size:22px; color:#4D8AE5;}

.yxneirong3{ width:550px; height:68px; float:left; margin-top:35px; border-right:5px solid #FFB606; padding-right:20px;}
.yxneirongbt3{ text-align:right; font-size:30px; font-weight:bold; color:#FFB606; line-height:40px;}
.yxneirongnr3{ text-align:right; font-size:22px; color:#FFB606;}



.wxscys{ width:100%; height:535px; margin:auto; background:url(../images/bj6.jpg) top center no-repeat; margin-top:90px;}

.wxscysbt{ width:440px; height:70px; line-height:30px; margin:auto; color:#111111; font-size:30px; padding-top:60px; text-align:center; font-weight:bold;}
.wxscysbt span{color:#333333; font-size:18px; font-weight:normal;}

.wxscysnr{ width:570px; padding-top:90px; padding-right:650px; margin:auto; font-size:15px; color:#666666; line-height:26px;}


.cbdbbt{ width:520px; height:60px; line-height:30px; margin:auto; background:url(../images/cbb.jpg) top center no-repeat; color:#333333; font-size:24px; text-align:center; margin-top:60px; padding-top:65px;}
.cbdbbt span{color:#333333; font-size:14px;}

.cbdbnr{ width:570px; height:257px; background:url(../images/cbt.jpg) 20px 50px no-repeat; padding-top:80px; padding-left:650px; margin:auto; font-size:15px; color:#666666; line-height:26px;}


.sycj{ width:100%; height:398px; margin:auto; background:url(../images/bj7.jpg) top center no-repeat; margin-top:60px;}
.sycjbt{ width:440px; height:70px; line-height:40px; margin:auto; color:#ffffff; font-size:30px; padding-top:60px; text-align:center; font-weight:bold;}

.sycj_sm02{ width:1200px; margin:auto; padding-top:60px; padding-bottom:60px;}
.sycj_sm02 dl{ float:left; width:300px; text-align:center;}
.sycj_sm02 dl dt{ color:#ffffff; font-size:16px; font-weight:bold; line-height:26px;}



.xcxdnr{ width:1220px; height:990px; margin:auto; background:url(../images/bj8.jpg) center center no-repeat;}
.xcxdnrwz{ font-size:24px; color:#111111; font-weight:bold; text-align:center; padding-top:80px; width:1220px; float:left;}
.xcxdnrwz1{ font-size:24px; color:#111111; font-weight:bold; width:1200px; float:left; padding-top:15px; padding-left:20px;}
.xcxdnrwz1 span{ font-size:24px; color:#111111; font-weight:bold; padding-left:1040px;}
.xcxdnrwz2{ font-size:24px; color:#111111; font-weight:bold; text-align:center; width:1220px; float:left;}


.xcxdnrwz01{ width:535px; height:340px; float:left; margin-left:40px; margin-top:50px;}
.xcxdnr01{ height:49px; padding-left:60px; font-size:14px; color:#333333; line-height:24px; margin-top:45px;}

.xcxdnrwz02{ width:535px; height:340px; float:left; margin-left:70px; margin-top:50px;}
.xcxdnr02{ height:49px; width:207px; padding-left:60px; font-size:14px; color:#333333; line-height:24px; margin-top:45px; float:left;}


.xcxdnrwz03{ width:535px; height:280px; float:left; margin-left:40px; margin-top:50px;}
.xcxdnr03{ height:49px; padding-left:60px; font-size:14px; color:#333333; line-height:49px; margin-bottom:45px;}


.xcxdnrwz04{ width:535px; height:320px; float:left; margin-left:70px; margin-top:50px;}
.xcxdnr04{ height:49px; padding-left:60px; font-size:14px; color:#333333; line-height:24px; margin-bottom:45px;}




/*--------分销页面切图-----------------------------------------------------------------*/

.fenxiao{ width:100%; height:770px; margin:auto; background:#F8F8F8;}
.fenxiaobt{ height:70px; line-height:50px; margin:auto; color:#1C1C1C; font-size:50px; padding-top:60px; text-align:center;}
.open07{padding-top:40px; text-align:center;}



/*****/
@keyframes f2icon {
	0%, 100% {transform:scale(0.95, 0.95) translate(0, -15px)}
	50% {transform:translate(0, 15px)}
}
@-moz-keyframes f2icon {
	0%, 100% {-moz-transform:scale(0.95, 0.95) translate(0, -15px)}
	50% {-moz-transform:translate(0, 15px)}
}
@-webkit-keyframes f2icon {
	0%, 100% {-webkit-transform:scale(0.95, 0.95) translate(0, -15px)}
	50% {-webkit-transform:translate(0, 15px)}
}
@-o-keyframes f2icon {
	0%, 100% {-o-transform:scale(0.95, 0.95) translate(0, -15px)}
	50% {-o-transform:translate(0, 15px)}
}

/*****/
@keyframes f3icon {
	0% {transform:rotateY(0deg) rotateX(0deg) scale(0.1, 0.1)}
	45%, 55% {transform:rotateY(180deg) rotateX(180deg) scale(1, 1)}
	100% {transform:rotateY(360deg) rotateX(360deg) scale(0.1, 0.1)}
}
@-moz-keyframes f3icon {
	0% {-moz-transform:rotateY(0deg) rotateX(0deg) scale(0.1, 0.1)}
	45%, 55% {-moz-transform:rotateY(180deg) rotateX(180deg) scale(1, 1)}
	100% {-moz-transform:rotateY(360deg) rotateX(360deg) scale(0.1, 0.1)}
}
@-webkit-keyframes f3icon {
	0% {-webkit-transform:rotateY(0deg) rotateX(0deg) scale(0.1, 0.1)}
	45%, 55% {-webkit-transform:rotateY(180deg) rotateX(180deg) scale(1, 1)}
	100% {-webkit-transform:rotateY(360deg) rotateX(360deg) scale(0.1, 0.1)}
}
@-o-keyframes f3icon {
	0% {-o-transform:rotateY(0deg) rotateX(0deg) scale(0.1, 0.1)}
	45%, 55% {-o-transform:rotateY(180deg) rotateX(180deg) scale(1, 1)}
	100% {-o-transform:rotateY(360deg) rotateX(360deg) scale(0.1, 0.1)}
}







.fenxiao01{ width:570px; height:406px; background:url(../images/fxt2.jpg) 20px 0px no-repeat; padding-left:520px; margin:auto; margin-top:80px; margin-bottom:80px;}
.fenxiao02{font-size:36px; color:#C91D23; padding-top:40px; padding-bottom:15px;}
.fenxiao03{font-size:30px; color:#666666; padding-top:20px; padding-bottom:20px;}
.fenxiao04 ul li{font-size:20px; color:#1C1C1C; line-height:44px; background:url(../images/yd.jpg) 5px center no-repeat; padding-left:30px;}


.wfenxiao{ width:100%; height:470px; margin:auto; background:url(../images/bj9.jpg) top center no-repeat;}
.wfenxiao01{ width:1200px; margin:auto;}
.wfenxiao02{font-size:36px; color:#FFF112; padding-top:120px;}
.wfenxiao03{font-size:30px; color:#ffffff; padding-top:30px; line-height:40px;}


.fxkuai{ width:660px; height:400px; background:url(../images/fxt3.jpg) 0px 0px no-repeat; padding-left:520px; margin:auto; margin-top:80px; margin-bottom:80px; border-bottom:1px solid #CCC;}
.fxkuai01{font-size:36px; color:#000000; padding-top:80px;}
.fxkuai02{font-size:30px; color:#666666; padding-top:30px;}

.xfxkuai{ width:100%; text-align:center; background:url(../images/fxbj.jpg) bottom repeat-x; padding-bottom:80px;animation: f2icon 5s infinite;
    -moz-animation: f2icon 5s infinite;
    -webkit-animation: f2icon 5s infinite;
    -o-animation: f2icon 5s infinite;}


.fxanli{ width:520px; height:60px; line-height:30px; margin:auto; background:url(../images/fxb.jpg) top center no-repeat; color:#333333; font-size:24px; text-align:center; margin-top:60px; padding-top:65px;}

.tjbsnr{ padding-top:25px; width:1220px; margin:auto; margin-bottom:80px;}

.tjbskuai{ width:224px; height:203px; float:left; position:relative; margin-left:10px; margin-right:10px; margin-bottom:26px; background:url(../images/abj.jpg) right bottom;}
.tjbskuai1 a{width:202px; padding-left:10px; height:38px; background:url(../images/tmb.png); position:absolute; left: 0px; top: 153px; color:#FFF; line-height:38px; display:block;}
.tjbskuai1 a:hover{ background:#666; text-decoration:none;}


.tjbskuai1 span a{width:20px; margin-left:140px; color:#EDEDED; margin-top:8px; height:20px;  background:none;}
.tjbskuai1 span a:hover{ background:none;}

.tjbskuai1 p a{width:20px; margin-left:170px; color:#EDEDED; margin-top:8px; height:20px;  background:none;}
.tjbskuai1 p a:hover{ background:none;}



