@charset "utf-8";
b,blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,html,img,input,label,li,ol,p,pre,select,span,strong,table,td,textarea,th,ul{margin:0;padding:0}
abbr,acronym,fieldset,img{border:0}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:400}
q:after,q:before{content:''}
i{font-style:normal;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400;}
caption,td,th{text-align:left;font-weight:400;}
a,button,img{border:none;text-decoration:none;}
a,button{text-decoration:none;}
button:focus,input:focus{outline:0;}
textarea{font-family:"Microsoft YaHei";}
img{border:none;outline:0}
a{color:#333;text-decoration:none;outline:0; cursor: pointer;}
ol,ul{list-style:none;}
body,html{background: #F5F5F5;}
table{word-break:break-all;word-wrap:break-word;}
body{font-family:'Microsoft YaHei',Arial,Lucida Grande,Lucida Sans Unicode,Verdana,sans-serif;font-size:14px;font-weight:400;color:#333;width:100%;min-width:1200px;}
select::-ms-expand{display:none;}
::-webkit-input-placeholder{color:#999;}
::-moz-placeholder{color:#999;}
:-ms-input-placeholder{color:#999;}
.clear{clear:both;}
.w1200{width:1200px;margin:0 auto;}
.w100{width:100%;}
.left{float:left;}
.right{float:right;}
.f12{font-size:12px;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.boxs{ box-sizing: border-box;  -ms-box-sizing: border-box;  -moz-box-sizing: border-box;  -webkit-box-sizing: border-box;  }
input{ border: none;}
.trion{ transition:all .3s;  -moz-transition:all .3s; /* Firefox 4 */ -webkit-transition:all .3s; /* Safari and Chrome */ -o-transition:all .3s; /* Opera */}
a:hover{ text-decoration: none;}
input::-webkit-input-placeholder { /* WebKit browsers */ color: #ccc; } 
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #ccc; } 
input::-moz-placeholder {/* Mozilla Firefox 19+ */ color: #ccc; } 
input:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #ccc; }
.disbox{
    display: -webkit-box;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    
    display: -moz-box;
    -moz-box-orient: horizontal;
    -moz-box-pack: center;
    -moz-box-align: center;
    
    display: -o-box;
    -o-box-orient: horizontal;
    -o-box-pack: center;
    -o-box-align: center;
    
    display: -ms-box;
    -ms-box-orient: horizontal;
    -ms-box-pack: center;
    -ms-box-align: center;
    
    display: box;
    box-orient: horizontal;
    box-pack: center;
    box-align: center;
}

@font-face{
    font-family: "Roboto";
    src:url(../font/Roboto-Bold.ttf);
}
.pt5{ padding-top: 5px;}
.mb40{ margin-bottom: 40px;}
.mt40{ margin-top: 40px;}
.mt24{ margin-top: 24px;}
.mb10{ margin-bottom: 10px;}

/* ------------------------分页------------------------- */
.index_page{ height: 32px; margin-top: 16px; text-align: center; line-height: 31px;}
.index_page a{ display: inline-block; width: auto; padding: 0px 12px; box-sizing: border-box; height: 32px; margin: 0px 6px; background: #FFFFFF; border-radius: 4px; border: 1px solid #CCCCCC; }
.index_page a.cur{ color: #fff; border-color: #E1251B; background: #E1251B;}
.index_page a:hover{ color: #E1251B; border-color: #E1251B;}
.index_page a.cur:hover{ color: #FFFFFF;}
.index_page span{ margin: 0px 8px;}
.index_page_input{ width: 32px; height: 32px; border-radius: 4px; border: 1px solid #CCCCCC; margin: 0px 8px; text-align: center;}
.index_page .page_but{ width: auto; padding: 0px 12px; background: #fff; cursor: pointer; height: 32px; border-radius: 4px; border: 1px solid #CCCCCC;}
.index_page .page_but:hover{ color: #E1251B; border-color: #E1251B;}

/* ------------------------顶部工具栏------------------------- */
.site_nav{ height: 35px; background: #F5F5F5; line-height: 35px; font-size: 12px; color: #8790A1;}
.site_nav_left{ height: 35px;}
.site_nav_left p{ float: left; margin-right: 5px;}
.site_nav_left i{ color: #E1251B; margin-right: 4px; float: left;}
.site_nav_right{ width: auto;}
.site_nav_right ul li{ float: left;}
.site_nav_right ul li span{ color: #CCCCCC; margin: 0px 10px;}
.site_nav a.site_nav_a{ color: #E1251B; margin-left: 10px; position: relative; top: 0px;}
.site_nav a.site_nav_a:hover{ text-decoration: underline; }
.site_nav a{ color: #8790A1; transition:all .3s;  -moz-transition:all .3s; /* Firefox 4 */ -webkit-transition:all .3s; /* Safari and Chrome */ -o-transition:all .3s; /* Opera */}
.site_nav a:hover{ color: #E1251B;}

/* ------------------------header------------------------- */
.index_header{ height: 143px; background: #FFFFFF; position: relative;}
.index_header_top{ height: 63px; padding-top: 10px;}
.index_logo{ width: 137px; height: 36px; padding-top: 15px; margin-right: 10px;}
.index_header_logo{ width: 278px; height: 63px;}
.index_header_logo p{ float: left; height: 35px; position: relative; top: 16px; width: auto; border-left: 1px solid #CCCCCC; color: #8C8C8C; padding-left: 10px;}
.index_header_logo p span{ display: block; position: relative; top: -1px;}
.index_header_logo p img{ width: 120px; height: 29px; padding-top: 3px;}
.index_header_con{ margin-left: 32px; width: 586px; height: 63px; }
.index_header_search{ position: relative; padding: 2px; margin-top: 10px; width: 586px; height: 40px; border-radius: 2px; background: #E1251B;}
.index_header_search_input{ font-size: 16px; position: absolute; z-index: 1; left: 2px; width: 480px; height: 36px; line-height: 36px; background: #fff; padding-left: 12px;}
.index_header_search_but{position: absolute; z-index: 1; font-size: 18px; color: #FFFFFF; right: 2px; width: 110px; background: #E1251B; cursor: pointer; text-align: center; height: 36px; line-height: 36px; border: 0px;}
.index_header_search_but i{ font-size: 20px; color: #fff; display: inline-block; position: relative; margin-right: 5px;}
.index_header_search_key{  position: relative; width: 100%; top: 5px;}
.index_header_search_key a{ color: #333; font-size: 12px; line-height: 20px; margin-left: 12px; height: 20px;}
.index_header_search_key a:hover{ color: #E1251B;}
.index_header_order{  margin-top: 10px; width: auto; height: 41px;}
.index_header_order a{ display: inline-block;  color: #E1251B; font-size: 18px; margin-left: 16px; width: auto; padding: 0px 10px; text-align: center; line-height: 39px; height: 41px;  border-radius: 2px; border: 1px solid #EBEBEB;}
.index_header_order a i{ margin-right: 4px; position: relative; top: 1px; font-size: 20px;}
.index_header_order a:hover{ border-color: #E1251B; color: #E1251B;}
.index_search_select{ position: absolute; z-index: 9; top: 34px; left: 0px; width: 582px; height: auto; background: #FFFFFF; border-radius: 0px 0px 2px 2px; border: 2px solid #E1251B;}
.index_search_con{ padding: 18px 16px;}
.index_search_hot{ height: auto; }
.index_search_hot i{ float: right; font-weight: 400; cursor: pointer;}
.index_search_hot span{ width: 100%; height: 24px; font-weight: 600; color: #8C8C8C;line-height: 24px; margin-bottom: 8px; display: block;}
.index_search_hot a{ display: inline-block; margin-bottom: 16px; padding: 0px 12px; height: 28px;  background: #FFFFFF; border-radius: 2px; line-height: 26px; font-size: 12px; margin-right: 8px; border: 1px solid #EBEBEB; box-sizing: border-box;}
.index_header_search .selected{ display: none;}
.index_search_select_con{ padding:8px 0px;}
.index_search_select_con ul li{width: 100%; box-sizing: border-box; padding: 0px 10px; line-height: 32px; height: 32px;}
.index_search_select_con ul li:hover{background: #F5F5F5;}
.index_header_fixed{ position: relative; background: #fff; height: 93px; margin-bottom: 10px;}
.index_header .fixed{ position: fixed; top: 0px; z-index: 999;}
/* ---nav--- */
.index_nav{ height: 40px; border-bottom: 2px solid #E1251B;}
.index_nav_slogan{ width: 233px; height: 40px; font-size: 18px; font-weight: bold; background: #E1251B; border-radius: 2px 2px 0px 0px; line-height: 40px; color: #fff;}
.index_nav_slogan i{ padding-left: 13px; padding-right: 8px; font-size: 24px; position: relative; top: 0px; font-weight: 400; float: left;}
.index_nav_con{ height: 38px; line-height: 38px;}
.index_nav_con ul li{ float: left; margin-left: 33px; font-size: 16px;}
.index_nav_con ul li a:hover{ color: #E1251B;}
.index_nav_con ul li:first-child a,.index_nav_con ul li:nth-child(2) a,.index_nav_con ul li:nth-child(3) a{ font-size: 18px; color: #E1251B; font-weight: bold;}
.index_nav_con ul li:nth-child(2) a{ color: #0F5BA7;}
.index_nav_con ul li i{ font-size: 18px; margin: 0px 5px; font-weight: 400;}
.index_nav_con ul li i.iconhot-{ position: relative; top: -10px;}
.index_nav_con ul li a.active{ color: #E1251B;}

/* ------------------------footer------------------------- */
.footer_slogan{ height: 136px; background: #FFFFFF; border-bottom: 1px solid #EBEBEB; margin-top: 40px;}
.footer_slogan ul li{ width: 245px; float: left; height: 136px; line-height: 136px; margin-left: 73px; font-size: 20px;}
.footer_slogan ul li:first-child{ margin-left: 0px;}
.footer_slogan ul li img{ display: inline-block; width: 44px; height: 48px; vertical-align: middle;}
.footer_slogan ul li p{ display: inline-block; color: #666; margin-left: 12px;}
.footer_con{ height: auto; background: #fff; padding: 72px 0px 0px 0px;}
.footer_con_top{ height: auto; border-bottom: 1px solid #EBEBEB; padding-bottom: 56px;}
.footer_con_top ul{ float: left; width: 810px; height: auto;}
.footer_con_top ul li{ float: left; width: 202px;}
.footer_con_top ul li .title{ color: #333; line-height: 24px; margin-bottom: 16px; font-size: 18px;}
.footer_con_top ul li a{ display: block; color: #8C8C8C; line-height: 32px; transition:all .3s;  -moz-transition:all .3s; /* Firefox 4 */ -webkit-transition:all .3s; /* Safari and Chrome */ -o-transition:all .3s; /* Opera */}
.footer_con_top ul li a:hover{color: #E1251B;}
.footer_con_top ul li p{ color: #E1251B; font-size: 24px; }
.footer_con_ewm{ width: 272px; height: auto;}
.footer_con_ewm p{ width: 96px; text-align: center;}
.footer_con_ewm p img{ width: 100%; height: auto;}
.footer_con_ewm p span{ display: block; font-size: 12px; color: #B3B3B3;line-height: 16px; margin-top: 16px;}
.footer_links{ height: auto; min-height: 106px; background: #2F323F;}
.footer_links_con{ height: auto; color: #B3B3B3; line-height: 24px; padding-top: 30px; }
.footer_links_con a{color: #B3B3B3; transition:all .3s;  -moz-transition:all .3s; /* Firefox 4 */ -webkit-transition:all .3s; /* Safari and Chrome */ -o-transition:all .3s; /* Opera */}
.footer_links_con a:hover{ color: #E1251B; }
.footer_links_con span{ display: inline-block; margin: 0px 8px;}
.footer_message{ color: #B3B3B3;line-height: 24px; margin-top: 8px;}
.footer_message a{ margin-right: 10px;}

/* ------------------------右侧浮动------------------------- */
.fixed-bar{ position: fixed; right: 0px; top: 50%; z-index: 10; width: 40px; height: 407px; margin-top: -203px; background: #FFFFFF; box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);}
.fixed-bar ul li{ position: relative; width: 40px; height: 68px; text-align: center; border-top: 1px solid #EBEBEB; box-sizing: border-box;}
.fixed-bar ul li:first-child{ border: 0px;}
.fixed-bar ul li i{ font-size: 20px; color: #E1251B; padding-top: 8px; display: block;}
.fixed-bar ul li p{ margin-top: 3px; font-size: 12px; color: #8C8C8C; line-height: 14px; letter-spacing: 2px;}
.fixed-bar ul li:hover{ background: #E1251B; color: #fff;}
.fixed-bar ul li:hover p, .fixed-bar ul li:hover i{ color: #fff;}
.fixed-bar-ewm{ display: none; position: absolute; width: 140px; height: 140px; background: #fff; z-index: 999; right: 44px; top: -72px; padding: 10px;}
.fixed-bar-ewm img{ width: 120px; height: 120px;}
.fixed-bar ul li:hover .fixed-bar-ewm{ display: block;}

/* ------------------------面包屑导航------------------------- */
.index_position{ min-height: 48px; height: auto; line-height: 48px; color: #8C8C8C; background: #fff;}
.index_position_c{ width: auto; height: 48px;}
.index_position_c a{ color: #8C8C8C; font-size: 12px;}
.index_position_c i{color: #CCCCCC; font-size: 16px; position: relative; top: 2px; display: inline-block;}
.index_position_c a:hover{ color: #E1251B;}
.index_position .key{ margin-left: 4px; font-size: 12px; width: auto; height: 48px; font-weight: 600; color: #4D4D4D;line-height: 48px;}
.index_position.bg { background: none !important;}
/* ----------------------新闻资讯--------------------- */
.public_news{ height: auto;}
.public_news_con{width: 1200px; height: 368px; margin-top: 16px; padding: 20px; background: #FFFFFF; box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.05); border-radius: 2px;}
.public_news_con ul li{width: 570px; padding: 24px; margin-bottom: 20px; height: 154px; background: #F4F6F7; border-radius: 2px; float: left;}
.public_news_con ul li img{ float: left; width: 160px; height: 106px; margin-right: 16px; object-fit: cover;}
.public_news_con ul li .title{ width: 345px; height: 24px; float: left; font-weight: 600; line-height: 24px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.public_news_con ul li p{width: 345px; height: 32px; line-height: 16px; margin-top: 8px; color: #666666; font-size: 12px; float: left; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.public_news_con ul li span{width: 345px; height: 24px; float: left; margin-top: 18px;color: #666666;line-height: 24px;}
.public_news_con ul li .title a:hover{ color: #E1251B;}
.public_news_con ul li:nth-child(2n){ float: right;}

/* ----------------------常见问题--------------------- */
.public_question{ height: auto;}
.public_question_con{ padding: 20px; height: 304px; background: #FFFFFF; margin-top: 16px; box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.05); border-radius: 2px;}
.public_question_con ul li{ width: 372px; height: 264px; padding: 20px; background: #F4F6F7; float: left; margin-left: 22px; overflow: hidden; }
.public_question_con ul li:first-child{ margin-left: 0px;}
.public_question_con ul li h2{ margin-bottom: 16px; height: 24px; font-weight: 600; line-height: 24px;}
.public_question_con ul li h2 i{ color: #E1251B; margin-left: 8px; font-weight: 400; position: relative; top: 1px;}
.public_question_con .question_a{display: block; width: 100%; height: 24px; margin-bottom: 16px; color: #4D4D4D; line-height: 24px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.public_question_con .question_a:hover{ color: #E1251B;}

/* ------------------------通用标题样式------------------------- */
.index_title{ height: 24px; line-height: 24px;  font-size: 24px; font-weight: 600; color: #29395F;line-height: 24px; text-align: center; position: relative;}
.index_title img{ position: relative; display: inline-block; top: -2px;}
.index_title p{ display: inline-block; margin: 0px 16px;}
.index_title.color{ color: #fff;}
.index_title .count_down{ width: auto; font-size: 18px; font-weight: 600; line-height: 24px; position: absolute; z-index: 1;  color: #29395F; right: 0px; top: 0px;}
.index_title .count_down p{ color: #29395F; display: inline-block; margin: 0px;}
.index_title .count_down span{width: 32px; height: 24px; background: #E1251B; border-radius: 2px; margin: 0px 6px; position: relative; top: 0px; color: #fff; text-align: center; display: inline-block; text-align: center; }
.index_title_subsidiary{height: auto; color: #B3B3B3; line-height: 24px; margin-top: 16px; text-align: center;}

/* ------------------------登录提示弹窗------------------------- */
.layui-layer{ background: unset !important; box-shadow: unset !important;}
.index_login{ height: 500px; background: url(../images/indexLogin_bj.png) center no-repeat; text-align: center;}
.layui-layer-ico{ background: url(../images/index_login_icon.png) center no-repeat !important;}
.layui-layer-setwin .layui-layer-close2{ width: 29px !important; height: 29px !important; right: -18px !important; top: 15px !important;}
.index_login .title{ color: #fff; font-weight: bold; font-size: 30px; padding-top: 193px; margin-bottom: 25px;}
.index_login .content{ text-align: left; margin-bottom: 20px; height: 83px; line-height: 83px; padding-left: 30px;}
.index_login .content p{ color: #c72229; font-weight: bold; font-size: 28px; display: inline-block; float: left;}
.index_login .content span{ display: inline-block;  color: #c72229; font-size: 12px; float: left; line-height: 90px;}
.index_login .content .h5{ width: 110px; display: inline-block; color: #323134; font-size: 18px; margin-left: 40px; float: left;}
.index_login .content .h5 i{ display: block; line-height: 26px;}
.index_login .content .h5 i:first-child{ padding-top: 12px;}
.index_login .content a{ display: inline-block; font-size: 14px; color: #773c02; width: 91px; height: 31px; background: url(../images/indexLogin_a_bj.png) center no-repeat; position: relative; line-height: 31px; text-align: center;}