.header{
    padding: 25px 25px 0;
    min-width: 1600px;
    z-index: 9999;
    background: #fff;
	width: 100%;
	position: fixed;
	left: 0;
    top: 0;
    border-bottom: 1px solid #e5e5e5;
margin: 0 auto;
  
}
.header1{
   
 


    min-width: 1500px;
margin: 0 auto;
  
}
.head{min-width: 1500px;
margin: 0 auto;}
.header h1{
    width: 20%;
    padding-bottom: 25px;
}
.header ul{
   width:50%;
}
.header form{
    width: 15%;
    height: 34px;
    background: #f6f6f6;
    margin-top: 10px
}
.header form input{
    display: block;
    background: #f6f6f6;
    float: left;
}
.header form input.input-txt{
    width: 80%;
    height: 100%;
    text-indent: 1em;
}
.header form input.input-btn{
    width: 20%;
    height: 100%;
    background: url(../img/sousuo.png) no-repeat center;
}


.header .header-ul>li{
    line-height: 60px;
    position: relative;
}
.header .header-ul>li h4 a{
    color: #5f5f5f;
    font-size: 16px;
    display: block;
    position: relative;
}
.header .header-ul>li h4 a::after{
    content: '';;
    display: inline-block;
    height: 1px;
    width: 0%;
    background: #bc102e;
    left: 50%;
    bottom: 0;
    position: absolute;
    -moz-transition:all 0.4s; /* Firefox 4 */
    -webkit-transition:all 0.4s; /* Safari and Chrome */
    -o-transition:all 0.4s; /* Opera */
    transition:all 0.4s;
    cursor: pointer;
    transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%)
}
.header .header-ul>li h4 a:hover::after{
    width: 100%;
}
.header .header-ul>li.on h4 a::after{
    width: 100%;
}
.nav{
	position: relative;
	left: 0;
	top: 0
}
.nav .sub{
    position: absolute;
    top: 84px;
    line-height: 26px;
    padding: 7px 0;
    background: #fff;
	z-index: 999;
	width: 110px;
    box-shadow: 0 5px 20px rgba(0,0,0,.1);
    text-align: center;
    font-size: 12px;
    left: 50%;
    transform: translateX(-50%)
}
.nav .sub li{
	width: 100%;
}
.nav .sub a{
	border: 0 none;
	width: 100%;
	padding-left: 0;
    font-size: 14px;
    color: #5f5f5f
}
.nav .sub li a:hover{
    background: #fff;
    color: #bc102e;
}


#banner{
	padding-top: 110px;
}
#banner .swiper-container{
    z-index: 0;
}

#banner .swiper-pagination-bullet{
    background: url(../img/banner-yuan.png) no-repeat center;
    opacity: 1;
    width: 16px;
    height: 16px;
}
#banner .swiper-pagination-bullet-active{
    background: url(../img/banner-active.png) no-repeat center;
}
.main-tit{
    text-align: center;
    color: #2b2b2b;
    font-size: 30px;
    position: relative;
    margin: 45px 0;
    padding-bottom: 25px;
}
.main-tit::after{
    content: '';
    display: block;
    width: 85px;
    height: 3px;
    background: #bb0f2f;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    bottom: 0;
}


