﻿/* reset */
* {-webkit-text-size-adjust: none;}
*{-webkit-tap-highlight-color:rgba(0,0,0,0);}
html { height: 100% ;-webkit-tap-highlight-color: rgba(0,0,0,0);  -webkit-tap-highlight-color: transparent;}
body { min-height: 100% }
body { _height: 100% }
body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, input, select, textarea, button, p, blockquote, th, td, figure { margin: 0; padding: 0 }
body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, p, blockquote, figure, header, footer, nav, article, section, aside, address, figcaption { *zoom: 1 }
li { list-style-type: none }
h1, h2, h3, h4, h5, h6 { font-size: 100%;font-weight:normal; }
iframe, frame, fieldset, img { border: 0 none }
img { vertical-align: top }
input[type=button], input[type=submit], input[type=reset] { cursor: pointer }
button { cursor: pointer }
input, textarea, button { -webkit-border-radius: 0; -webkit-appearance: none }
input[type=radio] { -webkit-border-radius: 100%; -webkit-appearance: radio }
input[type=checkbox] { -webkit-appearance: checkbox }
input[type=search] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box }
textarea { overflow: auto; resize: none }
blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none }
table { border-collapse: collapse; border-spacing: 0 }
caption, th { text-align: left }
th { font-weight: normal }
em, cite, address,i { font-style: normal }
sup { vertical-align: text-top }
sub { vertical-align: text-bottom }
body, input, select, button, textarea { font-size: 14px; font-family:"verdana","Arial"}
body { line-height: 1.5 }
a { text-decoration: none;-webkit-tap-highlight-color:transparent }
a { blr:expression(this.onFocus=this.blur()) }
a * { *cursor: pointer }
:focus { outline: none }
.edit_con_original{ line-height:2; padding:0 0; }
.edit_con_original ul{ margin:inherit; padding:inherit; padding-left:2em;}
.edit_con_original ul li { list-style-type:disc; margin:auto; }
.edit_con_original ol{ margin:inherit; padding:inherit}
.edit_con_original ol li { list-style-type:decimal; margin:auto; }
.edit_con_original h1 {  font-weight:bold }
.edit_con_original h2 {font-weight:bold }
.edit_con_original h3 {font-weight:bold }
.edit_con_original h4 {font-weight:bold }
.edit_con_original h5 {font-weight:bold }
.edit_con_original h6 { font-weight:bold }
.edit_con_original em { font-style: italic }
.edit_con_original cite{ font-style: italic }
.edit_con_original address{ font-style: italic }
.edit_con_original i { font-style: italic }
.edit_con_original table{ border-collapse: separate; border-spacing: 2px }
.edit_con_original img{ max-width:100%; height:auto;}
.edit_con_original video{ max-width:100%;display: block;margin:auto;}
 
 
/*所有后台编辑器区域都要引用 edit_con_original 类名*/
 
/* clear 页头，页脚，内容区都不用再加清除样式 */
.fixed:before, .clearfix:before, .cf:before, body:before, .header:before, .main:before, .footer:before { content: ''; display: table }
.fixed:after, .clearfix:after, .cf:after, after, .header:after, .main:after, .footer:after { content: ''; display: table; clear: both }
.fixed, .clearfix, .cf, .header, .main, .footer { *zoom: 1 }
 
 
.clear, .cl { display: block!important; float: none!important; clear: both; width: auto!important; max-width: none!important; min-width: 0!important; max-height: none!important; min-height: 0!important; overflow: hidden; margin: 0!important; padding: 0!important; border: 0 none!important; font-size: 0!important; line-height: 0!important }
               
       
.err_position{ width:100%; height:auto; background:url(../images/errors.png) center no-repeat;}


/*隐藏视频下载按钮*/
video::-internal-media-controls-download-button {
    display:none;
}

video::-webkit-media-controls-enclosure {
    overflow:hidden;
}

video::-webkit-media-controls-panel {
    width: calc(100% + 30px); 
}

/*图片经过*/
.tran_scale{ overflow:hidden; display:block;}
/*img{transition: All 0.7s ease-in-out;}*/
.tran_scale img{-webkit-transition: opacity .4s ease-in,-webkit-transform .6s linear;transition: opacity .4s ease-in,transform .6s linear;}


/*两端对齐*/
.justify { text-align:justify; text-justify:distribute-all-lines;}
/*上下居中*/
.v-m-c{ transform: translate(0,-50%); -webkit-transform: translate(0,-50%);-ms-transform: translate(0,-50%);-moz-transform: translate(0,-50%);-o-transform: translate(0,-50%); position:absolute; left:0; top:50%;}

/*左右居中*/
.l-m-c{ transform: translate(-50%,0); -webkit-transform: translate(-50%,0);-ms-transform: translate(-50%,0);-moz-transform: translate(-50%,0);-o-transform: translate(-50%,0); position:absolute; left:50%; top:0;}

/*绝对居中*/
.a-m-c{ transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%); position:absolute; left:50%; top:50%;}

