

@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: 60px;

	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: 52px;

	margin-top: 3px;

}

.header.small .search-box,

.header .search-box {

	margin: 0;

}

.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: 40px;

	height: 50px;

	/*background-size:18px 18px;*/background-image: url(../image/search.svg);

}

.header.small .search-box .search-btn{background-image: url(../image/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.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;}

.header .language .btn:after{background-image: url(../image/top_bg4.png);}

.header.small .language .btn:after{background-image: url(../image/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.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(../image/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 .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%; background:#f5f5f5;

}

.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; */
	padding-top: 15px;
	padding-bottom: 15px;
line-height: 20px;
	/*background: #eee;*/

	text-align: left;

	/* text-indent: 20px; */
	padding-left: 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;}

.header .nav .sub li .h3 a{ color:#222;}



.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;}









} /* Less than 1200 */