.ind_search>ul{border: 1px solid #d2d2d2;}
.ind_search>ul>li{ flex: 1;height: 300px;text-align: center;border-right: 1px solid #d2d2d2;cursor: pointer;}
.ind_search>ul>li:last-child{border-right: 0 none}
.ind_search>ul>li figure{width: 100%;margin: 0;padding: 0}
.ind_search>ul>li figure figcaption{transition: 0.6s; margin-top: 75px; display: block; width: 100%; height: 134px;}
.ind_search>ul>li figure h5{color: #2b2b2b;font-size: 16px;margin-top: 30px}
.ind_search>ul>li figure p{color: #636363;margin-top: 5px;}

.ind_search>ul>li ul{height: 0; overflow: hidden; background: #bc102e;z-index: 999;margin-top: 15px;text-align: center;width: 100%;}
.ind_search>ul>li ul li{transition: 0.8s; width: 50%; text-align: center; height: 0px;line-height: 30px;display: inline-block;}
.ind_search>ul>li ul li a{font-size: 14px; color: #fff;}
.ind_search>ul>li figure:hover>figcaption{margin-top: 0px;}
.ind_search>ul>li figure:hover>ul{height: auto; height: 125px;padding: 15px 0;overflow: hidden;}
.ind_search>ul>li figure:hover>ul li{height: 33px;}
.ind_search>ul>li:hover{background: #f4f4f4}


.main2 {
    min-width: 1600px;
    margin: 0 auto
}
.main2 .main2-l{
    width: 40%;
    position: relative;
    overflow: hidden;
    height: 780px;
}
.main2 .main2-l img{
    width: 100%;
    height: 780px;
}
.main2-txt{
    text-align: center;
 color: #000;
    line-height: 40px;

   
}
.main2-txt h3{
    font-size: 16px;
}
.main2-txt h4{
    font-size: 12px;
    line-height: 30px;
    text-transform: uppercase;
}
.main2 .main2-l:hover .ceng{
    background-color: rgba(146,68,72,0.8);
}
.main2 .main2-l:hover #box{
    opacity: 1;
}

.main2-list{
   max-width: 1500px;
    -webkit-flex-wrap:wrap;
    -webkit-box-lines:multiple;
    -moz-flex-wrap:wrap;
    flex-wrap:wrap;
    height: auto;
    margin: 0 auto;

}
.main2-list li{
    width: 24%;
    overflow: hidden;
    position: relative;
    height: 300px;
    margin-bottom: 12px;
    float: left;
    background: #eeeeee;
     padding-bottom: 20px;
}
.main2-list li:hover{background: #e0dede;}
.main2-list li img{
    width: 100%;
    /*height: 384px;*/
}
.main2-list li .ceng #box{
    width: 90%;
    height: 88%;
}
.main2-list li:hover .ceng{
    background-color: rgba(146,68,72,0.8);
}
.main2-list li:hover #box{
    opacity: 1;
}

.main3{
    margin: 120px auto
}
.main3-l{
    width: 35%;
}
.main3-l h2{
    color: #414141;
    font-size: 48px;
    line-height: 60px;
}
.main3-l h3{
    color: #282828;
    font-size: 30px;
    display: inline-block;
    padding-bottom: 28px;
    border-bottom: 1px solid #b8b8b8;
    margin-top: 15px
}
.main3-l .main3-l-txt{
    color: #585858;
    font-size: 16px;
    line-height: 30px;
    margin-top: 45px
}
.main3-l a{
    width: 150px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    color: #ffffff;
    background: #a40001;
    margin-top: 70px
}
.main3-r{
    width: 58%;
    text-align: right;
    overflow: hidden;
}
.main3-r img{
    width: 100%;
    height: 598px;
}

.main4{
    background:#f1f1f1;
    padding: 50px 0 100px;
    text-align: center;
}
.main4 .main4-txt{
    font-size: 48px;
    color: #f7f7f7;
    line-height: 68px;
}
.main4 .main4-txt h2{
    font-weight: bold;
}
.main4 .main4-txt h4{
    font-size: 16px
}
.main4 .main4-list{
    width: 1190px;  
    margin: 170px auto 0;
    text-align: center;
}
.main4 .main4-list li{
    width: 256px;
    height: 208px;
    background: rgba(164, 0, 1,.4);
    -moz-box-sizing: border-box;  
     -webkit-box-sizing: border-box; 
     -o-box-sizing: border-box; 
     -ms-box-sizing: border-box; 
     box-sizing: border-box; 
     color: #f7f7f7;
     padding-top: 35px;
     border-radius: 6px;
     margin-right: 45px;
     display: inline-block;

}
.main4 .main4-list li:last-child{
    margin-right: 0
}
.main4 .main4-list li b{
    font-size: 36px;
}
.main4 .main4-list li h5{
    font-size: 18px;
    margin-top: 20px;
    padding-bottom: 15px;
    position: relative;
    margin-bottom: 20px
}
.main4 .main4-list li h5::after{
    content: '';
    display: block;
    width: 25%;
    height: 1px;
    background: #e4b2b2;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%)

}

.main5-list {
    margin-bottom: 75px;
}
.main5-list li{
   width: 28%; 
   background:#eeeeee;
   padding-bottom: 20px;
   position: relative;
   padding:30px;
}
.main5-list li .main5-list-img{
    overflow: hidden;
}
.main5-list li .main5-list-img img{
    width: 100%;
    height: 336px;
}
.main5-list li .main5-list-img:hover img{
    transform: scale(1.1)
}
.main5-list li h2{
    color: #333333;
    font-size: 18px;  
    overflow: hidden; /*自动隐藏文字*/
    text-overflow: ellipsis;/*文字隐藏后添加省略号*/
    white-space: nowrap;/*强制不换行*/
    line-height: 30px;
    padding-top: 20px
}
.main5-list li .main5-list-txt{
    color: #959595;
    line-height: 24px;
    margin: 15px 0 20px;
    padding-right: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    
}
.main5-list li .time{
    color: #959595;
}
.main5-list li .time em{
    font-size: 28px;
    font-weight: normal;
}
.main5-list li:hover .time{
    color: #bc102e
}
.main5-list li::after{
    content: '';
    display: inline-block;
    width: 0%;
    height: 1px;
    background: #bc102e;
    position: absolute;
    left: 0;
    bottom: 0;
    -moz-transition:all 0.4s; /* Firefox 4 */
    -webkit-transition:all 0.4s; /* Safari and Chrome */
    -o-transition:all 0.4s; /* Opera */
    transition:all 0.4s;
}
.main5-list li:hover::after{
    width: 100%;
}



.cuture-box1{
    padding-top: 85px;
    width: 1130px;
    margin: 0 auto;
}

.cuture-box1 .cuture-box1-txt{
    color: #6d6d6d;
    font-size: 16px;
    line-height: 30px;
    text-align: center;
    margin-bottom: 60px;
}

.cuture-list li{
    float: left;
    text-align: center;
    display: inline-block;
    width: 25%;
}

.cuture-list li h2{
    font-size: 48px;
    line-height: 48px;
}
.cuture-list li h2 em{
    color: #292929;
    font-weight: bold;
}

.cuture-list li h4{
    color: #707070;
    font-size: 16px;
    line-height: 30px;
}

.cuture-img{
    margin: 80px auto 0
}
.cuture-img img{
    max-width: 100%;
    height: auto;
}

.cuture-box2{
    background: #f9f9f9;
    padding-top: 100px;

}
.cuture-box2 ul{
    background: #ffffff;
    margin-bottom: 96px
}
.cuture-box2 ul li .cuture-box2-img{
    width: 50%;
    overflow: hidden;
}
.cuture-box2 ul li .cuture-box2-img:hover img{
    transform: scale(1.1)
}
.cuture-box2 ul li .cuture-box2-txt{
    width: 50%;   
    -moz-box-sizing: border-box;  
    -webkit-box-sizing: border-box; 
    -o-box-sizing: border-box; 
    -ms-box-sizing: border-box; 
    box-sizing: border-box; 
    padding: 140px 90px;
    height: 600px;
}

.cuture-box2 ul li .cuture-box2-txt h2{
    color: #292929;
    font-size: 36px;
    position: relative;
    padding-bottom: 20px;
    line-height: 40px;
    display: inline-block;
    margin-bottom: 35px
}
.cuture-box2 ul li .cuture-box2-txt h2::after{
    content: '';
    display: block;
    width: 60%;
    height: 1px;
    background: #bc102e;
    position: absolute;
    left: 0;
    bottom: 0;
}
.cuture-box2 ul li .cuture-box2-txt .txt{
    color: #6d6d6d;
    font-size: 16px;
    line-height: 30px
}

.inside-nav{
    height: 95px;
    padding: 0 96px;
    background: #ffffff;
    box-shadow: 0 0 5px rgba(0, 0, 0,.1);
    line-height: 95px;
    position: absolute;
    left: 50%;
    

transform: translateX(-50%);
-ms-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-o-transform: translateX(-50%);
bottom: -50px
}
.inside-nav h2{
    color: #000000;
    font-size: 16px;
}
.inside-nav h2 span{
    color: #a0a0a0;
    display: inline-block;
    margin-left: 10px;
    font-family: Arial
}
.inside-nav ul li{
    display: inline-block;
    position: relative;
    padding: 0 10px
}
.inside-nav ul li::after{
    content: '/';
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
    color: #a0a0a0
}
.inside-nav a{   color: #000;}
.inside-nav ul li:last-child::after{
    display: none;
}
.inside-nav ul li a{
    display: inline-block;
    color: #000000;
    padding: 0 8px;
    position: relative;
}
.inside-nav ul li a::after{
    content: '';
    display: block;
    width: 0;
    height: 1px;
    background: #bb102e;
    position: absolute;
    left: 50%;
    bottom: 25px;
    transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -moz-transition:all 0.4s; /* Firefox 4 */
    -webkit-transition:all 0.4s; /* Safari and Chrome */
    -o-transition:all 0.4s; /* Opera */
    transition:all 0.4s;
    cursor: pointer;

}
.inside-nav ul li:hover a::after{
    width: 85%;
}
.inside-nav ul li a.on::after{
    width: 85%;
}


.inside-banner{
    position: relative;
	height: 400px;
	padding-top: 110px;

}

.ab-box{
    padding-top: 110px
}
.ab-box .ab-box-item {
    padding-bottom: 60px
}
.ab-box .ab-box-item  .ab-box-item-r{
    width: 50%;
    -moz-box-sizing: border-box;  
    -webkit-box-sizing: border-box; 
    -o-box-sizing: border-box; 
    -ms-box-sizing: border-box; 
    box-sizing: border-box; 
    padding: 110px 80px 80px 80px;
    height: 450px;

}
.ab-box .ab-box-item h2{
    color: #333333;
    font-size: 30px;
    line-height: 35px;
    margin-bottom: 40px
}
.ab-box .ab-box-item .txt{
    color: #333333;
    font-size: 16px;
    line-height: 30px;

}

.ab-box .ab-box-item:nth-child(2){
    background: #f5f5f5;
    padding-bottom: 0
}

.ab-box .ab-box-item:nth-child(2) .ab-box-item-r{
    padding-left: 160px;
    padding-right: 80px
}
.ab-box .ab-box-item:nth-child(3){
    padding-top: 60px;
}

.honors-box{
   background: #f7f7f7;
   padding-top: 110px
}

.hornors-list{
    width: 1400px;
    padding-bottom: 20px
}
.hornors-list li{
    width: 332px;
    text-align: center;
    margin-right: 20px;
    margin-bottom: 45px;
    float: left;
}
.hornors-list li:nth-child(4n){
    margin-right: 0;
}
.hornors-list li h4{
    font-size: 16px;
    color: #5b5b5b;
    line-height: 30px;
    margin-top: 10px
}

.fzlc-box{
    background: #f5f5f5;
    padding-top: 100px;
    padding-bottom: 30px
}
.fzlc{
    background: #ffffff;
    padding-top: 75px;
    padding-bottom: 40px;
}


.fzlc-list{
    background: url(../img/line.png) repeat-y center top;
    width: 65%;
    margin: 0 auto;
    padding-top: 50px;
    position: relative;
}
.fzlc-list::before{
    content: '';
    display: block;
    width: 25px;
    height: 25px;
    background: url(../img/fzlc_fei.png) no-repeat center;
    position: absolute;
    top: -28px;
    left: 50%;
    transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%)
}
.fzlc-list li{
    position: relative;
    margin-bottom: 50px
}
.fzlc-list li div.fl{
    width: 390px;
}
.fzlc-list li div.fr{
    width: 390px;
}
.fzlc-list li .ctn h2{
    color: #000000;
    font-size: 30px;
    line-height: 30px;
    margin-bottom: 15px
}
.fzlc-list li .ctn .txt{
    color: #6d6d6d;
    font-size: 16px;
    line-height: 30px;
}
.fzlc-list li .line{
    display: block;
    width: 10px;
    height: 10px;
    background: #5b5b5b;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    top: 26%
}
.fzlc-list li .line i{
    width: 80px;
    height: 1px;
    background: #cccccc;
    position: absolute;
    left: 10px;
    top: 50%
}
.fzlc-list li:nth-child(2n) .line i{
    left: -80px;
}

.fzlc-list li .fzlc-img{
   padding-top: 50px;
}
.fzlc-list li .fzlc-img img{
    width: 100%;
    height: auto;
}

.drem{
    text-align: center;
    color: #6d6d6d;
    font-size: 16px
}

.inside-main{
    min-width: 1500px;
    margin: 0 auto;
    -moz-box-sizing: border-box;  
    -webkit-box-sizing: border-box; 
    -o-box-sizing: border-box; 
    -ms-box-sizing: border-box; 
    box-sizing: border-box;

}



.concact-box{
    background: #ffffff;
    padding-top: 100px
}

.concact{
    width: 80%;

}
.concact-list{
    margin-bottom: 80px
}
.concact-list li{
    text-align: center;
    width: 33%;
    height: 240px;
}
.concact-list li.bg1{
    background: url(../img/ser2-bg1.jpg) no-repeat left top;
    background-size: 100% 100%
}
.concact-list li.bg2{
    background: url(../img/ser2-bg2.jpg) no-repeat left top;
    background-size: 100% 100%
}
.concact-list li.bg3{
    background: url(../img/ser2-bg3.jpg) no-repeat left top;
    background-size: 100% 100%
}
.concact-list li .concact-img{
    margin-top: 30px
}
.concact-list li h3{
    color: #000000;
    font-size: 30px;
    font-weight: bold;
    font-family: Arial;
    margin: 15px 0;
}
.concact-list li h4{
    color: #626262;
    font-size: 16px;
    line-height: 26px;
}


.concact-form .concact-text {
    margin-bottom: 10px
}
.concact-form .concact-text input{
    display: inline-block;
    width: 24%;
    border: 1px solid #dadada;
    background: #ffffff;
    height: 62px;
    text-indent: 1.5em;
    font-size: 16px;

}
.concact-form .concact-textarea{
    display: block;
    width: 100%;
    height: 284px;
    border: 1px solid #dadada;
    background: #ffffff;
    font-size: 16px;
    line-height: 30px;
    text-indent: 1.5em;
    padding-top: 10px
}
.concact-form .concact-btn{
    cursor: pointer;
    display: block;
    width: 300px;
    height: 75px;
    line-height: 75px;
    text-align: center;
    color: #ffffff;
    font-size: 16px;
    background: #333333;
    margin: 75px auto 140px
}
.concact-form .concact-btn:hover{
    background: #bc102e
}
.product-tit {
	border-top: 1px solid #e5e5e5;
	padding-top: 80px;
}
.product-tit h2{
    line-height: 85px;
    color: #000000;
    font-size: 16px;
    padding-left: 35px
}
.product-tit h2 span{
    color: #a0a0a0;
    font-family: Arial;
    display: inline-block;
    margin-left: 8px
}
.product-nav{
    background: #f6f6f6;
    line-height: 90px;
    text-align: center;
}
.product-nav ul li{
    display: inline-block;
    padding: 0 25px;
    position: relative;
}
.product-nav ul li::after{
    content: '/';
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
    color: #a0a0a0;
}
.product-nav ul li:last-child::after{
    display: none;
}
.product-nav ul li a{
    color: #000000;
    display: block;
    padding: 0 13px;
    position: relative;
    font-size: 18px;
}
.product-nav ul li a::after{
    content: '';
    display: block;
    width: 0%;
    height: 1px;
    background: #bb102e;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    bottom: 20px;
    -moz-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    cursor: pointer;
}
.product-nav ul li a:hover::after{
    width: 100%;
}
.product-nav ul li a.on::after{
    width: 100%;
}

.product-list{
    padding-top: 30px;
    -webkit-flex-wrap:wrap;
    -webkit-box-lines:multiple;
    -moz-flex-wrap:wrap;
    flex-wrap:wrap;

}
.product-list::after{
    content: '';
    width: 30%;
}
.product-list li{
    text-align: center;
    margin: 30px 25px 70px;
    width: 30%;
    padding-bottom: 70px;
    -moz-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
     background: #f1f1f1;
}
.product-list li img{
    width: 448px;
    height: 336px;
}
.product-list li h4{
    margin: 35px 0 30px
}
.product-list li h4 a{
    color: #313131;
    font-size: 24px
}
.product-list li .view-more{
    font-size: 16px;
    color: #313131;
    width: 148px;
    height: 38px;
    line-height: 38px;
    margin: 0 auto;
    border: 1px solid #aaaaaa;
    /*opacity: 0;*/
    -moz-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    cursor: pointer;
}
.product-list li:hover .view-more{
    opacity: 1;
}
.product-list li:hover{
    background: #dedcdc;}

.product-list2 {
    /* text-align: center; */
    padding-top: 50px;
}
.product-list2 li{
    width: 23%;
    text-align: center;
    margin-bottom: 50px;
    /* display: inline-block; */
    margin-right: 2.6%;
    /* height: 310px; */
}
.product-list2 li a{
    display:-webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;	
	align-items:center;
	-webkit-align-items:center;
	box-align:center;
	-moz-box-align:center;
	-webkit-box-align:center;
	-webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    overflow: hidden;
    border: 1px solid #eeeeee;
    -moz-box-sizing: border-box;  
    -webkit-box-sizing: border-box; 
    -o-box-sizing: border-box; 
    -ms-box-sizing: border-box; 
    box-sizing: border-box; 
}
.product-list2 li h4{
    margin-top: 20px;
}
.product-list2 li h4 a{
    border: 0 none;
    color: #777777;
}
.product-list2 li:nth-child(4n){
    margin-right: 0
}
.product-list2 li img{
    width: 100%;

}
.product-list2 li h2{
    margin-top: 20px;
}
.product-list2 li h2 a{
    color: #777777;
    font-size: 14px;
    height: auto;
    border: 0 none;
}

/* .qjty{
    padding-top: 100px
} */

.qjty-list{
    -webkit-flex-wrap:wrap;
    -webkit-box-lines:multiple;
    -moz-flex-wrap:wrap;
    flex-wrap:wrap;
	width: 70%;
	margin-top: 130px;
}
.qjty-list::after{
    content: '';
    width: 31%;
}
.qjty-list li{
    width:31%;
    margin-bottom: 50px
}
.qjty-list li .ctn{
    padding: 20px;
    border: 1px solid #e5e5e5;
    border-top: 0 none;
    padding-bottom: 0px
}
.qjty-list li .ctn .qjty-box{
    position: relative;
    border-bottom: 1px solid #dcdcdc;
    padding-bottom: 10px;
}
.qjty-list li .ctn .qjty-box::after{
    content: '';
    display: inline-block;
    height: 1px;
    width: 0%;
    background: #bb102e;
    position: absolute;
    left: 0;
    bottom: -1px;
    -moz-transition:all 0.4s; /* Firefox 4 */
    -webkit-transition:all 0.4s; /* Safari and Chrome */
    -o-transition:all 0.4s; /* Opera */
    transition:all 0.4s;
    cursor: pointer;
}
.qjty-list li .ctn .qjty-box:hover::after{
    width: 100%;
}


.qjty-list li .ctn .qjty-box h2{
    font-size: 20px;
    color: #000000;
    font-family: Arial;
    display: inline-block;
}
.qjty-list li .ctn .qjty-box h3{
    color: #5f5f5f;
    font-size: 18px;
    line-height: 30px;
    width: 80%;
}
.qjty-list li .ctn .qjty-box .qjty-wx{
    position: absolute;
    right: 0px;
    top: -7px;
    overflow: hidden;
    width: 60px;
    height: 60px;
}
.qjty-list li .ctn .qjty-box .qjty-wx img{
    width: 60px;
    height: 60px;
}
.qjty-list li .ctn .qjty-box .qjty-wx:hover img{
    transform: scale(1.1)
}
.qjty-list li .ctn h4{
    color: #5f5f5f;
    font-size: 12px;
    line-height: 40px;
    position: relative;
}
.qjty-list li .ctn h4::after{
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    background: url(../img/up.png) no-repeat center;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%)
}
.qjty-list li:hover .ctn h4::after{
    background-image: url(../img/up-on.png);
}

.qjty-list li .qjty-list-img{
    overflow: hidden;
}
.qjty-list li .qjty-list-img img{
    width: 100%;
    height: auto;
}
.qjty-list li .qjty-list-img:hover img{
    transform: scale(1.1)
}

.news{
    background: #f5f5f5;
    padding-top: 100px;        
}
.news::after{
    content: '';
    width: 450px;
}
.news-list{
    -webkit-flex-wrap:wrap;
    -webkit-box-lines:multiple;
    -moz-flex-wrap:wrap;
    flex-wrap:wrap;
	width: 75%;
}
.news-list::after{
    content: '';
    width: 450px;
}
.news-list li{
    width: 31%;
    margin-bottom: 52px;
}
.news-list li .news-list-img{
    overflow: hidden;
    height: 330px;
    -moz-transition:all 0.8s; /* Firefox 4 */
    -webkit-transition:all 0.8s; /* Safari and Chrome */
    -o-transition:all 0.8s; /* Opera */
    transition:all 0.8s;
    cursor: pointer;
}
.news-list li .news-list-img img{
    width: 100%;
    height: auto;
}
.news-list li .news-list-img:hover img{
    transform: scale(1.1)
}

/* .news-list li .news-list-img:hover{
    background-size: 200% 100%!important;
} */

.news-list li .news-list-ctn{
    background: #ffffff;
    padding: 40px;
    padding-right: 25px;
    height: 210px;
}
.news-list li .news-list-ctn h2{
    color: #3b3b3b;
    font-size: 18px;
    font-weight: bold;
    overflow: hidden; /*自动隐藏文字*/
    text-overflow: ellipsis;/*文字隐藏后添加省略号*/
    white-space: nowrap;/*强制不换行*/
    line-height: 30px;
    margin-bottom: 20px
}
.news-list li .news-list-ctn .txt{
    color: #858585;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 25px
}
.news-list li .news-list-ctn span{
    /*text-decoration: underline;*/
    display: block;
    color: #333333;
}

.news-tit{
    text-align: center;
    margin-bottom: 45px;
}
.news-tit h2{
    color: #3b3b3b;
    font-size: 24px;
    line-height: 30px;
}
.news-tit h4{
    color: #a6a6a6;
    margin-top: 10px;
}
.newsinfor{
    width: 85%;
    margin: 0 auto;
    padding-bottom: 70px;
    border-bottom: 1px solid #e3e3e3;
    color: #616161;
    font-size: 16px;
    line-height: 35px;
}
.newsinfor img{
    max-width: 100%;
}

.news-page{
    width: 85%;
    margin: 0 auto;
    padding: 35px 0;
    position: relative;
}
.news-page a{
    color: #5f5f5f;
    display: block;
    margin-bottom: 10px;
    width: 80%;
    overflow: hidden; /*自动隐藏文字*/
    text-overflow: ellipsis;/*文字隐藏后添加省略号*/
    white-space: nowrap;/*强制不换行*/
}
.news-page a.back{
    position: absolute;
    right: 0;
    top: 30px;
    background: url(../img/fanhui.png) no-repeat right center;
    width: 65px;
    height: 50px;
    line-height: 50px;
}

.marketing{
    background: #f6f6f6;
    padding-top: 100px
}
.marketing-list{
    width: 87%;
    margin: 0 auto;
    -webkit-flex-wrap:wrap;
    -webkit-box-lines:multiple;
    -moz-flex-wrap:wrap;
    flex-wrap:wrap;
}
.marketing-list::after{
    content: '';
    width: 31%;
}
.marketing-list li{
    width: 31%;
    margin-bottom: 54px
}
.marketing-list li .marketing-list-img{
    overflow: hidden;
}
.marketing-list li .marketing-list-img img{
    width: 100%;
    height: 260px;
}
.marketing-list li .marketing-list-img:hover img{
    transform: scale(1.1)
}
.marketing-list li .ctn{
    padding: 20px;
    border: 1px solid #e5e5e5;
    background: #ffffff;
    padding-bottom: 0
}
.marketing-list li .ctn h2{
    color: #5f5f5f;
    font-size: 18px;
    padding-bottom: 15px;
    border-bottom: 1px solid #dcdcdc;
    overflow: hidden; /*自动隐藏文字*/
    text-overflow: ellipsis;/*文字隐藏后添加省略号*/
    white-space: nowrap;/*强制不换行*/
}
.marketing-list li .ctn h4{
    color: #5f5f5f;
    line-height: 40px;
    background: url(../img/up.png) no-repeat right center
}
.marketing-list li:hover .ctn h2{
    border-bottom-color: #bc102e;
}
.marketing-list li:hover .ctn h4{
    background-image: url(../img/up-on.png)
}


.yxjy{
    position: relative;
    height: 95px;
	/* border-top: 1px solid #e5e5e5; */
	margin-top: 110px;
}
.yxjy .inside-nav{
    box-shadow: none;
    margin: 0 auto;
    bottom: -1px;
   
}

.yxjy-box{
    padding-bottom: 65px;
}
.yxjy-list {
    padding: 0 96px

}
.yxjy-list li{
    height: 95px;
    line-height: 95px;
    background:#f7f7f7 url(../img/yxjy.png) no-repeat 25px center;
    padding-left: 85px;
}
.yxjy-list li a{
    color: #575757;;
    font-size: 18px
}
.yxjy-list li:nth-child(2n){
    background-color: #ffffff!important;
}
.yxjy-list li a{
   position: relative;
}
.yxjy-list li a::after{
    content: '';
    display: block;
    width: 25px;
    height: 25px;
    background: url(../img/download.png) no-repeat center;
    position: absolute;
    right: 36px;
    top: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%)
}
.yxjy-list li:hover a::after{
    background-image: url(../img/download-on.png);
}


.hero-list{
    background: #f6f6f6;
    width: 74%;
    text-align: center;
}
.hero-list li{
    display: inline-block;
    width: 33%;
    color: #000000;
    font-size: 18px;
    line-height: 60px;
}

#hero-table{
    width: 74%;
    text-align: center;
    border-collapse: collapse;
}
#hero-table thead{
    background: #ffffff;
}
#hero-table thead tr{
    height: 90px;
    color: #575757;
    font-size: 18px
}
#hero-table tbody tr{
    background: #f5f5f5;
    height: 140px;
    color: #575757;
    font-size: 16px;
}
#hero-table tbody tr:nth-child(2n){
    background: #fff;
}