.animate{ transition: 1.5s all cubic-bezier(0.19, 1, 0.22, 1);}
.animate_slowx { transition: 2.5s all cubic-bezier(0.19, 1, 0.22, 1); }
.animate_fast{ transition: 1s all cubic-bezier(0.19, 1, 0.22, 1);}
.animate_slow{ transition: 10s all cubic-bezier(0.19, 1, 0.22, 1);}
.animate_normal{ transition: 0.5s all linear;}

 /*font-size*/
.fnt_12{font-size: 12px;}
.fnt_16 { font-size: 16px;}
.fnt_18 { font-size:18px;}
.fnt_20 { font-size: 20px;}
.fnt_22 { font-size:22px;}
.fnt_24 { font-size:24px;}
.fnt_28 { font-size:28px;}
.fnt_30 { font-size:30px;}
.fnt_36 { font-size:36px;}
.fnt_40 { font-size: 40px;}
.fnt_44 { font-size: 44px;}
.fnt_48 { font-size: 48px;}
.fnt_66 {font-size: 66px;}
.fnt_120 { font-size: 120px;}
@media only screen and (max-width:1366px) {
.fnt_20 { font-size:18px;}
.fnt_22 { font-size:20px;}
.fnt_24 { font-size:20px;}
.fnt_28 { font-size:22px;}
.fnt_30{font-size: 24px;}
}
@media only screen and (max-width:1280px) {
.fnt_20 { font-size:18px;}
.fnt_22 { font-size:20px;}
.fnt_24 { font-size:22px;}
.fnt_28 { font-size:24px;}
.fnt_30 { font-size:26px;}
.fnt_36 { font-size:28px;}
.fnt_40 { font-size: 36px;}
.fnt_44 { font-size: 36px;}
.fnt_48 { font-size: 42px;}

}
@media only screen and (max-width:1024px) {
.fnt_18 { font-size:16px;}
.fnt_20 { font-size:16px;}
.fnt_22 { font-size:18px;}
.fnt_24 { font-size:18px;}
.fnt_28 { font-size:18px;}
.fnt_30{font-size: 20px;}
.fnt_36 { font-size:24px;}
.fnt_40 { font-size: 32px;}
.fnt_44 { font-size: 32px;}
.fnt_48 { font-size: 36px;}
}
@media only screen and (max-width:767px) {
.fnt_16 { font-size:16px;}
.fnt_18 { font-size:16px;}
.fnt_20 { font-size:16px;}
.fnt_22 { font-size:16px;}
.fnt_24 { font-size:16px;}
.fnt_28 { font-size:18px;}
.fnt_30{font-size: 18px;}
.fnt_36 { font-size:20px;}

.fnt_16_1{font-size: 14px;}
}


