@charset "utf-8";
/*banner*/
.banner{background:url(../images/ban_b2c.png) fixed no-repeat center top;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;margin-top:120px;}
.banText{position:relative;height:450px;text-align: center;color:#fff;}
.banText h3{font:56px/1em "微软雅黑";padding-top:120px;} 
.banText h4{font:38px/2em "微软雅黑";}

.banText a{ display: inline-block;width:180px;height:40px;background:#ee3131;border-radius:20px;color:#fff;font:16px/40px "微软雅黑";
display:box; display:-webkit-box; display:-moz-box;-webkit-box-align: center; -moz-box-align:center;box-align: center;
-webkit-box-pack: center; -moz-box-pack:center;box-pack: center;margin:10px auto;}





/*mainL*/
.mainL{width:100%;background:#fafafa;padding-top:4.2%;padding-bottom:4.2%;text-align:center;}
.mainL_m{width:80%;margin:0 auto;}
.mainL_m h3{font:30px "微软雅黑";color:#333333;}
.mainL_m p.line{margin:20px auto 40px auto;width:40px;height:2px;overflow:hidden;background:#ef3333;}

/*swiper-container*/
.swiper-container{position:relative;width:96%;height:220px;margin:0 auto;}
.swiper-wrapper{position:relative;width:100%;overflow:hidden;}
.swiper-slide{float:left;width:100%;}
.swiper-slide li{float:left;height:100%;width:29%;margin-left:2%;margin-right:2%;}
/*.swiper-slide li a:hover{ background:#eee; display:block;}*/
.swiper-slide p{margin-top:30px;font:14px "微软雅黑";color:#333333;}
.pagination{position:absolute;bottom:0;width:101.3%;}
.swiper-pagination-switch { display: inline-block; width: 8px; height: 8px; border: 2px solid #7a7c82; border-radius: 50%; margin-right: 12px; cursor: pointer; }
.swiper-active-switch { border: 2px solid #ef3333; background: #ef3333; }



/*main1*/
.main1{width:100%;padding-top:4.5%;padding-bottom:3.7%;}
.main2_m{ width:90%; margin: 0 5%; text-align: center; padding: 45px 0 0 0; height: auto;}
.main1_m{width:70%;margin:0 auto; text-align: center;}
.tips_b { width: 100%; height: auto; margin: 0 auto}
.tips_b h3{margin-bottom:15px;font:30px "微软雅黑";color:#333333;}
.tips_b p.line{width:40px;height:2px;overflow:hidden;background:#ef3333; margin: 0 auto;margin-bottom:20px;}
.main1_m dl{float:left;width:33.3%;padding-bottom:6%;}
.main1_m dl dt{position:relative;width:78px;height:78px; line-height:78px;margin:0 auto;border:1px solid #f15b5b;border-radius:50%;
-webkit-box-align: center;box-align: center;-webkit-box-pack: center;box-pack: center;
}
.iconfont{
    font-family:"iconfont" !important;
    font-size:36px;color:#ef3737;font-style:normal;}
.main1_m dl dd{margin-top:10%;font:16px "微软雅黑";color:#333;}
.main1_m p{width:90%;margin:0 auto;font:14px/28px "微软雅黑";color:#666666;}
/***************************/
.operate{position:relative;width:100%;height:759px;text-align:center;overflow:hidden;}
.operate img{position:absolute;width:1920px;height:759px;left:50%;top:0;margin-left:-960px;}
.operate_cont{ position: absolute;width: 100%;}
.tips_b2 h3{ color: #fff; padding:60px 0 0 }
.tips_b2 p{ margin: 0 auto;}
.tips_b2 p.line{ margin-bottom:15px;}
.operate_cont .w_pdius{ color:#fff; font-size: 14px; width: 55%; margin: 0 auto; line-height: 24px;}
.cont_five{ width: 888px; height:auto; margin: 20px auto; text-align: center;}
.cont_five dl{ width:200px; height:228px; background:url(../images/b6_06.png) no-repeat center; display: inline-block; margin: 0 25px; text-align: center; overflow: hidden;}
.cont_five dl dt{ font-family:"iconfont";font-size:30px; width:60px; height:60px; margin:20px 0 20px 0; border-radius:30px; background: #EB961A; line-height:60px; text-align: center; color: #fff; display:inline-block;-webkit-box-align: center;box-align: center;-webkit-box-pack: center;box-pack: center;}
.cont_five dl h4{ color:#fff;font-size:24px; padding: 0 0 15px;}
.cont_five dl dd{ color: #fff; font-size: 14px; padding: 0 30px; line-height: 24px;}
.cont_five dl.red_6squ{ width:265px; height:300px; background: url(../images/b6_03.png) no-repeat; background-size:265px 300px ;}
.cont_five dl.red_6squ h3{color:#fff;font-size:24px; padding:123px 0 0 0;}
/**************************/

.serve_you{position:relative;width:100%;height:600px;text-align:center;overflow:hidden;}
.serve_you img{position:absolute;width:1920px;height:600px;left:50%;top:0;margin-left:-960px;}
.eight_box{ width:100%; height: auto; margin: auto; background: #fafafa;}
.eight_8{ width:1200px; height:auto; margin: 0 auto; padding: 30px 0;}
.eight_8 dl{ width:200px; height:300px; float: left; text-align: center; margin:50px 40px 0 0;}
.eight_8 dl dt span{ width:52px; height: 60px; line-height:60px;background: url(../images/6bx.png) no-repeat; display: inline-block; font-size:28px; color:#EB961A;}
.eight_8 dl dd{ line-height: 24px; color: #888; text-align: left;}
.eight_8 dl h4{ font-weight: 600; font-size: 16px; padding: 35px 0 15px;}
.eight_8 dl.no_r_b{ margin-right:0;}



/*app*/

.sectionTit{padding-top:40px;text-align: center;padding-bottom:60px;transition:0.5s 0.2s;}
.sectionTit h6{font-size:26px;color:#333;-webkit-text-stroke-width: 0.2px;-webkit-font-smoothing: antialiased;}

.serviceBox{width:100%;height:660px;background:url(../images/bg2.jpg) no-repeat;position:relative;overflow:hidden;}
.phone_dz{position:absolute;left:50%;bottom:0;margin-left:-250px;width:500px;height:560px;background:url(../images/shouji.png) no-repeat;transition:all 0.8s .2s;-webkit-transform:translateY(570px);transform:translateY(570px);background-size:100%;}
.phone_dz.phone_dz1{-webkit-transform:translateY(0);transform:translateY(0);}
.keyWord span{border-radius:50%;color:#fff;text-align: center;display:block;opacity:0;transition:all .4s;}
.keyWord .span1{position:absolute;left:12%;bottom:210px;width:128px;height:128px;line-height:128px;background:#f6c01f;font-size:36px;transition-delay: 1.2s;-webkit-transform:translateX(-70px);transform:translateX(-70px);}
.keyWord .span2{position:absolute;left:21%;bottom:348px;width:86px;height:86px;line-height:86px;background:#25d1b7;font-size:24px;transition-delay: 2s;-webkit-transform:translateY(-70px);transform:translateY(-70px);}
.keyWord .span3{position:absolute;left:26%;bottom:250px;width:93px;height:93px;line-height:93px;background:#f54e6a;font-size:30px;transition-delay: 2.6s;-webkit-transform:translateY(70px);transform:translateY(70px);}
.keyWord .span4{position:absolute;left:31%;bottom:355px;width:100px;height:100px;line-height:100px;background:#BB85F3;font-size:30px;transition-delay: 1.6s;-webkit-transform:translateY(-60px);transform:translateY(-60px);}
.keyWord .span5{position:absolute;left:35%;bottom:167px;width:154px;height:154px;line-height:154px;background:#27D1B3;font-size:36px;transition-delay: 3s;-webkit-transform:translateY(50px);transform:translateY(50px);}
.keyWord .span6{position:absolute;left:56%;bottom:300px;width:86px;height:86px;line-height:86px;background:#459BF5;font-size:24px;transition-delay: 2.4s;-webkit-transform:translateY(-60px);transform:translateY(-60px);}
.keyWord .span7{position:absolute;left:62.5%;bottom:216px;width:100px;height:100px;line-height:100px;background:#BB85F3;font-size:30px;transition-delay: 2.8s;-webkit-transform:translateY(60px);transform:translateY(60px);}
.keyWord .span8{position:absolute;left:67%;bottom:304px;width:155px;height:155px;line-height:155px;background:#F5BF1F;font-size:36px;transition-delay: 1.8s;-webkit-transform:translateY(-70px);transform:translateY(-70px);}
.keyWord .span9{position:absolute;left:75.5%;bottom:200px;width:100px;height:100px;line-height:100px;background:#FF5555;font-size:30px;transition-delay: 1.4s;-webkit-transform:translateY(70px);transform:translateY(70px);}
.keyWord .span10{position:absolute;left:84%;bottom:280px;width:72px;height:72px;line-height:72px;background:#23D1B7;font-size:24px;transition-delay: 2.2s;-webkit-transform:translateX(70px);transform:translateX(70px);}
.keyWord.keyWord2 .span1,.keyWord.keyWord2 .span10{-webkit-transform:translateX(0);transform:translateX(0);opacity: 1;}
.keyWord.keyWord2 .span2,.keyWord.keyWord2 .span3,.keyWord.keyWord2 .span4,.keyWord.keyWord2 .span5,.keyWord.keyWord2 .span6,.keyWord.keyWord2 .span7,.keyWord.keyWord2 .span8,.keyWord.keyWord2 .span9{-webkit-transform:translateY(0);transform:translateY(0);opacity: 1;}

.key_word{width:450px;margin:20px auto 0;text-align: center;display:none;}
.key_word span{display:inline-block;font-size:12px;font-family: "宋体";color:#999;height: 26px;line-height:26px;text-align: center;margin-right:5px;margin-bottom:7px;border:solid 1px #999;width:100px;background:#fff;}


/* terminal */
.terminal{width: 100%;overflow:hidden;background:url(../images/term.jpg) fixed no-repeat center top;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;position:relative;}
.terminal h3{text-align:center; height:40px; line-height:40px; color:#fff; font-size:30px; margin:5px auto;}
.termList{width:1026px;margin:0 auto;padding:160px 0 60px 0;}
.termList li{width:302px;float:left;margin:0 20px;background:url(../images/zdbg.png) no-repeat;height:337px;position:relative;}
.termbg1{background:url(../images/xbg1.png) no-repeat ;width:45px;height:50px;position:absolute;right:45px;top:18px;}
.termbg2{background:url(../images/xbg2.png) no-repeat ;width:27px;height:31px;position:absolute;right:9px;top:13px;}
.termIcon{text-align: center;font-size:30px;line-height:40px;margin:50px 10px 0 10px;color:#EB961A; font-weight:bold;}
.termIcon i{ font-size:14px; font-weight:normal;}
.termList li h4{font:24px/1em "微软雅黑";color:#333;padding:20px 0 14px; text-align: center;}
.termList li p{height:78px;margin:0 auto;width:210px;text-align: center;font:14px/26px "微软雅黑";color:#656565;overflow:hidden;height:78px;}
.termList li a{ width:120px; height:30px; line-height:30px; color:#fff; border-radius:15px; text-align:center; background:#EB961A ;display: block;margin:15px auto;}
.termList .active{background:url(../images/zdbg2.png) no-repeat;}
.termList .active .termIcon{color:#fff;}
.termList .active h4{color:#fff;}
.termList .active p{color:#fff;}
.termList .active a{background:#fff;color:#EB961A;}
/*.termBox{position: absolute;left:50%;margin-left:-95px;bottom:130px;}
.termMores{display: block;height:50px;font:16px/50px "微软雅黑";color:#fff;width:190px;text-align:center;background: #EF3333;border-radius: 25px;}*/


.table_cost table { border-radius: 10px; overflow: hidden; border: none; margin:20px auto; width:1120px; display: table;border-collapse: separate;
border-spacing: 2px;border-color:#F1F6F8; background:#F1F6F8;}
.table_cost table th { background: #3A344C; color: #fff; height: 40px; font-size:16px; }
.table_cost table td { background: #fff; text-align: center; line-height:46px;font-size:14px;}
.table_cost table td p{ padding:8px; text-align:left; line-height:30px; text-indent:2em;}
.table_cost table tr.summary td { background: #EFCF47; color: #fff; font-weight: bold; font-size: 16px; border: none; }


h5.title_section { color: #3f5b77; font-size: 32px; text-align: center; line-height: 100px; font-weight: normal; }
h5.title_section.family { padding: 0px 72px; color: #fff; margin: 0px auto; position: relative; width: 200px; }
h5.title_section.family i { width: 57px; height: 38px; position: absolute; left: 0; top: 50%; margin-top: -19px; background: url(../images/diamonds.png); display: block; }

.bottom_cont{ width:1200px; margin:0px auto; padding-bottom:40px;}
.bottom_cont h3 { font-size: 18px; margin-bottom: 10px; color: #666; padding-left: 35px; position: relative; }
.bottom_cont h3 i { background: url(../images/point.png); width: 24px; height: 25px; position: absolute; left: 0; top: 50%; margin-top: -12.5px; display: block; }
.bottom_cont p { padding-left: 35px; line-height: 26px; font-size:14px; }
.bottom_cont .box_l { float: left; width:48%;}
.bottom_cont .button { width: 160px; height: 46px; background: #5aabd2; margin: 10px 0px 0px 35px; line-height: 46px; position: relative; font-size: 16px; text-indent: 25px; }
.bottom_cont .button.on { background: #3f5b77; }
.bottom_cont .button i { width: 21px; height: 18px; display: block; background: url(../images/consult_icon.png); background-position: 0px -18px; position: absolute; left: 18px; top: 50%; margin-top: -9px; }
.bottom_cont .button.on i { background-position: 0px -0px; }




/*******************/
@media only screen and (max-width:1200px ) {
		.banner{background-attachment: scroll;margin-top:90px;}
	.banText{height:400px;}	
	/*main1*/
	.main1_m h3,.main2_m h3,.banner1 h3,.banner2 h3,.mainL_m h3,.mainT_m h3{font-size:28px;}
	.banner2 img{height:520px;}
	.banner2{height:520px;}
	.mainT_m{width:90%;margin:0 auto;}
	.operate_cont .w_pdius{ width: 70%;}
.eight_8{  width:850px; height:auto; margin:0 auto;}
.eight_8 dl{ margin: 30px 30px 0 0; width: 190px;}
.eight_8 dl dt span{}
.eight_8 dl dd{}
.eight_8 dl h4{padding:25px 0 15px;}
.eight_8 dl.no_r_b{ margin-right:0;}
.formM{ width:80%;}



}
@media only screen and (max-width: 900px) {
	.banner2 img{height:490px;}
	.banner2{height:490px;}
	.operate{ height:650px;}
.operate_cont .w_pdius{ width: 80%;}
.cont_five{ width:95%;}
.cont_five dl{ width:165px; height:185px; background-size:165px 185px; margin:0 15px;}
.cont_five dl dt{ width: 30px; height: 30px;margin:20px 0 10px 0; font-size:20px; line-height:30px; }
.cont_five dl h4{ padding: 0 0 10px; font-size:16px;}
.cont_five dl dd{padding: 0 30px; line-height: 24px; font-size: 12px;}
.cont_five dl.red_6squ{ width:210px; height:232px;background-size:210px 232px ;}
.cont_five dl.red_6squ h3{padding:100px 0 0 0; font-size:20px;}
.serve_you{ height: 500px;}
.eight_8{  width:80%; height:auto; margin:0 10%;}
.eight_8 dl{ width:42%; margin:30px 4% 0; height: 250px;}
.eight_8 dl dt span{}
.eight_8 dl dd{}
.eight_8 dl h4{padding:25px 0 15px;}
.eight_8 dl.no_r_b{ margin-right:0 ;}
.formM{ width:84%;}

.termList{width:90%;text-align: center;padding:120px 0 90px 0;}
.termList li,.termList .active{width:242px;height:270px;background-size: 242px 270px;margin:0 20px;display: inline-block;float:none;text-align: center;}
.termIcon {margin-top:35px;}
.termIcon .iconzd{font-size:20px;line-height:32px;}
.termList li h4{ font:18px/1em "微软雅黑";padding:10px 0 10px;}
.termList li p{  font: 14px/24px "微软雅黑";height:72px;}

.table_cost table {width:98%;}
.bottom_cont{width:98%;}

}
@media only screen and (max-width: 768px) {
	.banText{height:380px;}
    .banText h3{font: 40px/1em "微软雅黑";padding-top:110px;}
    .banText h4{font: 38px/2em "微软雅黑";}
	.tips_b p.line{margin-bottom:15px;}
	.tips_b h3{ font-size: 22px;}
	.main1_m{ width: 90%;}
	.operate_cont .w_pdius{ width: 90%; font-size: 12px;}
	.cont_five{ width: 100%; background-size:600px 380px; padding: 0 0 30px;}
	.cont_five dl{ margin: 0 10px;}
	.cont_five dl dt{ width: 30px; height: 30px;margin:20px 0 10px 0; font-size:20px; line-height:30px; }
	.serve_you{ height: 500px;}
	.eight_8{  width:90%; height:auto; margin:0 5%; padding: 30px 0;}
	.eight_8 dl{ width:42%; margin:30px 4% 0; height: 220px;}
	.eight_8 dl.no_r_b{ margin-right:0 ;}
	.formM{ width: 90%;}
	
	.termList{width:90%;text-align: center;padding:120px 0 90px 0;}
.termList li,.termList .active{width:242px;height:270px;background-size: 242px 270px;margin:0 20px;display: inline-block;float:none;text-align: center;}
.termIcon {margin-top:35px;}
.termIcon .iconzd{font-size:20px;line-height:32px;}
.termList li h4{ font:18px/1em "微软雅黑";padding:10px 0 10px;}
.termList li p{  font: 14px/24px "微软雅黑";height:72px;}

.table_cost table {width:98%;}
.bottom_cont{width:98%;}
}
@media only screen and (max-width: 640px) {
	.banText{width:90%;margin:0 5%;height:360px;}
    .banText h3{font: 32px/1em "微软雅黑";}
    .banText h4{font: 26px/2.5em "微软雅黑";}
	.banText a {width: 140px;height: 34px;font: 12px/34px "微软雅黑";}
	.main1_m{ width: 90%;}
	.main1_m dl{width:33.3%;}
	.operate{ height:650px;}
	.tips_b p.line{margin-bottom:20px;}
	.cont_five{ width: 92%; background-size:400px 280px; position: relative;}
	.cont_five dl.red_6squ{ display:none;width:190px; height:212px;background-size:190px 212px; position:absolute; top:0px; left: 50%; margin: 0 0 0 -95px;}
    .cont_five dl.red_6squ h3{padding:100px 0 0 0; font-size:20px;}
	.cont_five dl dt{ width: 30px; height: 30px;margin:20px 0 10px 0; font-size:20px; line-height:30px; }
    .serve_you{ height: 360px;}
    .eight_8{  width:94%; height:auto; margin:0 3%;padding: 30px 0;}
	.eight_8 dl{ width:44%; margin:30px 3% 0; height:260px;}
	.eight_8 dl.no_r_b{ margin-right:0 ;}
    .formM{ width: 90%;}
    .formM li.liM{ margin: 0;}
    .formM li.liM input{ width:99%; padding: 0; margin: 0 0 15px 0; padding: 0 0 0 1%;}
	
	.termList{width:90%;text-align: center;padding:120px 0 90px 0;}
.termList li,.termList .active{width:242px;height:270px;background-size: 242px 270px;margin:0 20px;display: inline-block;float:none;text-align: center;}
.termIcon {margin-top:35px;}
.termIcon .iconzd{font-size:20px;line-height:32px;}
.termList li h4{ font:18px/1em "微软雅黑";padding:10px 0 10px;}
.termList li p{  font: 14px/24px "微软雅黑";height:72px;}
.table_cost table {width:98%;}
.bottom_cont{width:98%;}
}
@media only screen and (max-width: 600px) {
	.banner{margin-top:60px;}
}

@media only screen and (max-width:480px) {	    
	.banText{height:350px;}
    .banText h3{font: 26px/1em "微软雅黑";padding-top:130px;}
    .banText h4{font: 20px/2.5em "微软雅黑";}
    .banText a{width: 120px;height: 30px;font: 12px/30px "微软雅黑";}
	
	.cont_five dl dt{ width: 30px; height: 30px;margin:20px 0 10px 0; font-size:20px; line-height:30px; }
	
	.termList{width:90%;text-align: center;padding:120px 0 90px 0;}
.termList li,.termList .active{width:242px;height:270px;background-size: 242px 270px;margin:0 20px;display: inline-block;float:none;text-align: center;}
.termIcon {margin-top:35px;}
.termIcon .iconzd{font-size:20px;line-height:32px;}
.termList li h4{ font:18px/1em "微软雅黑";padding:10px 0 10px;}
.termList li p{  font: 14px/24px "微软雅黑";height:72px;}
.table_cost table {width:98%;}
.bottom_cont{width:98%;}
}
@media only screen and (max-width:414px ) {
		.banText h3{font: 20px/1em "微软雅黑";}
    .banText h4{font: 16px/2.5em "微软雅黑";}
}
@media only screen and (max-width:390px) {
.operate{ height: 1050px;}
.operate img{ height: 1050px;}
.eight_8{ padding: 30px 0;}
.eight_8 dl{ height:300px;}
	
}


/* solution */

.solution{width:100%;background:url(../images/bg4.jpg) repeat;position: relative;}
.swiper-container{width:100%;overflow:hidden;}
.soluTit{width:90%;text-align: center;height:80px;padding:88px 0 37px;margin:0 auto;color:#333;}
.soluTit h4{font:34px/1em "微软雅黑";}
.soluTit h5{font:18px/44px "微软雅黑";}
.soluBox{margin:0 auto;width:1060px;}
.tabsBox{width:1000px;margin:0 auto 65px;}
.tabsBox a{width:120px;height:162px;float:left;margin:0 40px;}
.tabsBox .active p{background:#EB961A;}
.tabsBox a p{width:100px;height:100px;background:#f2f2f2;border-radius:50% ;margin:0 10px;transition:all 0.5s;}
.tabsBox a p i{font-family:"iconfont";font-size:50px;color:#000;line-height:100px;text-align: center;display: block;transition:all 0.5s;}
.tabsBox .active p i{color:#fff;}
.tabsBox a p:hover{background:#EB961A;-ms-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-webkit-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);color:#fff;}
.tabsBox a p:hover i{color:#fff;}
.tabsBox a h5{height:62px;font:22px/62px "微软雅黑";text-align: center;}
.tabsBox a{color:#333;}
.soluCont{width:100%;position:relative;padding-bottom:210px;}
.soluCont dd{/*position:absolute;left:0;top:0;*/width:100%;height:100%;float:left;display: none;}
.soluCont .soluAct{display:block;}
.soluImg{width:55%;float:left;}
.soluImg img{width:auto;height:auto;}
.soluText{width:38%;float:right;}
.soluText dl{clear:both;}
.soluText dl dl dt{height:36px; line-height:36px; font-weight:bold; font-size:18px;}
.soluText dl dl dd{line-height:22px; font-size:14px; margin-bottom:15px;}
.wlf{ width:45%; float: left;}
.wlr{ width:45%; float: right;}
.yous{ margin:0px auto; clear:both;}
.yous dl{ float: left;}
.yous dl dt{height:36px; line-height:36px; font-weight:bold; font-size:18px;}
.yous dl dd{line-height:22px; font-size:14px; margin-bottom:15px;}
.yous dl dd li{ display:block; width:98%; text-align:left;}