@charset "UTF-8";
/*********************************************Reset*******************************************************/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em,
 img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table,
 caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output,
 section, summary,time, mark, audio, video, input, select {margin:0;padding:0;border:0;}
body{ background: #feeee2; font-size:14px;font-family: 微软雅黑;}
ol, ul { list-style: none;}
table { border-collapse: collapse; border-spacing: 0;}
a{ color: #666; text-decoration: none;}
a:hover{ color: #eee;}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
* html .clearfix { height: 1%;}
input::-ms-clear, ::-ms-reveal{display: none;}
input:focus { outline:none; border: 1px solid #d13308; }
#mask{ display: none; z-index: 9999; position: fixed; top: 0; right: 0; bottom: 0; left: 0;background:rgba(0,0,0,0.6);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);zoom:1;}
:root #mask{filter:none\9;}/*for IE9*/
.header{ z-index: 9; position: fixed; width: 100%; height: 60px; line-height: 60px; border-bottom: 1px solid #e6e6e6; background:rgba(255,255,255,0.7);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#b2ffffff,endColorstr=#b2ffffff);zoom:1;}
:root .header{filter:none\9;}/*for IE9*/
.header_box{ width: 1200px; margin: 0 auto; position: relative; height: 100%; overflow: hidden;}
.logo{ float: left; display: block; width: 220px; height: 100%; background: url(//www.51sole.com/Activity/operate/images/logo.png) left center no-repeat;}
.nav{ float: right; width: 300px;}
.nav a{ display: block; float: left; width: 150px; height: 100%; text-align: center; font-size: 16px; color: #000;}
.nav a:hover{ background: #d13308; color: #fff;}
.price_top{ height: 720px; background: url(../images/bg2.jpg?v=1) center top no-repeat;}
.price_top_other{ width: 1200px; margin: 0 auto; height: 100%; position: relative; text-align: center; overflow: hidden; color: #d13308; font-size: 16px;}
.price_top_txt1{ margin-top: 352px; font-weight: bold;}
.price_top_txt2{ margin-top: 5px; font-weight: bold;}
.price_top_btn{ margin-top: 40px;}
.price_top_btn a{ display: inline-block; height: 38px; line-height: 38px; width: 164px; text-align: center; border: 1px solid #ff0; color: #ff0; border-radius: 2px;}
.price_top_btn a:hover{ border: 1px solid #e7ea04; color: #e7ea04;}
.price_top_other em{display: inline-block; width: 6px; height: 6px; margin: 0 8px 2px 0; *margin-bottom: 6px; border-radius: 50%; background: #d13308;}
.mlj{ width: 518px; height: 38px; line-height: 38px; overflow: hidden; background: #E2E2E2; border: 2px solid #fff; margin: 70px auto 0;}
.mlj a{ display: block; float: left; width: 128px; height: 100%; border-right: 2px solid #fff; text-align: center; color: #333; font-size: 15px;}
.mlj a:hover,.mlj a.active{ background: #d13308; color: #fff;}
.mlj a.bR0{ border-right: 0;}
.price_top_txt3{ margin-top: 140px; font-weight: bold; font-size: 16px; color: #c33109;}
.price_top_txt4{ margin-top: 5px; font-weight: bold; font-size: 16px; color: #c33109;}
.box{ width: 1200px; margin: 60px auto; position: relative;}
.pg_tit{ margin-bottom: 50px; text-align: center;}
.pg_tit_t{ font-size: 46px; color: #d13308;}
.pg_tit_b{ font-size: 18px; color: #d13308; margin-top: 5px;}
.pg_info_box{ margin-bottom: 100px; position: relative;}
.pg_info_box img{ max-width: 98%; }
.pg_info2{ margin: 160px 0 100px 0; max-height: 9999px;}
.pg_info2_l{ float: left; width: 350px; margin-top: 150px;}
.pg_info2_l .pg_tit{ text-align: left;}
.pg_info2_r{ float: right; width: 820px; text-align: right;}
.pg_form_box{ width: 500px; margin: 0 auto;}
.pg_input_box{ margin-bottom: 24px; line-height: 35px; max-height: 9999px; position: relative;}
.pib_l{ width: 105px; float: left; margin-right: 20px; text-align: right; font-size: 17px; color: #333;}
.pib_r{ width: 365px; float: left;}
.pib_input{ width: 340px; height: 33px; line-height: 33px; padding: 0 10px; border: 1px solid #999; background: #feeee2; border-radius: 2px;}
.qrsqBtn{ display: inline-block; width: 360px; height: 35px; line-height: 35px; text-align: center; background: #d13308; color: #fff; border-radius: 2px;}
.qrsqBtn:hover{ background: #c6330b; color: #fff;}
.pib_error{ height: 12px; line-height: 12px; margin: -12px 0 15px 0; padding-left: 135px; font-size: 12px; color: #f00;}
.w200{ width: 200px;}
.pib_yzm{ position: absolute; top: 0px; right: 12px; display: inline-block; width: 130px; height: 35px; line-height: 35px; text-align: center; background: #CDCDCD; color: #333; border-radius: 2px;}
.pib_yzm:hover{ background: #c2c2c2; color: #333;}
.pib_yzmNo{ position: absolute; top: 0px; right: 3px; display: inline-block; width: 130px; height: 35px; line-height: 35px; text-align: center; background: #d5d5d5; color: #999; border-radius: 2px;}
.pib_yzmNo:hover{ background: #d5d5d5; color: #999;}
.pib_r_other{ text-align: center; color: #666;}
.dialog{ z-index: 10000; position: fixed; width: 500px; top: -8888px; left: 50%; margin-left: -250px; _margin-top: 100px; _position: absolute;_bottom: auto; _top:expression(eval(document.documentElement.scrollTop));}
.dialog_header{ height: 35px; line-height: 35px; background: url(//www.51sole.com/Activity/operate/images/bg2.png) left top repeat-x; color: #eee; font-size: 15px; padding: 0 24px;}
.dialog_center{ padding: 20px; background: #151618;}
.dialog_close{ position: absolute; top: 12px; right: 12px; display: inline-block; width: 10px; height: 10px; background:url(//www.51sole.com/Activity/operate/images/close.png) no-repeat;background-position: 0 -10px;}
.dialog_close:hover{background-position: 0 0;}
.ljrz_inputBox{ line-height: 35px; margin-bottom: 16px; position: relative; max-height: 9999px;}
.li_l{ float: left; width: 80px; font-size: 13px; color: #ddd; text-align: right;}
.li_r{ float: left; width: 370px; margin-left: 10px; font-size: 12px; color: #ddd;}
.ljrz_input{ width: 345px; height: 32px; line-height: 32px; border: 1px solid #777; padding: 0 10px; background: none; color: #ddd;}
.w180{ width: 180px; }
.fsyzm{ position: absolute; right: 3px; top: 0px; width: 150px; height: 34px; line-height: 34px; text-align: center; background: #bbb; color: #222;}
.fsyzm:hover{ background: #e8e8e8; color: #222;}
.fsyzmNo{ position: absolute; right: 3px; top: 1px; width: 120px; height: 34px; line-height: 34px; text-align: center; background: #999; color: #333;}
.fsyzmNo:hover{ background: #999; color: #333;}
.ljrz_tit{ text-align: center; margin-bottom: 20px; color: #aaa; font-size: 16px;}
.ljrz_btn_box{ margin: 20px 0; text-align: center;}
.sqBtn{ display: inline-block; width: 270px; height: 34px; line-height: 34px; text-align: center; background: #FD7100; color: #fff;}
.sqBtn:hover{ color: #fff; background: #E75800;}
.ljrz_error{ height: 13px; line-height: 13px; color: #f00; padding-left: 90px; font-size: 12px; }
.ljrz_ts{ text-align: center; color: #666; }
.consult{ position: fixed; right: 0; top: 50%; width: 25px; height: 250px; margin-top: -125px; overflow: hidden; z-index: 11;}
.consult_wapper{ position: relative; width: 100%; height: 100%;}
.consult_l{ position: absolute; left: 0; top: 0; width: 25px; height: 100%;}
.consult_show{ width: 100%; height: 58px; border-radius: 4px 0 0 4px; background: url(//www.51sole.com/Activity/operate/images/yjt.png) center 45px no-repeat #e1e1e1; box-shadow:0 0 4px #bbb; color: #333; text-align: center; padding-top: 5px; cursor: pointer;}
.consult_hide{ background: url(//www.51sole.com/Activity/operate/images/zjt.jpg) center 45px no-repeat #e1e1e1;}
.consult_box{ position: absolute; left: 25px; top: 0; width: 175px; height: 100%; background: #e1e1e1; text-align: center; border-radius: 0 0 0 4px; box-shadow:0 0 4px #bbb;}
.kf{ margin-top: 20px; }
.consult_mobile{ font-size: 16px; color: #464646; margin-top: 5px;}
.consult_btn{ display: inline-block; width: 90%; height: 35px; line-height: 35px; margin-top: 10px; text-align: center; background: #f60; color: #fff; border-radius: 4px;}
.consult_btn:hover{ background: #f50; color: #fff;}
.sqcg_txt{ padding: 20px 0; color: #69AA30; font-size: 18px; text-align: center;}
.pd_slide{ width: 90px; height: 173px; position: absolute; left: 320px; top: 265px; overflow: hidden; border-radius: 6px;}
.slide .content li{ float: left; width: 100%; height: 173px; margin-right: 0; overflow: hidden; border-radius: 6px;}
.slide .content li a,.slide .content li a img{ display: block; width: 102%; height: 100%; border-radius: 6px;}
.cell{ display: none;}
.footer{ width: 100%; height: 270px; background: #242424;}
.footer_box{ width: 820px; margin: 0 auto; height: 100%; overflow: hidden; color: #888;}
.footer_box_t{ height: 120px; overflow: hidden; margin-top: 60px;}
.footer_l{ float: left; width: 325px; height: 100%; padding-left: 75px; background: url(//www.51sole.com/Activity/operate/images/yes2.png) left top no-repeat;}
.footer_txt1{ font-size: 15px; margin-bottom: 10px;}
.footer_txt2{ font-size: 12px; line-height: 22px;}
.footer_btn{ margin-top: 15px;}
.footer_btn a{ display: inline-block; width: 107px; height: 30px; line-height: 30px; border-radius: 2px; text-align: center; background: #fff; color: #333;}
.footer_btn a:hover{ background: #f5f5f5;}
.footer_r{ float: right; width: 325px; height: 100%; padding-left: 75px; background: url(//www.51sole.com/Activity/operate/images/lxwm.png) left top no-repeat;}
.footer_box_b{ margin-top: 55px; text-align: center; font-size: 12px;}

@media screen and (max-width:979px){
    .price_top{ background-size:1200px auto; height:443px;}
    .price_top_other,.box,.pg_info2_l,.pg_info2_r{ width: 100%;}
    .pg_info2_l .pg_tit,.pg_info2_r { text-align: center; }
    .pg_info2_r img{ max-width: 98%;}
    .pg_info2,.pg_info_box{ margin: 30px 0;}
    .pg_info2_l{ margin-top: 0;}
    .price_top_other{ font-size: 12px;}
    .price_top_txt1,.price_top_txt2,.price_top_txt3,.price_top_txt4,.pd_slide{ display: none;}
    .price_top_btn{ margin-top: 240px;}
    .pg_info_box{ text-align: center;}
    .pg_info_box img{ max-width: 95%;}
    .pg_tit_b{ padding: 0 10px;}
}
@media screen and (max-width:767px){
    .price_top{ background-size:880px auto; height:280px;}
    .price_top_other,.box,.pg_info2_l,.pg_info2_r,.pg_form_box{ width: 100%;}
    .pib_input{ width: 100%; box-sizing: border-box;}
    .qrsqBtn{ width: 100%;}
    .box{ margin-top: 20px;}
    .pg_tit{ margin-bottom: 10px;}
    .pg_tit_t{ font-size: 34px;}
    .pg_input_box{ margin-bottom: 15px; position: relative; padding: 0 15px 0 115px;}
    .pib_l{ position: absolute; left: 10px; top: 0; width: 90px; font-size: 14px;}
    .pib_r{ width: 100%; float: none; position: relative;}
    .pib_yzm{ top: 2px; right: 15px; height: 33px; line-height: 33px;}
    .price_top_btn{ margin-top: 196px;}
    .price_top_btn a{ width: 130px; height: 30px; line-height: 30px;}
    .dialog{ width: 96%; left: 2%; margin-left: 0;}
    .ljrz_inputBox{ padding-left: 90px;}
    .li_l{ position: absolute; left: 0; top: 0;}
    .li_r{ width: 100%; margin: 0;}
    .ljrz_input{ width: 100%; box-sizing: border-box;}
    .fsyzmNo,.fsyzm{ top: 2px; right: 0; height: 32px; line-height: 32px; width: 120px;}
    .ljrz_btn_box{ margin: 12px 0 20px;}
}
@media screen and (max-width:413px){
    .price_top{ background-size:800px auto; height:253px;}
    .pg_tit_t{ font-size: 30px;}
    .pg_tit_b{ font-size: 15px;}
    .price_top_btn{ margin-top: 177px;}
}
@media screen and (max-width:374px){
    .price_top{ background-size:720px auto; height:228px;}
    .pg_tit_t{ font-size: 24px;}
    .pg_tit_b{ font-size: 14px;}
    .price_top_btn{ margin-top: 157px;}
    .pib_yzm{ width: 100px; font-size: 12px;}
    .footer{ display: none;}
    .fsyzmNo,.fsyzm{ width: 90px; font-size: 12px;}
}