i, em { font-style: normal }
html,body{margin:0;padding:0;font-family:'微软雅黑';}
.headerbar{width:100%;background:#21292f;position:fixed;left: 0;top: 0;width: 100%; z-index: 99;}
.header{width:1200px;margin:0px auto;color:#fff;}
.clearfix:after{clear:both;height:0;content:'';display:block;}
a:hover{color:#369;}
a { color: #666; text-decoration: none }
.fl{float: left;}.fr{float: right;}
.header .logo{float:left;width:200px;padding: 10px 0; overflow:hidden;}
.logo img{height: 40px;width: auto;display: block;line-height: 1;}
.header .slogan{float:left;height:60px;line-height:60px;font-size:20px;padding-left:10px;letter-spacing: 1px;}
.nav{float: right;margin-left: 10px;}
.nav li{float: left;position: relative;}
.nav li a{display: block;color: #fff;font-size: 15px;line-height: 60px;padding: 0 22px;position: relative;}
.nav li.on a::after{content: "";position: absolute;bottom: 0;left: 0;width: 100%;height: 1px;border-bottom: 1px solid #2a95d6;}
.header .loginbar{float:right;height:60px;line-height:60px;}
.header .loginbar a{color:#fff;text-decoration: none;}
.wrap-banner{background:url(../images/banner-xz.jpg) center top no-repeat;}

.content-banner{width:1200px;margin:0px auto;text-align:left;padding: 155px 0 100px 0;}
.t1{font-size:34px;color:#fff;}
.t2{margin:20px auto;font-size:22px;color:#fff;}
.t3{color:#fff;font-size:17px;margin-bottom: 50px;}
.t4{color:#fff;font-size:22px;padding-top:20px;}
.blue-button { padding: 12px 50px 14px; height: 24px; line-height: 24px; font-size: 18px; color: #fff; border-radius: 25px; background: #2aa0e9 }
.blue-button:hover { color: #fff; background: #2a95d6 }
.bg-advantage{background:#fff;width:100%;padding:20px auto;text-align: center;}
.adv{padding-top:10px;line-height:150px;color:#3b3b3b;font-size:30px;width:1200px;text-align:center;margin:0 auto;}
.youshi{width:1200px;margin:0 auto;}
.youshi .first{line-height:50px;}
.youshi .second{padding:50px 0;line-height:50px;}
.youshi .y{float:left;width:400px;text-align:center;font-size:16px;color:#333;}
.youshi .y>i{display: block;height: 90px;text-align: center;position: relative;}
.youshi .y>i::after{content: "";position: absolute;top: 0;left: 50%;width: 90px;height: 90px;margin-left: -45px; background-image:url(../images/advantage.jpg);background-repeat: no-repeat;}
.youshi .y>i.ys-1::after{background-position:-155px 0}
.youshi .y>i.ys-2::after{background-position: -564px 0}
.youshi .y>i.ys-3::after{background-position: -966px 0}
.youshi .y>i.ys-4::after{background-position: -155px -176px}
.youshi .y>i.ys-5::after{background-position: -564px -176px}
.youshi .y>i.ys-6::after{background-position: -966px -176px}
table { border-collapse: collapse; border-spacing: 0 }

.bg-question{background:#f8f8f8;width:100%;padding:20px auto;text-align: center;padding-bottom:50px;}
.ques{padding-top:10px;line-height:150px;color:#3b3b3b;font-size:30px;width:1200px;text-align:center;margin:0 auto;}
.quesbar{float:left;width:350px;background:#fff;}
.quesbar .item{margin:20px;text-align:left;font-size:16px;}
.quesbar .item p{color:#666;font-size:14px;line-height:23px;}
.quesbar .item p.title{color:#333;line-height:28px;font-size:16px;}
.quesbar .line{border-top:1px solid #ededed;height:1px;margin:10px auto;}
.wrap{width:1200px;margin:0 auto;text-align: center;}

.btn{background:#804D3B;width:220px;height:40px;font-size:16px;display:inline-block;color:#fff;text-decoration: none;line-height: 40px;cursor:pointer;margin:0 auto;}
.btn:hover{background:#CDAF95;color:#fff;}

.w {width: 1200px;margin-right: auto;margin-left: auto;}
.contact{background:#CDAF95 url('../images/bg-contact.png') no-repeat 50% 100%} dl,ul,li{margin:0;padding:0;list-style:none;outline:none;}
.contact li{float:left;width:760px}
.contact li dl{float:left;margin-top:45px;}
.contact li dd{padding-top:4px;line-height:30px;font-size:20px;font-family:'Times New Roman';color:#fff;text-align:left;}
.contact li i{float:left;margin:55px 0 0 0;width:104px;height:84px;background:url('../images/ico.png') no-repeat}
.contact li i.i1{background-position:-96px -216px;width:93px}

/*底部*/
.foot{color:#666;background:#21292f;text-align:left;padding:20px auto;line-height: 64px;}
.foot .logo{margin-top:12px;margin-right:12px;float: left;}
.foot a{color:#666;}
/*客服*/
@keyframes myfirst {
    0% {transform: translate(0px, 0px);}
    55% {transform: translate(0px, 30px);}
    100% {transform: translate(0px, 0px);}
}
/*选择*/
.choose { height: 725px; background: #f6f6f6 url('../images/choose-bg.jpg') no-repeat 50% 0 }
.choose h2 { padding: 55px 0 15px; font-size: 34px; text-align: center; font-weight:normal}
.choose ul { padding: 0 }
.choose li { padding:18px 0 18px 40px; line-height: 45px; font-size: 18px }
.choose li em { float: left; margin-right: 28px; padding-left: 12px; width: 33px; height: 45px; font-size: 26px; font-style: italic; color: #fff; border-radius: 50%; background:#804D3B }
/* Clear: */
.clear { clear: both }
.clearfix:before, .clearfix:after { content: ""; display: table }
.clearfix:after { clear: both }
.clearfix { clear: both; *zoom: 1; /*ie6,7*/ }
/*咨询*/
.consult { padding: 30px; text-align: center; background: #CDAF95 url('../images/consult-bg.jpg') no-repeat 50% 0}
.consult p { padding-bottom:16px; font-size: 28px; color: #fff; }
.consult a { display: inline-block; padding: 7px 45px; font-size: 16px; color: #fff; border-radius: 3px; border:solid 1px #fff; background: #804D3B }
.consult a:hover { background: #CDAF95 }
/*优势*/
.advantage { color: #fff; background: #373d41 }
.advantage .w { position: relative; height: 479px }
.advantage .w h2 { position: absolute; left: 0; top:50px; width:100%; text-align: center; font-size: 34px }
.advantage .w li { float: left; width:25%; height: 479px; text-align: center; font-size: 18px }
.advantage .w li.first { background: url('../images/advantage-01.jpg') }
.advantage .w li.first p { padding-top: 336px; height:143px }
.advantage .w li.second { background: url('../images/advantage-02.jpg') }
.advantage .w li.second p { padding-top: 336px; height:143px }
.advantage .w li.third { background: url('../images/advantage-03.jpg') }
.advantage .w li.third p { padding-top: 343px; height:136px }
.advantage .w li.last { background: url('../images/advantage-04.jpg') }
.advantage .w li.last p { padding-top: 343px; height:136px }
.advantage .w li.active p { background: url('../images/advantage-bg.png') repeat-x 0 100% }
/*套餐*/
.list .top { background: #fff }
.list .top h2 { padding: 40px; font-size: 34px; text-align: center; font-weight:normal}
.list .top tr { border-left: solid 1px #eee; border-right: solid 1px #eee }
.list .top tr.active { border-color:#b7d8ed; background: #f5fbff }
.list .top tr.active td { position: relative; border-color:#b7d8ed }
.list .top tr.active td i { position: absolute; left: -1px; top:-1px; display: block; width:48px; height: 48px; background: url('../images/ico2.png') -48px 0 }
.list .top tr.last td { border-bottom-color:#b7d8ed }
.list .top th { padding: 15px; font-size: 18px; font-weight:normal;color:#999;border-top:solid 1px #eee; background: #f7f7f7 }
.list .top td { padding: 15px; font-size: 18px; text-align: center; color: #666; border-top: solid 1px #eee; border-bottom: solid 1px #eee }
.list .top td b { padding: 0 1px; font-weight: normal; color: #ff6c00 }
.list .top p { padding: 15px 0 60px; color: #666 }
.list .top p.xz { margin:0 auto; padding: 40px 110px; width: 740px; font-size: 18px; background: url('../images/desc.png') no-repeat; }
.list .top li { float: left; background: url('../images/arrow.png') no-repeat 12px 36px }
.list .top li p { position: relative; margin-left: 60px; width: 140px; height: 72px; padding: 26px 0 0 50px; font-size: 16px; color: #666; border: solid 1px #eee; background: #fafafa }
.list .top li p em { position: absolute; left: 0; top: 0; padding: 0 0 0 6px; width: 42px; height: 48px; font-size: 20px; font-style: italic; color: #fff; background: url('../images/ico2.png') no-repeat -48px -48px }
.list .top li p i { position: absolute; right: 0; bottom: 0; display: block; width: 60px; height: 60px; opacity: .4; background: url('../images/list-bg.png') no-repeat }
.list .top li p i.p2 { background-position: 0 -60px }
.list .top li p i.p3 { background-position: 0 -120px }
.list .top li p i.p4 { background-position: 0 -180px }
.list .top li p i.p5 { background-position: 0 -240px }
.list .top li.first p { margin-left: 0 }
.list .top li.third p { padding-top: 36px; height: 62px }
.list .top li:hover p { background: #fff }
.list .top li:hover p i { opacity: .8 }
.list .bottom { padding: 24px 0; background: #f7f7f7 }
.list .bottom dt { padding-bottom: 8px; font-weight: normal; font-size: 16px }
.list .bottom dd { padding-bottom: 2px; color: #666 }
.table { width: 100% }

@media screen and (max-width: 978px){
    *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
    .header{width: 100%;padding: 0 10px;}
	.wap-none{display:none;}
    .nav{position: absolute;top:61px;left:0;width: 100%;background-color:#21292f;margin: 0;display: none;}
    .nav li{width: 100%;}.nav li a{line-height: 40px;}
    .nav-on{position: absolute;right: 10px;top: 20px;width: 25px;display: block;}
    .nav-on i{display: block;width: 100%;height: 3px;background-color: #fff;margin-bottom: 4px;}
    .wrap-banner{height: auto;background-size: cover;}
    .content-banner{width: 100%;padding: 15px;}
    .content-banner>div.fl{margin-bottom: 20px;}
    .video video{width: 100%;height: auto;}
    .video img{width: 100%;height: auto;}
    .adv{width: 100%;padding: 15px;line-height: 1.4}
    .youshi,.w,.wrap{width: 100%;overflow: hidden;}
    .youshi .y{width: 33.333%;line-height: 1.4;padding: 10px 10px 0 10px;height: 170px;overflow: hidden;}
    .youshi .second{padding: 0 0 20px 0}
    .choose{height: auto;}
    .choose h2,.list .top h2{padding: 30px 10px 10px 10px;margin: 0;}
    .choose li{line-height: 1.4;padding: 15px;}
    .choose li em{width: 45px;line-height: 45px;}
    .list .top ul{padding: 10px;}
    .list .top li{width:50%;float: left;background-image: none;margin-bottom:6px;padding: 3px;}
    .list .top li p,.list .top li.third p{margin: 0;height: 72px;width: 100%;padding: 18px 0 0 50px;}
    .list .top p{padding: 15px;}
    .ques{width: 100%;line-height: 2;}
    .quesbar{width: 100%;margin: 0!important;}
    .des{padding: 15px;}
    .contact{padding: 10px;height: auto;}
    .contact li i,.contact li dl{margin: 0;}	
	.contact{background:#CDAF95 url('../images/bg-contact.png') no-repeat 50% 100%} dl,ul,li{margin:0;padding:0;list-style:none;outline:none;}
	.contact li{float:left;width:760px}
	.contact li dd{padding-top:12px;line-height:20px;font-size:16px;font-family:'Times New Roman';color:#fff;text-align:left;}
	.contact li i{float:left;margin:9px 0 0 0;width:104px;height:84px;background:url('../images/ico.png') no-repeat}
	.contact li i.i1{background-position:-96px -216px;width:70px}
    .consult{background-size: cover;}
    .foot{padding: 10px;line-height: 2;}
    .foot .logo{width: 100%;text-align: center;}
    .foot .logo img{display: inline-block;}
	.kfjz{text-align: center;}
}