.cust_banner{position: relative;overflow: hidden;}
.cust_banner>img{width: 100%;}
.cust_banner .banner_txt{position: absolute;top: 50%;left: 50%;transform: translateY(-70%) translateX(-50%);color: #fff;width: 100%;}
.cust_banner .brand_icon{float: left;padding-right: 45px;max-width: 16.3%;}
.cust_banner .brand_icon img{max-width: 100%;}
.cust_banner .brand_slogan{float: left;padding:15px 0 15px 45px;border-left: 1px solid #fff;max-width: 67%;}
.cust_banner .brand_slogan h1{line-height: 1.25em;font-weight: normal;margin-bottom: 30px;}
.cust_banner .brand_info{position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);background: rgba(214,0,15,0.6);padding: 15px 0;color: #fff; width: 1200px;max-width: 100%;}
.cust_banner .brand_info li{float: left;width: 24%;box-sizing: border-box;border-right: 1px solid #fff; padding: 0 4%;}
.cust_banner .brand_info li:nth-child(2){width: 16%;}
.cust_banner .brand_info li:nth-child(3){width: 34%;}
.cust_banner .brand_info li:nth-child(4){width: 26%;border: none;}
.cust_banner .brand_info dt{margin-bottom: 10px; font-weight:normal}

.customer .part_1{padding: 3.4% 0 3.6%;}
.customer .part_1 .part1Img{float: right; width: 30%; margin-bottom:0px;}
.customer .part_1 .part1Img .cus_info_img{float: right;width: 100%;}
.customer .part_1 .part1Img .cus_info_img img{text-align: right;max-width:100%;}
.customer .wrap{clear: both;}
.customer h2.title{line-height: 1.1em;margin-bottom: 2.8%;}
.customer .part_2{margin-bottom: 35px;position: relative;background: linear-gradient(to bottom, #f9f9f9 , #fff);padding-top: 4.7%;cursor:pointer;clear: both;}
.customer .part_2 video{width: 100%;background: #000;height: 700px;}
.customer .part_2 .wrap{position: relative;}
.customer .part_2 .wrap:before{display: block;content: "";position: absolute;left: 0;top: 0;background: rgba(0,0,0,0.4);z-index: 2;width: 100%;height: 100%;transition: all .5s;opacity: 1;}
.customer .part_2 em{display: block;position: absolute;width: 101px;height: 68px;background-size: cover;background-image: url(../images/client_icon01.png);left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 3;transition: all .5s;opacity: 1;}
.customer .part_2.on em{opacity: 0;}
.customer .part_2.on .wrap:before{opacity: 0;}
.customer .part_3{background: linear-gradient(to right, #f0f0f0 , #fbfbfb);padding: 2.8% 2.5%;position: relative;border-left: 4px solid #cc010f;margin-bottom: 5.7%;}
.customer .part_3 i{content: "";display: block;width: 48px;height: 40px;background-image: url(../images/client_icon02.png);background-size: cover;position: absolute;left: 0;top: 0;margin-left: 3.5%;margin-top: 2.8%;}
.customer .part_4{margin-bottom: 6.4%; margin-top:2%}
.customer .part_4 ul{margin: 0 -7px;overflow: hidden;}
.customer .part_4 li{float: left;width: 100%;}
.customer .part_4 dl{margin: 5px 7px;border: 1px solid #c1c1c1; float:left;width: 98%;}
.customer .part_4 dt{position: relative;text-align: center;background: #a0a0a0;transition: all .5s.customer .part_4 dl;padding: 20% 0;color: #fff;line-height: 57px; float:left; width:22%;}
.customer .part_4 dt:before{content: "";display: block;position: absolute;top: 0;left: 0;width: 100%;height: 5px;background: linear-gradient(to right, #e14042 , #d5d5d5);z-index: 4;}
.customer .part_4 dt:after{content: "";display: block;position: absolute;top: 0;left: 0;bottom: 0;width: 100%;background: url(../images/client_img03.jpg) no-repeat;background-size: cover;z-index: 2;opacity: 0;transition: all .5s;}
.customer .part_4 dl:hover dt:after{opacity: 1;}
.customer .part_4 dt .title{position: relative;z-index: 3;}
.customer .part_4 dt i{width: 54px;display: inline-block;margin-right: 10px;}
.customer .part_4 dt img{width: 100%;}
.customer .part_4 dd{padding: 5px 30px;  float:left; width: 68%;}
.customer .part_4 dd p{line-height: 1.5em;color: #777777;border-bottom: 1px solid #ececec;height: 68px;overflow: hidden;line-height: 24px;padding-top: 20px;}
.customer .part_4 dd p:last-child{border: none;}
/* .customer .part_5{margin-bottom: 4.6%;}
.customer .part_5 dl{background: #f9f9f9;}
.customer .part_5 dl:nth-child(even){background: #545454}
.customer .part_5 dt,.customer .part_5 dd{float: right;width: 50%;}
.customer .part_5 dl:nth-child(even) dt,
.customer .part_5 dl:nth-child(even) dd{float: left;color: #fff;}
.customer .part_5 dt img{width: 100%;}
.customer .part_5 dd{padding: 5%;position: relative;box-sizing: border-box;}
.customer .part_5 dd i{content: "";display: block;position: absolute;left: 0;top: 45px;width: 5px;background: #cc010f;height: 0;transition: height .8s;}
.customer .part_5 dd i.animated{height: 180px;}
.customer .part_5 dd h3{line-height: 1.1em;margin-bottom: 30px;}
.customer .part_5 dd p{color: #777;}
.customer .part_5 dl:nth-child(even) dd p{color: #fff;} */
.customer .customer_lists{background: none;padding-top: 0;overflow: inherit;}
.customer .customer_lists ul{overflow: inherit;}
.customer_page{padding: 25px 0;}
.customer_page a{line-height: 1.25em;margin-bottom: 10px;color: #777777;float: left;width:100%}
.customer_page a:hover{color: #d6000f;}
.customer .customer_lists{}
.goApplication {text-align: center;margin-bottom: 40px;}
.goApplication a{display: inline-block;border: 1px solid rgb(221, 100, 100);width: 126px;margin-right: 0.6%;line-height: 37px;background: #d6000f;color: #fff;border-radius: 5px; text-align: center;}
.goApplication a:last-child{background: #828282;border-color: #828282;}
.goApplication a:hover{background: #d6000f;border-color: #d6000f;}
.xdetails_l{width: calc(100% - 400px);}
.fl{float: left;}
.fr{float: right;}
.major{width: 100%;height: 325px;margin-top: -4%;padding-top: 3%;box-sizing: border-box;}
.majorcon{width: 100%;}
.majorcon img{display: block;margin-bottom: 30px;}
.majorcon h4{font-size: 28px;color: #fff;font-weight: 500;text-align: left;margin-bottom: 30px;line-height: 40px;}
.majorcon h4 .edit_con_original{color: #fff; line-height:normal;}
.majorcon a{width: 102px;height: 34px;font-size: 16px;color: #fff;text-align: center;line-height: 34px;background: #D7000F;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;display: block;border-radius: 4px;}
.hqnew{width: 100%;padding: 38px 0 33px 0;box-sizing: border-box;background: #fff;}
.hqnewcon{width: 100%;}
.hqnewcon ul li{float: left;width: 49%;margin-right: 2%;margin-bottom: 5px;}
.hqnewcon ul li:nth-child(2n){margin-right: 0;}
.hqnewcon ul li a{display: block;}
.hqnewcon ul li a span{float: left;margin-right: 16px;position: relative;}
.hqnewcon ul li a span::before{content: '';width: 1px;height: 14px;background: #f0f0f5;position: absolute;top: 5px;right: -8px;}
.hqnewcon ul li a span i{display: inline-block;width: 10px;height: 10px;border: 3px solid #d7000f;background: #f0f0f5;
border-radius: 50%;margin-right: 7px;vertical-align: -3px;}
.hqnewcon ul li a span b{font-weight: 500;font-size: 14px;color: #999;}
.hqnewcon ul li a p{float: left;width: 65%;font-size: 14px;color: #333;overflow: hidden;font-weight: 500;line-height: 25px;
text-overflow:ellipsis;white-space: nowrap;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.hqnewcon ul li a strong{font-size: 14px;color: #666;font-weight: 500;width: 18%;float: left;text-align: right;line-height: 25px;}
.hqnewcon ul li a:hover p{color: #d7000f;}

.xdetails_r{width: 360px; box-shadow: 0px 0px 6px 2px rgba(0,0,0,0.1);}
.xdetails_r h1{padding: 0 20px 0 28px; height: 50px; line-height: 50px; background: #d6000f; color: #fff;}
.xdetails_r h1 img{margin-top: 13px;}
.xdetails_r_con{padding: 28px; background: #fff;}
.xdetails_r_top{overflow: hidden; margin-bottom: 20px;}
.xdetails_r_top h2{ line-height: 24px;  margin-bottom: 16px;}
.xdetails_r_top h2 a{color: #000;}
.xdetails_r_top h2 a:hover{color: #ff0012;}
.xdetails_r_top p{ line-height: 18px; color: #777777;position: relative;max-height: 54px;overflow: hidden;position: relative;text-overflow: ellipsis;}
/* .xdetails_r_top p::after{position: absolute;content:"...";font-weight: bold;right: 0;padding: 0 20px 1px 45px;} */
.xdetails_r_info{overflow: hidden;padding-top: 10px;margin-top: 10px; border-top: #c1c1c1 solid 1px;}
.xdetails_r_info span{color: #777;}
.xdetails_r_info span.fr{color: #d6000f;}

.xdetails_r_con ul{clear: both; margin: 0;}
.xdetails_r_con ul li{ max-height: 54px; line-height: 22px; margin-bottom: 10px; border-top: #c1c1c1 solid 1px; padding-top: 10px;overflow: hidden;}
.xdetails_r_con ul li:first-child{padding-top: 0px;border: none;}
.xdetails_r_con ul li i{display: inline-block;width: 6px;height: 12px;background: url(../images/index_5.png) no-repeat; margin-right: 10px;}
.xdetails_r_con ul li a{color: #000;}
.xdetails_r_con ul li a:hover{color: #ff0012;}

.xdetails_r_con ul li:last-child{border-bottom: none;}
.xdetails_r_more{width: 127px; height: 37px; line-height: 37px; text-align: center; background: #8d8d8d; color: #fff; border-radius: 5px; display: block; margin: 20px 0;}
.xdetails_r_more:hover{background: #d6000f;color: #fff;}


.encyclopedia_main .rblock {
    background: #FDFDFD;
    border: 1px solid #F1F1F1;
    height: auto;
    font-size: 1.2em;
   
}


.encyclopedia_main .rblock_tit {
    margin: 10px 0px;
    border-bottom: 1px solid #F1F1F1;
    background: url(../images/r_tit.png) 0px -9px no-repeat;
    padding: 0px 10px 8px 15px;

    color: #cc3333;
     position: relative;
     font-size: 16px
    
}
.encyclopedia_main .rblock_tit a{
	color: #999999;
	position: absolute;
	right: 18px;
	font-size: 14px;
}

.encyclopedia_main .rblock_con {
    margin: 10px 18px;
}

.encyclopedia_main .rblock_con ul {
    list-style: none;
    overflow: hidden;
}

.encyclopedia_main .rblock_con .content li {
    padding: 5px 0px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 20px;
    font-size: 14px;
}
.encyclopedia_main .rblock_con .content li span.an {
   margin-top: 10px;
    float: left;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 3px solid #d6000f;
    margin-right: 11px;
    margin-top: 1px;
}
.encyclopedia_main .rblock_con .tag li {
	width: 40%;
	float: left;
	border: 1px solid #e9e9e9;
	margin: 4.5%;
	text-align: center;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
}


@media only screen and (max-width: 1365px){
    .customer .part_2 video{ height: 730px;}
}


@media only screen and (max-width: 1365px){
    .cust_banner .brand_info{position: relative;}
}

@media only screen and (max-width: 1280px){
    .customer .part_2 video{height: 682px;}
}

@media only screen and (max-width: 1024px){
    .brand_info{width: 100%;}
    .customer .part_3 i{width: 30px;height: 25px;}
    .customer .part_2 video{height: 544px;}
}

@media only screen and (max-width: 990px){
    .customer .part_2 video{height: 526px;}
}

@media only screen and (max-width: 900px){
    .cust_banner .brand_slogan{max-width: 60%;}
}

@media only screen and (max-width: 768px){
    .customer .part_5 dl:nth-child(even) dt, .customer .part_5 dl:nth-child(even) dd{width: 100%!important;}
    .customer .part_5 dt,.customer .part_5 dd{width: 100%;}
    .customer .part_4 li{ width: 50%; margin-bottom: 30px;}
    .cus_info_img{width: 100%!important;text-align: center;}
    .cus_info_text{width: 100%!important;padding-right: 0!important;}
    .cust_banner .banner_txt{ top: 40%;}
    .customer .part_1 .lh_17>div{width: 100%;}
        .xdetails_l{width: 100%;}
    
}


@media only screen and (max-width: 768px){
    .cust_banner>img{height: 235px;}
    .cust_banner .banner_txt{top: 20px;left: 0;transform: none;}
    .customer .part_2 video{height: 100%;}
    
}


@media only screen and (max-width: 640px){
    .customer .part_3 i{margin-left:5px;}
    .cust_banner .brand_info li{width: 50%!important;margin-bottom: 30px;}
    .cust_banner .brand_info{padding-bottom: 0px;}
    .cust_banner .brand_info li:nth-child(2n){border: none;}

	.majorcon img{width: 35%;margin-bottom: 10px;}
	.majorcon h4{font-size: 14px;margin-bottom: 10px;}
	.majorcon a{width: 90px;height: 30px;line-height: 30px;font-size: 14px;}
	.hqnew{padding: 30px 10px;}
	.hqnewcon ul li{float: none;width: 100%;}
	.hqnewcon ul li a span{margin-right: 0px;width: 28%;}
	.hqnewcon ul li a p{width: 45%;}
	.hqnewcon ul li a strong{width: 22%;float: right;}
	.hqnewcon ul li a span::before{right: 10px;}
	.major{height: auto;padding: 10% 10px;}
	.majorcon h4{font-size: 18px;line-height: 24px;}
.customer h2.title{font-size: 18px;
font-weight: 500;
line-height: 24px;
margin-bottom: 10px;
text-align: center;
margin-bottom: 20px;
padding-top: 20px;}


}

@media only screen and (max-width: 520px){
    .cust_banner .brand_slogan{    max-width: 70%;padding-left: 20px;}
    .cust_banner .brand_icon{padding-right: 20px;}
    .cust_banner .brand_info li{width: 100%!important;border: none;}
}


@media only screen and (max-width: 430px){
    .customer .part_4 li{width: 100%;}
    .customer .part_3{padding-left: 12%;}
    .cust_banner .banner_txt{top: 10px;}
}

/* 20180705 gzc 修改 */
.goApplication {clear: both;}

.customer .part_1 .part1Img{padding-left: 10px;padding-top: 9px}

/* 20180727 */
.customer .part_4 ul{padding-bottom: 2px;}
@media only screen and (max-width: 767px){
    .product_detail_main .part_1{    margin-bottom: 40px;}
    .customer .part_1 .part1Img{width: calc(100% - 20px);padding: 10px;}
}
@media only screen and (max-width: 460px){
    .customer .part_1 .part1Img{padding:0 10px 10px;margin: 0;}
}