.login-form{
    border: 1px solid #e5e5e5;
    padding: 40px;
    margin-top: 20px;
    margin-bottom: 60px;
    overflow: hidden;
}
.login-form .login-img{
    display: inline-block;

}
.login-form-r{
    display: inline-block;
    margin-top: 100px;
}
.login-form-r>div{
    margin-bottom: 50px
}
.login-form-r>div>.login-form-text{
    display: block;
    background: #f7f7f7;
    width: 543px;
    height: 58px;
    border: 1px solid #e5e5e5;
    text-indent: 2em;
    color: #575757;
    font-size: 16px;
}
.login-form-r .login-form-btn{
    width: 180px;
    height: 60px;
    background: #575757;
    font-size: 16px;
    color: #fff;
    cursor: pointer;
}
.login-form-r .login-form-btn:hover{
    background: #bb102e
}


.mendian-map{
    background: #f8f8f8;
    overflow: hidden;
}
.mendian-map-box{
    position: relative;
    height: 657px;
    width: 70%;
}
.mendian-map-box .yldt_l{
    left: 0;
    position: absolute;
    padding-top: 120px
}
.mendian-map-box .yldt_l .yldt_l_tit{
    line-height: 40px
}
.mendian-map-box .yldt_l .yldt_l_tit h2{
    color: #2a2a2a;
    font-size: 38px;
    font-family: Arial
}
.mendian-map-box .yldt_l .yldt_l_tit h3{
    color: #a40001;
    font-size: 30px;
}

