锘?* reset */
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:"Microsoft Yahei",arial,"\5b8b\4f53"; }
body,a { color: #646464; }
a{transition: 0.3s all;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;-o-transition: 0.3s all;-ms-transition: 0.3s all;}
a:hover{color: #b02b2b !important}
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; color:#333;}
.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-size: 2em; font-weight:bold }
.edit_con_original h2 { font-size: 1.5em; font-weight:bold }
.edit_con_original h3 { font-size: 1.17em; font-weight:bold }
.edit_con_original h4 { font-size: 1em; font-weight:bold }
.edit_con_original h5 { font-size: 0.83em; font-weight:bold }
.edit_con_original h6 { font-size: 0.67em; 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 绫诲悕*/
/* 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;}
.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);}
/*涓ょ瀵归綈*/
.justify { text-align:justify; text-justify:distribute-all-lines;}
/*涓婁笅灞呬腑*/
.v-m-c{ transform: translate(0,-50%); -webkit-transform: translate(0,-50%); position:absolute; left:0; top:50%;}
/*宸﹀彸灞呬腑*/
.l-m-c{ transform: translate(-50%,0); -webkit-transform: translate(-50%,0); position:absolute; left:50%; top:0;}
/*缁濆灞呬腑*/
.a-m-c{ transform: translate(-50%,-50%); -webkit-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_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_32 { font-size:32px; line-height:34px; }
.fnt_34 { font-size:34px;}
.fnt_36 { font-size:36px;}
.fnt_40 { font-size:40px;}
.fnt_48 { font-size: 48px;}
.fnt_66 {font-size: 66px;}
.fnt_72 {font-size: 72px;}
.fnt_120 { font-size: 120px;}
.ratio-img,.ratio-img img{width: 100%; max-height: 100%;}
.scrollHeader .header{box-shadow: 0px 0px 10px #555;}
.wrap{width: 1636px; margin: auto}
.wrap2{width: 1250px; margin: auto}
.header{height: 92px; background: #fff; display: table; position: fixed; width: 100%; left: 0; top:0; z-index: 999;}
.header_height{height: 92px;}
body.home{ padding-top: 108px; background: url(../images/body_home.jpg) center top no-repeat; background-size: cover;}
body.home .header{ position: absolute; top:108px;}
.header .wrap{/*position: relative;*/}
.header h1{float: left;padding-top: 20px; width:262px;}
.header h1 a{display: block;}
.header h1 img{width: 100%}
.header .nav{float: right; overflow: hidden;}
.header .nav>ul>li{float: left; font-size: 18px; height: 92px; line-height: 92px; margin: 0 20px;}
.header .nav>ul>li>a{color: #000; display: block; position: relative; height: 92px; line-height: 92px;z-index: 9;}
.header .nav>ul>li>a>em{position: absolute; left: 50%; bottom: 0; width: 0%;height: 2px; background: #db3149;transition: 0.3s all;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;-o-transition: 0.3s all;z-index: 9;}
/*.header .nav>ul>li.on>a{color: #b02b2b}*/
.header .nav>ul>li.on>a>em{left: 0; width: 100%; }
.header .nav>ul>li:hover>a>em{left: 0; width: 100%;}
.header .header_r{width: 210px; float: right; display: table; padding-top: 34px; margin-left:7.3% !important; position: relative; z-index: 99}
.header .header_r .header_r01,.header .header_r .header_r02{float: left;}
.header .header_r .header_r01{width: 130px; position: relative; margin-right: 10px !important;}
.header .header_r .header_r01 dt a{background: url(../images/shopping.png) no-repeat 0 center; padding-left: 35px; height: 24px; line-height: 24px; overflow: hidden; display: block; color: #e15166;}
.header .header_r .header_r01 dt a em{float: left;}
.header .header_r .header_r01 dt a i{width: 7px; height:24px; display: inline-block; background: url(../images/arrow_bottom.png) no-repeat center center; float: right;}
.header .header_r .header_r01 dd{display: none; position: absolute; right:-6px; top:56px; background: #fff; width:150px; z-index: 9;}
.header .header_r .header_r01 dd p{padding:0 10px; padding-left: 40px; background: url(../images/shopping.png) no-repeat 10px center; height: 24px; line-height: 24px; margin-bottom: 10px;}
.header_shopping{padding:10px 6px; width: 150px; overflow: hidden;}
.header_shopping a{float: left; margin: 0 3px; display: block;}
.header_shopping a img{width: 40px; height: 39px;}
.language{float: right; margin-left: 25px;}
.header_search{float: right; cursor:pointer;}
.header_search span{ display:block;width: 18px; height: 18px; line-height: 18px; text-align: center; border: none;background:url(../images/search.png) no-repeat center center; position:relative; margin-top: 2px;}
.header_search span img{vertical-align: middle; margin-top: -3px;}
.header_search.on span {opacity:0.5;filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5;}
.search_wrap{display: none; background:#fff; width: 290px; right:0; position:absolute; top:68px; border: 4px solid #d11010;z-index: 9;}
.search_box_button { height:40px; width:36px; background:url(../images/search.png) no-repeat center; border:0; outline: none; float: right; }
.search_box_text {width:230px; padding: 0 10px; float:left; border:0;height:40px; outline: none; line-height: 40px; background:#fff;}
.index_banner{}
.index_banner li img{width: 100%;}
/*banner*/
.inbanner{width: 100%;overflow: hidden;z-index:2; background:#fff;}
.inbanner img{width: 100%;}
.inbanner li{position: relative;overflow: hidden;}
.inbanner li a{display: block;width: 100%;height: 100%;}
.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-bullet{ border:3px solid #fff; background: url(../images/wite.png) repeat; width: 12px;height: 12px;vertical-align: middle; margin-top: 0px; opacity: 1; margin: 0 14px !important; transition: 0.3s all;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;-o-transition: 0.3s all;-ms-transition: 0.3s all; }
.inbanner .swiper-pagination-bullet-active{background: #db3149;border:3px solid #db3149;}
.inbanner .swiper-container-horizontal>.swiper-pagination-bullets,.inbanner .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 32px;}
.inbanner li span.ico_btn{ cursor: pointer; position: absolute; right:50px; top:50px; width: 44px; height: 44px;z-index: 1000;background: url(../images/btn_play.png) no-repeat; }
.inbanner li span.ico_btn.muted{background: url(../images/btn_pause.png) no-repeat;}
.block_01{margin-bottom: 118px;}
.block_01 ul{overflow: hidden;}
.block_01 li{float: left; width: 25%;*margin-left: -1px; }
.block_01 li a{display: block; position: relative; color: #fff;overflow: hidden;}
.block_01 li a:hover{ color: #fff !important;}
.block_01 li .block_in_text{position: absolute; left: 0; bottom:7.3%; width: 100%;}
.block_01 .block_p_con{padding: 0 11%;}
.block_01 .block_p_con h1{float: left; line-height: 1.1em; position: relative;width: 72px; margin-right: -72px; z-index: 2;transition: 0.3s all;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;-o-transition: 0.3s all;-ms-transition: 0.3s all;}
.block_01 .block_in_p{line-height: 24px; max-height: 72px; overflow: hidden;float: left;width: 100%; margin-top: 28px;
transition: 0.5s all;-webkit-transition: 0.5s all;-moz-transition: 0.5s all;-o-transition: 0.5s all;-ms-transition: 0.5s all;
-webkit-transform: translateX(100px);-moz-transform: translateX(100px);-o-transform: translateX(100px);-ms-transform: translateX(100px);transform: translateX(100px);
opacity:0;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0;}
.block_01 .block_in_p p{margin-left: 90px;}
.block_01 li:first-child + li,.block_01 li.cur{width: 50%;}
.block_01 li.cur .block_p_con{padding: 0 5.5%;}
.block_01 li:hover .block_in_p{
opacity:1;filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1;
-webkit-transform: translateX(0px);-moz-transform: translateX(0px);-o-transform: translateX(0px);-ms-transform: translateX(0px);transform: translateX(0px);
}
.block_01 li:hover h1{animation: doubleBounce 0.6s ease-in-out; }
@keyframes doubleBounce {
0% {
-webkit-transform:scale(1);
transform:scale(1);
}
50% {
-webkit-transform:scale(0.8);
transform:scale(0.8);
}
100% {
-webkit-transform:scale(1);
transform:scale(1);
}
}
@-webkit-keyframes doubleBounce {
0% {
-webkit-transform:scale(1);
transform:scale(1);
}
50% {
-webkit-transform:scale(0.8);
transform:scale(0.8);
}
100% {
-webkit-transform:scale(1);
transform:scale(1);
}
}
@-ms-keyframes doubleBounce {
0% {
-webkit-transform:scale(1);
transform:scale(1);
}
50% {
-webkit-transform:scale(0.8);
transform:scale(0.8);
}
100% {
-webkit-transform:scale(1);
transform:scale(1);
}
}
@-moz-keyframes doubleBounce {
0% {
-webkit-transform:scale(1);
transform:scale(1);
}
50% {
-webkit-transform:scale(0.8);
transform:scale(0.8);
}
100% {
-webkit-transform:scale(1);
transform:scale(1);
}
}
@-o-keyframes doubleBounce {
0% {
-webkit-transform:scale(1);
transform:scale(1);
}
50% {
-webkit-transform:scale(0.8);
transform:scale(0.8);
}
100% {
-webkit-transform:scale(1);
transform:scale(1);
}
}
.block_02{/*background: url(../images/index_bg.jpg) no-repeat center 0;*/background: url(../images/index_bg.jpg) no-repeat center top/cover fixed; padding-bottom: 100px; min-height:560px;}
.ie8 .block_02,.ie7 .block_02{background: url(../images/index_bg.jpg) no-repeat center 0;}
.block_02 .wrap{overflow: hidden;}
.block_02 .left{width: 300px;position: relative; margin-right: -300px;z-index: 9; float: left;}
.block_02 .left a{color: #515151;display: inline-block; position: relative;}
.block_02 .left a em{display: block; width:0; height: 2px; background: #af2b2b; position: absolute; bottom: 0; left:50%;transition: 0.3s all;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;-o-transition: 0.3s all;-ms-transition: 0.3s all;}
.block_02 .left li{line-height: 60px;}
.block_02 .left li a:hover{color: #b02b2b;}
.block_02 .left li a:hover em{color: #b02b2b; width: 100%; left: 0;}
.block_02 .left li.on a{color: #b02b2b;}
.block_02 .left li.on a em{color: #b02b2b; width: 100%; left: 0;}
.block_02 .right{width: 100%; float: left;}
.block_02 .right .index_gk{margin-left: 300px;}
.index_gkcont dl{overflow: hidden;}
.index_gkcont dt{float: left; width: 26.4%}
.index_gkcont dd{float: right;width: 63%;}
.index_gktop{padding: 20px 30px; color: #000;width:500px; min-height: 246px; overflow: hidden; margin-bottom: 50px;}
.index_gktop h2{line-height: 1.1em;margin-bottom: 5px;}
.index_gktop_re{width: 125px; float: right; position: relative; margin-left: -125px;z-index: 9;}
.index_gktop_le{width: 370px; float: left;}
.index_gk_intr{margin-bottom: 30px;}
.index_gk_intr h3{color: #000; font-weight: bold; margin-bottom: 15px;}
.index_gk_intr .index_gk_p{line-height: 1.5em; max-height:4.5em; overflow: hidden;}
.gk_format ul{overflow: hidden;margin: 0 -45px;}
.gk_format li{width: 50%; float: left;*margin-left: -1px;}
.gk_format li .index_gk_intr{margin: 0 45px;}
.index_more01{margin-top: 30px;}
.index_more01 a{display: inline-block;width: 28px; height: 28px; background: url(../images/index_more1.png) no-repeat center center;}
.index_more01 a:hover{background: url(../images/index_more1_on.png) no-repeat center center;}
.block_03{position: relative; width: 100%; overflow: hidden;}
.block_03>a{display: block;overflow: hidden;}
.block_03>a>img{width:110%;margin-left: -10%; -webkit-transition: opacity .4s ease-in,-webkit-transform .6s linear;transition: opacity .4s ease-in,transform .6s linear;}
.block_03:hover>a>img{ -webkit-transform: translateX(20px); -moz-transform: translateX(20px);-o-transform: translateX(20px);-ms-transform: translateX(20px);transform: translateX(20px);
/*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);*/
}
.block_03 .index_culturebg{position: absolute; top:0; left: 0; width: 100%; height: 100%; background: url(../images/index_culture_blank.png) repeat;}
.index_culture_p{width: 190px; height: 190px; position: absolute; top:50%; left: 50%; margin-top: -95px; margin-left: -95px;transition: 0.6s all;-webkit-transition: 0.6s all;-moz-transition: 0.6s all;-o-transition: 0.6s all;-ms-transition: 0.6s all;}
.block_03:hover .index_culture_p{-webkit-transform: translateY(100px);-moz-transform: translateY(100px);-o-transform: translateY(100px);-ms-transform: translateY(100px);transform: translateY(100px);}
.block_04{padding: 150px 0;overflow: hidden;}
.index_title{color: #000; text-align: center; margin-bottom: 60px;}
.index_new{color: #646464;}
.index_new ul{overflow: hidden;margin: 0 -65px;}
.index_new li{width: 33.33%; float: left;*margin-left: -1px;}
.index_new li .news_inbox{margin: 0 65px;}
.index_new li .news_inbox h4{ margin-bottom:20px;}
.index_new .new_time{ font-family: "Arial"; margin-bottom: 10px;}
.index_new h3{font-weight: bold;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; border-bottom: 1px solid #646464; padding-bottom: 6px; margin-bottom: 10px;}
.index_new .index_new_p {line-height: 1.5em; height: 4.5em; overflow: hidden;}
.index_more02{margin-top: 30px;}
.index_more02 a{display: inline-block;width: 16px; height: 29px; background: url(../images/index_more2.png) no-repeat center center;}
.index_more02 a:hover{background: url(../images/index_more2_on.png) no-repeat center center;}
.view_more{ display: block; margin-top:20px; text-align: center; width:100%;}
.block_05{background: #efefef; padding: 80px 0 100px 0; overflow: hidden;}
.index_service ul{overflow: hidden;margin: 0 -20px;}
.index_service li{float: left; width: 33.33%;*margin-left: -1px;}
.index_service .service_box{width: auto; margin: 0 20px; overflow: hidden; position: relative; color: #fff;}
.index_service .service_box h3{position: absolute;top:17%; left: 9.6%;}
.service_block{position: absolute;width: 100%; left: 0; bottom: 14.4%;}
.service_block_p{padding: 0 9.6%;}
.service_block01 dl{overflow: hidden; margin: 0 -5px; }
.service_block01 dl dt{min-width: 25%; float: left;*margin-left: -1px;}
.service_block01 dl dt p{margin: 0 5px;}
.service_block01 dl dt a{color: #fff; border-bottom: 1px solid #fff; display: inline-block; padding-bottom: 5px;}
.service_block02 h4{margin-bottom: 10px;}
.service_block03 dl{overflow: hidden;}
.service_block03 dt{float: left; margin-right: 30px;}
.service_block03 dt .service_enter{display: block; width: 48px; border: 1px solid #fff; padding: 12px; text-align: center; color: #fff; background: url(../images/transparent.png) repeat;}
.service_block03 dt:hover a{color: #fff !important;opacity:0.7;filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity:0.7;}
.index_more03{margin-top: 35px; height: 10px;}
.index_more03 img{width: 9px; height: 10px;}
.footer{background: #fff; padding: 40px 0 55px 0;}
.foot_nav{text-align: center;margin-bottom: 20px;}
.foot_nav a,.foot_nav span{color: #000; margin: 0 16px;}
.foot_nav a,.foot_nav span{position: relative}
.foot_nav a em{display: none;position: absolute; left:50%; margin-lefT:-150px; top:-393px; width:300px; height:393px; overflow:hidden;}
.foot_nav a em img{ width:100%;}
.foot_nav a:hover em{ display:block;}
.foot_nav span dl{
position: absolute;
width:100px;
bottom:100%;
left:50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
background: #fff;
box-shadow: 0 0 10px rgba(0,0,0,0.4);
line-height: 2em;
padding: 5px 0;
display: none;
}
.foot_nav span:hover dl{
display: block;
}
.foot_p01 img{margin: 0 4px;}
.foot_p02,.foot_p01,.foot_p02 a,.foot_p01 a{text-align: center;color: #bcbcbc; font-size: 12px; line-height: 20px;}
.foot_share{text-align: center; height: 28px; overflow: hidden; margin-bottom: 30px;}
.foot_share .bdsharebuttonbox>a {display: inline-block;background-position: left top !important;width:32px !important;height: 26px !important;margin: 0px 10px !important;padding: 0 !important; float: none !important;}
.foot_share .bds_weixin{background: url(../images/index_share01.png) no-repeat center center !important;}
.foot_share .bds_tsina{background: url(../images/index_share02.png) no-repeat center center !important;}
/*.foot_share .bds_weixin:hover{background: url(../images/index_share01_on.png) no-repeat center center !important;}
.foot_share .bds_tsina:hover{background: url(../images/index_share02_on.png) no-repeat center center !important;}*/
@media only screen and (max-width: 1720px) {
.wrap{width: 90%;}
.header .header_r{margin-left: 50px;}
.header .nav>ul>li{margin: 0 15px; font-size: 16px;}
}
@media only screen and (max-width: 1600px) {
.header .nav>ul>li{margin: 0 12px;}
}
@media only screen and (max-width: 1500px) {
.header .header_r{margin-left: 50px;}
.index_service .service_box h3{top:10%;}
.header .nav>ul>li{margin: 0 10px; font-size: 15px;}
}
@media only screen and (max-width: 1440px) {
.header .header_r{margin-left: 30px;}
.header .header_r .header_r01{margin-right: 30px;}
.index_title{margin-bottom: 40px;}
.block_01{margin-bottom: 80px;}
.block_01 .block_p_con h1{width: 50px; margin-right: -50px;}
.block_01 .block_in_p p{margin-left: 60px;}
.block_01 .block_in_p{margin-top: 0}
.block_01 li .block_in_text{bottom: 10%}
.block_04{padding: 80px 0;}
.index_new ul{margin: 0 -50px;}
.index_new li .news_inbox{margin: 0 50px;}
.index_gktop{min-height: 190px;}
.service_block03 dt{margin-right: 20px;}
.block_01 .block_p_con { padding: 0 5%;}
.block_01 li.cur .block_p_con { padding: 0 2%;}
.header .header_r{margin-left: 50px !important;}
}
@media only screen and (max-width: 1366px) {
/*.header .header_r{width: 260px; margin-left: 10px;}*/
.language{margin-left: 20px;}
.header .nav>ul>li{font-size: 14px; margin:0 8px;}
.index_new ul{margin: 0 -30px;}
.index_new li .news_inbox{margin: 0 30px;}
.index_more03{margin-top: 20px;}
.service_block{bottom: 10%}
.block_02 .left{width: 190px;}
.block_02 .right .index_gk{margin-left: 190px;}
.index_gkcont dd{width: 66%;}
.gk_format ul{margin: 0 -20px;}
.gk_format li .index_gk_intr{margin: 0 20px;}
}
@media only screen and (max-width: 1300px) {
.header .header_r{margin-left: 10px !important;}
}
@media only screen and (max-width: 1280px) {
.header .nav{float: left; margin-left: 20px;}
.block_02{padding-bottom: 50px;min-height: auto}
.index_gktop{width: 85%;margin-bottom: 30px; min-height: 140px;}
.index_service .service_box h3{left: 20px;}
.service_block_p{padding: 0 20px;}
.service_block03 dt .service_enter{padding: 10px 4px;}
.header .header_r{margin-left: 20px;}
.header .header_r .header_r01{margin-right: 20px;}
.index_service ul{margin: 0 -10px;}
.index_service .service_box{margin: 0 10px;}
}
/*@media only screen and (max-width: 1240px) {
.header .nav>ul>li{margin: 0 10px;}
}*/
@media only screen and (max-width: 1250px) {
html,.wrap{width:1250px; margin: auto;}
.header{position: static;}
.header_height{display: none;}
}
.back_top{ z-index: 99; background:url(../images/top_menu.png) no-repeat; display: block; width:40px; height:26px; position:fixed; right:20px; bottom:20%; opacity:0.5;}
.back_top:hover{ opacity:1!important;}
/*2018-08-10*/
.ie7 .inbanner ,.ie8 .inbanner{display: none;}
.ie7 .banner_ie ,.ie8 .banner_ie{display: block;}
.banner_ie{overflow: hidden; position: relative; display: none;}
.imgbox li{display: none; height: 100%; width: 100%;}
.imgbox li.on{display: block;}
.mask{position: absolute; width: 100%; bottom: 32px;z-index: 99;}
.mask .pages{text-align: center; width: 100%;}
.mask .pages a{border:3px solid #fff;background: url(../images/wite.png) repeat;width: 12px;height: 12px;vertical-align: middle;margin-top: 0px;opacity: 1;margin: 0 14px !important;transition: 0.3s all;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;-o-transition: 0.3s all;-ms-transition: 0.3s all;display: inline-block; border-radius: 50%}
.mask .pages a.on{background: #db3149;border:3px solid #db3149;}
.navlist{ text-align: center; position: absolute; left: 0; top:90px; width: 100%; height: 0; overflow:hidden; /*padding: 30px 0 40px;*/ background:url(../images/wite_bg70.png) repeat; overflow: hidden; }
.navlist a{color: #000;}
.navlist a:hover{color: #b02b2b !important;}
.navlist ul{/*overflow: hidden;*/ font-size: 14px;}
.navlist ul li{float: left;}
.header ul li:hover .navlist,.header ul li.on .navlist{ height:100%;padding: 30px 0 60px;}
.ul_01 li h3{height: 24px; line-height: 24px; background: url(../images/nav_arrow.png) no-repeat 0 center; padding-left: 20px;}
.ul_01 li p{height: 24px; line-height: 24px;}
.ul_01 li p a{color: #7f7b7a;}
.ul_01 .li_img01{margin-right: 34px; border-right: 1px solid #c6c6c4; padding-right: 30px;}
.ul_01 .li_img01 a{display: block; border: 4px solid #fff; width: 206px;}
.ul_01 .li_img01 a img{ height: 115px; }
.ul_01 li h3{margin-bottom: 5px;}
.ul_01 li{margin:0 18px;}
.ul_01 .navlist_a{padding-left: 20px;}
.ul_03 li{ text-align: center;}
.ul_03 li dl{margin:0 38px;}
.ul_03 li dd{line-height: 24px;}
.header .navlist .wrap{width: auto; margin: auto; overflow: hidden;display:inline-block;*display:inline;*zoom:1;}
.header .navlist03 .wrap{width:100%;}
.header .navlist03 .swiper-button-prev,.header .navlist03 .swiper-button-next{ width:30px; height:30px; margin-top:-15px; background-size:20px 30px;}
/*page*/
.page { vertical-align: middle;
text-align: center;color: #808080;
padding-top: 20px;
}
.page input { vertical-align: middle; }
.page span { margin-right: 12px; }
.page a { vertical-align: middle; background:#fff; display: inline-block; width: 34px; height: 34px; line-height: 34px; text-align: center; color: #a1a1a1; margin: 0px 2px; font-family: Arial, Helvetica, sans-serif; }
.page a.on { width: 34px; height: 34px; line-height: 34px; text-align: center; background-color: #b02b2b; color: #fff; }
.page a:hover { width: 34px; height: 34px; line-height: 34px; text-align: center; background-color: #b02b2b!important; color: #fff!important; }
.page a.prev { width: 34px; height: 34px; margin: 0px 2px 0px 0px; color:#a1a1a1; background: #fff; }
.page a.next { width: 34px; height: 34px; margin: 0px 0px 0px 2px; color:#a1a1a1; background: #fff; }
.flink{padding: 60px 0 30px;}
.flink ul{margin:0 -1%;}
.flink li{ float: left; width: 18%; margin:0 1% 2%; box-sizing: border-box;}
.flink li .img{ border:1px solid #333; overflow: hidden;}
.flink li h2{margin:10px; height: 3em; overflow: hidden; line-height: 1.5; text-align: center; color: #333;}
@media only screen and (max-width: 1280px) {
.flink ul{margin:0;}
}
.foot_p01 p{text-align: center; color: #000; line-height: 20px; margin-bottom: 10px;}
.navlist ul li ol li:nth-child(4){clear: both;}
.navlist ul li ol li{margin-bottom: 30px;}
.video-tab {
text-align: center;
margin-bottom: 65px;
}
.video-tab span a {
font-size: 36px;
color: #515151;
margin-right: 60px;
display: inline-block;
padding: 0 20px;
line-height: 50px;
}
.video-tab span.lasttab a {
margin-right: 0;
}
.video-tab span.on a {
color: #b02b2b;
border-bottom: 1px solid #af2b2b;
}
/*20181119*/
body{overflow-x: hidden;}
.index_banner{position: relative;}
.bcon{width: 475px; height: auto; padding: 43px; padding-bottom: 80px !important; box-sizing: border-box; background: rgba(0,0,0,0.6); position: absolute; right: 27px; top: 50%; transform: translate(0,-50%); -webkit-transform: translate(0,-50%); z-index: 2; color:#fff; transition: all 0.3s;}
.bcon.on{transform: translate(497px,-50%); -webkit-transform: translate(497px,-50%); cursor: pointer;}
.bcon a{color:#fff;}
.bcon h1{display: inline-block; border-bottom: #ff1300 solid 1px; padding-bottom: 10px;}
.bcon ul li{border-bottom: rgba(255,255,255,0.5) solid 1px; padding: 7px 0; margin-top: 30px;}
.bcon ul li span{margin-bottom: 10px; display: block;}
.bcon ul li p{line-height: 24px; max-height: 48px; overflow: hidden; }
.close_icon{width: 25px; height: 25px; background: url(../images/close_icon.png) center center no-repeat; background-size: 100% 100%; position: absolute; top: 20px; right: 20px; cursor: pointer;}
.main{position: relative;}
.mcon{width: 100%; height: 102px; padding: 35px 0; background: rgba(0,0,0,0.6); position: absolute; /*top: -118px;*/ bottom: 150px; left: 50%; transform: translate(-50%,0);-webkit-transform: translate(-50%,0); z-index: 1; color: #fff; transition: all 0.3s; }
.mcon.on{transform: translate(49.6%,0); -webkit-transform: translate(49.6%,0); cursor: pointer;}
.mcon a{color: #fff;}
.tips{width: 96px; height: 96px; border: #f11200 solid 3px; position: relative; margin-left: 48px; float: left; margin-right: 40px;}
.tips em{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); display: block; width: 100%; text-align: center;}
.mcon ul{float: left; width: calc(100% - 190px); width: -moz-calc(100% - 190px);}
.mcon ul li{width: 37.5%; margin: 0 2.7%; float: left; border-bottom: rgba(255,255,255,0.5) solid 1px; padding: 15px 0 8px;}
.mcon ul li span{display: block;margin-bottom: 15px;}
.mcon ul li p{line-height: 24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.close_icon1{width: 34px; height: 34px; right: 35px; top: 35px;}
@media only screen and (max-width: 1440px) {
/*.mcon{top: -80px;}*/
.bcon{padding: 30px; width: 450px; }
.bcon.on{transform: translate(472px,-50%); -webkit-transform: translate(472px,-50%);}
.bcon ul li{margin-top: 20px;}
}