/*header*/
table

    {

       border-collapse:collapse; border:1px solid #eceaea;

    }

    td

    {

       height:40px; border-collapse:collapse; border:1px solid #eceaea; 

      

    }
#header{
    background: url("../images/headbg.jpg") no-repeat center top;
}
.navlogo:after{
    display: block;
    content: '';
    clear: both;
}
.navlogo{
    padding-top: 20px;
    padding-bottom: 20px;
}
.navlogo img:nth-of-type(1){
    float: left;
    margin-top: 15px;
}
.tel{
    float: right;
    margin-right: 25px;
    background: url("../images/tel.png") no-repeat left center;
    padding-left: 68px;
    font-size: 14px;
    color: #414141;
    height: 57px;
    margin-top: 20px;
}
.tel h2{
    font-size: 24px;
    color: #353535;
}
.navlogo>a{
    display: block;
    float:right;
    width: 50px;
    height: 50px;
    margin-top: 26px;
    background: url("../images/tbimg.png") no-repeat center;
}
.navlogo img:nth-of-type(2){
    float:right;
    width: 88px;
}
.navbg{
    background:#34373c;
}
.navtext>ul:after{
    display:block;
    content: '';
    clear: both;
}
.navtext>ul>li{
    float:left;
    width: 150px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: 500ms 0s all;
    -moz-transition: 500ms 0s all;
    -ms-transition: 500ms 0s all;
    -o-transition: 500ms 0s all;
    transition: 500ms 0s all;

}

.navtext>ul>li>a{
    display: block;
    text-align: center;
    font-size:14px;
    line-height: 50px;
    color: #ffffff;

    -webkit-transition: 500ms 0s all;
    -moz-transition: 500ms 0s all;
    -ms-transition: 500ms 0s all;
    -o-transition: 500ms 0s all;
    transition: 500ms 0s all;
}
.navtext>ul>li:first-child>a{
    background: none;
}
.navtext>ul>li:hover{
    background: #c3252b;
}
.navtext>ul>li:hover a{
    background: none;
}


/*main*/
.title{
    margin-top: 63px;
    margin-bottom: 47px;
}
.title h1{
    background: url("../images/line.png") no-repeat center;
    font-size:34px;
    color: #34373c;
    text-align: center;
}

.title h3{
    font-size: 18px;
    color: #acacac;
    font-weight: lighter;
    text-align: center;
    text-transform: uppercase;
}
.title p{
    text-align: center;
    font-size: 14px;
    color: #858585;
    margin-top: 10px;
}

/*product*/
.pro_side{
    width: 262px;
}
.pro_side .tj{
    background: #c3252b;
    width: 100%;
    height:120px;
    box-sizing: border-box;
    padding-left: 43px;
    padding-top: 33px;
}
.pro_side .tj h3{
    font-size: 34px;
    color: #ffffff;
}
.pro_side .tj p{
    font-size: 14px;
    color: #ffa77c;
    text-transform: uppercase;
}
.pro_side ul{
    background: #666261;
}
.pro_side ul li{
    width: 100%;
    border-bottom:1px solid #585858;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height:50px;
    line-height: 50px;
    background: url("../images/jt.png") no-repeat 43px center;
    -webkit-transition: 300ms 0s all ease;
    -moz-transition: 300ms 0s all ease;
    -ms-transition: 300ms 0s all ease;
    -o-transition: 300ms 0s all ease;
    transition: 300ms 0s all ease;
}
.pro_side ul li:hover{
    border-left:4px solid #c3252b;
    background: #555150 url("../images/jt.png") no-repeat 239px center;
}
.prohov{
    border-left:4px solid #c3252b;
    background: #555150 url("../images/jt.png") no-repeat 239px center;
}
.pro_side ul li a{
    display: block;
    font-size:18px;
    color: #fff;
    padding-left: 60px;
    box-sizing: border-box;
}
.pro_side ul li:last-child a{
    color: #c3252b;
}