#distpicker {
    margin-top: 120px
}
#distpicker .form-control{
    display: block;
    width: 248px;
    height: 48px;
    border: 1px solid #dddddd;
    background: #f8f8f8;
    margin-bottom: 10px;
    text-indent: 1em;
    color: #2a2a2a;
    cursor: pointer;
}
#distpicker .form-btn{
    text-align: left;
    background: url(../img/dayu.png) no-repeat 230px center;
    margin-bottom: 40px;
}

.more-mendian h3{
    color: #4f4f4f;
    font-size: 18px;
    line-height: 30px;
}

.more-mendian .ctn{
    color: #787878;
    margin-top: 10px;
}
.more-mendian .ctn a{
    display: inline-block;
    padding: 0 10px;
    color: #787878
}
.more-mendian .ctn a:first-child{
    padding-left: 0
}

/* 地图 */
.mendian-map-box .yldt_r{
    position: absolute;
    right: 0;
}

.haier-school{ padding:20px 0;border-top:1px solid #E7E7E7;border-bottom:1px solid #E7E7E7;}
.haier-school .mapH3{ font-weight:bold; padding-left:20px;}
.haier-school .china-map{ background:url(../map/zhongguoditu.png); width:626px; height:516px; overflow:hidden; position:relative; margin:30px 0 0 140px; font-family:"微软雅黑"; color:#5D5D5D; font-size:14px;}

.china-map li.current a span{ color:#FFF;}
.china-map li span{position:absolute; display:block; color:#000;}
.china-map li a{position:absolute; display:block; cursor:pointer;outline:none;}
.heirongjiang{top:0px; right:0px; width:140px; height:124px;}
.heirongjiang span{top:70px; left:64px;}
.china-map li.current .heirongjiang{ background:url(../map/heirongjiang.png);_background:url(../map/heirongjiang.gif);}

.xinjiang{top:59px; left:0px; width:248px; height:189px;}
.xinjiang span{top:105px; left:110px;}
.china-map li.current .xinjiang{background:url(../map/xinjiang.png);_background:url(../map/xinjiang.gif);}

.gansu{top:159px; left:207px; width:177px; height:149px;}
.gansu span{top:110px; left:116px;}
.china-map li.current .gansu{background:url(../map/gansu.png);_background:url(../map/gansu.gif);}

.neimenggu{top:6px; right:91px; width:273px; height:233px;}
.neimenggu span{top:175px; left:104px;}
.china-map li.current .neimenggu{background:url(../map/neimenggu.png);_background:url(../map/neimenggu.gif);}

.xizang{top:234px; left:25px; width:244px; height:149px;}
.xizang span{top:75px; left:110px;}
.china-map li.current .xizang{background:url(../map/xizang.png);_background:url(../map/xizang.gif);}

.qinghai{top:206px; left:163px; width:155px; height:112px;}
.qinghai span{top:42px; left:67px;}
.china-map li.current .qinghai{background:url(../map/qinghai.png);_background:url(../map/qinghai.gif);}

.sichuan{top:286px; left:252px; width:122px; height:119px;}
.sichuan span{top:42px; left:47px;}
.china-map li.current .sichuan{background:url(../map/sicuan.png);_background:url(../map/sicuan.gif);}

.yunnan{top:359px; left:246px; width:111px; height:116px;}
.yunnan span{top:57px; left:42px;}
.china-map li.current .yunnan{background:url(../map/yunnan.png);_background:url(../map/yunnan.gif);}

.guangxi{top:401px; left:339px; width:94px; height:69px;}
.guangxi span{top:27px; left:42px;}
.china-map li.current .guangxi{background:url(../map/guangxi.png);_background:url(../map/guangxi.gif);}

.guangdong{top:411px; left:402px; width:98px; height:75px;}
.guangdong span{top:15px; left:42px;}
.china-map li.current .guangdong{background:url(../map/guangdong.png);_background:url(../map/guangdong.gif);}

.guizhou{top:357px; left:327px; width:76px; height:66px;}
.guizhou span{top:27px; left:25px;}
.china-map li.current .guizhou{background:url(../map/guizhou.png);_background:url(../map/guizhou.gif);}

.hunan{top:344px; left:390px; width:68px; height:79px;}
.hunan span{top:27px; left:25px;}
.china-map li.current .hunan{background:url(../map/hunan.png);_background:url(../map/hunan.gif);}

.chongqing{top:314px; left:349px; width:58px; height:59px;}
.chongqing span{top:23px; left:9px;}
.china-map li.current .chongqing{background:url(../map/chongqing.png);_background:url(../map/chongqing.gif);}

.shanxi{top:209px; left:352px; width:62px; height:110px;}
.shanxi span{top:70px; left:16px;}
.china-map li.current .shanxi{background:url(../map/saixi.png);_background:url(../map/saixi.gif);}

.ningxia{top:214px; left:335px; width:35px; height:53px;}
.ningxia span{top:17px; left:6px;}
.china-map li.current .ningxia{background:url(../map/ningxia.png);_background:url(../map/ningxia.gif);}

.hubei{top:300px; left:385px; width:95px; height:58px;}
.hubei span{top:20px; left:40px;}
.china-map li.current .hubei{background:url(../map/hubei.png);_background:url(../map/hubei.gif);}

.sanxi{top:191px; left:403px; width:43px; height:85px;}
.sanxi span{top:32px; left:10px;}
.china-map li.current .sanxi{background:url(../map/sanxi.png);_background:url(../map/sanxi.gif);}

.henan{top:252px; left:407px; width:70px; height:67px;}
.henan span{top:24px; left:20px;}
.china-map li.current .henan{background:url(../map/henan.png);_background:url(../map/henan.gif);}

.jilin{top:99px; left:508px; width:105px; height:66px;}
.jilin span{top:24px; left:50px;}
.china-map li.current .jilin{background:url(../map/jilin.png);_background:url(../map/jilin.gif);}

.liaoning{top:138px; left:493px; width:74px; height:69px;}
.liaoning span{top:18px; left:31px;}
.china-map li.current .liaoning{background:url(../map/liaoning.png);_background:url(../map/liaoning.gif);}

.shandong{top:222px; left:458px; width:80px; height:53px;}
.shandong span{top:18px; left:16px;}
.china-map li.current .shandong{background:url(../map/shandong.png);_background:url(../map/shandong.gif);}

.jiangsu{top:263px; left:477px; width:69px; height:67px;}
.jiangsu span{top:10px; left:22px;}
.china-map li.current .jiangsu{background:url(../map/jiangsu.png);_background:url(../map/jiangsu.gif);}

.sanghai{top:308px; left:529px; width:17px; height:17px;}
.sanghai span{top:0px; left:0px; width:30px;}
.china-map li.current .sanghai{background:url(../map/shanghai.png);_background:url(../map/shanghai.gif);}

.anhui{top:273px; left:462px; width:59px; height:71px;}
.anhui span{top:30px; left:16px;}
.china-map li.current .anhui{background:url(../map/anhui.png);_background:url(../map/anhui.gif);}

.jiangxi{top:339px; left:452px; width:58px; height:83px;}
.jiangxi span{top:30px; left:11px;}
.china-map li.current .jiangxi{background:url(../map/jiangxi.png);_background:url(../map/jiangxi.gif);}

.zhejiang{top:331px; left:505px; width:46px; height:44px;}
.zhejiang span{top:10px; left:11px;}
.china-map li.current .zhejiang{background:url(../map/zhejiang.png);_background:url(../map/zhejiang.gif);}

.fujian{top:364px; left:485px; width:52px; height:67px;}
.fujian span{top:23px; left:11px;}
.china-map li.current .fujian{background:url(../map/fujian.png);_background:url(../map/fujian.gif);}

.taiwan{top:403px; left:540px; width:20px; height:48px;}
.taiwan span{top:12px; left:0px; width:30px;}
.china-map li.current .taiwan{background:url(../map/taiwan.png);_background:url(../map/taiwan.gif);}

.hainan{top:491px; left:390px; width:31px; height:25px;}
.hainan span{top:-3px; left:0px;}
.china-map li.current .hainan{background:url(../map/hainan.png);_background:url(../map/hainan.gif);}

.hebei{top:158px; left:437px; width:67px; height:96px;}
.hebei span{top:51px; left:10px;}
.china-map li.current .hebei{background:url(../map/hebei.png);_background:url(../map/hebei.gif);}

.beijing{top:182px; left:455px; width:23px; height:24px;}
.beijing span{top:0px; left:0px; width:30px;}
.china-map li.current .beijing{background:url(../map/beijing.png);_background:url(../map/beijing.gif);}

.tianjin{top:193px; left:471px; width:14px; height:22px;}
.tianjin span{top:4px; left:0px; width:30px;}
.china-map li.current .tianjin{background:url(../map/tianjin.png);_background:url(../map/tianjin.gif);}


.more-city{
    border: 1px solid #e5e5e5;
    padding: 25px 40px;
    margin: 35px auto
}

.more-city h2{
    display: inline-block;
    color: #000000;
    font-size: 24px;
    padding: 0 40px;
    background: url(../img/dizhi.png) no-repeat left center;
    line-height: 60px;
    border-right: 1px solid #cecece;
    width: 6%;
}

.more-city .city{
    display: inline-block;
    padding-left: 70px;
    width: 84%;
}
.more-city .city a{
    display: inline-block;
    color: #272727;
    background: #f9f9f9;
    border-radius: 3px;
    border: 1px solid #e5e5e5;
    line-height: 23px;
    padding: 0 12px;
    margin-bottom: 10px
}


.mendian-list{
    -webkit-flex-wrap:wrap;
    -webkit-box-lines:multiple;
    -moz-flex-wrap:wrap;
    flex-wrap:wrap;
    padding-bottom: 20px;
    width: 70%;
}
.mendian-list li{
    width: 45%;
    height: 160px;
    padding-left: 60px;
    background: #f5f5f5;
    padding-top: 30px;
    position: relative;
    margin-bottom: 45px

}
.mendian-list li a h3{
    color: #000000;
    font-size: 18px;
    margin-bottom: 18px
}
.mendian-list li a .m-txt{
    color: #626262;
    line-height: 24px;
}

.mendian-list li a .a-map{
  text-align: center;
    font-size: 14px;
    border: 1px solid #626262;
    position: absolute;
    right: 50px;
    top: 45px;
    line-height: normal;
   padding: 10px 12px;
   display: none;
}
.mendian-list li a .a-map h4{
    color: #626262;
}
.mendian-list li a .a-map span{
    color: #d6d6d6;
    font-size: 12px
}

.mendian-list li::after{
    content: '';
    width: 0;
    position: absolute;
    display: block;
    width: 0;
    height: 2px;
    left: 0px;
    bottom: 0;
    background: #bc102f;
    -moz-transition: all 0.8s;
    -webkit-transition: all 0.8s;
    -o-transition: all 0.8s;
    transition: all 0.8s;
    cursor: pointer;
}
.mendian-list li:hover::after{
    width: 100%;
}
.mendian-list li:hover .a-map{
    display: block;
}

.join{
    background: #f7f7f7;
    padding-top: 100px;
}
.join-list{
    background: #fff;
    margin-bottom: 30px;
    width: 70%;
}
.join-list li{
    text-align: center;
    flex: 1;
    text-align: center;
    padding: 40px 0 30px;
    cursor: pointer;
}
.join-list li i{
    width: 55px;
    height: 55px;
    display: inline-block;
}
.join-list li i.join1{
    background: url(../img/join1.png) no-repeat center;
}
.join-list li:hover i.join1{
    background-image: url(../img/join1-on.png)
}
.join-list li.on i.join1{
    background-image: url(../img/join1-on.png)
}

.join-list li i.join2{
    background: url(../img/join2.png) no-repeat center;
}
.join-list li:hover i.join2{
    background-image: url(../img/join2-on.png)
}
.join-list li.on i.join2{
    background-image: url(../img/join2-on.png)
}


.join-list li i.join3{
    background: url(../img/join3.png) no-repeat center;
}
.join-list li:hover i.join3{
    background-image: url(../img/join3-on.png)
}
.join-list li.on i.join3{
    background-image: url(../img/join3-on.png)
}


.join-list li i.join4{
    background: url(../img/join4.png) no-repeat center;
}
.join-list li:hover i.join4{
    background-image: url(../img/join4-on.png)
}
.join-list li.on i.join4{
    background-image: url(../img/join4-on.png)
}

.join-list li i.join5{
    background: url(../img/join5.png) no-repeat center;
}
.join-list li:hover i.join5{
    background-image: url(../img/join5-on.png)
}
.join-list li.on i.join5{
    background-image: url(../img/join5-on.png)
}


.join-box{
    background: #fff;
    padding: 40px 33px;
    margin-bottom: 60px;
    display: none;
    width: 70%;
}
.join-box.selected{
    display: block;
}



.join-box .join-img{
    display: inline-block;
    width: 50%;
}
.join-box .join-r{
    width: 40%;
}
.join-box .join-r h2{
    color: #cc0000;
    font-size: 30px;
    margin-top: 90px;
}
.join-box .join-r .txt{
    color: #505050;
    font-size: 16px;
    margin-top: 30px;
    line-height: 30px;
}

.join-form-box{
    background: #fff;
    padding-top: 20px;
    overflow: hidden;
    padding-bottom: 35px;
}
.join-form-box .main-tit{
    margin-bottom: 15px
}
.join-form-box h4{
    color: #4f4f4f;
    font-size: 16px;
    line-height: 30px;
    text-align: center
}


.join-list li h2{
    color: #5b5b5b;
    font-size: 18px;
}
.join-list li h3{
    color: #919191;
    margin-top: 10px;
}

.join-form {
    margin-top: 50px;
    width: 70%;
}
.join-form-up{
    margin-bottom: 20px;
}
.join-form-up>div{
    width: 30%;
}
.join-form .join-form-text{
    border: 1px solid #b3b3b3;
    height: 48px;
    font-size: 16px;
    text-indent: 1em;
    color: #757575;
    display: block;
    width: 100%;
}
.text1,.text2,.text3{
    position: relative;
}
.text1::before{
    content: '*必填';
    position: absolute;
    right: 15px;
    top: 50%;
    display: inline-block;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    color: #757575;
}
.text2::before{
    content: '*必填';
    position: absolute;
    right: 15px;
    top: 50%;
    display: inline-block;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    color: #757575;
}
.text3 .radio-box{
    position: absolute;
    right: 15px;
    top: 50%;
    display: inline-block;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    color: #000000;
    font-size: 16px
}

.text3 .radio-box  input[type="radio" i]{
    display: inline-block;
    margin-left: 10px;
}

.join-textarea{
    display: block;
    width: 100%;
    border: 1px solid #b3b3b3;
    height: 350px;
    text-indent: 1em;
    padding-top: 10px;
    font-size: 16px;
    line-height: 30px;
}
.join-form-btn{
    display: block;
    width: 160px;
    height: 50px;
    font-size: 16px;
    color: #fff;
    background: #bb0f0f;
    margin: 45px auto 0;
    cursor: pointer;
}

.productinfor{
    background: #f6f6f6;
    overflow: hidden;
}

.productinfor-box{
    padding: 44px;
    background: #fff;
    margin-top: 20px;
    width: 70%;
    margin-bottom: 30px
}
.productinfor-box  .productinfor-l{
    width: 49%;
}
.productinfor-box  .productinfor-l .gallery-top{
    margin-bottom: 10px
}
/* .productinfor-box  .productinfor-l .gallery-top .swiper-slide{
    height: 600px;
} */
.productinfor-box  .productinfor-l .gallery-top .swiper-slide .img{
    display:-webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;	
	align-items:center;
	-webkit-align-items:center;
	box-align:center;
	-moz-box-align:center;
	-webkit-box-align:center;
	-webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    overflow: hidden;
    /* height: 610px; */
    background: #fff;
    border: 1px solid #eeeeee;
    -moz-box-sizing: border-box;  
    -webkit-box-sizing: border-box; 
    -o-box-sizing: border-box; 
    -ms-box-sizing: border-box; 
    box-sizing: border-box; 
    height: 600px;
}
.productinfor-box  .productinfor-l .gallery-top .swiper-slide .img img{
    max-width: 100%;
    height: auto;
    max-height: 100%;
}
.productinfor-box  .productinfor-l .gallery-top .swiper-slide .clearfix{
	margin: 10px 0;
	padding: 0 5px
}
.productinfor-box  .productinfor-l .gallery-top .swiper-slide .fl{
	color: #333;
	font-size: 20px;
    width: 50%;
    text-align: left;
}
.productinfor-box  .productinfor-l .gallery-top .swiper-slide .fr{
	color: #333;
	font-size: 18px;
	width: 50%;
	text-align: right
}

.productinfor-box  .productinfor-l .gallery-thumbs .swiper-slide{
    display:-webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;	
	align-items:center;
	-webkit-align-items:center;
	box-align:center;
	-moz-box-align:center;
	-webkit-box-align:center;
	-webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    height: 114px;
    border: 1px solid #eeeeee;
    background: #fff;
}
.productinfor-box  .productinfor-l .gallery-thumbs .swiper-button-next{
    right: 0;
}
.productinfor-box .productinfor-l .gallery-thumbs .swiper-button-prev{
    left: 0;
}
.productinfor-box  .productinfor-l .gallery-thumbs .swiper-button-next,.productinfor-box .productinfor-l .gallery-thumbs .swiper-button-prev{
    background-color: rgba(0,0,0,.3);
    background-size: 15px;
}



.product-details .containers{
    width: 70%;
}

#bigImg{
    width: 600px;
    height: 600px;
}
#smallImg{
    margin-top: 10px;
    cursor: pointer;
}
#smallImg img{
    width: 140px;
    height: 120px;
}
.productinfor-r{
    width: 50%;
    padding-left: 10%;
    padding-top: 5%;
}
.productinfor-r h2{
    color: #000000;
    font-size: 24px;
    padding-bottom: 20px;
    line-height: 30px;
    border-bottom: 1px dotted #e5e5e5
}

.productinfor-r ul{
   color: #868686;
}
.productinfor-r ul li{
    margin-top: 25px;
    color: #585858;
    line-height: 35px;
}
.productinfor-r .ctn{
    background: #f9f9f9;
    line-height: 55px;
    padding: 10px 15px;
    margin-top: 30px;
}
.productinfor-r .ctn a{
    display: inline-block;
    color: #6a6a6a;
    margin-right: 30px
}
.productinfor-r .ctn a.item1::before{
    content: 'VR';
    display: inline-block;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    color: #fff;
    font-size: 16px;
    text-align: center;
    line-height: 35px;
    background: #292929;
    margin-right: 10px;
}
.productinfor-r .ctn a.item2::before{
    content: '购';
    display: inline-block;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    color: #fff;
    font-size: 16px;
    text-align: center;
    line-height: 35px;
    background: #292929;
    margin-right: 10px;
}
.productinfor-r .ctn a.item3::before{
    content: '扫';
    display: inline-block;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    color: #fff;
    font-size: 16px;
    text-align: center;
    line-height: 35px;
    background: #292929;
    margin-right: 10px;
}

.product-details{
    background: #fff;
    padding-top: 45px;
}
.product-details h2{
    color: #b40000;
    font-size: 30px;
    line-height: 30px;
}
.product-details h2 span{
    color: #6a6a6a
}

.product-details-ctn {
   line-height: 35px;
   font-size: 16px;
    margin-top: 80px;
    padding-bottom: 100px
}
.product-details-ctn h3{
    font-size: 45px;
    color: #494949;
    line-height: 50px;
}
.product-details-ctn h4{
    color: #8d8d8d;
    line-height: 30px;
    margin: 15px 0 25px
}
.product-details-ctn h5{
    color: #373737;
    font-size: 16px;
    margin-bottom: 40px
}
.product-details-ctn img{
    max-width: 100%;
}


.product-details-list{
    padding-top: 35px;
    border-top: 1px solid #e7e7e7;
    margin-top: 25px;
    margin-bottom: 90px;
    text-align: center;

padding-bottom: 50px;

}
.product-details-list li{
   margin-right:2.65%;
   display: inline-block;
   background: #fff;
   width: 23%;
}
.product-details-list li a{
    display:-webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;	
	align-items:center;
	-webkit-align-items:center;
	box-align:center;
	-moz-box-align:center;
	-webkit-box-align:center;
	-webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%;
    overflow: hidden;
    border: 1px solid #eeeeee;
}
.product-details-list li:last-child{
    margin-right: 0;
}

.product-details-list li p{line-height: 50px;}









.product-nav-box{
    background: #f6f6f6;
    padding: 35px;
    margin-top: 40px
}

.nav-item{
    color: #383838;
    padding: 20px 0 10px;
    border-bottom: 1px solid #e1e1e1;
}
.nav-item h3{
    display: inline-block;
}
.nav-item:first-child{
    padding-top: 0
}
.nav-item:last-child{
    border: 0 none;
    padding-bottom: 0
}
.nav-item a{
    display: inline-block;
    color: #717171;
    margin-left: 30px;
    margin-bottom: 10px;
}
.nav-item a:hover{
    color: #bc102e;
}
.nav-item a.on{
    color: #bc102e;
}

#distpicker2 .distpicker2-txt{
    border: 1px solid #b3b3b3;
    height: 48px;
    font-size: 16px;
    text-indent: 1em;
    color: #757575;
    display: inline-block;
    width: 48%;
}
.join-form-text{
    background: #fff
}

