@charset "utf-8";

/* 报价 板块 */

.n-container{margin: 0 !important;}

.bj-box{width:100%;height: 1028px;background-size:  100% 100%;}

.bj-container{width:100%;height: 708px;margin: -25px auto;background-size:  100% 100%;background: #f0f0f0;}

.bj-h{width:100%;position:relative;overflow: inherit;height: 420px;background: url(../images/banner.jpg) center no-repeat;}

.ww{ width:192px; height:249px; background:url(../images/ww.png) no-repeat; position:absolute; left:85px; top:30px;}

.bj-h h2{ font-size:66px; color:#ff0000; font-weight:bold;position:absolute; left:280px; top:60px;}

.bj-h p{ font-size:33px; color:#ff0000;position:absolute; left:408px; bottom:20px;}

.bj-h p i{ font-weight:bold; padding-right:6px;}

.bj-xt{width:1100px;height: 431px;background:#FFFFFF;position: relative;margin: 0 auto;}

.bj-bt{ width:79%; height:24px; background:url(../images/xx.jpg) repeat-x; margin-top:25px; position:relative; }

.bj-bt h2{ position:absolute; left:50%; top:-3px; width:150px; text-align:center; background:#FFFFFF; margin-left:-75px; font-size:30px; color:#505050; font-weight:bold; height:30px; line-height:30px; }

.bj-cont{width: 685px;height: 250px;float: left;}

.bj-l{width: 685px;float:left;height:270px;margin-top: 30px;}

.form_line{height: 75px;width: 685px;margin-bottom: 10px;position: relative;}

.form_line .label {color:#232323;font-size: 15px;width:80px;height: 30px;font-weight:  bold;display:  block;line-height: 30px;}

.form_line .label i{ display:inline-block; color:#FF0004; padding-left:8px;}

.label_start {color: #b90d16;float:left;font-family:Arial;font-size:24px; margin-top: 6px;}

.clear:after {clear: both; content: " "; display: block; height: 0; visibility: hidden;} 





.form_line .select_a {margin-right: 18px; width: 144px;height: 30px;padding-left: 5px;border: 1px solid #ddd; line-height:30px; outline:none;}



.tts{float:left;width: 149px;height:32px;position:relative;margin-right:19px;}

.cs{width: 145px;height:30px;border:1px solid #d7d8d8;position:absolute;left:0;top:0;text-align:center;line-height:30px;border-right:none;}

.tts span{ width:30px; height:32px; display:block; background:url(../images/i_bg.jpg) no-repeat; position:absolute; top:0; right:0;}

.select_as {

    padding: 3px 30px 3px 10px;

    border: 0;

    width: 150px;

    height: 46px;

    outline: none;

    background: #e8e8e8;

    font-size: 14px;

    border-radius: 5px;

}



.ttss{ float:left; width:120px; height:32px; position:relative;}

.css{ width:115px; height:30px; border:1px solid #d7d8d8; position:absolute; left:0;top:0; text-align:center; line-height:30px; border-right:none;}

.ttss span{ width:30px; height:32px; display:block; background:url(../images/i_bg.jpg) no-repeat; position:absolute; top:0; right:0;}

.select_bs { width:130px; height:32px; position:absolute; left:0;top:0;opacity:0;filter:alpha(opacity=0);}



.form_line .select_b{margin-right: 18px; width: 304px;height: 30px;padding-left: 5px;border: 1px solid #ddd; line-height:30px; text-align:center;outline:none;}

.col_l {

    padding: 3px 30px 3px 10px;

    border: 0;

    width: 199px;

    height: 46px;

    outline: none;

    background: #e8e8e8;

    font-size: 14px;

    border-radius: 5px;

}



.on_di{

    float:  left;

    width: 280px;

}



.form_line .text_wrap {width: 228px;height: 70px;float:left;position:relative;}

.form_line .area_text {padding: 3px 30px 3px 10px;border: 0;width: 160px;height: 40px;outline:none;background: #e8e8e8;font-size:  14px;border-radius: 5px;}

.form_line .text_wrap .unit {color: #3f3f3f;position:absolute;right:1px;bottom: 4px;width: 90px;text-align:center;height:28px;line-height:28px;}

.xq_text{padding: 3px 30px 3px 10px;border: 0;width: 160px;height: 40px;outline: none;background:  #e8e8e8;font-size: 14px;border-radius: 5px;}



.fx_txt{ width:113px; height:30px; line-height:30px; float:left; font-size:14px; position:relative;}

.lb-last{ width:50px; height:30px; margin-right:0;}

input.ra{ position:absolute; left:0; top:10px;}

.text_b{padding: 3px 30px 3px 10px;border: 0;width: 220px;height: 40px;outline: none;background: #e8e8e8;font-size: 14px;border-radius: 5px;}

.hyyz-i{ width:235px; height:30px; float:left; position:relative; margin-right:8px;}

.text_bb{padding: 3px 8px 3px 8px; border:1px solid #cccccc;width: 145px; height:24px; float:left; border-right:none; text-align:center;}

.text_bb_but{ width:73px; height:30px; background:#ed7924; border:none; float:left; display:block; font-size:12px; color:#ffffff; cursor:pointer; text-align:center;}

.text_bbb{padding: 3px 30px 3px 10px;border: 0;width: 335px;height: 40px;outline: none;background: #e8e8e8;font-size: 14px;border-radius: 5px;}



 

.bj-r{

    width: 655px;

    height: 50px;

    margin-top: 20px;

} 

.bj-r p{position: absolute;

    bottom: -9px;

    right: 35px;

    color: red;} 

.tj-but{background:  #ff9b01;width:  100%;height:  50px;color:  #fff;font-size:  20px;border-radius:  5px;cursor: pointer;}











.bj-b{ width:1100px; height:200px; margin:10px auto 0; }

.bj-b-l{width: 364px;height:300px;float:right;background:#ffffff;margin-right: 20px;}

.bj-b-r{ width:1100px; height:200px; background:#ffffff;}

.bj-bt2{ width:100%; height:24px;margin-top:25px; position:relative; }

.bj-bt2 h2{ position:relative; width:365px;height:24px; text-align:center; background:#FFFFFF; margin:0 auto; font-size:18px; color:#505050; font-weight:bold; display:block;}

.bj-bt2 h2 span.sp_l{ display:block; float:left; margin-left:5px;}

.bj-bt2 h2 span.sp_r{ display:block; float:right; margin-right:0px;}

.sp_c{ width:102px; height:35px;  position:absolute; left:87px; top:-6px; display:block;}

.bj-bt2 h2 i{ width:29px; height:35px; background:url(../images/i_bg.png) no-repeat; line-height:35px; font-size:30px; color:#ffffff; text-align:center; display:inline-block; font-family:'Arial'; font-weight:bold; margin-right:5px; position:relative;background-size: 100% 100%; }

.bj-bt2 h2 i em{ width:29px; height:1px; background:#FFFFFF; position:absolute; left:0; top:17px;}







.bj-cont .wrap{width: 1110px;margin:0 auto;position:relative;clear:both;}

.bj-cont .bottomLeft{position:absolute;top: -50px;left: 0;}

.bj-cont .bottomLeft img{width: 117px;height: 119px;display:  block;}

.bj-cont .bottomMiddle{width:890px;height:85px;position:absolute;top:-85px;left:410px;cursor:pointer; background:url(../images/bottom_03_1.png) no-repeat;}

.bj-cont .bottomDown{-webkit-transform:rotate(180deg);transform:rotate(180deg);-webkit-animation: none;animation:none;}

.bj-cont .bottom-close{ width:42px; height:42px; position:absolute; right:0; top:0; background:url(../images/c_bj_1.png) no-repeat rgba(0,0,0,.4); background-size:100% auto; display:block; z-index:999; cursor:pointer; 

    border-radius: 4px}

.bj-cont .bottom-close:hover {

    background-color: #fa9d00

}



.bj-cont .quotedPrice{    position: absolute;

    margin-top: 20px;

    padding-right: 15px;

    width: 220px;

    text-align: right;

    color: #fff;

    top: 35px;

    left: 120px;}

.bj-cont .quotedPrice span{    display: inline-block;

    font-size: 16px;

    line-height: 18px;}



.bj-cont .quotedPrice strong{display: inline-block;

    width: 145px;

    margin-left: 10px;

    font-size: 40px;

    font-weight: normal;}



.bj-cont .quotedPrice i{display: inline-block;

    margin-top: 3px;

    width: 18px;

    height: 18px;

    border-radius: 18px;

    vertical-align: top;

    background: #ff4633;

    font: normal 12px/16px normal;

    text-align: center;}



@-webkit-keyframes bottomUp{ 25% {-webkit-transform: translateY(10px);} 50%, 100% {-webkit-transform: translateY(0);} 75% {-webkit-transform: translateY(-10px);}}

@keyframes bottomUp{ 25% {transform: translateY(-10px);} 50%, 100% {transform: translateY(0);} 75% {transform: translateY(10px);}}

.showbottom{bottom: 0px !important;}

.bj-cont .bottomPost{width:1190px;background:#fff;margin:0 auto;overflow:hidden; display:none;}

.bj-cont .form{width:1110px; height:auto; margin:0 auto ; padding:50px 0 30px 0;position:relative;}

.bj-cont .form form{width:1110px;margin:0 auto;}

.bj-cont .bottom-bj-l{ width:844px; float:left; }

.bj-cont .form_bottom{height:32px; width: 844px; margin-bottom:14px;}



.bj-cont .bottom_center{height: 70px;position:  absolute;left: 425px;width: 600px;font-size: 54px;color: #fff;line-height: 65px;}

.bj-cont .bottomup{

    position: absolute;

    right: 60px;

    top: -84px;

    background: url(../images/bdown_1.png) center;

    width: 48px;

    height: 54px;

    animation: bmove 0.8s infinite ease-in;

    cursor: pointer;

    z-index: 99;

}

@keyframes bmove

        {

            from {top:10px;}

            to {top:5px;}

        }

        @keyframes bdmove

        {

            from {top:5px;}

            to {top:10px;}

        }

.bj-cont .subform{background: url(../images/but_1.png);width: 170px;height: 358px;right: 0;top: 35px;left: 10px;cursor:  pointer;position: absolute;margin: 0 auto;}



.bottom-bj-r{ width:266px;  float:right; position:relative;}  

.bottom-tj-but{ width:156px; height:156px; background:url(../images/but_1.png) no-repeat; position:absolute; right:31px; top:-11px; display:block; cursor:pointer; z-index:10;}

.bottom-tj-but:hover{ opacity:0.9;}



.bj-cont .bottom_bg{

    width: 100%;

    position: relative;

    overflow: hidden;

}

.bj-cont .bottom_bg_left{

    width: 39%;

    float: left;

    background: #fff;

    height: 400px;

    margin-left: 35px;

}

.bj-cont .bottom_bg_left .bottom_bg_left_title{

    margin-left: 35px;

    margin-top: 30px;

    margin-bottom: 20px;

}

.bj-cont .bottom_bg_left .bottom_bg_left_title span{

    font-size: 24px;

}

.bj-cont .bottom_bg_left .bottom_bg_left_title em{

    font-size: 16px;

    color: #e2ac05;

    margin-left: 20px;

}

.bj-cont .bottom_bg_left .float_li{

    margin-left: 35px;

    width: 390px;

    height: 52px;

    overflow: hidden;

    margin-bottom: 15px;

}

.bj-cont .bottom_bg_left .float_li .bottom_text{

    width: 100%;

    height: 100%;

    font-size: 16px;

    background: #f8f8f8;

    padding-left: 15px;

}

.bj-cont .bottom_bg_left .float_li .bottom_select{

    width: 100%;

    height: 100%;

    font-size: 16px;

    background: #f8f8f8;

    padding-left: 15px;

    color: #505050;

}

.bj-cont .bottom_bg_left p{

    font-size: 14px;

    margin-left: 35px;

}

.bj-cont .bottom_bg_left .ond{float: left;width: 130px;margin-top: 17px;}

.bj-cont .bottom_bg_left .ond label{line-height: 20px;display:inline-block;margin-left: 10px;margin-right: 10px;color:#777;font-size: 16px;position: relative;top: -4px;}

.bj-cont .bottom_bg_left .ond .radio_type{width: 20px;height: 20px;appearance:none;position:relative;}

.bj-cont .bottom_bg_left .ond .radio_type:before{content:'';width: 20px;height: 20px;border: 1px solid #e9b003;display:inline-block;border-radius:50%;vertical-align:middle;background: #fff;}

.bj-cont .bottom_bg_left .ond .radio_type:checked:before{content:'';width: 20px;height: 20px;border: 1px solid #e9b003;background: #e9b003;display:inline-block;border-radius:50%;vertical-align:middle;}

.bj-cont .bottom_bg_left .ond .radio_type:checked:after{content:'';width:10px;height:5px;border:2px solid #fff;border-top:transparent;border-right:transparent;text-align:center;display:block;position:absolute;top:6px;left:5px;vertical-align:middle;transform:rotate(-45deg)}

.bj-cont .bottom_bg_left .ond .radio_type:checked+label{color: #e9b003;}



.bj-cont .bottom_bg_right{

    width: 35%;

    float: right;

    height: 390px;

    margin-right: 59px;

    margin-top: 35px;

}

.bj-cont .bottom_bg_right_gif{

    background: url(../images/right_gif_1.gif);

    width: 379px;

    height: 368px;

}







.bj-bt3{ width:100%; height:24px; background:url(../images/xx.jpg) repeat-x; margin-top:25px; position:relative; }

.bj-bt3 h2{ position:absolute; left:50%; top:0; width:100px; text-align:center; background:#FFFFFF; margin-left:-50px; font-size:18px; color:#505050; font-weight:bold;  line-height:24px; }

.bj-lc{ width:550px; margin:0 auto;}

.lc-li{ width:154px; height:148px; border:1px solid #dcdcdc; float:left; margin-top:23px; text-align:center;}

.lc-jt{ width:41px; height:150px; background:url(../images/lc_jt.png) center center no-repeat; float:left;margin-top:23px;}

.lc-li img{ margin:24px auto; display:block;}

.lc-li p{ font-size:16px; color:#787878;}







.pz-list{ width:1020px; height:200px; margin:auto; padding-top: 20px;}

.pz-list li{ width:326px; height:147px; float:left; margin:0 7px;}



@keyframes ripple {

  0% {

    box-shadow: 0 0 0 0 rgba(252, 201, 201, 0.19), 0 0 0 20px rgba(252, 201, 201, 0.19), 0 0 0 40px rgba(252, 201, 201, 0.19), 0 0 0 60px rgba(252, 201, 201, 0.19);

  }

  100% {

    box-shadow: 0 0 0 20px rgba(252, 201, 201, 0.19), 0 0 0 40px rgba(252, 201, 201, 0.19), 0 0 0 60px rgba(252, 201, 201, 0.19), 0 0 0 80px rgba(252, 201, 201, 0);

  }

}



@-webkit-keyframes bounce {

  0%, 20%, 53%, 80%, 100% {

    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

    -webkit-transform: translate3d(0,0,0);

            transform: translate3d(0,0,0);

  }



  40%, 43% {

    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);

            transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);

    -webkit-transform: translate3d(0, -30px, 0);

            transform: translate3d(0, -30px, 0);

  }



  70% {

    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);

            transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);

    -webkit-transform: translate3d(0, -15px, 0);

            transform: translate3d(0, -15px, 0);

  }



  90% {

    -webkit-transform: translate3d(0,-4px,0);

            transform: translate3d(0,-4px,0);

  }

}



@keyframes bounce {

  0%, 20%, 53%, 80%, 100% {

    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

    -webkit-transform: translate3d(0,0,0);

            transform: translate3d(0,0,0);

  }



  40%, 43% {

    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);

            transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);

    -webkit-transform: translate3d(0, -30px, 0);

            transform: translate3d(0, -30px, 0);

  }



  70% {

    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);

            transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);

    -webkit-transform: translate3d(0, -15px, 0);

            transform: translate3d(0, -15px, 0);

  }



  90% {

    -webkit-transform: translate3d(0,-4px,0);

            transform: translate3d(0,-4px,0);

  }

}

.bounce {

  -webkit-animation: bounce 1.4s ease-in infinite;

  -o-animation: bounce 1.4s ease-in infinite;

  animation: bounce 1.4s ease-in infinite;

}