
.new_feature{
    
}
#vmall{
    position: relative;
    top: -70px;
    display: block;
    visibility: hidden;
}
@media (max-width: 767px){
    #vmall{
        top: -80px;
    }
}
#huawei_partner{
    position: relative;
    top: -80px;
    display: block;
    visibility: hidden;
}
/**column13**/
    .column13{ width: 100%;
    max-width: 1024px; margin: auto;   }
    .column13 .column_width{ text-align: center;    }
    .column13 .column_width h2{
        text-transform: uppercase;
        text-align: center;
        font-size: 24px;
        line-height: 150%;
        letter-spacing: 8px;
        margin: 30px 0;
    }
    .column13 .column_width h1{ text-transform: uppercase; text-align: center; font-size: 24px; line-height: 150%; letter-spacing: 8px; margin: 30px 0;    }
    .column13 ul{width:100%;}
    .column13 ul li{ float: left; width: 33.3%; text-align: center;    }
    .column13 ul li.num_1{width:100%;}
    .column13 ul li.num_2{width:50%;}
    .column13 ul li.num_3{width:33.3%;}
    /* .column13 ul li.num_4{width:25%;}  */ 
    .column13 .column_width ul li h1{ font-size: 20px; text-transform: uppercase; letter-spacing: 3px; margin-top: 20px; height: 50px;    }
    .column13 .column_width ul li p{ letter-spacing: 1px; font-size: 16px;    }
    .column13 .column_width ul li img{ display: block; margin: 0 auto 30px;    }
    .column13 .column_width ul li a.aBtn{ display: block; width: 135px; line-height: 40px; margin: 0 auto; opacity: 1;    }
    .column13 .column_width .line{ width: 80%; margin: 70px auto 40px; height: 1px; background: #cccccc; opacity: 1;    }
    .column13 .aBtn{ line-height: 40px; width: 242px; height: 40px; margin-bottom:20px;    }
    .column13 .aBtn_bottom{    }
    .column13 .column_width p{ text-align: center; width: 600px; margin: 40px auto; font-size: 18px; line-height: 140%;    }
	/*column14*/
    .column14 { height: 684px; background: -webkit-linear-gradient(#f0f0f0, #feffff, #fff); /* Safari 5.1 - 6.0 */
 				background: -o-linear-gradient(#f0f0f0, #feffff, #fff); /* Opera 11.1 - 12.0 */
 				background: -moz-linear-gradient(#f0f0f0, #feffff, #fff); /* Firefox 3.6 - 15 */
 				background: linear-gradient(#f0f0f0, #feffff, #fff); /* &#26631;&#20934;&#30340;&#35821;&#27861; */
 			/*	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f0f0', endColorstr='#fff')";  */
 				position: relative;   }
    .column14 .column14_wrap { position: absolute; top: 40%; left: 50%; width: 600px; height: 570px; margin: -200px 0 0 -289px;    }
    .column14 .column14_wrap .tit { position: absolute; top: 123px; left: 268px;    }
    .column14 .column14_wrap h2.title{ font-size: 32px; letter-spacing: 10px; text-transform: uppercase;  line-height: 34px;  }
    .column14 .column14_wrap .colorul{ position: absolute; top: 220px; left: 270px; font-size: 20px; text-transform:uppercase; letter-spacing: 3px;    }
    .column14 .column14_wrap .colorul li{ display: none;    }
    .column14 .column14_wrap .colorul li.active{ display: block;    }
    .column14 .column14_wrap .text { position: absolute; top: 105px; left: 270px; width: 280px; font-size: 18px; line-height: 26px; }
    .column14 .column14_wrap ol { position: absolute; top: 300px; left: 270px; z-index: 10; width:250px;   }
    .column14 .column14_wrap .phone { position: absolute; top: 0; left: 0; width: 294px;    }
    .column14 .phone ul li{ position: absolute; left: 0; top: 0; overflow: hidden; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); -webkit-transition: all 800ms; -moz-transition: all 800ms; -ms-transition: all 800ms; -o-transition: all 800ms; transition: all 800ms; opacity: 0;    }
    .column14 .phone ul li.active{ opacity: 1; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);    }
    .column14 .column14_wrap ol li { display: inline-block;  width: 27px; height: 27px; margin-right: 12px;margin-bottom:10px; border-radius: 50%; position: relative; cursor: pointer;    }
    .column14 .column14_wrap ol li[style*="ffffff"] { border-color:#ccc!important;border-width: 1px; border-style:solid;  box-sizing: border-box;}
    .column14 .column14_wrap ol li.active i { display: block; width: 37px; height: 37px; border: solid 1px; border-radius: 50%; position: absolute; top: -6px; left: -6px;    }
    .small_print{ position:absolute; top: 330px; font-weight: bold; left:270px; font-size:14px; color:#000;    }
    .column14 .column14_wrap .btn_column14 { position: absolute; top: 390px; left: 270px; color: #fff; text-align: center; font-size: 13px; line-height: 40px; letter-spacing: 3px; width: 138px; font-weight: bold; background-color: #ef2f34; /* Old browsers */
 				background: -moz-linear-gradient(top,  #ef2f34 0%, #c9282c 100%); /* FF3.6-15 */
				background: -webkit-linear-gradient(top,  #ef2f34 0%,#c9282c 100%); /* Chrome10-25,Safari5.1-6 */
 				background: linear-gradient(to bottom,  #ef2f34 0%,#c9282c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef2f34', endColorstr='#c9282c',GradientType=0 ); /* IE6-9 */
    }
    .column14 .column14_wrap .btn_column14:hover { background-color: #c9282c; /* Old browsers */
 				background: -moz-linear-gradient(top,  #c9282c 0%, #c9282c 100%); /* FF3.6-15 */
 				background: -webkit-linear-gradient(top,  #c9282c 0%,#c9282c 100%); /* Chrome10-25,Safari5.1-6 */
 				background: linear-gradient(to bottom,  #c9282c 0%,#c9282c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9282c', endColorstr='#c9282c',GradientType=0 ); /* IE6-9 */
    }

@media screen and (max-width: 767px){
        /*column14*/
    .column14 { padding: 50px 0 0; text-align: center; background: none; width: 100%; height: auto;    }
    .column14 .column14_wrap{ width: 100%; position: relative; margin: 0; height: auto; top: 0; left: 0;    }
    .column14 .column14_wrap .tit { display: block; width: auto; max-width: 246px; margin: 0 auto; font-size: 32px; line-height: 32px; text-align: center; position: inherit; top: auto; left: auto;    }
    .column14 .column14_wrap h2.title{ font-size: 32px; letter-spacing: 5px; text-transform: uppercase;    }
    .column14 .column14_wrap .colorul{ position: inherit; top: auto; left: auto; font-size: 24px; text-transform:uppercase; letter-spacing: 3px; margin-top: 20px;    }
    .column14 .column14_wrap .colorul li{ display: none;    }
    .column14 .column14_wrap .colorul li.active{ display: block;    }
    .column14 .column14_wrap .tit span { display: block; font-size: 18px;    }
    .column14 .column14_wrap ol { display: block; width: 220px; margin: 20px auto 10px; text-align: left; position: inherit; left: auto; top: auto;    }
    .column14 .column14_wrap ol li { display: inline-block; width: 27px; height: 27px; margin: 12px 12px 0 0; border-radius: 50%; position: relative; cursor: pointer;    }
    .column14 .column14_wrap ol li.active i { display: block;       width: 37px;        height: 37px;       border: solid 1px;      border-radius: 50%;     position: absolute;     top: -6px;      left: -6px;    }
    .column14 .column14_wrap .phone { position: relative; display: block; width: 80%; margin-left: 15%; padding: 15px 0 0 0 ; clear: both; top: auto; left: auto; height: 550px;    }
    .column14 .column14_wrap .phone ul li{ width: 90%; left: 10%; height: 100%;    }
    .column14 .column14_wrap .phone ul li img{ height: 100%;    }
    .small_print{ position:inherit; top: auto; left: auto; font-weight: bold; font-size:14px; color:#000; margin-top: 20px;    }
    .column14 .column14_wrap .btn_column14 { display: inline-block; height: 50px; margin: 15px auto 0; width: 80%; font-weight: bold; line-height: 50px; letter-spacing: 2px; position: inherit; left: auto; top: auto; background-color: #ef2f34; color: #fff; text-align: center; font-size: 14px;    }
    .column13{ width: 100%; margin: 50px auto 0;    }
    .column13 .column_width h2{ text-align: center; width: 100%; margin-bottom: 0; font-size:20px;   }
    .column13 ul li{ width: 50%;    }
    .column13 .column_width ul li img{ margin: 30px auto;    }
    .column13 .column_width ul li a.aBtn{ width: 50%;    }
    .column13 .column_width p{ width: 100%;    }
	
}



 .aBtn {
    color: #000;
    font-size: 14px;
    border: 2px solid #000;
    letter-spacing: 2px;
    text-align: center;
    display: inline-block;
    font-weight: bold;
    -webkit-transition: all 300ms;
    transition: all 300ms;
}
.aBtn:hover {
    color: #c9282c;
    border-color: #c9282c;
}
.vmall_link{
    cursor: pointer;
}
.no_shop {
    background: gray!important;
    cursor: default!important;
}
.column14 .column14_wrap ol li.active i { 
    display: block;       
    width: 37px;        
    height: 37px;       
    border: solid 1px;      
    border-radius: 50%;     
    position: absolute;     
    top: -5px;      
    left: -5px;    
}
.column14 .column14_wrap ol li[style*="ffffff"] i {
    top:-6px;
    left:-6px;
}
.column13 ul li{
    margin-bottom: 30px;
}


/*-------------------------awards complex-----------------------------*/

@media screen and (min-width:768px){
    .award-ul-swiper-slide {width: 94%;margin-left: auto !important;margin-right: auto !important;display: block;height: 210px;}
    .award-ul-swiper-slide > li{
    	width: 25%;
        float:left;
		text-align:center;
        
    }
    .award-ul-swiper-slide > li > img{
    	display: block;
		width:100%;
		max-width:210px;
		text-align: center;
		margin: 0px auto;
    }
    .award-ul-swiper-slide:after{
    	content: ".";
        font-size: 0px;
        clear: both;
        display: block;
        height:0;
    }
}
@media screen and (max-width:966px){
    .award-ul-swiper-slide > li > img{ width:160px; }
}
@media screen and (max-width:767px){
    .award-ul-swiper-slide {width: 94%;margin-left: auto !important;margin-right: auto !important;display: block;height: auto;}
    .award-ul-swiper-slide > li{
    	width: 50%;
        float:left;
        text-align:center;
    }
    .award-ul-swiper-slide > li > img,.award-ul-swiper-slide > li > a > img{
    	display: block;
		margin:10px auto;
		width:100%;
		max-width:146px;
    }
    .award-ul-swiper-slide > li > a{
    	display: block;
		margin:10px auto;
		width:100%;
		max-width:146px;
        font-size: 16px;
    }
    .award-ul-swiper-slide:after{
    	content: ".";
        font-size: 0px;
        clear: both;
        display: block;
        height:0;
    }
    .award-swiper-slide-content{ padding-top:20px; padding-bottom:40px; }
}
.award-column ul li{ width: 50%; padding:0px 10px;   }
.award-ul-swiper-slide .award-a{margin-top: 10px;display: block;font-size: 16px;}
.swiper-container {
    border-top: none; /*去除swiper顶部的横线*/
}

/*-------------------------awards complex-----------------------------*/

/*-------------------------awards simple-----------------------------*/
.awards-simple-wrapper{
    margin-bottom: 55px;
}
.awards-simple-wrapper h2 {
    text-transform: uppercase;
    text-align: center;
    font-size: 24px;
    line-height: 150%;
    letter-spacing: 8px;
    margin: 45px 0px 30px 0px;
}
.awards-simple{
    line-height: 30px;
    max-width: 1024px;
    margin: 0px auto;
    padding:0px;
}
.awards-simple li{
    float:left;
    width: 100%;
    box-sizing:border-box;
    padding: 0px 10px;
}
.awards-simple li.num2{
    width: 50%;
}
.awards-simple li.num3{
    width: 33%;
}
.awards-simple li.num4{
    width: 25%;
}
.awards-simple .img-wrapper{
    text-align: center;
}
.awards-simple .img-wrapper img{
    max-width: 100%;
}
.awards-simple .text-wrapper{
    text-align: center;
    font-size: 16px;
}
.clearfix{
    clear: both;
}
@media screen and (max-width:767px){
    .awards-simple-wrapper{
        margin-bottom: 30px;
    }
    .awards-simple-wrapper h2 {
        margin: 30px 0px;
    }
    .awards-simple{
        max-width: 100%;
    }
    .awards-simple li{
        float:left;
    }
    .awards-simple li.num2,.awards-simple li.num3,.awards-simple li.num4{
        width: 50%;
    }
}
/*-------------------------awards simple-----------------------------*/