.hero-item{
    width: 74%;
    text-align: center;
    border-collapse: collapse;
}
.hero-item thead{
    background: #ffffff;
}
.hero-item thead tr{
    height: 90px;
    color: #575757;
    font-size: 18px
}
.hero-item tbody tr{
    background: #f5f5f5;
    height: 140px;
    color: #575757;
    font-size: 16px;
}
.hero-item tbody tr:nth-child(2n){
    background: #fff;
}

.hero-item{
    display: none
}

.hero-item.selected{
    display: table
}

.hero-list li{
    cursor: pointer;
    position: relative;
}
.hero-list li::after{
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: 12px solid;
    border-color: #f6f6f6 transparent transparent;
    position: absolute;
    left: 50%;
    bottom: -23px;
    transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%)
}


/*111*/

.content{ font-size:16px; color:#333333; line-height:30px;}
.content *{ line-height:30px;}
.content p{ padding:10px 0;}
.content img{ max-width:100%;}

.pages { font-size: 18px; line-height: 50px; text-align: center;}
.pages a { text-decoration: none; color: #888; background: #eeeeee;padding:8px 15px; margin-right: 10px }
.pages a.active { background: #a40001; color: #fff }
.pages a:hover {  background: #a40001; color: #fff; text-decoration: none;  }
.pages a.wz{  padding:9px 20px;}


#overlay{
	z-index: 9999!important;
}
#lightbox{
	z-index: 9999!important;
}
#imageData #numberDisplay{
	padding-top: 8px;
}
#imageData #bottomNavClose{
	margin-top: 10px;
}
#imageData #caption{
    font-size: 16px;
}
#imageData #numberDisplay{
    font-size: 14px;
}


