@charset "UTF-8";
@media only screen and (max-width: 1200px) {
*{
	box-sizing: border-box;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
.col.sm-col12{width: 100%; float: left;}
.col.sm-col1{width: 8.33333333%;}
.col.sm-col2{width: 16.66666667%;}
.col.sm-col3{width: 25%;}
.col.sm-col4{width: 33.33333333%;}
.col.sm-col5{width: 41.66666667%;}
.col.sm-col6{width: 50%;}
.col.sm-col7{width: 58.33333333%;}
.col.sm-col8{width: 66.66666667%;}
.col.sm-col9{width: 75%;}
.col.sm-col10{width: 83.33333333%;}
.col.sm-col11{width: 91.66666667%;}
/*.rbtn::after {
	display: none;
}*/
.rbtn{font-size:16px; }
.lzpic2{
	display: block;
}
.lzpic1{
	display: none;
}
/*.header .nav > ul > li#m1{ display:block;}
.header .nav > ul > li#m8{ display:block;}
.header .nav > ul > li#m2{ position:relative;}*/
.header.small,
.header{
	height: 50px;
	z-index: 105;
	/*padding: 0 10px;*/
	/*position:fixed;*/
	background:#fff;border-bottom:1px solid #dddddd;
}
.header.top {
	top: -60px;
}
.header.small .logo,
.header .logo{
	height: 30px;
	margin-top: 10px;
}
.header.small .search-box,
.header .search-box {
	margin: 0; position:static; float:right;--dw: 50px;--size: 40%;--sc: #333;
}
.header .search-box .search-bar .search-input{width: calc(100% - 0px); width: -webkit-calc(100% - 0px);width: -moz-calc(100% - 0px);border-radius: 0px;}
.header .search-box .search-btn {
	width: 50px;
	height: 50px;
	/*background-size:18px 18px;*//*background-image: url(../fonts/search.svg); */background:none;
}
/*.header.small .search-box .search-btn{background-image: url(../images/search.png);}*/
.header .search-box .search-bar {
	width: 100%;
	height: 50px;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 200;
	padding: 0px;opacity: 1; 
    filter: Alpha(opacity=100);transform: scale3d(1, 1, 1);transition: all 0s;
}
.header .search-box .search-bar .close{
	display: none;
}
.header .search-box .search-bar .btn{
	width: 50px;
	height: 50px;
	float: right;
	background-size:18px 18px;
}
.header .search-box .search-bar .inpu{
	height: 50px;
	padding: 0 50px 0 0;
}
.header .search-box .search-bar .inpu input {
	background: #fff;
	height: 50px;
	line-height: 50px;
}
.header .search-box .search-bar .inpu input::-webkit-input-placeholder {

  color: #333;

}

.header .search-box .search-bar .inpu input:-moz-placeholder {

  color: #333;

}

.header .search-box .search-bar .inpu input::-moz-placeholder {

  color: #333;

}

.header .search-box .search-bar .inpu input:-ms-input-placeholder {

  color: #333;

}

.header.small .menu-btn,
.header .menu-btn {
	/*margin-top: 5px; */display:block;
}
.header .menu-btn:hover span.line1,
.header .menu-btn:hover span.line2,
.header .menu-btn:hover span.line3{}

/*语言下拉2*/
.header .language{ /*margin-right:10px; */margin-left:2px; }
.header .language .btn{ height:50px; line-height:50px; color:#333;/*background-image: url(../images/top_bg7.png);*/}
.header .language .btn:after{background-image: url(../images/top_bg4.png);}
.header.small .language .btn:after{background-image: url(../images/top_bg4.png);}
.header .language li a {height: 36px; line-height: 36px; font-size:14px;}
.header.small .language .btn{height:50px; line-height:50px;}
.header .language .list { top:50px;width:100px;}
.header.small .language .list{ top:50px;}

.header .nav {
	width: 260px;
	height: 100%;
	overflow: auto;
	position: fixed;
	right: -260px;
	top: 0;
	bottom: 0;
	z-index: 105;
	background: #fff;
	margin: 0;
	padding: 0 0 20px 0;
	text-align: left;
}
.header .nav .tit {
	display: block;
	font-size: 30px;
	font-weight: bold;
	color: var(--main-color);
	text-align: center;
	padding: 20px 0;
}
.header .nav > ul{
	display: block;
}
.header .nav > ul > li {
	width: 100%;
	float: none;
	margin: 0; position:relative; padding:0;
}
.header .nav > ul > li:hover{ background:#fff;}
.header .nav > ul > li > a .ico{ display:none;}
.header.small .nav > ul > li > a,
.header .nav > ul > li:hover >a,
.header .nav > ul > li > a {
	width: 100%;
	height: 60px;
	line-height: 60px;
	padding: 0;
	border-bottom: solid 1px #ccc;
	color: #575757;
	text-indent: 20px; 
}
.header .nav > ul > li > a:after{ display:none;}
.sec2 .header .nav > ul > li.on:hover > a{color:#333;}
.sec2 .header .nav > ul > li:hover > a{color:#333;}
.header .nav > ul > li .arrow{
	width: 60px;
	height: 60px;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 2;
	display: block;
	background: url(../images/arrow1.png) no-repeat center;
}
.header .nav > ul > li.now .arrow{
	transform: rotate(180deg);
	-webkit-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	-o-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
}
.header .nav > ul > li.on > a{ color:var(--main-color);}
.header .nav .sub {
	display: none;
	position: static;
	top: 0;
	left: 0;
	transform: translate(0%, 0%);
	-webkit-transform: translate(0%,0%);
	-moz-transform: translate(0%,0%);
	-ms-transform: translate(0%,0%);
	-o-transform: translate(0%,0%);
	padding: 0;
	width:100%;
}
.header .nav .sub ul{
	border-radius: 0;
	padding: 0;
}
.header .nav .sub ul::after{
	display: none;
}
.header .nav .sub li a:hover,
.header .nav .sub li:last-child a,
.header .nav .sub li a{
	display: block;
	height: 50px;
	line-height: 50px;
	/*background: #eee;*/
	text-align: left;
	text-indent: 20px;
	border-bottom: solid 1px #ddd;
	color: #666; margin-bottom:0;
}
.header .nav .sub li{ padding-top:0;   width:100%; margin-left:0; margin-right:0; margin-bottom:0;}
.header .nav .sub .ul li{ padding-left:0; padding-right:0;}
.header .nav .sub .ul li a{ float:none; margin-right:0;}

.wrapper.shiftLeft {
	margin-left: -200px;
}
.wrapper.shiftLeft .header{
	left: -260px;/*left: -60px;*/
	z-index: 105;
}
.wrapper.shiftLeft .header .nav {
	right: 0;
}
.wrapper,
.wrapper .header,
.wrapper .header .nav {
	transition: 0.4s;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-ms-transition: 0.4s;
	-o-transition: 0.4s;
}



/*内页导航*/
.sec .header.small,.sec .header{ height:50px;}
.sec .header .logo{ margin-top:7px;}
.sec .header .language .btn{ height:50px; line-height:50px;}
.sec .header .search-box{ margin-top:0;}
.sec .header.small .search-box{ margin-top:0;}
/*.sec .header .menu-btn, .sec .header .search-box{ margin-top:5px;}
.sec .header .search-box,.sec .header .search-box{ margin-top:0;}*/
.sec .header .language .list{ top:55px;}

.guanggao-dbbox{display: none;}
.nb-online-box{display: none;}


} /* Less than 1200 */