/*初始化====================================*/
body, html {
    width: 100%;
    height: 100%;
}

body {
    font: 14px/150% Microsoft YaHei, tahoma, arial, Hiragino Sans GB, "\u5b8b\u4f53", sans-serif;
    -webkit-font-smoothing: antialiased;
    color: #666;
}

body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td {
    margin: 0;
    padding: 0
}

img {
    border: 0;
}

a {
    color: #666;
    text-decoration: none;
}

html a:hover {
    text-decoration: underline;
    color: #dd342c;
    text-decoration: none;
}

a:focus {
    outline: none;
}

img {
    border: none;
}

ul, li {
    list-style: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

em, i {
    font-style: normal
}

strong, b {
    font-weight: 500
}

img {
    border: 0;
    -ms-interpolation-mode: bicubic
}

input, img, button {
    vertical-align: middle;
}

input, select, textarea { /*-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-appearance:none;-moz-tap-highlight-color:rgba(0,0,0,0);-moz-appearance:none;*/
    border: 0;
    border-radius: 0;
    outline: none;
}

textarea:focus {
    outline: 0
}

.zt-pic-box {
    width: 100%;

}

.zt-pic-box .box {
    width: 100%;
    position: relative;
    margin: 0px auto;
}
.row-list .box{
    width: 100%;
}
.row-list{}

.disabled {
    background: #ccc;
    color: #fff;
    border: 2px #ccc solid;
}
.youshi{background: #f5f5f5;}
.shuju{background: #ffffff;}
.case{background: url(../images/bg.png) #eeeef0 no-repeat center top;}
.header{width: 100%;padding: 20px 0px;box-sizing: border-box;}
.shop-banner{background: url(../images/banner.png) no-repeat center top #7f7f77;position: relative;color: #fff; padding: 20px;box-sizing: border-box;}
.shop-banner .name{font-size: 30px;line-height: 1; display: inline-block; line-height: 50px;}
.shop-banner .sort{width: 100%;font-size: 20px;  display: inline-block;    line-height: 25px; margin-top: 10px;}
.row-head{ position: relative; padding: 40px 0px 60px;}
.row-head .name{text-align: center;width: 100%;font-size:40px;color: #333;display: inline-block;line-height: 40px;  font-weight: bold;}
.row-head .subname{text-align: center;width: 100%;font-size:20px;color: #666;display: inline-block; margin-top: 10px; line-height: 40px; }
.row-head i{position: absolute;z-index: 3;left: 50%;margin-left: -45px; width: 90px;height: 8px; background:#dd342c; top:100px;}
.kehu .row-head .name{color: #fff;}
.zt-pic-box{background: #fff}
.zt-form{ width: 80%;margin: 0px auto;    text-align: center;}
.zt-form .row{height: 80px; margin-top: 35px;width: 100%; position: relative;}
.zt-form .row .error{ position: absolute;left: 23%;top: 85px; color: #dd342d;}
.zt-form .row .label-left{float: left; font-size: 30px;color: #333;width: 20%;text-align:right; padding-right: 20px; line-height: 80px;}
.zt-form .row .userAll{width: 75%; float: left; position: relative;}
.zt-form .row .userAll input{border: 1px #ddd solid;height: 78px;padding-left: 20px;width:90%; font-size: 30px;float: left;}
.zt-form .row .userAll .code{ width: 198px;height:78px; line-height: 78px;border:1px #ddd solid; font-size: 20px; cursor: pointer; text-align: center; float: left;background: #fff;
    color: #333;}
.code1{float: left;}
.zt-form-btn{text-align: center;background: #dd342c;margin: 0px auto;font-size: 30px;color: #fff; display: inline-block;    margin-top:50px;
    margin-bottom:50px;}
.zt-form-btn:hover{background: #b61109;color: #fff;}

#imgVerCode{width: 290px;margin-right: 20px;}
#validateCode{width: 290px;margin-right: 20px;}

.jieshao table{width: 100%; border: 1px solid #ddd; text-align: center; line-height: 50px;}
.jieshao table thead{background-color: #F5F5F5; border-bottom: 1px solid #ddd;}
.jieshao table tbody{ background-color: #fff;}
.jieshao table td + td {border-left: 1px solid #ddd;}
.caigou .bg-secondary-subtle{ text-align: right;}

.num-icon {position: relative; padding-top: 90px!important;}
.num-icon:after {
    content: attr(data-num);
    position: absolute;
    left: 0;
    bottom: 0;
    font-size: 170px;
    line-height: 1;
    font-weight: bold;
    color: #dd342d;
    opacity: 0.2;
}

.contact_us{margin-top: 40px;width: 100%; height: 600px; background: url("../images/contact_us_bg.jpg") no-repeat bottom center / cover;overflow: hidden;}
.contact_us .contact_us_content{width: 400px; height: 325px; padding: 0 50px;}
.contact_us .contact_us_img{width: 785px; height: 325px; background-color: #F5F5F5;}
.contact_us .contact_us_content .contact_us_content_row{position: relative; padding-left: 35px; border-bottom: 1px dotted #ddd; padding-top: 15px; padding-bottom: 10px;}
.contact_us .contact_us_content .contact_us_content_row .icon{max-width: 23px; max-height: 27px; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.contact_us .contact_us_content .contact_us_content_row .label{color: #999; font-size: 14px; line-height: 1.5;}
.contact_us .contact_us_content .contact_us_content_row .txt{color: #333; font-size: 14px; line-height: 24px;}

@media screen and (min-width: 1201px) {
    .zt-pic-box{min-width: 1200px; position: relative;}
    .header{padding: 30px 0px;width: 1200px;margin: 0px auto;}
    .shop-banner{background: url(../images/banner.png) no-repeat center top #7f7f77;height: 490px;position: relative;color: #fff;}
    .shop-banner .name,.shop-banner .sort,.shop-banner .slogan,.shop-banner i,.shop-banner .shuju{position: absolute;z-index: 3;left: 50%;margin-left: -550px;}
    .shop-banner .name{font-weight: bold;font-size:40px;top: 130px;    height: 48px;    line-height: 48px;}
    .shop-banner .sort{font-size:16px;top: 200px; line-height: 28px; width: 1100px;}
    .shop-banner .shuju{ bottom: -80px;}
    .shop-banner i{top:205px; width: 70px;height: 8px; background: #dd342c;}
    .row-head{ position: relative;}
    .row-head .name{text-align: center;width: 100%;font-size:40px;color: #333;display: inline-block; line-height: 40px;  font-weight: bold;height: 50px;}
    .row-head .subname{text-align: center;width: 100%;font-size:20px;color: #666;display: inline-block; margin-top: 10px; line-height: 40px; }
    .row-head i{position: absolute;z-index: 3;left: 50%;margin-left: -45px; width: 90px;height: 8px; background:#dd342c; top:105px;}
    .kehu .row-head .name{color: #fff;}
    .zt-form{ width:1000px;margin: 0px auto;    text-align: center;}
    .zt-form .row{height:45px; margin-top: 30px;width: 100%; position: relative;    float: left;}
    .zt-form .row.w50{width: 50%;}
    .zt-form .row .error{ position: absolute;left:220px; top:85px;font-size: 14px; }
    .zt-form .row .label-left{float: left; font-size:16px;color: #333;width:100px;text-align:right; padding-right: 20px; line-height: 45px;}
    .zt-form .row .userAll{width: 700px; float: left; position: relative;}
    .zt-form .row .userAll input{border: 0px #ddd solid;height:45px;padding-left: 20px;width:860px; font-size:16px;float: left;}
    .zt-form .row .userAll .code{width:159px; height:45px; background: #fff; color: #333; line-height: 45px;border: 0px #ddd solid;border-left: 1px #ddd solid; font-size: 16px; cursor: pointer;text-align: center;float: left;}
    .zt-form .row .userAll .code:hover{color: #dd342c;}
    .zt-form-btn{ height: 44px;line-height: 44px;width: 200px;text-align: center;background: #dd342c;margin: 0px auto;font-size:16px;color: #fff; display: inline-block;    margin-top:50px;
        margin-bottom:70px;}
    .zt-form-btn:hover{background: #b61109;color: #fff;}
    .zt-form .row.w50 .userAll{width: 380px;}
    .zt-form .row.w50 .userAll input{width: 360px;}
    .imagesd{height: 45px; width: 140px; background: #f1f1f1;float: left; }
    #imgVerCode{width: 200px;}
    #validateCode{width: 200px; margin-right: 0px;}
}