@media screen and (max-width: 1400px) {
    .containers{
        width: 100%;
        padding: 0 15px
    }
    .max-width{
        min-width: 1300px;
    }
    .header{
        padding:25px 0 0
    }
    .header ul{
        width: 60%;
    }
    .main5-list li{
        width: 31%;
    }
    .main5-list li .main5-list-img img{
        width: 100%;
    }
    .main3-r{
        width: 50%;
    }

    .main3-r img{
        width: 100%;
        height: auto;
    }

    .inside-main{
        min-width: 1300px;
    }
    
    .inside-nav{
        left: 0;
        transform: translateX(0)
    }

    .fzlc-list{
        width: 80%;
    }

    .hornors-list li{
        width: 23%;
        margin-right: 30px
    }
    .hornors-list li img{
        width: 100%;
    }

    .product-list li{
        width: 29%;
    }
    
    .qjty-list li .qjty-list-img img{
        max-width: 100%;
    }

    .product-list li img{
        max-width: 100%;
    }

    .qjty-list li{
        width: 31%;
    }
    .qjty-list li img{
        max-width: 100%;
    }
    .qjty-list::after{
        content: '';
        width: 31%;
    }

    .news-list::after{
        content: '';
        width: 31%
    }
    .news-list li{
        width: 31%;
    }
    
    .news-list li .news-list-img img{
        width: 100%;
        height: auto;
    }
    .login-form{
        padding: 65px 20px;
    }
    .login-form .login-img{
        width: 49%;

    }
  .login-form .login-img img{
      max-width: 100%;
  }
  .join-box .join-r{
      float: right;
  }

    .footer-l{
        width: 76%;
    }
    .footer-item{
        margin-right: 7%
    }
    .footer-r{
        width: 22%;
    }
    .cuture-box2 ul li .cuture-box2-img img{
        width: 100%;
    }

    .news-page{
        width: 85%;
        margin: 0 auto;
        padding: 35px 0;
    }

}


