@charset "utf-8";
/* CSS Document */
.about_one{ display:flex;border-bottom:1px solid #ddd; }
.about_one dl{ margin-right:100px; border-right:1px solid #ddd; }
.about_txt p{ line-height:35px; font-size:17px; color:#666; margin-bottom:25px; font-weight:normal}
.about_two{ display:flex; }
.at_left{ width:80%; margin-right:20px}
.at_right{  border:1px solid #d9d9d9; box-sizing:border-box; display:flex;}
.at_right dl{ width:100%; height:33.33%; box-sizing:border-box;   }
.at_right dl ul{ width:100%; margin:0 20px; box-sizing:border-box; border-bottom:1px solid #d9d9d9; height:100%; float:left; overflow:hidden; display:flex;flex-wrap:wrap ; flex-direction:column; justify-content:center; align-items:center}
.at_right dl ul dt{ width:100%; font-size:45px; color:#e49d26; line-height:50px; font-weight:bold; font-family:Arial, Helvetica, sans-serif}
.at_right dl ul dt b{ font-weight:normal; font-size:30px; padding-left:5px}
.at_right dl ul dd{ width:100%; line-height:26px; font-size:16px; color:#888}
.at_right dl:nth-child(2) ul{ border:none}
.at_right dl:nth-child(3){ display:flex;}
.at_right dl h3{ width:100%; display:flex; }
.at_right dl h3 a{ color:#fff; font-size:18px; font-weight:normal; display:block; float:left; overflow:hidden; width:100%; height:100%; display:flex; align-items:center; justify-content:center; transition:all 0.35s; text-align:center;background:#e49d26;}
.at_right dl h3 a img{ max-height:50px; margin-right:10px; transition:all 0.35s}
.at_right dl h3 a:hover{ background:#3F4156}
.at_right dl h3 a:hover img{ transform:scaleX(-1)}
.about_three{ background:url(about_11.jpg) no-repeat center 0;}
.about_three .ty02{ display:flex;  }
.ath_left{ width:42%; margin:0 0 15px 15px; padding:50px; box-sizing:border-box; background:#fff;  box-shadow:0 3px 15px 0 rgba(0, 0, 0, 0.07);}
.ath_left h5{ width:100%; float:left; overflow:hidden; line-height:30px; font-size:16px; color:#888; font-weight:normal; margin-bottom:50px;text-align: justify; word-break:break-all; }
.ath_left p{ width:100%; float:left; overflow:hidden; line-height:30px; margin-bottom:15px; font-size:16px; color:#3f4156}
.ath_left p img{ margin-right:10px; margin-top:-2px; height:22px}
.manyidu{ width:100%; float:left; overflow:hidden; margin-top:20px; margin-bottom:30px}
.manyidu dl{ width:100%; float:left; overflow:hidden; margin-bottom:15px}
.manyidu dt{ width:100%; float:left; overflow:hidden; line-height:30px; font-size:16px; color:#888;}
.manyidu dt span{ float:right; font-size:21px; color:#e49d26;font-family:Arial, Helvetica, sans-serif; font-weight:bold}
.manyidu dd{ width:100%; float:left; overflow:hidden; height:10px; line-height:10px; background:#eef3f8; border-radius:5px}
.manyidu dd span{ display:block; float:left; width:100%; height:10px; background:#e49d26; border-radius:5px}
.manyidu dl:first-child dd span{ width:99.98%}
.ab_tel{ width:100%; float:left; overflow:hidden; position:relative; display:flex;align-items:center; }
.ab_tel ul{ margin-left:-20px; display:flex;}
.ab_tel ul dd{ margin-right:25px}
.ab_tel ul dt{ display:flex;align-items:center; line-height:30px; color:#3F4156; font-size:18px;  }
.ab_tel ul dt span{ font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:21px}
.ath_right{ position:relative}
.qc_txt{ display:none}
.ath_right dl{ position:absolute; left:0; bottom:15px; width:100%; background:#3F4156; padding:60px; box-sizing:border-box}
.ath_right h4{ width:100%; float:left; overflow:hidden; line-height:20px; color:#e49d26; font-size:16px; margin-bottom:15px; text-transform:uppercase; display:flex;align-items:center; font-family:Arial, Helvetica, sans-serif}
.ath_right h4 span{ background:#e49d26; width:40px; height:2px;  margin-right:10px}
.ath_right dt{ width:100%; float:left; overflow:hidden; line-height:45px; font-size:40px; color:#1d1d1d; margin-bottom:50px; font-weight:bold; color:#fff}
.ath_right dd{ width:100%; float:left; overflow:hidden; line-height:30px; font-size:16px; color:rgba(255,255,255,.9); margin-bottom:50px}
.ath_right h6{ width:100%; float:left; overflow:hidden; line-height:56px;}
.ath_right h6 a{ color:#fff; font-size:16px; font-weight:normal; border:1px solid rgba(255,255,255,.6); padding:13px 25px; transition:all 0.35s}
.ath_right h6 a span{ font-size:19px; margin-top:2px}
.ath_right:hover h6 a{ background:#e49d26; border-radius:25px; border:1px solid #e49d26}
.ab_video .ty02{ position:relative}
.ab_video span{ position:absolute; left:50%; top:50%;transform: translate(-50%, -50%); }


/* 品牌 */

.tyh301{ width:100%; float:left; overflow:hidden; line-height:50px; color:#3f4156; font-size:45px; text-align:center;  margin-bottom:60px; letter-spacing:-1.5px}
.brand{ padding:50px 0 100px;}
.brand01 { width:100%; float:left; overflow:hidden; }
.brand01 dl{ width:48%; float:left; overflow:hidden; }
.brand01 dl:first-child{ margin-right:4%}
.brand01 dl h6{ width:100%; float:left; overflow:hidden; }
.brand01 dl h6 img{ width:100%; float:left; overflow:hidden}
.brand01 dl ul{ width:100%; float:left; overflow:hidden;  box-sizing:border-box; padding:60px 30px 60px; display:flex;flex-wrap:wrap;border:1px solid #f0f0f0; border-top:none}
.brand01 dl ul h4{ width:100%; float:left; overflow:hidden; line-height:35px;font-size:31px; height:35px; color:#333; margin-bottom:20px;}
.brand01 dl ul p{ width:100%; float:left; overflow:hidden; line-height:36px; height:180px; font-size:17px; color:#666; box-sizing:border-box; text-align: justify; word-break:break-all; margin-bottom:60px; font-weight:normal}
.brand01 dl ul h5{ width:100%; float:left; overflow:hidden; align-self:flex-end;font-weight:normal;}
.brand01 dl ul h5 a{ display:block; float:left; overflow:hidden; width:220px; height:70px; background:rgba(0,63,124,.8); color:#fff;  text-align:center; line-height:70px; font-size:18px; transition:all 0.35s}
.brand01 dl ul h5 a:hover{ background:rgba(0,63,124,1); border-radius:8px}






/******** 手机版 ********/
@media (max-width:767px){
.about_one{flex-wrap:wrap}
.about_one dl{ width:100%; margin-right:0px }
.about_txt{ width:100% }
.about_txt p{ line-height:20px; font-size:12px; margin-bottom:10px}
.about_two{flex-wrap:wrap}
.at_left{ width:100%; margin-right:0px; margin-bottom:10px}
.at_right{ width:100%;flex-wrap:wrap; border:none; }
.at_right dl{ width:50%; height:80px; border:1px solid #e9e9e9; margin-bottom:10px    }
.at_right dl:first-child{  border-right:none}
.at_right dl:last-child{ width:100%; border:none}
.at_right dl ul{ width:100%; margin:0 20px; box-sizing:border-box; border-bottom:none; height:100%; float:left; overflow:hidden; display:flex;flex-wrap:wrap ; flex-direction:column; justify-content:center; align-items:center}
.at_right dl ul dt{  font-size:25px;line-height:30px; }
.at_right dl ul dt b{ font-size:20px; }
.at_right dl ul dd{line-height:20px; font-size:12px;}
.at_right dl h3 a{  font-size:14px;}
.at_right dl h3 a img{ height:40px;}
.about_three .ty02{ flex-wrap:wrap }
.ath_left{ width:100%; margin:0 0 15px 0; padding:20px; }
.ath_left h5{ line-height:20px; font-size:12px; margin-bottom:20px}
.ath_left p{line-height:20px; height:20px; margin-bottom:15px; font-size:12px;}
.manyidu{ margin-top:5px; margin-bottom:5px}
.manyidu dt{ font-size:14px;}
.manyidu dt span{font-size:17px; }
.ath_right{ display:none}
.ab_lx{ width:80px}
.ab_tel ul dd{ margin-right:15px}
.ab_tel ul dd img{ width:40px}
.ab_tel ul dt span{ font-size:18px}
.qc_txt{ display:block; margin-bottom:15px}
.qc_txt dl{ width:100%; background:#3f4156; padding:30px; float:left; overflow:hidden; box-sizing:border-box}
.qc_txt dl h4{ width:100%; float:left; overflow:hidden; line-height:20px; font-size:14px; margin-bottom:10px;  color:#e49d26; text-transform:uppercase; display:flex;align-items:center; font-family:Arial, Helvetica, sans-serif}
.qc_txt h4 span{ background:#e49d26; width:40px; height:2px;  margin-right:10px}
.qc_txt dt{ width:100%; float:left; overflow:hidden; line-height:30px; font-size:25px; color:#1d1d1d; margin-bottom:20px; font-weight:bold; color:#fff}
.qc_txt dd{ width:100%; float:left; overflow:hidden; line-height:24px; font-size:14px; color:rgba(255,255,255,.9); margin-bottom:40px;text-align: justify; word-break:break-all;}
.qc_txt h6{ width:100%; float:left; overflow:hidden; line-height:56px;}
.qc_txt h6 a{ color:#fff; font-size:14px; font-weight:normal; border:1px solid rgba(255,255,255,.6); padding:10px 25px 10px; transition:all 0.35s}
.qc_txt h6 a span{ font-size:19px; margin-top:2px;}
.qc_txt:hover h6 a{ background:#e49d26; border-radius:25px; border:1px solid #e49d26}



/* 品牌 */

.brand{ padding:30px 0 30px;}
.tyh301{ line-height:30px; font-size:25px; margin-bottom:20px; letter-spacing:-1.5px}
.brand01 dl{ width:100%;}
.brand01 dl:first-child{ margin-bottom:15px}
.brand01 dl:first-child{ margin-right:0}
.brand01 dl ul{ padding:15px 15px 20px; }
.brand01 dl ul h4{ line-height:30px;font-size:16px; height:30px;margin-bottom:10px;}
.brand01 dl ul p{ line-height:22px;font-size:12px; margin-bottom:20px }
.brand01 dl ul h5 a{  width:150px; height:40px;  line-height:40px; font-size:14px; }
.m_50{ margin-bottom:15px}
.m_60{ margin-bottom:15px}
.about_three{ margin-bottom:5px}
}

/******** 750px ********/
@media (min-width:768px) and (max-width:991px){
.about_one dl{ width:35%; margin-right:50px }
.about_txt{ flex:1; }
.about_txt p{ line-height:28px; font-size:15px;}
.at_left{ width:75%; margin-right:15px}
.at_right{ flex:1;flex-direction:column;}
.at_right dl ul dt{  font-size:30px;line-height:35px; }
.at_right dl ul dt b{ font-size:20px; }
.at_right dl ul dd{line-height:20px; font-size:12px;}
.at_right dl h3 a{  font-size:14px;}
.ath_left{ width:50%; margin:0 0 15px 15px; padding:30px; }
.ath_left h5{ line-height:26px; font-size:14px; margin-bottom:20px}
.ath_left p{line-height:26px; margin-bottom:15px; font-size:14px;}
.manyidu dt{ font-size:14px;}
.manyidu dt span{font-size:17px; }
.ab_tel ul dd{ margin-right:15px}
.ab_tel ul dt span{ font-size:15px}
.ath_right{ flex:1;}
.ath_right dl{padding:30px;}
.ath_right h4{ line-height:20px; font-size:14px; margin-bottom:10px; }
.ath_right h4 span{ background:#e49d26; width:40px; height:2px;  margin-right:10px}
.ath_right dt{ line-height:35px; margin-bottom:20px;font-size:30px;}
.ath_right dd{  line-height:26px; font-size:15px; margin-bottom:40px}
.ath_right h6{  line-height:56px;}
.ath_right h6 a{ font-size:14px; padding:10px 25px;}
.ath_right h6 a span{ font-size:19px; margin-top:2px}
}


/******** 970px ********/
@media (min-width:992px) and (max-width:1199px){
.about_one dl{ width:30%; margin-right:50px }
.about_txt{ flex:1; }
.about_txt p{ line-height:28px; font-size:15px;}
.at_right{ flex:1;flex-direction:column;}
.at_right dl ul dt{  font-size:35px;line-height:40px; }
.at_right dl ul dt b{ font-size:30px; }
.at_right dl ul dd{line-height:20px; font-size:14px;}
.at_right dl h3 a{  font-size:16px;}
.ath_left{ width:50%; margin:0 0 15px 15px; padding:30px; }
.ath_left h5{ line-height:26px; font-size:14px; margin-bottom:20px}
.ath_left p{line-height:26px; margin-bottom:15px; font-size:14px;}
.manyidu dt span{font-size:19px; }
.ab_tel ul dt span{ font-size:19px}
.ath_right{ flex:1;}
.ath_right dl{padding:30px;}
.ath_right h4{ line-height:20px; font-size:14px; margin-bottom:10px; }
.ath_right h4 span{ background:#e49d26; width:40px; height:2px;  margin-right:10px}
.ath_right dt{ line-height:35px; margin-bottom:20px;font-size:30px;}
.ath_right dd{  line-height:26px; font-size:15px; margin-bottom:40px}
.ath_right h6{  line-height:56px;}
.ath_right h6 a{ font-size:14px; padding:10px 25px;}
.ath_right h6 a span{ font-size:19px; margin-top:2px}

}


/******** 1160px ********/
@media (min-width:1200px) and (max-width:1439px){

.at_right{ flex:1;flex-direction:column;}
.about_txt p{ line-height:30px; font-size:16px;}
.at_right{ flex:1;}
.at_right dl ul dt{  font-size:40px;line-height:45px; }
.at_right dl ul dt b{ font-size:30px; }
.at_right dl ul dd{line-height:26px; font-size:16px;}
.at_right dl h3 a{  font-size:18px;;}
.ath_left{padding:30px 40px 45px; }
.ath_left h5{ line-height:26px; font-size:15px; margin-bottom:30px}
.ath_left p{line-height:26px; margin-bottom:15px; font-size:15px;}
.manyidu dt span{font-size:19px; }
.ath_right{ flex:1;}
.ath_right dl{padding:50px;}
.ath_right h4{ line-height:20px; font-size:16px; margin-bottom:15px; }
.ath_right h4 span{ background:#e49d26; width:40px; height:2px;  margin-right:10px}
.ath_right dt{ line-height:40px;margin-bottom:30px;font-size:35px;}
.ath_right dd{  line-height:26px; font-size:15px; margin-bottom:40px}
.ath_right h6{  line-height:56px;}
.ath_right h6 a{ font-size:15px; padding:13px 25px;}
.ath_right h6 a span{ font-size:19px; margin-top:2px}


}

/******** 1400px ********/
@media (min-width:1440px){

.at_right{ flex:1;flex-direction:column;}
.about_txt{ flex:1; }
.about_three .ty02{width:1430px;}
.ath_right{ flex:1;}
}