/*proside*/
.proside>div:first-child{
    background: #006ccb;
    padding-top: 18px;
    box-sizing: border-box;
    height: 82px;
    text-align: center;
}
.proside>div:first-child h5{   font-size: 22px;
    font-weight: bold;
    color: #ffffff;
    background: url(../images/menu.png) no-repeat 60px center;
    padding-left: 20px;
}
.proside>div:first-child span{ font-size:10px;text-transform:uppercase;color: #ffffff;}
.prolist{
    box-sizing: border-box;
    border:3px solid #006ccb;
    width: 243px;

}
.prolist ul li{
    line-height: 50px;
    padding:0 18px;
}
.prolist>ul>li>a{
    display: block;
    text-align: center;
    font-size: 14px;
    color: #666666;
    border-bottom:1px dashed #e8e8e8;
    -webkit-transition: 500ms 0s all ease;
    -moz-transition: 500ms 0s all ease;
    -ms-transition: 500ms 0s all ease;
    -o-transition: 500ms 0s all ease;
    transition: 500ms 0s all ease;
}
.prolist>ul>li>a:hover{
    color: #FFFFFF;
    cursor: pointer;
}
.prolist>ul>li:hover{
    background: #ad1d18;
}
.prolist>ul>li:hover a{
    color: #ffffff;
}
.side_contact{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 25px 18px;
}
.side_contact h4{
    font-size: 20px;
    color: #006ccb;
    text-align: center;
}
.side_contact p{
    font-size: 14px;
    font-weight: bold;
    color: #999999;
    line-height: 25px;
}
.pro_contain{
    width: 930px;
}
.pro_show:after{
    display: block;
    content: '';
    clear: both;
}
.pro_show li{
    float:left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border:1px solid #dcdcdc;
    margin-right: 21px;
    margin-bottom: 30px;
}
.pro_show li:nth-child(3n){
    margin-right:0;
}
.pro_show li a b{
    display: block;
    width: 294px;
    height:197px;
    position: relative;
    overflow: hidden;
}
.pro_show li a b img{
    max-width: 100%;
    height: 100%;
    position: absolute;
    top:50%;
    left:50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.pro_show li a p{
    display: block;
    width: 294px;
    text-align: center;
    color: #666666;
    font-size: 14px;
    -webkit-transition: 300ms 0s all linear;
    -moz-transition: 300ms 0s all linear;
    -ms-transition: 300ms 0s all linear;
    -o-transition: 300ms 0s all linear;
    transition: 300ms 0s all linear;
    background: #dcdcdc;
    line-height: 30px;
}
.pro_show li a:hover p{
    color: #FFFFFF;
    background: #ad1d18;
}

.pro_right{
    width: 890px;
}
.pro_right ul li{
    float:left;
    width: 274px;
    margin-bottom: 15px;
    margin-right: 30px;
}
.pro_right ul li:nth-child(3n){
    margin-right:0;
}
.pro_right ul li a{
    display: block;
}
.pro_right ul li a b{
    display: block;
    width: 100%;
    height: 208px;
    position: relative;
    overflow: hidden;
}
.pro_right ul li a b img{
    max-width: 100%;
    height:auto;
    position: absolute;
    top:50%;
    left:50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    -webkit-transition: 300ms 0s all ease;
    -moz-transition: 300ms 0s all ease;
    -ms-transition: 300ms 0s all ease;
    -o-transition: 300ms 0s all ease;
    transition: 300ms 0s all ease;
}
.pro_right ul li a:hover b img{
    -webkit-transform: translate(-50%,-50%) scale(1.07);
    -moz-transform: translate(-50%,-50%) scale(1.07);
    -ms-transform: translate(-50%,-50%) scale(1.07);
    -o-transform: translate(-50%,-50%) scale(1.07);
    transform: translate(-50%,-50%) scale(1.07);
}
.pro_right ul li a p{
    font-size: 16px;
    color: #5d5d5d;
    background: #f3f3f3;
    line-height: 48px;
    text-align: center;
    -webkit-transition: 300ms 0s all ease;
    -moz-transition: 300ms 0s all ease;
    -ms-transition: 300ms 0s all ease;
    -o-transition: 300ms 0s all ease;
    transition: 300ms 0s all ease;
}
.pro_right ul li a:hover p{
    background: #c3252b;
    color: #fff;
}

.banner2{
    background: url("../images/banner2.png") no-repeat center;
    height: 234px;
    margin-top: 60px;
}
.banner2 ul{
    float:right;
    margin-top: 56px;
}
.banner2 ul li {
    float:left;
    margin-right: 25px;
}
.banner2 ul li a{
    display: block;
    height: 120px;
    width: 120px;
    overflow: hidden;
}
.banner2 ul li a img{
    width: 100%;
    height:100%;
}
.banner2 .mycontainer div{
    margin-top: 56px;
    float:right;
    width: 176px;
    margin-left: 10px;
}
.banner2 .mycontainer div a{
    display: block;
    border-radius: 5px 5px;
    width: 176px;
    height: 54px;
    line-height: 54px;
    font-size: 20px;
    color: #ffffff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 70px;
}
.banner2 .mycontainer div a:first-child{
    margin-bottom: 15px;
    background: #c3252b url("../images/tel2.png") no-repeat 24px center;
}
.banner2 .mycontainer div a:last-child{
    background: #525250 url("../images/case2.png") no-repeat 24px center;
}

/*安装案例*/
.case{
    text-align: center;
}
.case ul li{
    float:left;
}
.case ul li{
    float:left;
    width: 378px;
    margin-bottom: 15px;
    margin-right: 30px;
}
.case ul li:nth-child(3n){
    margin-right:0;
}
.case ul li a{
    display: block;
}
.case ul li a b{
    display: block;
    width: 100%;
    height: 290px;
    position: relative;
    overflow: hidden;
}
.case ul li a b img{
    max-width: 100%;
    height:auto;
    position: absolute;
    top:50%;
    left:50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    -webkit-transition: 300ms 0s all ease;
    -moz-transition: 300ms 0s all ease;
    -ms-transition: 300ms 0s all ease;
    -o-transition: 300ms 0s all ease;
    transition: 300ms 0s all ease;
}
.case ul li a:hover b img{
    -webkit-transform: translate(-50%,-50%) scale(1.07);
    -moz-transform: translate(-50%,-50%) scale(1.07);
    -ms-transform: translate(-50%,-50%) scale(1.07);
    -o-transform: translate(-50%,-50%) scale(1.07);
    transform: translate(-50%,-50%) scale(1.07);
}
.case ul li a p{
    font-size: 16px;
    color: #5d5d5d;
    background: #f3f3f3;
    line-height: 48px;
    text-align: center;
    -webkit-transition: 300ms 0s all ease;
    -moz-transition: 300ms 0s all ease;
    -ms-transition: 300ms 0s all ease;
    -o-transition: 300ms 0s all ease;
    transition: 300ms 0s all ease;
}
.case ul li a:hover p{
    background: #c3252b;
    color: #fff;
}
.zx{
    display: inline-block;
    margin:0 auto;
    margin-top: 38px;
    margin-bottom: 25px;
}
.zx a{
    float:left;
    display: block;
    border-radius: 5px 5px;
    width: 176px;
    height: 54px;
    line-height: 54px;
    font-size: 20px;
    color: #ffffff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 40px;
}
.zx a:first-child{
    margin-right: 53px;
    background: #c3252b url("../images/tel2.png") no-repeat 24px center;
}
.zx a:last-child{
    background: #525250 url("../images/case2.png") no-repeat 24px center;
}

/*adv*/
.advbg{
    background: url("../images/advbg.jpg") no-repeat center;
    height: 729px;
}
.adv>img{
    float:left;
}
.adv>div{
    float:left;
    width: 591px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding:0 34px;
}
.adv_text>div{
    margin-top: 35px;
    padding-left: 110px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
}
.adv_text h5{
    font-size: 32px;
    color: #c3252b;
}
.adv_text h5 span{
    font-size: 16px;
    font-weight: normal;
}
.adv_text p{
    font-size: 16px;
    line-height: 25px;
    color: #616161;
}
.adv .adv_text div:first-of-type{
    background: url("../images/01.png") no-repeat left center;
}
.adv .adv_text div:last-of-type{
    background: url("../images/02.png") no-repeat left center;
}
.adv2 .adv_text div:first-of-type{
    background: url("../images/03.png") no-repeat left center;
}
.adv2 .adv_text div:last-of-type{
    background: url("../images/04.png") no-repeat left center;
}
.adv2 .adv_text{
    width: 846px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 57px;
    padding-right: 72px;
}
.adv2>div{
    float:left;
}
.adv2>div:last-of-type{
    width: 354px;
}
/*资讯关于*/
.tit{
    margin-top: 85px;
    margin-bottom: 32px;
}
.tit h2{
    float:left;
    font-size: 28px;
    color: #c3252b;
}
.tit h2 span{
    font-size: 16px;
    text-transform: uppercase;
    color: #acacac;
    font-weight: lighter;
}
.tit a{
    margin-top: 10px;
    padding-right: 35px;
    float:right;
    text-transform: uppercase;
    font-size: 20px;
    color: #3c3c3c;
    display: block;
    background: url("../images/titbg.png") no-repeat 100% center;
}

.aboutus{
    width: 572px;
    float:left;
}
.aboutus>h4{
    line-height: 65px;
    margin-bottom: 14px;
    font-size: 20px;
    border-bottom:1px solid #d4d4d4;
    color: #424242;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 25px;
    background: url("../images/jts.png") no-repeat left center;
}
.aboutus p{
    line-height: 28px;
    font-size: 14px;
    color: #9d9d9d;
}

/*新闻资讯*/
.news{
    float:right;
    width: 580px;
}
.news ul li{
    border-bottom:1px dashed #d5d5d5;
    margin-bottom: 15px;
}
.news ul li a{
    display: block;
}
.news ul li a:after{
    display: block;
    content: '';
    clear: both;
}
.news ul li a small{
    float:left;
    font-size:28px;
    width: 75px;
    color: #c3252b;
}
.news ul li a div{
    width: 505px;
    float:right;
}
.news ul li a div h5{
    font-size: 18px;
    color: #393939;
    margin-bottom: 5px;
    margin-top: 7px;
}
.news ul li a div p{
    font-size: 14px;
    color: #9d9d9d;
    line-height: 28px;
    margin-bottom: 15px;
}


/*footer*/
.footer_top_bg{    background: #424242;}
.footer_bottom_bg{    background: #303030;}
.footer_top{ padding-top:37px; padding-bottom: 22px;}
.footer_top:after{
    display: block;
    content: '';
    clear: both;
}
.hotproduct{
    margin-top: 65px;
}
.hotproduct li{
    float:left;
}
.hotproduct li a{
    font-size: 18px;
    color: #fefefe;
    -webkit-transition: 300ms 0s all ease;
    -moz-transition: 300ms 0s all ease;
    -ms-transition: 300ms 0s all ease;
    -o-transition: 300ms 0s all ease;
    transition: 300ms 0s all ease;
}
.hotproduct li a:hover{
    color: #c3252b;
}
.footer_t_l{
    float:left;
    width: 329px;
}
.footer_t_l img{
    margin-bottom: 35px;
}
.footer_t_l ul li{font-size:14px;color: #a3b3c9;float:left;
    width: 200px;
    margin-bottom: 20px;
}
.footer_t_l ul li:last-child{
    width: 270px;
}

.footer_t_m{
    width: 700px;
    box-sizing: border-box;
    float:left;
}


.footer_t_m ul li{
    float: left;
    width: 350px;
    display: block;
    font-size:14px;
    color: #e8e8e8;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 55px;
    margin-bottom: 25px;
}
.footer_t_m ul li:nth-child(1){ background: url("../images/icon1.png") no-repeat left center;}
.footer_t_m ul li:nth-child(2){ background: url("../images/icon2.png") no-repeat left center;}
.footer_t_m ul li:nth-child(3){ background: url("../images/icon3.png") no-repeat left center;}
.footer_t_m ul li:nth-child(4){ background: url("../images/icon4.png") no-repeat left center;}
.footer_t_m ul li h5{
    font-size: 16px;
    color: #ffffff;
    font-weight: normal;
    margin-bottom:5px;
}
.footer_t_m ul li p{
    font-size: 14px;
    color: #848484;
}

.footer_t_r{
    float:right;
    width: 120px;
    text-align: center;
}

.footer_t_r img{
    width: 120px;
}
.footer_t_r p{
    font-size:14px;
    color: #848484;
    line-height: 30px;
    text-align: center;
}


.footer_bottom{
    height: 58px;
    line-height: 58px;

}
.footer_bottom p{
    color: #696969;
    font-size:14px;
    float:left;
}
.footer_bottom p a{
    color: #696969;
    font-size:14px;
}
notempty a{
    color: #696969;
    font-size:14px;
}
.login{
    float:right;
}
.login a{
    font-size:14px;
    color: #696969;
    float:left;
}

.swiper_mycube{
    height: 50%!important;
    margin-top: 25% !important;
}


.qzfaddorder h2, .qzfaddorder label{font-family:Georgia, Times, "Times New Roman", serif;}
.form_hint, .required_notification{font-size: 11px;}
.qzfaddorder ul{list-style-type:none;list-style-position:outside;margin:0px;padding:0px;}
.qzfaddorder li{padding:12px;border-bottom:1px solid #eee;position:relative;}
.qzfaddorder li:first-child, .qzfaddorder li:last-child{border-bottom:1px solid #777;}
.qzfaddorder h2{margin:0;display: inline;}
.required_notification{color:#133a58;margin:5px 0 0 0;display:inline;float:right;}
.qzfaddorder label{width:150px;margin-top: 3px;display:inline-block;float:left;padding:3px;}
.qzfaddorder input{height:20px;width:220px;padding:5px 8px;}
.qzfaddorder textarea{padding:8px; width:300px;}
.qzfaddorder button{margin-left:156px;}
.qzfaddorder input, .qzfaddorder textarea{border:1px solid #bbb;box-shadow: 0px 0px 3px #eee, 0 10px 15px #eee inset;border-radius:2px;padding-right:30px;-moz-transition: padding .25s;-webkit-transition: padding .25s;-o-transition: padding .25s;transition: padding .25s;}.qzfaddorder input:focus, .qzfaddorder textarea:focus{background: #fff;border:1px solid #ccc;box-shadow: 0 0 2px #aaa;padding-right:70px;}
.qzfaddorder input:required, .qzfaddorder textarea:required{background: #fff url(../Image/red_asterisk.png) no-repeat 98% center;}
.qzfaddorder input:required:valid, .qzfaddorder textarea:required:valid{background: #fff url(../Image/valid.png) no-repeat 98% center;box-shadow: 0 0 5px #5cd053;border-color: #133a58;}
.qzfaddorder input:focus:invalid, .qzfaddorder textarea:focus:invalid{background: #fff url(../Image/invalid.png) no-repeat 98% center;box-shadow: 0 0 5px #133a58;border-color: #133a58}
.form_hint{background: #133a58;border-radius: 3px 3px 3px 3px;color: white;margin-left:8px;padding: 1px 6px;z-index: 999; /* hints stay above all other elements */position: absolute; /* allows proper formatting if hint is two lines */display: none;}
.form_hint::before{content: "\25C0";color:#133a58;position: absolute;top:1px;left:-6px;}
.qzfaddorder input:focus + .form_hint{display: inline;}
.qzfaddorder input:required:valid + .form_hint{background: #28921f;}
.qzfaddorder input:required:valid + .form_hint::before{color:#28921f;}
button.submit{background-color: #68b12f;background: -webkit-gradient(linear, left top, left bottom, from(#68b12f), to(#50911e));background: -webkit-linear-gradient(top, #68b12f, #50911e);background: -moz-linear-gradient(top, #68b12f, #50911e);background: -ms-linear-gradient(top, #68b12f, #50911e);background: -o-linear-gradient(top, #68b12f, #50911e);background: linear-gradient(top, #68b12f, #50911e);border: 1px solid #509111;border-bottom: 1px solid #5b992b;border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;-o-border-radius: 3px;box-shadow: inset 0 1px 0 0 #9fd574;-webkit-box-shadow: 0 1px 0 0 #9fd574 inset ;-moz-box-shadow: 0 1px 0 0 #9fd574 inset;-ms-box-shadow: 0 1px 0 0 #9fd574 inset;-o-box-shadow: 0 1px 0 0 #9fd574 inset;color: white;font-weight: bold;padding: 6px 20px;text-align: center;text-shadow: 0 -1px 0 #396715;}
button.submit:hover{opacity:.85;cursor: pointer;}
button.submit:active{border: 1px solid #20911e;box-shadow: 0 0 10px 5px #356b0b inset;-webkit-box-shadow:0 0 10px 5px #356b0b inset ;-moz-box-shadow: 0 0 10px 5px #356b0b inset;-ms-box-shadow: 0 0 10px 5px #356b0b inset;-o-box-shadow: 0 0 10px 5px #356b0b inset;}
.qzftable table{margin-left:2px;  }
.qzftable table th{color:#444444;font-weight:normal;font-size:14px;font-family:'Microsoft YaHei',arial;text-align:center;vertical-align: top;padding-top: 15px;}
.qzftable table td select{font-family: 'Microsoft YaHei',arial;font-size: 14px;width: 278px;height: 32px;text-indent: 8px;border: 1px solid #d2d4d6;margin: 5px auto 6px 5px;	background: #FFF;margin-left:-3px;}
.qzftable table td ul{list-style:none;position:absolute;}
.qzftable table td ul li{	font-family:'Microsoft YaHei',arial;font-size:14px;height:28px;line-height:28px;text-indent:8px;width:276px;height:28px;border-left:1px solid #d2d4d6;border-right:1px solid #d2d4d6;background:#FFF;}
.qzftable table td ul li a{display:block;text-decoration:none;color:#444444;}
.qzftable table td ul li a:hover{color:#fe7d0c;}
.qzftable table td ul li:last-child{border-bottom:1px solid #d2d4d6;}
.qzftable table td input{font-size:14px;width:276px;height:28px;border:1px solid #d2d4d6;margin:5px auto 5px 5px;}
.qzftable table td .yanzheng{width:101px;}
.qzftable table td textarea{resize: none;width:545px;height:178px;border:1px solid #d2d4d6;margin:5px auto 5px 5px;}
.qzftable table td img{vertical-align:middle;margin-left:5px;margin-bottom:4px;margin-bottom:14px;}
.qzftable table td .but{width:74px;height:31px;line-height:27px;background:#2073CF;border-radius:2px;border:none;text-align:center;margin-top:14px;margin-left:5px;font-size:14px;font-family:'Microsoft YaHei',SimHei,sans-serif;color:#FFF;}