footer {
  padding-top: 90px;
  background-color: #f1f1f1;
}

footer .footer-con {
  width: 1500px;
  margin: 0 auto;
  padding-bottom: 90px;
}

footer .footer-con::after {
  content: "";
  display: block;
  clear: both;
}

footer .footer-con .foot-l {
  width: 202px;
  float: left;
}

footer .footer-con .foot-l h4 {
  font-size: 16px;
  font-weight: bold;
  line-height: 16px;
  color: #000000;
  padding-bottom: 35px;
}

footer .footer-con .foot-l a {
  font-size: 14px;
  line-height: 36px;
  color: #666666;
}

footer .footer-con .foot-l a:hover {
  color: #008d44;
  text-decoration: underline;
}

footer .footer-con .footer-r p {
  padding-bottom: 20px;
}
 .wx p {
  white-space: nowrap;
  text-align: center;
  line-height: 34px;
}

footer .footer-con .footer-r p .iconfont {
  color: #000000;
  vertical-align: middle;
  padding-right: 20px;
  font-size: 20px !important;
}

footer .footer-con .footer-r p strong {
  font-family: AvantGarde-Demi;
  font-size: 24px;
  vertical-align: middle;
  line-height: 18px;
  letter-spacing: 0px;
  color: #ed8117;
}