.blank_19{position: absolute;top:0;left: 0;width: 100%;height: 100%;background: url(../images/blank19.png) repeat;}
body,a{color: #4b4b4b;}
.ratio-img,.ratio-img img{width: 100%;}
.wrap{width: 1366px;margin:auto;}
@media only screen and (max-width:1400px) {
.wrap{width:94%;}
}

.scrollHeader .header{    box-shadow: 0px 0px 5px #555;}
.header{height: 90px;position: fixed;top:0;left: 0;width: 100%;z-index:999;background: #fff;}
.header_in{border-top: 3px solid #d80d18;display: table; width: 100%;}
.header h1{padding-top:40px;width: 314px;float: left;}
.header h1 a{display: block;}
.header h1 img{width: 100%;}
.nav{float: left;margin-left:90px;}
.nav>ul>li{float: left;font-size: 16px;}
.nav>ul>li>a,.header_search,.language{height: 87px;line-height:106px;}
.nav>ul>li>a{display: block;color: #000;padding: 0 30px;position: relative;}
.nav>ul>li>a>em{position: absolute;left:8%;bottom:0px;width:84%; height: 4px;background: #d70c18;display: none;}
.nav>ul>li.on>a>em{display: block;}

.header_re{float: right;}
.header_search,.language{float: left;}

.language a{color: #000;}
.header_search{padding: 0 30px;}
.header_search img{vertical-align: middle;}
.Header_Height{height: 83px;}
.header_right{position: relative;}

.header_search .search{cursor: pointer;}
.header_search .search.on{opacity:0.7;filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity:0.7;}
.header .wrap_index{position: relative;}
.search_wrap{position: absolute;top:65px;right: 0;background: #fff;padding:5px 10px;    overflow: hidden;
    transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;
    -webkit-transform: translateY(10px); -moz-transform: translateY(10px);-o-transform: translateY(10px);-ms-transform: translateY(10px);transform: translateY(10px);
    visibility: hidden;
    opacity:0;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0;
    border:1px solid #686873;width:210px;
}
.search_wrap.on{
    transform:scale(1,1); -webkit-transform:scale(1,1);-moz-:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);
    -webkit-transform: translateY(0px); -moz-transform: translateY(0px);-o-transform: translateY(0px);-ms-transform: translateY(0px);transform: translateY(0px);
    visibility: visible;
    opacity:1;filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1;
}
.search_wrap input,.search_wrap button{border: 0;background:#fff;outline: none;height: 22px;line-height: 22px;float: left;}
.search_wrap button{width: 22px;}
.search_wrap button img{width: 22px;    vertical-align: top;}
.search_wrap input{width:186px}

/* navlist */

.nav>ul>li>span{display:none;}
.header_right{position: static}
.header_re{position: relative;}
.navlist{display: none;position: absolute;top:100%;left:0;width: 100%;    background: #f8f8f8;padding: 35px 0;padding-bottom: 70px;}
.navlist ul{overflow: hidden;padding: 0 120px;}
.navlist dl{padding: 0 10px;}
.navlist li{float:left;width:33.33%;*margin-left:-1px;}
.navlist dt{line-height: 54px;border-bottom: 1px solid #c6c6c6;  }
.navlist dt a{color:#2c2c2c;}

/* navlist */

/*banner*/
.banner_out {height: 0 !important;    padding-bottom:38%;overflow: hidden;}
.inbanner ul,.inbanner li{height: auto !important;}
.index_banner li img{width: 100%;}
.inbanner{width: 100%;overflow: hidden;z-index:2; }
.inbanner img{width: 100%;}
.inbanner li{position: relative;overflow: hidden;}
.inbanner li a{color: #fff !important;transition:all 0s;-webkit-transition:all 0s;-moz-transition:all 0s;-o-transition:all 0s;-ms-transition:all 0s;}
.inbanner li video{position: absolute;top: 0; width: 100%; height:100%;background:#000;}
.inbanner .swiper-button-next ,.inbanner .swiper-button-prev{display: none !important;}
.inbanner .swiper-pagination{position: absolute;left: 0;bottom:30px;width: 100%;text-align: center;cursor: default;}
.inbanner .swiper-pagination-switch{display: inline-block;cursor: pointer; width: 55px;height: 11px;opacity: 1;background: url(../images/banner_cicle.png) no-repeat 0 center;    border-radius: 0;margin: 0 !important;}
.inbanner .swiper-active-switch{background: url(../images/banner_cicle_on.png) no-repeat 0 center;}
.inbanner .swiper-pagination-switch.no{width: 11px; background: url(../images/banner_cicle01.png) no-repeat 0 center;}
.inbanner .swiper-pagination-switch.no.swiper-active-switch{background: url(../images/banner_cicle01_on.png) no-repeat 0 center;}

.inbanner .swiper-container-horizontal>.swiper-pagination-bullets,.inbanner .swiper-pagination-custom, .swiper-pagination-fraction{bottom:166px;height: 16px;}
.inbanner .swiper-pagination span:last-child{width: 11px;overflow:hidden;}


.banner_text{position: absolute; bottom:25%; left: 0;width: 100%;}
.banner_p{width: 55%;}
.inbanner li h1,.inbanner li p{
    word-break: break-all;
    opacity:0;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0;
    transition: 1.2s linear;-webkit-transition: 1.2s linear; -ms-transition: 1.2s linear;
}

.banner_text h1{ 
    font-size: 60px;line-height: 1.2em;max-height:2.4em;display: inline-block;background: url(../images/ic_logo.png) no-repeat right 0 ;padding-right: 26px;margin-bottom: 15px;overflow:hidden;
  -webkit-transform: translateY(-40px);-moz-transform: translateY(-40px);-o-transform: translateY(-40px);-ms-transform: translateY(-40px);transform: translateY(-40px);
}
.banner_text p{
clear: both;
font-size: 18px;line-height: 1.3em;max-height: 5.2em;overflow: hidden;
  -webkit-transform: translateY(40px);-moz-transform: translateY(40px);-o-transform: translateY(40px);-ms-transform: translateY(40px);transform: translateY(40px);

}

.inbanner li.swiper-slide-active h1,.inbanner li.swiper-slide-active p{
    opacity:1;filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1;
    -webkit-transform: translateY(0);-moz-transform: translateY(0);-o-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);
}
@media only screen and (max-width:1440px) {
.banner_text h1{font-size: 50px;}
.banner_p{width: 60%;}
}
@media only screen and (max-width:1366px) {
.banner_text h1{font-size:44px;}

}
@media only screen and (max-width:1280px) {
.banner_text h1{font-size:36px;}

}
@media only screen and (max-width:1024px) {
.banner_out{height: auto !important;padding-bottom: 0}
.index_banner{height: 0 !important;padding-bottom: 38%;}
.inbanner .swiper-pagination{bottom: 10px;}
.banner_text h1{font-size: 24px;}
.banner_text p{font-size: 14px;}
}
@media only screen and (max-width:767px) {
.index_banner{height: auto !important;padding-bottom: 0;}
.banner_out{height: auto !important;}
.inbanner li{height:160px !important;}
.index_banner li img{display: none;}
.banner_text p{max-height: 2.6em;}
.banner_text h1{font-size: 18px;background-size: 10px;padding-right: 20px;margin-bottom: 5px;max-height: 4.8em;}
.banner_text{bottom:auto;top:40px;}
.banner_p{width:100%;}
.inbanner li p{display: none;}
}

/*banner*/

.index_02{overflow: hidden;margin: 50px 0 64px 0;}
.index_02 .left{width: 66%;float: left;    padding-top: 10px;}
.index_02 .right{width: 28.5%;float: right;}
.index_tab{margin-bottom: 35px;position: relative;}
.index_tab ul{overflow: hidden;}
.index_tab li{float: left;}
.index_tab li a{display: block;margin: 0 18px;color: #787878;}
.index_tab li.first a{margin-left: 0;}
.index_tab li.first{background: url(../images/red.jpg) no-repeat right center;}
.index_tab li span{display: inline-block;width: 32px;margin-right: 10px;}
.index_tab li span img{width: 100%;vertical-align:middle;    margin-top: -3px;}
.ic_02{display: none;}
.index_tab li.on .ic_01{display: none;}
.index_tab li.on .ic_02{display: inline-block;}
.index_tab li.on a{color: #d80d19;}
.index_tab .index_more02{position: absolute;top:25%;right: 0;display: none;line-height: 24px}
.index_tab .index_more02 a{margin: 0;}
.index_tab .index_more02 img{vertical-align: middle;margin-left: 10px;}
.index_tab li.on .index_more02{display: block;}



.index_news_t dl{overflow: hidden;}
.index_news_t dt{width: 48%;float: left;position: relative;}
.index_news_t dt img{height: auto !important;}
.index_news_t dt a{height: 0;padding-bottom: 69%;overflow:hidden;}

.index_news_t dt em{display: block;position: absolute;right: 0;bottom: 0;width: 36px;height: 36px;background: url(../images/sj.png) no-repeat;}
.index_news_t dd{width: 48%;float: right;}
.index_news_t dd h3{line-height: 1.2em;max-height: 2.4em;overflow: hidden;margin-bottom: 10px;}
.index_news_t dd h3 a{color:#303030;}
.index_news_t dd p{line-height: 1.6em;max-height: 4.8em;overflow: hidden;}
.index_news_t dd span{color: #7e7e7e;display: block;margin-bottom:15px;font-size: 12px;}
.index_more{margin-top: 30px;}
.index_more a{display: inline-block;color: #d70d19;}
.index_more img{margin-left: 6px;vertical-align: middle;    margin-top: -2px;}
.index_news_in{display: none;}
.index_news_in.on{display: block;}
.index_list li{}
.index_list .news_block{padding: 18px 0;border-bottom: 1px dashed #bab2a1;}
.index_list span{display: block;    color: #d70d18;}
.index_news_b{overflow: hidden;padding-top: 12px;}
.index_news_b .index_list ul{margin: 0 -15px;}
.index_news_b li{width: 50%;*margin-left: -1px;float: left;}
.index_news_b li .news_block{margin: 0 15px;}
.index_news_b li .news_block h3{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.index_title img{vertical-align: middle;margin-top: -3px;margin-right: 8px;}
.index_more3{margin-top: 30px;}
.index_more3 a{color: #d70d19;border-bottom: 1px solid #d70d19;    padding-bottom: 4px;}
.right_in{ border: 1px solid #e4e4e4;padding:10px 30px 50px 30px;}
.right_in .index_title{margin-bottom: 15px; color: #2c2c2c;}
.right_in .index_list li{margin-bottom: 4px;}
.right_in .index_list li h3{line-height: 1.3em;max-height:2.6em;overflow: hidden;    margin-bottom: 5px;}
.right_in .index_list .news_block{padding: 10px 0;}
.right_in .index_list span{font-weight: normal; font-size: 12px; color: #d70d18;}

.index_news_in02 ul{overflow: hidden;margin: 0 -16px;}
.index_news_in02 li{float: left;width: 50%;*margin-left: -1px;}
.index_news_in02 dt{margin-bottom: 30px;}
.index_news_in02 dt,.index_news_in02 dd{float: none;width: 100%;}
.index_news_in02 .index_news_t dd h3{height: 2.4em;}
.index_news_in02 dl{padding: 0 16px;}
.index_news_in02 .index_news_t dd p{height: 4.8em;}


.index_tab02{margin-bottom: 60px;font-size: 16px;}
.index_tab02 .wrap{border-bottom: 1px solid #d9d9d9;}
.sliderwrap_out.cur{padding: 0 30px;position: relative;}
.sliderwrap_out.cur .but{display: block;}
.sliderwrap .but{display: none;}
.sliderwrap .but div{width: 20px;height:30px;position: absolute;top:0;cursor: pointer;}
.sliderwrap div.swiper-button-prev{background: url(../images/pre_01.png) no-repeat center center;background-size: 14px;left: 0;}
.sliderwrap div.swiper-button-next{background: url(../images/next_01.png) no-repeat center center;background-size: 14px;right: 0;}
.sliderwrap div.dis{opacity: 0.5}


.index_tab02 ul{height: auto !important;}
.index_tab02 li{height: 30px;line-height: 30px;margin-bottom: 10px;}
.index_tab02 a{display: block;position: relative;margin-right:15px;}

.index_tab02 em{position: absolute;left: 0;bottom: 0;width: 100%;height: 3px;background: #d80d19;display: none;display: none;}
.index_tab02 li.on em{display: none;}
.index_tab02 li.on a{color:#fff;background: #d80d19;}
.index_tab02 li.on a:hover{color: #fff !important;}
.index_tab02 li a{padding: 0 10px;}


/*.headlines,.headlines a{color: #fff;}*/
.headlines{overflow: hidden;}
.headlines .left{float: left;width: 47.5%;}
.headlines .left .index_more{display: none;}
.headlines .left dl{overflow: hidden;height: 197px;}
.headlines .left dt a{display: block;}
.headlines .left dt{width: 33%;float: left;}
.headlines .left dt img{width: 100%;height:auto !important;}
.headlines .left dt a{display: block;height: 0;padding-bottom: 56%;overflow: hidden;}
.headlines .left dd{float: right;width: 63%;}
.headlines .left dd h3{line-height: 1.2em;max-height: 2.4em;overflow: hidden;margin-bottom: 10px;}
.headlines .left dd span{display: block;margin-bottom: 20px;}
.headlines .left dd p{line-height: 1.5em;max-height: 3em;overflow: hidden;}
.headlines .right{float: right;width: 47.5%;}
.headlines_list li{height: 24px;line-height: 24px;border-bottom: 1px dashed #d1ccc0;padding:14px 0;}
.headlines_list li p{float:left;width: 80%;}
.headlines_list li p a{display: block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.headlines_list li span{float: right;font-size: 12px;}
.headlines .right .headlines_list li:first-child,.headlines .right .headlines_list li.first{padding-top: 0;}
.headlines .left .headlines_list li{border-top: 1px dashed #d1ccc0;}



@media only screen and (max-width:1440px) {
.nav{margin-left: 40px;}
.header_search{padding:0 20px;}
}
@media only screen and (max-width:1400px) {
.nav>ul>li>a{padding: 0 25px;}

}
@media only screen and (max-width:1330px) {
.nav>ul>li>a{padding: 0 20px;}

}

@media only screen and (max-width:1270px) {
.nav{margin-left: 20px;}

}
@media only screen and (max-width:1250px) {
.nav>ul>li>a{padding: 0 15px;}
}
@media only screen and (max-width:1180px) {
.nav>ul>li>a{padding: 0 10px;}
}
@media only screen and (max-width:1120px) {
.header h1{width: 260px;}
.nav>ul>li>a{padding: 0 6px;}
}

@media only screen and (max-width:1024px) {
.header h1{padding-top: 16px;}
.headlines .right,.headlines .left{width: 100%;float: none;}
.headlines .right,.headlines .left{}
.headlines .left dl{height: auto;margin-bottom: 20px;}
.headlines .right .headlines_list li:first-child,.headlines .right .headlines_list li.first{padding-top:14px}
.headlines_list li p{width: calc(100% - 80px)}
.headlines .right .headlines_list li:last-child{border-bottom: 0;}
.headlines .left .headlines_list li{border-top: 0;padding-top: 0;}
}
@media only screen and (max-width:767px) {
.headlines .left dt{margin-bottom: 20px;}
.headlines .left dt,.headlines .left dd{width: 100%;float: none;}
.headlines .left dd span{margin-bottom: 10px;}

.right_in .index_list li h3{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.headlines .right .headlines_list ul{max-height: 158px;overflow: hidden;}

}

.nav_phone_btn,.return_btn{display: none;}
@media only screen and (max-width:1024px) {
.nav>ul>li>a>em,.nav>ul>li.on>a>em{display: none;}

.return_btn{display: block;}
.header_right{
    transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;
    position:fixed;top:0;right:-250px;width:250px;height: 100%;background:#d21319;
}
.navbody .header_right{right: 0;}
.nav{padding-top:56px;}
.nav>ul>li>a{color: #fff;}
.nav>ul>li{float: none;}
.nav>ul>li>a,.header_search, .language{height: 30px;line-height: 30px;}
.nav{float: none;margin-left: 0;}
.language a{color: #fff;}

.header_re{position: absolute;top:12px;left:20px;}
.header_search{padding: 0;}
.header_search .search{display: none;}
.header_search{position: absolute;right: auto;left:0px;top:38px;}
.search_wrap{position: static;
    transform:scale(1,1); -webkit-transform:scale(1,1);-moz-:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);
    -webkit-transform: translateY(0px); -moz-transform: translateY(0px);-o-transform: translateY(0px);-ms-transform: translateY(0px);transform: translateY(0px);
    visibility: visible;
    opacity:1;filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1;border: 0;
    width: 164px;display: none;
}
.search_wrap input{width: calc(100% - 22px)}

/*手机导航按钮开始*/
.nav_phone_btn{float:right;margin-top:10px;display: block;cursor: pointer; height: 32px; margin-left: 20px;position: relative;z-index: 9;}
.body_nav_phone .nav_phone_btn{text-align: left; background: #fff;}
.nav_phone_btn span {position: relative;font-size: 0;width:26px;height: 2px;background-color: #d4161d;display: inline-block;transition:all 250ms ease-out;-webkit-transition:all 250ms ease-out;  top:0px;}
.nav_phone_btn span:before,.nav_phone_btn span:after {content: "";position: absolute;width: 100%;height: 2px;background-color: #d4161d;left:0px;transition:all 250ms ease-out;-webkit-transition:all 250ms ease-out;}
.nav_phone_btn span:before{top:-9px;}
.nav_phone_btn span:after{top:9px;}
.visible_nav.nav_phone_btn span{background-color: transparent;}
.visible_nav.nav_phone_btn span:before{left:5px;top:0px;transform: rotateZ(45deg);-webkit-transform: rotateZ(45deg);-ms-transform: rotateZ(45deg);}
.visible_nav.nav_phone_btn span:after{top:0px;left: 5px;transform: rotateZ(-45deg);-webkit-transform: rotateZ(-45deg);-ms-transform: rotateZ(-45deg);}
.nav_phone_btn.visible_nav{width: 34px;}

.nav_phone_btn.visible_nav span{width: 18px;}
.nav_phone_btn.visible_nav span:before, .nav_phone_btn.visible_nav span:after{background: #fff;}
/*手机按钮结束*/
.header_in{padding-top: 0;}
.header,.Header_Height{height: 56px;}


.inbanner .swiper-active-switch{background: url(../images/banner_cicle01_on.png) no-repeat 0 center;}
.inbanner .swiper-pagination-switch{width: 11px; background: url(../images/banner_cicle01.png) no-repeat 0 center;margin: 0 5px !important;}
.inbanner .swiper-pagination-switch.swiper-active-switch{background: url(../images/banner_cicle01_on.png) no-repeat 0 center;}


.index_tab{margin-bottom: 20px;}
.index_title img,.index_tab li span,.ic01 img{width:24px;}

.index_02{margin:30px 0;}
.index_02 .left{padding-top: 0;}
.index_02 .left,.index_02 .right{float: none;width: 100%;}
.right_in{border: 0;padding: 0;}
.index_02 .right{margin-top: 20px;}

.index_news_t dt,.index_news_t dd{width: 49%;}
.index_news_in02 .index_news_t dt,.index_news_in02 .index_news_t dd{width: 100%;}


.index_more3,.index_more{margin-top: 20px;}

/* shouji */
.navlist  .wrap{width: 100%;}

.nav>ul>li{padding: 0 20px;font-size: 14px;}
.nav>ul>li>span,.navlist dt>span{display:block;float:right;height: 30px;width: 20px;background: url(../images/perdon_more.png) no-repeat center center;cursor: pointer;}
.nav>ul>li>a,.navlist dt a{float: left;width: calc(100% - 30px);padding: 0;}
.navlist{
    transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;
    position:absolute;top:0; left: auto; right:-250px;width: 100%;height: 100%;background:#d21319;display:block;z-index: 9; padding-top: 50px;box-sizing: border-box;
}
.navlist dt a{color: #fff;}
.navlist ul{padding: 0;}
.navlist dt{padding: 0;margin: 0;    overflow: hidden;line-height: 30px;border: 0}
.navlist dl{padding: 0 20px;}
.navlist li,.navlist03 .ulleft li{float:none;width: 100%;float:none;}
.navlist ul{padding: 0;margin: 0;  clear: both;}
.navlist dt a{display:block}

.nav>ul>li.cur .navlist{right: 0;}
.nav_ul{padding-top: 10px;}

.navlist_p{clear: both;    margin-top: 10px;}
.return_btn{background:#b90308;padding: 0 10px;text-align: center;color: #fff;text-align: right;margin-top:-35px;line-height: 30px;    float: left; margin-left: 20px;}
.return_btn a{color: #fff; background: url(../images/perdon_more.png) no-repeat center right;padding-right: 14px;display: block;font-size: 12px; background-size: 8px;}
/* shouji */



}

@media only screen and (max-width:767px) {

.index_news_t dt{margin-bottom: 20px;}
.index_news_t dt, .index_news_t dd{float: none;width: 100%;}
.index_news_t dt,.headlines .left dt,.index_news_in02 .index_news_t dt{width: 75%;margin: auto;margin-bottom: 15px;}
.index_news_b li .news_block,.right_in .index_list .news_block{margin:0;padding: 12px 0;height: 20px;line-height: 20px;}
.index_news_b li{width: 100%;float: none;}
.index_news_b .index_list ul{margin: 0;}
.index_tab02{margin-bottom: 20px;}


.index_more3,.index_more{margin-top: 20px;}
.index_tab li a{margin: 0 10px;}
.index_tab,.index_title h1{font-size: 16px;}
.index_news_t dd span{margin-bottom: 10px;}
.index_news_t dt em{display: none;}
.index_tab{padding-bottom:30px;}
.index_tab .index_more02{top:30px;left: 0;}
.index_tab .index_more02 img{margin-left: 5px;}


.index_news_in02 dl{padding: 0;}
.index_news_in02 ul{margin: 0;}
.index_news_in02 li{float: none;width: 100%;margin-bottom: 20px;}
.index_news_in02 .index_news_t dd h3,.index_news_in02 .index_news_t dd p{height: inherit;}

.right_in .index_list li,.index_news_b li{height: 44px;margin-bottom: 0;}
.index_news_b .index_list ul,.right_in .index_list ul{max-height: 180px;overflow: hidden;}




}
@media only screen and (min-width:1024px) {
a,.site_ul li a dt,.site_ul li a dd{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
a:hover{color: #d80d18 !important;}
.tran_scale:hover img{transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);-moz-:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);}
.index_tab li:hover a{color: #656565 !important;}
.index_tab li.on:hover a{color: #d80d19 !important;}
.index_tab li a{transition:all 0s;-webkit-transition:all 0s;-moz-transition:all 0s;-o-transition:all 0s;-ms-transition:all 0s;}

.hover_bg{
    transition:all 0.4s;-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;-ms-transition:all 0.4s;
    position: absolute;top:0;left:0;width: 100%;height: 100%;background: #fff;transform:scale(0.8,0.8); -webkit-transform:scale(0.8,0.8);-moz-:scale(0.8,0.8);-o-transform:scale(0.8,0.8);-ms-transform:scale(0.8,0.8);visibility: hidden;
}
.site_ul li a:hover{color: #fff !important;}
.site_ul li a:hover dt,.site_ul li a:hover dd{-webkit-transform: translateY(-5px); -moz-transform: translateY(-5px);-o-transform: translateY(-5px);-ms-transform: translateY(-5px);transform: translateY(-5px);}
.index_tab li .index_more02:hover a,.index_more a:hover,.index_more3 a:hover{opacity:0.9;filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity:0.9;}

}

.footer{background: #2f2f2f;color: #b7b7b7;padding: 60px 0 30px 0;}
.footer a{color: #b7b7b7;}
.footer_nav{margin-bottom: 50px;}
.footer_nav dt a{color: #fff;}
.footer_nav ul{overflow: hidden;}
.footer_nav li{width: auto;float: left;margin-right: 100px;}
.footer_nav dt{margin-bottom: 25px;}
.footer_nav dd p{line-height: 2em;}

.foot_link{position: relative;overflow: hidden;line-height: 24px;margin-bottom: 20px;}
.foot_link a{color: #fff;}
.foot_link span{display: block;font-weight:bold;color: #fff;position: absolute;top:0;left: 0;}
.foot_link ul{padding-left:104px }
.foot_link ul li{float: left;padding-right: 28px;margin-right: 28px; background: url(../images/line02.png) no-repeat right center;margin-bottom: 10px;}
.foot_link ul li.first{padding-left: 0;}
.foot_link ul li.last{background: none}
.foot_link a{display: block;}

.foot_bottom{padding-top: 20px;border-top: 1px solid #464646;font-size: 12px;line-height: 24px;}
.gabah{line-height:20px;padding-top:5px}
.gabah img{margin-right:10px}
.gabah i{margin-left:10px;margin-top:4px}
.gabah i img{margin:0px;margin-top:2px}
@media only screen and (max-width:1440px) {
.footer_nav li{margin-right: 80px;}
}
@media only screen and (max-width:1366px) {
.foot_link ul{padding-left: 70px;}
.foot_link ul li{padding-right: 20px;margin-right: 20px;}
}
@media only screen and (max-width:1280px) {
.footer_nav li{margin-right: 0px;width: 20%}
}
@media only screen and (max-width:1024px) {
.footer{padding: 30px 0;padding-top: 10px;}
.footer_nav{margin-bottom: 30px;}
.footer_nav li{width: 100%;float: none;border-bottom: 1px dashed #3c3b3b;padding: 10px 0;}
.footer_nav dt{margin-bottom: 5px;float: none;width: 100%;}
.footer_nav dd{float: none;width: 100%;overflow: hidden;}
.footer_nav dd p{float: left;margin-right: 20px;}
}

@media only screen and (max-width:767px) {
.footer_nav{margin-bottom: 10px;}
.foot_link{margin-bottom: 10px;}
.foot_link ul{padding-left: 0;}
.foot_link span{position:static;}
.foot_link ul li{margin-right: 20px;padding-right: 0px;background: none;margin-bottom: 0;line-height: 2em;}
.foot_link a{color: #b7b7b7;}
.gabah img{margin-right:5px}
.gabah i{margin-left:5px;}
.foot_bottom{padding-top: 10px;}
}


.site_nav{
    position:fixed;right: 0;bottom: 20%;z-index: 992;width: 110px;
    transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;
}
.sidebar .sidebar-open{display:block;position: absolute;width: 20px;height: 30px;border-top-left-radius: 5px;border-bottom-left-radius: 5px;left: -20px;top: 25px;background:#da2128 url('../images/reform_pre_on.png') no-repeat center center;background-size: 50%;visibility: hidden;opacity: 0;transition: all 0.3s;cursor: pointer;    margin: 0;}
.sidebar .sidebar-close{float: right;width: 25px;height: 25px;background: url('../images/sech_close.png') no-repeat center center;text-align: center;color: #fff;margin-right: 10px;cursor: pointer;}
.sidebar.off{right:-110px;}
.sidebar.off .sidebar-open{visibility: visible;opacity: 1;}
.site_ul{padding-top: 26px;}
.site_ul li{background: #b30d14;margin-bottom: 1px;width: 110px;height: 90px;font-size: 12px;}
.site_ul li a{color: #fff;text-align: center;display: block;}
.site_ul li dl{padding-top: 18px;}
.site_ul li dt{width: 32px;height: 32px;margin: auto;margin-bottom:8px;}
.site_ul li img{width: 100%;}

/*page*/
.pageout{text-align: center; clear: both;    padding-bottom: 2px;}
.page{display:inline-block;*display:inline;*zoom:1;font-family: "Arial";    font-size: 12px;}
.page {vertical-align:middle;text-align:center;margin: 0 auto;padding-top: 50px; color:#2d2d2d; height:34px; line-height:34px; }
.page span{color:#2d2d2d; float: left;font-family: "微软雅黑" }

@media screen and(-ms-high-contrast:active),(-ms-high-contrast:none){
.page span em{vertical-align:middle; }
.language{margin-top: 4px;}
}
.ie8 .language{margin-top: 4px;}
.ie9 .language{margin-top: 4px;}
.ie9 .page span em{vertical-align:middle; }


.page i{ float: left; margin: 0 20px;}
.page a{float: left; width:34px; border: 1px solid #e5e2de; color: #666666; font-weight: bold; background: #ffffff; margin-left: -1px; }
.page a.on{background:#da2d29;color:#fff;border: 1px solid #da2d29; }
.page a.prev {background:url(../images/page_prev_on.png) center center no-repeat; text-indent:-10000px; margin-right: 5px;}
.page a.next {background:url(../images/page_next_on.png) center center no-repeat; text-indent:-10000px;}
.page a.prev.no{background:url(../images/page_prev01.png) center center no-repeat;}
.page a.next.no{background:url(../images/page_next01.png) center center no-repeat;}
.page a:first-child + a{}
.page a.next{margin:0 6px;}
.page a.go{margin-left:10px; width: 44px;border: 0; background: #da2d29; color: #fff; height: 22px; line-height: 22px;margin-top: 5px;}
.page a.go:hover{color: #fff !important;}
.page a.on:hover{color: #fff !important;}
.page span{float: left !important;}

.page .txtnum input{ display: block; font-family: "Arial";color:#2d2d2d; width:28px;height:22px; line-height:22px; padding: 0 5px; text-align:center;background:none; }
.txt_form{position: relative;margin: 0 6px;height: 22px;  border: 1px solid #d8d8d8;display: inline-block;}
.txt_form i{position: absolute;top:1px;right: 3px;width: 16px;height: 8px;margin: 0;float: none;cursor: pointer;z-index: 2;}
@media only screen and (max-width:1024px) {
.page{padding-top: 20px;}
}
@media only screen and (max-width:767px) {
body{cursor: pointer;}
.page{padding-top: 20px;height: 30px;line-height: 30px;}
.page a{width:26px;}
.page a,.page i{display:none; font-weight: normal;}
.page a.prev,.page a.next,.page a.go{display:block; display:inline-block;}
.page i{margin:0 4px;}
.txt_form i{display: none;}
.txt_form{padding-right: 0;}
.page a.on{display: inline-block;}
.page .txtnum input{text-align: center;width: 20px;}
.page a.go{margin-top: 3px;}


/*index*/
.index_news_b li .news_block,.right_in .index_list .news_block{overflow: hidden;}
.index_news_b li .news_block h3,.right_in .index_list li h3{width: calc(100% - 105px);float: left;margin-bottom: 0;}
.index_news_b li .news_block span,.right_in .index_list span{float: right;}


}



.indexbody .header{background: #fff}
.indexbody .Header_Height{display: none;}
.scrollHeader .header{background: #fff}
@media only screen and (max-width:1024px) {
.indexbody .Header_Height{display:block;}
}



