﻿@charset "utf-8";
/* reset */
html { height: 100% }
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% }
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 { line-height: 1.5 }
a { text-decoration: none; color:#000; }
a:hover { color:#b3132c;}
a { blr:expression(this.onFocus=this.blur()) }
a * { *cursor: pointer }
:focus { outline: none } 

.edit_con_original{ line-height:1.8; padding:0 0; color:#333;}
.edit_con_original ul{ margin:inherit; padding:inherit}
.edit_con_original ul li { list-style-type:disc; margin:auto; padding:inherit}
.edit_con_original ol{ margin:inherit; padding:inherit}
.edit_con_original ol li { list-style-type:decimal; margin:auto; padding:inherit}
.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 }

/*公用样式end*/
/*{filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr="#bbaf1f24", EndColorStr="#bbaf1f24")}*/
.auto-img { position: relative; overflow: hidden; display:block; }
.auto-img img { position: relative; }

.select-box { width: 100%; position: relative; z-index:100;  border-radius:1px; background:#fff; line-height:25px; height:25px; 
  color:#000;}
.select-box:hover{ z-index:101;}
.select-box dt {  margin-right:1px; padding: 0 5px; cursor: pointer; }
.select-box dt b{ font-weight:normal; display:block; margin-right:25px; border-right:1px solid #ddd;}
.select-box dt i.ico{ position:absolute; transition:0.3s all ease-in-out; background:url("../images/b1.png") no-repeat center;  width:30px; height:20px; right:0px; top:50%; margin-top:-10px;}
.select-box dt.open i.ico{-moz-transform:rotate(-180deg);
-webkit-transform:rotate(-180deg);
-o-transform:rotate(-180deg);
-ms-transform:rotate(-180deg);
transform:rotate(-180deg);}
.select-box dd { position: absolute; max-height: 200px; z-index:102; overflow-y: auto; background:#797979; border:1px solid #797979; padding:2px 0; overflow-x: hidden; width: 100%; left: -1px; top: 100%; display: none; }
.select-box dd a { display: block; line-height: 1.5; color: #fff; font-weight:normal; white-space: normal; padding: 0 5px; margin-top:1px;}
.select-box dd a:hover, .select_0 dd a.on { color:#eee;}


.mobile-navigation, .mobile-nav-toggle-btn, .mobile-blank, .mobile-search-toggle-btn, .mobile-user-link, .mobile-cancel-search-btn { display: none }

.mobile-nav-toggle-btn { 
	-webkit-transition: .4s ease transform;
	-moz-transition: .4s ease transform;
	-ms-transition: .4s ease transform;
	-o-transition: .4s ease transform;
	transition: .4s ease transform;
 }

.nav-opened .mobile-navigation { display: block }
.nav-opening #content-box, .nav-opening .mobile-nav-toggle-btn { 
	-webkit-transform: translate(-150px, 0);
	-moz-transform: translate(-150px, 0);
	-ms-transform: translate(-150px, 0);
	-o-transform: translate(-150px, 0);
	transform: translate(-150px, 0);
}


.mobile-navigation { position: fixed; top: 0; bottom: 0; right: 0; width: 150px; overflow: auto; -webkit-overflow-scrolling: touch; background: #fff }
.mobile-navigation .list > li {   border-top: 1px solid #d5d5d5; font-size: 16px }
.mobile-navigation .list > li:first-child { border-top: 0 none }
.mobile-navigation .list > li a { display: block; text-indent: 15px; height:40px; line-height:40px }
.mobile-navigation .list > li > a{color:#b3132c}
.mobile-navigation .list > li .child{padding-bottom:10px}
.mobile-navigation .list > li .child a{ height:26px; line-height:26px; font-size:14px; text-indent:24px}




.mobile-nav-toggle-btn { position: fixed; top: 65px; right: 15px; z-index: 999999; width: 40px; height: 30px; border: 4px solid #ffffff; background: #ffffff; box-shadow:-1px 1px 3px #888; border-radius:3px; }
.mobile-nav-toggle-btn:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-top: 5px solid #000000; border-bottom: 5px solid #000000 }
.mobile-nav-toggle-btn:after { content: ''; position: absolute; top: 12px; right: 0; left: 0; height: 5px; overflow: hidden; background: #000000; }

.mobile-search-toggle-btn { position: absolute; top: 50%; left: 40px; width: 24px; height: 24px; margin: -12px 0 0 }
.mobile-search-toggle-btn .icon { position: absolute; top: 50%; left: 50%; width: 22px; height: 22px; margin: -11px 0 0 -11px; background: url('../images/mobile_search_toggle_btn_bg.png') no-repeat 50% 50% }

.mobile-blank { position: fixed; z-index: 1000000; background: rgba(3, 2, 1, 0) }
.nav-opened .mobile-blank { top: 0; right:150px; bottom: 0; left: -150px; display: block }
.mobile-open-search .mobile-blank { top: 48px; right: 0; bottom: 0; left: 0; display: block; background: rgba(0, 0, 0, .4) }

#content-box { min-width: 320px }


.wrap { width:1658px; margin:0 auto;}
.header{ position:relative; z-index:10000; background:#fff; }
.header.fixedhede { position:fixed; display:none; top:0; left:0; width:100%; border-bottom:1px solid #eee;}
.header.fixedhede .top { margin-top:0; margin-bottom:0;}
.header .top {  margin:60px 0 50px; position:relative;}
.header .logo { float:left;width: 384px;}
.header .logo  img{
  width:100%;
}
.header .lang { position: absolute;top:-22px;right: 0;}
.header .lang a{ margin:0 6px;}
.header nav { float:right;margin-top:10px; font-size:16px; white-space:nowrap;}
.header nav li { float:left; line-height:32px; margin-right:70px; position:relative}
.header nav li:last-child{
  margin-right: 0;
}
.header nav li.on > a{ color:#df1c3c;}
.header nav .child { display:none; position:absolute; left:0; top:100%; background:#df1c3c; margin-left:-20px; padding:10px 20px;text-align: center;}
.header nav .child.about{left:16px;}
.header nav .child.inve{left:-16px;}
.header nav .child.news{left:0;}
.header nav .child.pro{left:0;}
.header nav .child a{color:#fff; line-height:30px; display:block}
.header nav .child a:hover{ color:#eee}
.header nav li:hover .child{display:block}

.header .top-search { position:absolute; right:0; top:8px; background:#fff; padding:4px;}
.header .top-search.open { border:2px solid #ddd; top:6px; right:-2px; width:216px; }
.header .top-search.open input { display:block;}
.header .top-search input { width:180px; padding:0 5px; border:0; height:26px; float:left; line-height:26px;  display:none;}
.header .top-search input#btnSearchHead {float:left;  border:0; background:url(../images/index_06.jpg) no-repeat; width:26px; height:26px; overflow:hidden; text-indent:-100px; display:block;}


.main { position:relative;}

.banner { height:750px; overflow:hidden; max-width:1658px; margin:0 auto;}
.banner li{ float:left;}

.main-news { position:relative; padding:60px 0 60px 400px; margin:0; min-height:300px;}
.main-news .title { position:absolute; background:url(../images/index_15.jpg) no-repeat; left:0; top:60px; width:328px; height:299px;}
.main-news .title span { background:url(../images/x1.png) right center no-repeat; display:block; padding-right:70px; color:#fff;
																									margin:80px 40px 0; text-align:right; font-weight:bold;
}
.main-news .title em { font-size:40px;}
.main-news .title i { font-size:35px; font-weight:normal;}
.main-news .cont { }
.main-news .cont .tab-head { font-size:20px; margin-bottom:20px; text-align:center;}
.main-news .cont .tab-head span { display:inline-block; margin:0 30px; line-height:1.8;}
.main-news .cont .tab-head span.on { border-bottom:2px solid #f64d51;	}
.main-news .cont .tab-head span.on a { color:#f64d51;}
.main-news .cont .tab-b { position:relative;height:236px;}
.main-news .cont .tab-b .i1 { height:220px; width:1px; top:10px; left:32.3%; position:absolute; border-left:1px dashed #ddd;}
.main-news .cont .tab-b .i2 { height:150px; width:1px; top:10px; left:67%; position:absolute; border-left:1px dashed #ddd; }
.main-news .cont .tab-b li {float:left; width:26.5%; margin:0 0 0 10%; position: relative;}
.main-news .cont .tab-b li:first-child { margin:0;}
.main-news .cont .tab-b li .h2 { font-size:18px; height:3em; overflow:hidden; font-weight:bold; margin-bottom:10px;}
.main-news .cont .tab-b li article {display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  
  text-overflow: ellipsis; overflow:hidden;}
.main-news .cont .tab-b li span { color:#ddd; display:inline-block; margin:20px 0 0;    position: absolute;
  left: 0;
  bottom: 10px; }
.main-news .cont .tab-b .more { background:url(../images/index_18.jpg) 10px center no-repeat; border:2px solid #d91a39; color:#d91a39; padding:5px; padding-left:20px; display:block; margin:25px auto 0; width:90px;}
.main-news .cont .tab-b .more:hover { border-color:#b3132c; color:#b3132c;}

.main-list { }
.main-list ul { height:400px;}
.main-list li { float:left; overflow:hidden;}
.main-list li img { width:100%; height:100%; }
.main-list li.i1 { width:800px; height:800px; }
.main-list li.i1 a { position:absolute; z-index:3; width:100%; height:100%; bottom:0; background:url(../images/blank.png) no-repeat;}
.main-list li.i1 a i { position:absolute; width:100%; bottom:0; display:none;  font-size:30px; line-height:2;  color:#fff; text-align:center;}
.main-list li.i1:hover a i { background-color:rgba(226, 27, 60, 0.5); display:block; }
.lt9 .main-list li.i1 a:hover { filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr="#88e21b3c", EndColorStr="#88e21b3c")}
.main-list li.i2,
.main-list li.i3,
.main-list li.i4,
.main-list li.i5{ width:429px; height:400px; }
.main-list li.i6{ width:858px; height:400px; }
.main-list li.i7{ width:800px; height:799px;}
.main-list li.i8{ width:285px; height: 480px;margin-right:20px}
.main-list li.i8:last-child{ margin-right:0;}
.main-list li.i9{ width:429px; height:399px; position:absolute; left:429px; bottom:0;}

.footer { margin-top:50px; }
.footer .wrap { padding:40px 0 0; border-top:1px solid #ddd;}
.footer .bq {text-align: center;
  margin-top: 20px;
  border-top: 1px solid #ccc;
  padding: 10px 0;  }
.footer .left .t { margin-bottom:10px; font-size:14px;}
.footer .left .t a { font-size:14px;}
.footer .left .t i { font-size:12px; display:inline-block; padding:0 15px; color:#ddd; position:relative; top:-2px;}

.footer .left .t .menu{ font-size:14px; position:relative; display:inline-block; cursor:pointer}
.footer .left .t .menu .child{ position:absolute; left:0; bottom:100%; background:#df1c3c; padding:5px; display:none}
.footer .left .t .menu .child a{ display:block; color:#fff; white-space:nowrap}
.footer .left .t .menu .child a:hover{color:#eee}
.footer .left .t .menu:hover .child{display:block}
.footer .left .b { }
.footer .left .b a { color:#888; display:inline-block; margin-left:20px;}
.footer .left .b a:hover {  color:#b3132c;}
.footer .right {float:right; }
.footer .wx { float:right;}
.footer .wx img { display:inline-block; margin-left:20px; width:48px; height:48px; cursor:pointer;}
.footer .bon{  width:150px; line-height:56px; height:56px; opacity:0.6; filter:alpha(opacity=60); display:block; float:right;}
.footer .bon a{	background:url(../images/shear.jpg) center no-repeat; display:block ; float:left; width:34px; height:34px; margin:10px 10px 0 5px;}
.footer .bon a.a-1{ background-position:-3px -4px;}
.footer .bon a.a-2{ background-position:-50px -4px;}
.footer .bon a.a-3{ background-position:-96px -4px;}
.footer .bon a.a-1:hover{ background-position:-3px -44px;}
.footer .bon a.a-2:hover{ background-position:-50px -44px;}
.footer .bon a.a-3:hover{ background-position:-96px -44px;}

.weixin{ position:fixed; width:300px; height:260px; z-index:100000; left:50%; top:50%; margin:-120px 0 0 -150px; background:#fff; border:1px solid #ddd; border-radius:4px; box-shadow:1px 1px 2px #aaa;}
.weixin .c{ position:absolute; width:30px; height:30px; right:0; top:0; font-size:20px; font-style:normal; text-align:center; cursor:pointer; z-index:2;}
.weixin h2{ position:relative; line-height:30px; font-size:16px; padding-left:10px;}
.weixin .img{ padding:10px; text-align:center; border-bottom:1px solid #ddd; border-top:1px solid #ddd;}
.weixin .img img{ width:180px; height:180px; }
.weixin p{ padding:2px 10px 0; text-align:center;}
.c_title span{
  font-size: 19px;
  text-decoration: underline;
  text-decoration-style: double;
  text-decoration-thickness: 1px;
  letter-spacing: 0.5px;
  line-height: 1.79em;
  color: #000000;
  text-decoration-color: #d82821 !important;
}
.news_tab{
  width:100%;
  padding:40px 0;
  background: #F5F5F5;
  margin-bottom:40px;
}
.tab-body{
  width: 1200px;
  margin: 0 auto;
  display: flex;
}
.tab-left{
  flex: 1;
  margin-right: 12px;
  position: relative;
}
.playIcon{
  position: absolute;
  left: 50%;
  top:50%;
  margin-left:-40px;
  margin-top:-40px;
  width: 80px;
height: 80px;
}
.tab-left_title{
width: 392px;
height: 52px;
color: #FFFFFF;
position: relative;
background:url("../images/news_bg.png") no-repeat;
background-size: 100% 100%;
}
.tab-left_title span{
  font-size: 20px;
color: #FFFFFF;
line-height: 23px;
border-left: 2px solid #FCF0BD;
display: inline-block;
margin: 16px 0 0 20px;
padding-left: 12px;
}
.tab-left_title span em{
  font-size: 12px;
}
.title_more{
  position: absolute;
  right: 20px;
  bottom:12px;font-size: 12px;
  
}
.title_more a{
  color:#fff;
}
.tab-left_cont{
  line-height: 40px;
  background:#fff;
  margin-top:12px;
  padding:10px 20px 10px;
  width: 352px;

}
.tab-left_cont_inner{
  line-height: 45px;
  height: 45px;
  white-space: nowrap; /* 禁止文本换行，使其在一行显示 */
  overflow: hidden; /* 超出元素宽度的内容隐藏 */
  text-overflow: ellipsis; /* 用省略号表示被隐藏的溢出内容 */
  font-size: 14px;
color: #666666;
}
.tab_img{
  width: 392px;
height: 308px;
overflow: hidden;
}
.tab_img img{
  width: 100%;
  height: 100%;
}
.zxbox_List {
  background: #F8F8F8;
}
.zxbox_List_con {
  width: 1200px;
  margin: auto;
}
.zxbox_List_con ul li {
  border-bottom: 1px solid #ccc;
  padding: 30px 0 20px;
  overflow: hidden;
  cursor: pointer;
}
.zxbox_List_con ul li .zxbox_List_con_l {
  float: left;
  width: 1030px;
}
.zxbox_List_con ul li .zxbox_List_con_l span.zxbox_List_con_tit {
  display: block;
  font-size: 20px;
  margin-bottom: 15px;
}
.zxbox_List_con ul li .zxbox_List_con_l p {
  font-size: 14px;
  color: #333;
  line-height: 2;
  margin-bottom: 15px;
}
.zxbox_List_con ul li .zxbox_List_con_l .zxbox_List_con_more {
  position: relative;
  color: #2238AA;
  font-size: 14px;
}
.zxbox_List_con ul li .zxbox_List_con_l .zxbox_List_con_more::after {
  content: '';
  display: block;
  border-left: 10px solid #2238AA;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  position: absolute;
  top: 4px;
  right: -19px;
}
.zxbox_List_con ul li .zxbox_List_con_r h1 {
  margin-bottom: 5px;
  font-size: 2em;
}
.zxbox_List_con ul li .zxbox_List_con_r {
  float: right;
  margin-top: 23px;
  text-align: right;
  color: #666666;
}

@media only screen and (min-width: 1701px)  and (max-width: 5120px) {
  .main-news .cont .tab-b li{
    height: 299px;
  }
  .main-news .cont .tab-b li article{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 7;
    text-overflow: ellipsis;
    overflow: hidden;
    
  }
  .main-news .cont .tab-b .i1{
    height:270px;
  }
    .main-list li.i8{
      width:399px;
      height:672px;
    }
}

@media only screen and (min-width: 1701px) {
	.wrap { width:1658px;}
	.banner { max-width:1658px; height:633px;}
	.main-news { margin:0 0px; }
	.header nav li { margin-right:50px;}
  .header nav li:last-child{
    margin-right: 0;
  }
.main-list li.i1 { width:676px; height:676px; }
.main-list li.i2,
.main-list li.i3,
.main-list li.i4,
.main-list li.i5{ width:362px; height:338px; }
.main-list li.i6{ width:725px; height:338px; }
.main-list li.i7{ width:675px; height:675px;}
/* .main-list li.i8{ width:363px; height:337px;} */
.main-list li.i9{ width:362px; height:337px;  left:363px; }

.main-news .cont .tab-b li { margin-left:5%; width:30%;height:236px;}
.tab-body{width: 1658px;}
.tab-left_title{
  width: 592px;
}
.tab-left_cont{
  width: 552px;
}
.tab_img{
  width: 447px;
}

}
@media only screen and (max-width: 1700px) {
	.wrap { width:1200px;}
	.banner { max-width:1200px; height:543px;}
	.header .top { margin:30px 0px 30px;}
		.header nav li { margin-right:40px;}
    .header nav li:last-child{
      margin-right: 0;
    }
	.main-news .title { width:290px; height:236px; top:40px;}
	.main-news { padding:40px 0 40px 320px; min-height:0;}
	.main-news .cont .tab-b .more { margin-top:15px;}
	.main-news .title span { margin:65px 30px 0 0;}
	.main-news .cont .tab-b li { margin-left:5%; width:30%;height:236px;}
	.main-news .cont .tab-b li:first-child{ margin:0; }

.main-list li.i1 { width:580px; height:580px; }
.main-list li.i2,
.main-list li.i3,
.main-list li.i4,
.main-list li.i5{ width:310px; height:290px; }
.main-list li.i6{ width:620px; height:290px; }
.main-list li.i7{ width:580px; height:580px;}
/* .main-list li.i8{ width:310px; height:290px;} */
.main-list li.i9{ width:310px; height:290px;  left:310px; }


}


@media only screen and (max-width: 1250px) {
	.wrap { width:1000px;}
	.banner { max-width:1000px; height:452px;}
	.header .top { margin:30px 0px 30px;}
	.header nav li { margin-right:20px;}
  .header nav li:last-child{
    margin-right: 0;
  }
	.main-news .cont .tab-b li .h2 { font-size:16px;}

	.main-news .title { width:200px; height:162px; top:40px;}
	.main-news .title span {margin:55px 10px 0 0; }
	.main-news .title em { font-size:24px; }
	.main-news .title i { font-size:20px;}
	.main-news { padding-left:220px;}
	.footer .left .b { font-size:12px;}

.main-list li.i1 { width:482px; height:482px; }
.main-list li.i2,
.main-list li.i3,
.main-list li.i4,
.main-list li.i5{ width:259px; height:241px; }
.main-list li.i6{ width:518px; height:241px; }
.main-list li.i7{ width:482px; height:482px;}
/* .main-list li.i8{ width:259px; height:241px;} */
.main-list li.i9{ width:259px; height:241px;  left:259px; }
.main-news .cont .tab-b li article{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  text-overflow: ellipsis;
  overflow: hidden;
}

.main-news .cont .tab-b,.main-news .cont .tab-b li{
  height: 156px;
}
.main-news .cont .tab-b .i1{
  height: 140px;
}
.main-list li.i8{
width: 235px;
height:395px;
}
.tab-body{
  width: 1000px;
}
.tab-left_title{
  width: 342px;
}
.tab-left_cont{
  width: 302px;
}
.tab_img {
  width: 290px;
 
  overflow: hidden;
}
.tab_img img{
  height: 100%;
  text-align: center;
}
}

@media only screen and (max-width: 1000px) {
	.wrap { width:760px;}
	.banner { max-width:760px; height:344px;}
	.main-news { position:relative; padding:30px 0;}
	.main-news .title { width:auto; height:auto; top:0; padding:3px 0 6px; position:relative; margin-bottom:10px; background:#dc1a39;}
	.main-news .title span { margin:0; padding:0; margin-left:20px; background:no-repeat; text-align:left;}
	.header .top { margin:20px 0 20px;}
	.header nav li { margin-right:15px;}
  .header nav li:last-child{
    margin-right: 0;
  }
	.header nav { }

	.footer .left { float:none; text-align:center; margin-bottom:30px;}
	.footer .right { float:none; text-align:center; position:relative;}
	.footer .wx { display:inline-block; float:none;}
	.footer .bon { display:block; float:left; position:absolute; left:0; bottom:0;}

.main-list li.i1 { width:100%; height:760px; }
.main-list li.i2,
.main-list li.i3,
.main-list li.i4,
.main-list li.i5{ width:50%; height:354px; }
.main-list li.i6{ width:100%; height:354px; }
.main-list li.i7{ width:100%; height:760px;}
.main-list li.i8{
  width: 175px;
  height:294px;
  }
/* .main-list li.i8,
.main-list li.i9{ width:50%; height:354px; position:relative; left:0;  } */
	.header .logo img { width:265px; height:auto;}
}
@media only screen and (max-width: 767px) {
	.wrap { width:98%;}
	.banner { max-width:98%; height:auto;}
	.main-list li {height:auto !important; }
	.main-list li img { width:100% !important; position:relative; left:0 !important; top:0 !important;  height:auto !important; margin:0 !important;}
	.main-list li.i1 a i { display:block;}
	.main-news .cont .tab-b { margin:0 20px;height:520px;}
	.main-news .cont .tab-b li { width:100%; float:none; margin:0 0 10px 0 !important; padding-bottom:10px; border-bottom:1px dotted #ddd;}
	.main-news .cont .tab-b .more { margin-top:0;}
	.main-news .cont .tab-b li span { margin-top:5px; }
	.banner .bx-controls-direction { display:none; }
	.header .top { padding:60px 0 30px; margin:0;}
	.header nav { display:none;}
	.header .top-search ,	.header .top-search.open{  border: 2px solid #ddd;
    right: 10px;
				left:10px;
    top: 6px; border-radius:10px; margin:0; width:auto;}
	.header .top-search input { display:block; width:90%;}
	.header .top-search #btnSearchHead { float:right; position:absolute; right:5px; top:4px;}
	.footer .bon { bottom:-60px; left:50%; margin-left:-70px;}
	.footer .left .t i { padding:0 5px;}
	.footer .left .t a { display:inline-block;}
	.main-news .cont .tab-head span { margin:0 8px;}
	.main-news .cont .tab-b .i1,
	.main-news .cont .tab-b .i2 { display:none;}
	.mobile-nav-toggle-btn { display: inline }
	#content-box { width: 100%; height: 100%; overflow: hidden; box-shadow: 0 0 15px rgba(0, 0, 0, .5); background: #ffffff;
		-webkit-transition: .4s ease;
		-moz-transition: .4s ease;
		-ms-transition: .4s ease;
		-o-transition: .4s ease;
		transition: .4s ease;
	position:fixed;
	}
	.content-inner { 
			height: 100%;
    overflow: auto;
    width: 100%;
	}

	.header .logo img { width: 240px; margin-top:10px; }
    .header .lang{position: absolute;top:72px;left:246px;} 

}

/* 20181015 */
.footer .left .t .cr{font-size: 14px;position: relative; display: inline-block;cursor: pointer;}
@media only screen and (max-width: 767px) {
    .footer .left .t .cr{display: block;margin-left: 0px;}
}
.code{
  display: none;
}