footer .footer-con .footer-r .wx {
  padding-left: 15px;
}

footer .footer-con .footer-r .wx div {
  float: left;
  width: 94px;
  height: 94px;
  margin-left: 20px;
}

footer .copyright {
 
  margin-top: 0;
}

footer .copyright p {
  font-size: 14px;
  line-height: 66px;
  color: #999999;
}

footer .copyright p a {
  font-size: 14px;
  color: #999999;
}

.porduct_more {
  background-color: #f3f3f3;
  padding-bottom: 80px;
}

.tab_ .case-lists li:nth-child(3n) {
  margin-right: 15px;
}
.w1200 {
  width: 1500px;
  margin: 0 auto;
}

@font-face {
  font-family: 'fontello';
  src: url('../font/fontello.eot?55290266');
  src: url('../font/fontello.eot?55290266#iefix') format('embedded-opentype'),
       url('../font/fontello.woff2?55290266') format('woff2'),
       url('../font/fontello.woff?55290266') format('woff'),
       url('../font/fontello.ttf?55290266') format('truetype'),
       url('../font/fontello.svg?55290266#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../font/fontello.svg?55290266#fontello') format('svg');
  }
}
*/
 
 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: never;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
 
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
 
.icon-location:before { content: '\e800'; } /* '' */
.icon-user-female:before { content: '\f063'; } /* '' */
.icon-wechat:before { content: '\f1d7'; } /* '' */