@charset "utf-8";
/* CSS Document */
*{transition-property: all;-ms-transition-property:all;-moz-transition-property:all; -webkit-transition-property:all; -o-transition-property:all; -webkit-box-sizing:border-box;-moz-box-sizing:border-box; box-sizing:border-box; margin:0; padding:0;}
html,body{font-size:14px;width:100%;clear:both;margin:0px;padding:0px;font-family:"Microsoft YaHei" ,Helvetica Neue,Tahoma,Arial,"微软雅黑","宋体","黑体"; background-color:#fff;}
img{border:0px;}
ul,li,p{margin:0px;padding:0px;}
a{text-decoration:none; background-color:transparent; -webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;-ms-transition:all 0.5s ease;transition:all 0.5s ease;}
a:active,a:hover{ outline:0;}
a,button,textarea,select{ -webkit-appearance:none; -webkit-tap-highlight-color:rgba(255,0,0,0);}
div{ box-sizing:border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
ul,li{list-style-type:none;box-sizing:border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
i,em{font-style:normal}
h1,h2,h3,h4,h5,h6{ margin:0; padding:0;}
table{width:100%;line-height:1.5em;border-collapse:collapse;border-spacing:0}
th, td{padding:5px;border-bottom:1px solid #transparent;border-left:1px solid transparent; vertical-align:middle;}
th{font-weight:bold;text-align:center;background-color:transparent;}
input,button,select,textarea{ outline:none; appearance:none; -moz-appearance:none; -webkit-appearance:none; }
textarea{resize:none;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"] {-webkit-appearance:none;padding:0;margin:0;font-weight:normal; color:#fff;}
input::-webkit-input-placeholder{color:#000; font-family:"微软雅黑";}
textarea::-webkit-input-placeholder{color:#000; font-family:"微软雅黑";}
:after,:before{ -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}


/***滚动条 ***/
::-webkit-scrollbar 
{ 
    width:5px; 
    height:5px; 
    background-color:#F5F5F5; 
} 
   
/*定义滚动条轨道 内阴影+圆角*/ 
::-webkit-scrollbar-track 
{ 
    -webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.3); 
    border-radius:5px; 
    background-color:#F5F5F5; 
} 
   
/*定义滑块 内阴影+圆角*/ 
::-webkit-scrollbar-thumb 
{ 
    border-radius:5px; 
    -webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.3); 
    background-color:#555; 
} 
 

/****头部****/
header{ width:100%; float:left;}
header::after{content:"020"; display:block; height:0; clear:both; visibility:hidden;}
header .top_img{ width:100%; float:left;}
header .top_img .top_pic{ width:100%; height:60px; float:left; background-image:url(../images/top_img.jpg); background-size:auto; background-repeat:no-repeat; background-position:center;}
header .top_bar{background-color:#f2f2f2; height:25px; line-height:25px;border-bottom:1px solid #e5e5e5; width:100%; float:left; }
header .top_bar a{ color:#666; margin:0 5px; font-size:12px;}
header .top_bar a:hover{ color:#b81b22;}
header .topL{ float:left; font-size:12px;}
header .topR{ float:right; font-size:12px; }
header .head_logo{width:100%; height:160px; float:left; background-image:url(../images/top_logo.jpg); background-size:auto; background-repeat:no-repeat; background-position:center;}
/***菜单***/
.menu_bar{ width:100%; float:left;}
.menu_bar .menu_top{ width:100%; background-color:#3e3e3e; height:35px; line-height:35px; float:left;}
.menu_bar .menu_top .menu_top_cen{ width:1200px; margin:0 auto; color:#fff; font-size:14px;}
.menu_bar .menu_top .menu_top_cen li{ padding:0 25px; float:left;}
.menu_bar .menu_top .menu_top_cen li a{ color:#fff; -webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;-ms-transition:all 0.5s ease;transition:all 0.5s ease;}
.menu_bar .menu_top .menu_top_cen li a:hover{ color:#F00;}
.m1{ width:150px; text-align:center; background:#b81b22;}
.menu_bar .menu_top .menu_top_cen li.m4{ float:right;}
.menu_bar .menu_top .menu_top_cen li.m4 span{ background-image:url(../images/hot.gif); background-repeat:no-repeat; width:28px; height:11px; float:right; margin-top:13px; margin-left:5px;}
.menu_bar .menu_top .menu_top_cen li.m4 a{ color:#ffd600; }
.menu_bar .menu_top .menu_top_cen li.m4 a:hover{ color:#b81b22;}
.menu_bar .menu_down{ width:100%; height:110px; float:left; background-image:url(../images/menu_bg.jpg); background-size:contain; background-repeat:repeat; background-position:left center;}
.menu_bar .menu_top .menu_top_cen li.m5{ width:200px; float:right; background-color:#b81b22; box-sizing:border-box; padding:0 55px;}
.menu_bar .menu_top .menu_top_cen li.m5 span{ width:16px; height:16px; float:left; background-image:url(../images/icon_45.png); background-repeat:no-repeat; margin:8px 7px;}
.menu_bar .menu_top .menu_top_cen li.m5 a:hover{ color:#333;}
.menu_bar .menu_down .menu_down_cen{ width:1200px; margin:0 auto; color:#fff; font-size:14px;}
.menu_bar .menu_down .menu_down_cen li{ width:200px; height:110px; float:left; background-size:contain; background-repeat:no-repeat; background-position:left center; padding:38px 15px 0 15px; box-sizing:border-box; }
.menu_bar .menu_down .menu_down_cen li a p{ margin-right:10px; color:#fff; font-size:16px; -webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;-ms-transition:all 1s ease;transition:all 1s ease; }
.menu_bar .menu_down .menu_down_cen li a:hover p,.menu_bar .menu_down .menu_down_cen li a:hover span{ color:#ffd600;}
.menu_bar .menu_down .menu_down_cen li a p i{ width:8px; height:8px; border-right:2px solid #fff; border-top:2px solid #fff;-webkit-transform:rotate(45deg);transform:rotate(45deg); display:inline-block; margin:7px 8px; vertical-align:top;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;-ms-transition:all .5s ease;transition:all .5s ease;}
.menu_bar .menu_down .menu_down_cen li a:hover i{ border-color:#ffd600;}
.menu_bar .menu_down .menu_down_cen li a span{ width:45px; line-height:110%; float:left; margin-top:3px; color:#fff; font-size:10px; -webkit-transform-origin-x:0; -webkit-transform:scale(0.8); -webkit-text-size-adjust:none;font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; -webkit-transition:all 1s ease; -moz-transition:all 1s ease;-o-transition:all 1s ease;-ms-transition:all 1s ease;transition:all 1s ease; }
.menu_bar .menu_down .menu_down_cen li a span.a_style{font-size:8px;}


/***尾部***/
.footer{ width:100%; float:left; height:60px; line-height:60px; font-size:12px; text-align:center; color:#fff; letter-spacing:1px;}



@media (max-width: 479px) {
/****头部****/
header .top_img .top_pic{ height:50px; background-size:cover; display:none; }
header .top_bar{ height:25px; line-height:25px; padding:0 20px; display:none;}
header .top_bar a{ margin:0 5px;}
header .head_logo{ height:70px; background-size:cover; background-image:url(../images/top_logo01.jpg);  }
/***菜单***/
.menu_bar{ display:none; }
.menu_bar .menu_top{ height:35px; line-height:35px; }
.menu_bar .menu_top .menu_top_cen{ width:100%;}
.menu_bar .menu_top .menu_top_cen li{ padding:0 25px;}
.m1{ width:150px;}
.menu_bar .menu_top .menu_top_cen li.m4 span{ width:28px; height:11px; margin-top:13px; margin-left:5px;}

.menu_bar .menu_down{ width:100%; height:110px; background-size:contain; background-position:left center; display:none;}
.menu_bar .menu_top .menu_top_cen li.m5{ width:200px; padding:0 55px;}
.menu_bar .menu_top .menu_top_cen li.m5 span{ width:16px; height:16px; margin:8px 7px;}
.menu_bar .menu_down .menu_down_cen li{ width:200px; height:110px; background-size:contain; background-position:left center; padding:38px 15px 0 15px;}
.menu_bar .menu_down .menu_down_cen li a p{ margin-right:10px; font-size:16px; }
.menu_bar .menu_down .menu_down_cen li a p i{ width:8px; height:8px; margin:7px 8px;}
.menu_bar .menu_down .menu_down_cen li a span{ width:45px; line-height:110%; margin-top:3px;}
.menu_bar .menu_down .menu_down_cen li a span.a_style{font-size:8px;}


/***尾部***/
.footer{ height:60px; line-height:150%; padding:12px 11%;}

}

@media (min-width: 480px) and (max-width: 639px) {
/****头部****/
header .top_img .top_pic{ height:50px; background-size:cover; display:none; }
header .top_bar{ height:25px; line-height:25px; padding:0 20px; display:none;}
header .top_bar a{ margin:0 5px;}
header .head_logo{ height:80px; background-size:cover; background-image:url(../images/top_logo01.jpg); }
/***菜单***/
.menu_bar{ display:none; }
.menu_bar .menu_top{ height:35px; line-height:35px; }
.menu_bar .menu_top .menu_top_cen{ width:100%;}
.menu_bar .menu_top .menu_top_cen li{ padding:0 25px;}
.m1{ width:150px;}
.menu_bar .menu_top .menu_top_cen li.m4 span{ width:28px; height:11px; margin-top:13px; margin-left:5px;}

.menu_bar .menu_down{ width:100%; height:110px; background-size:contain; background-position:left center; display:none;}
.menu_bar .menu_top .menu_top_cen li.m5{ width:200px; padding:0 55px;}
.menu_bar .menu_top .menu_top_cen li.m5 span{ width:16px; height:16px; margin:8px 7px;}
.menu_bar .menu_down .menu_down_cen li{ width:200px; height:110px; background-size:contain; background-position:left center; padding:38px 15px 0 15px;}
.menu_bar .menu_down .menu_down_cen li a p{ margin-right:10px; font-size:16px; }
.menu_bar .menu_down .menu_down_cen li a p i{ width:8px; height:8px; margin:7px 8px;}
.menu_bar .menu_down .menu_down_cen li a span{ width:45px; line-height:110%; margin-top:3px;}
.menu_bar .menu_down .menu_down_cen li a span.a_style{font-size:8px;}


/***尾部***/
.footer{ height:60px; line-height:60px;}





}
@media (min-width: 640px) and (max-width:1023px ) {
/****头部****/
header .top_img .top_pic{ height:50px; background-size:cover; display:none; }
header .top_bar{ height:25px; line-height:25px; padding:0 20px; display:none;}
header .top_bar a{ margin:0 5px;}
header .head_logo{ height:130px; background-size:cover; background-image:url(../images/top_logo01.jpg);  }
/***菜单***/
.menu_bar{ display:none; }
.menu_bar .menu_top{ height:35px; line-height:35px; }
.menu_bar .menu_top .menu_top_cen{ width:100%;}
.menu_bar .menu_top .menu_top_cen li{ padding:0 25px;}
.m1{ width:150px;}
.menu_bar .menu_top .menu_top_cen li.m4 span{ width:28px; height:11px; margin-top:13px; margin-left:5px;}

.menu_bar .menu_down{ width:100%; height:110px; background-size:contain; background-position:left center; display:none;}
.menu_bar .menu_top .menu_top_cen li.m5{ width:200px; padding:0 55px;}
.menu_bar .menu_top .menu_top_cen li.m5 span{ width:16px; height:16px; margin:8px 7px;}
.menu_bar .menu_down .menu_down_cen li{ width:200px; height:110px; background-size:contain; background-position:left center; padding:38px 15px 0 15px;}
.menu_bar .menu_down .menu_down_cen li a p{ margin-right:10px; font-size:16px; }
.menu_bar .menu_down .menu_down_cen li a p i{ width:8px; height:8px; margin:7px 8px;}
.menu_bar .menu_down .menu_down_cen li a span{ width:45px; line-height:110%; margin-top:3px;}
.menu_bar .menu_down .menu_down_cen li a span.a_style{font-size:8px;}


/***尾部***/
.footer{ height:60px; line-height:60px;}


}


@media (min-width: 1024px) and (max-width:1199px ) {
/****头部****/
header .top_img .top_pic{ height:50px; background-size:cover; }
header .top_bar{ height:25px; line-height:25px; padding:0 20px;}
header .top_bar a{ margin:0 5px;}
header .head_logo{ height:140px; background-size:cover; }
/***菜单***/
.menu_bar{ }
.menu_bar .menu_top{ height:35px; line-height:35px; }
.menu_bar .menu_top .menu_top_cen{ width:100%;}
.menu_bar .menu_top .menu_top_cen li{ padding:0 25px;}
.m1{ width:150px;}
.menu_bar .menu_top .menu_top_cen li.m4 span{ width:28px; height:11px; margin-top:13px; margin-left:5px;}

.menu_bar .menu_down{ width:100%; height:110px; background-size:contain; background-position:left center; display:none;}
.menu_bar .menu_top .menu_top_cen li.m5{ width:200px; padding:0 55px;}
.menu_bar .menu_top .menu_top_cen li.m5 span{ width:16px; height:16px; margin:8px 7px;}
.menu_bar .menu_down .menu_down_cen li{ width:200px; height:110px; background-size:contain; background-position:left center; padding:38px 15px 0 15px;}
.menu_bar .menu_down .menu_down_cen li a p{ margin-right:10px; font-size:16px; }
.menu_bar .menu_down .menu_down_cen li a p i{ width:8px; height:8px; margin:7px 8px;}
.menu_bar .menu_down .menu_down_cen li a span{ width:45px; line-height:110%; margin-top:3px;}
.menu_bar .menu_down .menu_down_cen li a span.a_style{font-size:8px;}


/***尾部***/
.footer{ height:60px; line-height:60px;}



}


@media (min-width: 1200px) and (max-width:1439px ){
/****头部****/
header .top_img .top_pic{ height:55px; background-size:cover; }
header .top_bar{ height:25px; line-height:25px; padding:0 20px;}
header .top_bar a{ margin:0 5px;}
header .head_logo{ height:150px; background-size:cover; }
/***菜单***/
.menu_bar{ }
.menu_bar .menu_top{ height:35px; line-height:35px; }
.menu_bar .menu_top .menu_top_cen li{ padding:0 25px;}
.m1{ width:150px;}
.menu_bar .menu_top .menu_top_cen li.m4 span{ width:28px; height:11px; margin-top:13px; margin-left:5px;}

.menu_bar .menu_down{ width:100%; height:110px; background-size:contain; background-position:left center;}
.menu_bar .menu_top .menu_top_cen li.m5{ width:200px; padding:0 55px;}
.menu_bar .menu_top .menu_top_cen li.m5 span{ width:16px; height:16px; margin:8px 7px;}
.menu_bar .menu_down .menu_down_cen li{ width:200px; height:110px; background-size:contain; background-position:left center; padding:38px 15px 0 15px;}
.menu_bar .menu_down .menu_down_cen li a p{ margin-right:10px; font-size:16px; }
.menu_bar .menu_down .menu_down_cen li a p i{ width:8px; height:8px; margin:7px 8px;}
.menu_bar .menu_down .menu_down_cen li a span{ width:45px; line-height:110%; margin-top:3px;}
.menu_bar .menu_down .menu_down_cen li a span.a_style{font-size:8px;}


/***尾部***/
.footer{ height:60px; line-height:60px;}



}

@media (min-width: 1440px) and (max-width:1680px ){
/****头部****/
header .top_img .top_pic{ height:60px; background-size:auto; }
header .top_bar{ height:25px; line-height:25px;}
header .top_bar a{ margin:0 5px;}
header .head_logo{ height:160px; background-size:auto; }
/***菜单***/
.menu_bar{ }
.menu_bar .menu_top{ height:35px; line-height:35px; }
.menu_bar .menu_top .menu_top_cen li{ padding:0 25px;}
.m1{ width:150px;}
.menu_bar .menu_top .menu_top_cen li.m4 span{ width:28px; height:11px; margin-top:13px; margin-left:5px;}

.menu_bar .menu_down{ width:100%; height:110px; background-size:contain; background-position:left center;}
.menu_bar .menu_top .menu_top_cen li.m5{ width:200px; padding:0 55px;}
.menu_bar .menu_top .menu_top_cen li.m5 span{ width:16px; height:16px; margin:8px 7px;}
.menu_bar .menu_down .menu_down_cen li{ width:200px; height:110px; background-size:contain; background-position:left center; padding:38px 15px 0 15px;}
.menu_bar .menu_down .menu_down_cen li a p{ margin-right:10px; font-size:16px; }
.menu_bar .menu_down .menu_down_cen li a p i{ width:8px; height:8px; margin:7px 8px;}
.menu_bar .menu_down .menu_down_cen li a span{ width:45px; line-height:110%; margin-top:3px;}
.menu_bar .menu_down .menu_down_cen li a span.a_style{font-size:8px;}


/***尾部***/
.footer{ height:60px; line-height:60px;}

}
@media (min-width: 1681px) and (max-width:1920px ){

}