@charset "utf-8";
/* CSS Document */

html,body{ scroll-behavior:smooth;}
.sort_list{display:none} /*隐藏导航菜单列表*/
.sort_item_list{
width:1200px;
margin:auto;
margin-top:30px;
}
.sort_list_frame{ 
width:1200px;
border-bottom:1px dashed #CCCCCC; 
display: flex;
justify-content:left;
align-items:Center;
}

.item_list_left{
float:left;
width:100px;
text-align:left;
color:#666666
}
.item_list_right{
float:left;
width:1090px;
margin-bottom:1px;
margin-left:1px;
margin:10px 0px;
}
.item_list_right ul{ float:left; padding:0; margin:0;}
.item_list_right ul li{ float:left; list-style:none;}
.item_list_right ul li a{ float:left; font-size:14px; color:#333333;padding:3px 10px; text-decoration:none; width:70px;}
.item_list_right ul li a:hover{ color:#C9151E}
.item_list_right ul li a.sele{ background-color:#C9151E; color:#FFFFFF;border-radius:3px; font-weight:bold;}
.sx_item{ width:1200px; margin:auto; margin-top:20px;}
.sx_item p{ float:left;font-size:14px; margin-right:10px;}
.sx_item span{ float:left;padding:5px 8px; color:#000000; margin:6px 5px 0px 5px; border:1px dashed #C9151E;}
.sx_item span a{
color:#C9151E;
padding:3px 8px;
text-decoration:none;
font-size:16px;
font-weight:bold;
}
.item_list_right .item_list_letter a{ float:left; width:40px; height:30px; text-align:left; line-height:30px; text-align:center; margin-right:10px; padding:0; margin:0;}

.brand_list{ width:1200px; margin:auto; margin-top:10px;}
.brand_list dl{ float:left; width:265px;  border:1px solid #DCDCDC; border-radius: 5px; padding:5px; margin-right:30px;transition: transform 0.5s;}
.brand_list dl dt{ float:left;width:265px; background-color:#EDEDED; text-align:center; font-size:20px; padding-top:30px;}
.brand_list dl dt a{ text-decoration:none; color:#000000;}
.brand_list dl dt p{ padding:0; margin:0; line-height:30px;}
.brand_list dl dd{ float:left; width:260px;line-height:40px; padding:0; margin:0; padding-left:5px; font-size:12px;}
.brand_list dl:Hover{ 
border:1px solid  #999999;
transform:translate(-10px,-10px);
-webkit-box-shadow: 3px 3px 3px #C3C3C3;
-moz-box-shadow: 3px 3px 3px #C3C3C3;
box-shadow: 3px 3px 3px #C3C3C3;
}
.brand_list dl:Hover dt{ background-color:#D5D5D5;}

.brand_list .hot_brand_dl{ float:left; height:160px;}
.brand_list .hot_brand_dl a{ color:#000000; text-decoration:none;}
.brand_list .hot_brand_dl .hot_brand_dt{ font-size:12px; height:130px;}
.brand_list .hot_brand_dl .hot_brand_dt p{ line-height:22px; text-align:left; float:left; width:250px; margin-left:10px;}
.brand_list .hot_brand_dl .hot_brand_dt .hot_brand_title{ font-size:18px; line-height:30px; margin-top:20px;}
.hot_brand_ico{ position:absolute; width:112px; height:111px; background:url(/static/images/webpage/top_brand.png); margin:-45px 0px 0px 168px;}
.hot_brand_ico2{ position:absolute; width:112px; height:111px; background:url(/static/images/webpage/dl_brand.png); margin:-45px 0px 0px 168px;}
.search_tips{ width:1200px; margin:auto; margin-top:30px; font-size:16px;}
.search_tips span{ font-weight:bold; color:#FF0000;}

.brand_search_frame{ width:1200px; margin:auto;}
.brand_search_item{ width:1200px; margin:auto; height:288px; margin-top:30px; margin-bottom:50px;}
.brand_search_left{ 
float:left; 
width:267px; 
height:288px; 
background-color:#EDEDED;
border-radius: 5px;
-webkit-box-shadow: 3px 3px 3px #C3C3C3;
-moz-box-shadow: 3px 3px 3px #C3C3C3;
box-shadow: 3px 3px 3px #C3C3C3;
}
.brand_search_left a{ color:#000000; text-decoration:none;}
.brand_search_tit{ position:relative; height:165px; width:257px; border-bottom:1px dashed #CDCDCD;margin:5px;}
.brand_search_left a:hover .brand_search_tit{ background-color:#C9151E; height:165px; margin:5px; color:#FFFFFF;}
.brand_search_tit span{ 
position:absolute;
width:267px;
text-align:center;
top:50%; 
height:30px;
margin-top:-30px;
font-size:20px;
}
.brand_search_info{
float:left;
width:267px;
height:113px;
}
.brand_search_info p{
padding:0;
margin:0;
margin:0px 10px;
font-size:12px;
color:#333333;
margin-top:8px;
}
.brand_search_info .hot_brand_ico{ margin-top:-276px;}

.brand_search_right{ float:left; width:879px; margin-left:50px;}
.brand_search_right dl{ float:left; width:275px; height:260px; margin:0; padding:0; border:1px solid #DCDCDC;border-radius:5px; margin-right:16px; margin-bottom:30px; margin-top:15px;transition: transform 0.5s;}
.brand_search_right .mgr0{ margin-right:0px;}
.brand_search_right dl:hover{ 
border:1px solid #999999;
transform:translate(-5px,-5px);
-webkit-box-shadow: 3px 3px 3px #C3C3C3;
-moz-box-shadow: 3px 3px 3px #C3C3C3;
box-shadow: 3px 3px 3px #C3C3C3;
}
.brand_search_right dl dt{
float:left;
width:265px; 
height:190px; 
margin:5px;
}
.brand_search_right dl dt span{
width:265px;
height:190px;
text-align:center;
display: table-cell;
vertical-align:middle;
*display: block; 
*font-size: 165px;/* -----Height*0.873 -----*/
*font-family:Arial;
}
.brand_search_right dl dd{
float:left;
padding:0;
margin:0;
width:245px;
font-size:12px;
background-color:#EDEDED;
margin-left:5px;
padding:6px 10px 13px 10px;
}
.product_item_link{text-decoration:none; color:#000000; font-size:12px; line-height:18px;}
.product_item_link:hover{ text-decoration:underline; color:#C9151E}
.product_item_btn{text-decoration:none; padding:5px 10px; background-color:#C9151E; color:#FFFFFF;border-radius:3px; margin-right:10px;}
.product_item_btn:hover{ background-color:#CC3927;}

.news_banner{
width:100%;
height:330px;
background-color:#CCCCCC;
}
.banner_frame_bg{ width:1200px; margin:0 auto}
/* .news_top_txt{
float:right;
max-width:50%;
text-align:left;
padding-right:30px;
margin-top:50px;
color:#FFFFFF;
line-height:25px;
} */
.news_top_txt p{ padding:0; margin:0;}
.news_top_title{ font-size:22px; line-height:70px;}
.news_top_content{font-size:14px;display:block;line-height:30px;}
.news_top_link a{ float:left; padding:8px 20px; background-color:#C9151E; color:#FFFFFF; text-decoration:none; border-radius:3px; margin-top:10px;}
.news_top_link a:hover{ background-color:#E82029;}

.nav_crumbs{ width:1200px; margin:auto; height:30px; line-height:30px; margin-top:20px; color:#666666;}
.nav_crumbs a{ color:#666666; text-decoration:none;}
.nav_crumbs a:hover{ color:#C9151E;}

.brand_head_info{ width:1200px; margin:auto;margin-top:30px; }
.brand_head_logo{ float:left; width:285px; height:200px; border:1px solid #DCDCDC; border-radius: 5px}
.brand_head_txt{ 
position:relative; 
height:190px; 
width:275px; 
margin:5px;
background: -webkit-radial-gradient(white, #EDEDED); /* Safari 5.1 - 6.0 */
background: -o-radial-gradient(white, #EDEDED); /* Opera 11.6 - 12.0 */
background: -moz-radial-gradient(white, #EDEDED); /* Firefox 3.6 - 15 */
background: radial-gradient(white, #EDEDED); /* 标准的语法（必须放在最后）*/
}
.brand_head_txt span{ 
position:absolute;
width:267px;
text-align:center;
top:50%; 
height:35px;
line-height:35px;
margin-top:-35px;
font-size:22px;
}

.brand_head_pf{
float:right;
width:870px;
font-size:16px;
}
.brand_head_pf a{ margin-left:15px;}
.goto_url{ color:#CC0000}
.brand_head_content{ font-size:12px; line-height:22px; color:#666666}
.brand_head_pf span{ margin-right:150px;}

.brand_case_frame{
display: flex;
justify-content: center;
align-items: center;
width:100%;
height:450px;
margin-top:30px;
color:#FFFFFF;
background: -webkit-radial-gradient(#09A5D2, #04448C); /* Safari 5.1 - 6.0 */
background: -o-radial-gradient(#09A5D2, #04448C); /* Opera 11.6 - 12.0 */
background: -moz-radial-gradient(#09A5D2, #04448C); /* Firefox 3.6 - 15 */
background: radial-gradient(#09A5D2, #04448C); /* 标准的语法（必须放在最后）*/

}
.brand_case_frame .news_top_title a{ font-size:20px;color:#FFFFFF; text-decoration:none;}
.brand_case_frame .news_top_title a:hover{ text-decoration:underline;}
.brand_case_frame .news_top_txt .news_top_content{ color:#FFFFFF}
/* .brand_case_frame .news_top_txt { float:left;margin:100px 0px 0px 50px;} */
.brand_case_frame .brand_case_img{ float:left;}
.brand_case_frame .brand_case_img img{ float:left; margin:10px; max-width:85%; max-height:280px; border:5px solid #fff;}


/* .news_top_txt {
    margin-top: 50px;
    float: left;
    width: 50%;
} */


.product_item_frame{ width:1200px; margin:auto; }
.width920{ width:920px;}
.product_item_frame dl{ float:left; width:275px; height:295px; margin:0; padding:0; border:1px solid #DCDCDC;border-radius:5px; margin-right:30px; margin-top:30px;transition: transform 0.5s;}
.product_item_frame .mgr0{ margin-right:0px;}
.product_item_frame dl:hover{ 
border:1px solid #999999;
transform:translate(-5px,-5px);
-webkit-box-shadow: 3px 3px 3px #C3C3C3;
-moz-box-shadow: 3px 3px 3px #C3C3C3;
box-shadow: 3px 3px 3px #C3C3C3;
}
.product_item_frame dl dt{
float:left;
width:265px; 
height:190px; 
margin:5px;
}
.product_item_frame dl dt span{
width:265px;
height:190px;
text-align:center;
display: table-cell;
vertical-align:middle;
*display: block; 
*font-size: 165px;/* -----Height*0.873 -----*/
*font-family:Arial;
}
.product_item_frame dl dt span img{ max-width:210px; max-height:180px;}

.product_item_frame dl dd{
float:left;
padding:0;
margin:0;
width:245px;
height:24px;
font-size:12px;
background-color:#EDEDED;
margin-left:5px;
padding:8px 10px 13px 10px;
}
.product_item_link{text-decoration:none; color:#000000; font-size:12px; line-height:18px;}
.product_item_link:hover{ text-decoration:underline; color:#C9151E}
.product_item_btn{text-decoration:none; padding:5px 10px; background-color:#C9151E; color:#FFFFFF;border-radius:3px; margin-right:10px;}
.product_item_btn:hover{ background-color:#CC3927;}
.btn_bg_change{ background-color:#EF8201; margin-left:5px; margin-right:0px;}

.brand_frame_title{ width:1200px; margin:auto; font-size:24px; text-align:center; margin-top:50px;}

.brand_down_frame{ width:1200px; margin:auto;}
.brand_down_frame dl{ float:left; padding:0; margin:0; width:214px; height:330px; border:1px solid #DCDCDC;border-radius:5px; margin-right:30px; margin-top:30px;transition: transform 0.5s;}
.brand_down_frame dl:hover{
border:1px solid #BBBBBB;
transform:translate(-5px,-5px);
-webkit-box-shadow: 3px 3px 3px #C3C3C3;
-moz-box-shadow: 3px 3px 3px #C3C3C3;
box-shadow: 3px 3px 3px #C3C3C3;
}
.brand_down_frame dl dt{
float:left;
width:204px; 
height:226px; 
margin:5px;

}
.brand_down_frame dl dt span{
width:204px;
height:226px;
text-align:center;
display: table-cell;
vertical-align:middle;
*display: block; 
*font-size: 165px;/* -----Height*0.873 -----*/
*font-family:Arial;
}
.brand_down_frame dl dt span img{ max-width:204px; max-height:226px;}
.brand_down_frame dl dd{ float:left; padding:0; margin:0; width:204px; margin-left:5px;}
.brand_down_frame dl dd a{ float:left; line-height:24px;}
.pdf_ico{ float:right; width:25px; height:28px; background:url(/static/images/webpage/pdf_ico.jpg) center no-repeat; padding-right:10px;}
.brand_down_frame .mgr0{ margin-right:0px;}
.mgtop50{ margin-top:50px;}

.brand_sort_item{
position:fixed;
z-index:999;
margin-left:5px;
}
.brand_sort_item ul{
    float:left;
    padding:0;
    margin: 0;
}
.brand_sort_item ul li{
    float:left;
    width: 50px;
    /*overflow: hidden;  只显示图标*/
}
.brand_sort_item ul li:hover{
    float:left;
    width: 90px;
}
.brand_sort_item ul li a{
    float:left;
    width: 100px;
    height:40px;
    line-height: 40px;
    background-color: #24292E;
    border-bottom: 1px solid #3A3F43;
    color:#ffffff;
    text-decoration: none;
    font-size: 12px;
}
.brand_sort_item ul li a:hover{ background-color: #C9151E;}

.brand_sort_item ul li i{
    float: left;
    width: 30px;
    text-align: center;
    font-size: 16px;
}

.brand_anli_frame{ width:1200px; margin:auto; margin-top:20px;}
.nav_anli_item{ float:left; width:250px;}
.nav_anli_item a{ float:left; width:250px; height:40px; background-color:#24292E; line-height:40px; color:#FFFFFF; text-decoration:none; border-bottom:1px solid #3A3F43;}
.nav_anli_item a:hover,.nav_anli_item a.sele{ background-color:#C9151E;}
.nav_anli_item a i{ padding:0px 5px 0px 10px;}

.nav_anli_item dd{ padding:0; margin:0;}
.nav_anli_item dt a{ float:left; width:250px;background-color:#EBECED; color:#000000;font-size:14px; border-bottom:1px dashed #B7BCBF; height:30px; line-height:30px; font-weight:bold;}
.nav_anli_item dd a{ float:left; width:220px;background-color:#EBECED; color:#000000; font-size:12px;padding-left:30px;border-bottom:1px dashed #B7BCBF;height:30px; line-height:30px;}
.nav_anli_item dl a:hover,.nav_anli_item dl a.sele{ color:#FFFFFF; background-color:#999999; font-weight:bold;}
.nav_anli_item .icon-xiala{ float:right; padding-right:10px; font-size:20px;}

.hy_item_frame{
float:left;
width:885px;
margin-left:30px;
}

.hy_item_frame ul{ float:left; padding:0; margin:0;}
.hy_item_frame ul li{ float:left; list-style:none; width:920px; margin-bottom:20px;}
.hy_item_frame ul li:hover{ background-color:#E7E7E7;border-radius:5px;}
.hy_item_img{ float:left; width:274px; height:172px; padding:5px; background-color:#5B5B5B;}
.hy_item_img img{ max-width:274px; max-height:172px;}
.hy_item_txt{ float:left; width:590px; margin-left:25px; line-height:22px; color:#666666}
.hy_item_title{ font-size:20px; color:#000000; text-decoration:none;}
.hy_item_title:hover{ color:#C9151E; text-decoration:underline;}
.hy_item_link{float:left; padding:6px 20px; background-color:#C9151E; color:#FFFFFF; text-decoration:none; border-radius:3px;}
.hy_item_link:hover{background-color:#E82029;}

.brand_brand_list{ float:left; width:920px; margin-left:30px;}
.brand_brand_list dl{ margin-top:0px; margin-bottom:30px; width:220px; margin-right:10px;}
.brand_brand_list dl dt{ width:210px; text-align:center;}
.brand_brand_list dl dd{ float:left;width:190px;}


.brand_news_frame{
float:left;
width:920px;
margin-left:30px;
}
.brand_news_frame dl{
float:left;
width:920px;
height:150px;
border-bottom:1px solid #DDDDDD;
padding-top:10px;
transition: background 0.5s;
margin:0;
margin-bottom:10px;
}
.brand_news_frame dl:hover{
background-color:#EBECED;
}
.brand_news_frame dl dt{
float:left;
width:208px;
height:132px;
border:1px solid #DDDDDD;
text-align:center;
margin-left:10px;
background-color:#FFFFFF;
}
.brand_news_frame dl dt img{
max-width:208px;
max-height:132px;
}
.brand_news_frame dl .brand_news_info_frame{
float:left;
width:500px;
margin-left:30px;
font-size:12px;
color:#666666;
line-height:20px;
}

.brand_news_frame dl .iconfont{ margin-right:5px;}
.brand_news_title{ font-size:18px; color:#000000; text-decoration:none;}
.brand_news_title:hover{ text-decoration:underline;}
.brand_news_btn{ float:right;background-color:#C9151E; color:#FFFFFF; text-decoration:none;border-radius: 3px; padding:6px 15px; margin:50px 20px 0px 0px;}
.brand_news_btn:hover{ background-color:#EC6700;}
.brand_down_frame_mg0{ float:left; width:920px; margin-left:30px;}
.brand_down_frame_mg0 dl{ float:left; margin:0; padding:0; margin-right:15px; margin-bottom:20px;}

.brand_default_title{ float:left;width:920px; height:45px; background-color:#3F3B3A; margin:30px 0px 20px 30px;}
.mgtop20{ margin-top:20px;}
.brand_default_title span{ float:left; height:45px; border-left:6px solid #C9151E; padding-left:10px; font-size:16px; line-height:45px; color:#FFFFFF;}
.brand_default_title a{ float:right; width:100px; height:45px; line-height:45px; background-color:#C9151E; text-align:center; color:#FFFFFF; text-decoration:none;}
.brand_default_title a:hover{ background-color:#EF8201;}
.width920{ float:left;margin:0;width:920px; margin-left:30px;}
.width615{ width:615px;font-size:14px;}
.font12{ font-size:12px; color:#666666}
.width615 span{ margin-right:50px;}
.mgtop0{ margin-top:0px;}
.brand_right_frame{ float:left;width:920px;}
.brand_brand_list .w293{ width:293px; height:250px; margin-right:15px;}
.brand_brand_list .w281{ width:281px; height:180px}
.brand_brand_list .w263{ width:263px; height:36px;}
.brand_brand_list .mgr0{ margin-right:0;}

.xh_frame{ float:left; width:920px;}
.xh_frame div{
float:left;
width:100%;
margin:0px 0px 0px 10px;
font-size:14px;
font-weight:bold;
}
.xh_frame ul{ float:left; padding:0; margin:0; width:920px; margin-top:10px;}
.xh_frame ul li{ float:left; list-style:none;}
.xh_frame a{
float:left;
width:165px;
height:35px;
line-height:35px;
margin:5px 0px 5px 10px;
padding:0px 3px;
background-color:#53A653;
text-align:center;
color:#FFFFFF;
text-decoration:none;
overflow:hidden;
border-radius:3px;
}
.xh_frame a.active{background-color:#EE810C;}
.xh_frame a:hover{ background-color:#3A763C;}

.xh_title{
float:left;
width:100%;
margin-left:10px;
}
.xh_title span{
float:left;
padding:5px 10px;
background-color:#EAEBEC;
color:#000000;
font-family:"微软雅黑";
font-size:14px;
border-radius:2px;
margin:5px 0px;
font-weight:bold;
}
.xh_name{
float:left;
width:200px;
height:28px;
line-height:28px;
margin-left:15px;
overflow:hidden;
word-wrap:break-word;
}
.xh_hover:hover{ background-color:#FFFF99;}
.xh_hover{ background-color:#EFEFEF; font-size:12px;}
.reg_form_left{ width:90%; padding:15px; border-radius:5px; border:1px dotted #FF6600; background-color:#FFFFCC}