/* ============================= top ============================= */
.top { width: 100%; position: relative; z-index: 9999; background-color: #fff; }
/* top-bar */
.top-bar { line-height: 36px; font-size: 13px; color: #808080; background-color: #272526; position: relative; z-index: 101; }
.top-bar a { color: #808080; }
.top-bar a:hover { color: #3B8CED; text-decoration: none;}
.top-bar-content { max-width: 750px; height: auto !important;}
.top-bar-content .qhd-content p { line-height: 36px;}
.top-bar-content .qhd-content img { vertical-align: middle; line-height: normal; }
.top-bar-content .link a { _position: relative; _top: 7px; }
/* language */
.language { position: relative; font-size: 12px; z-index: 100;}
.language a:hover { text-decoration: none; }
.language .language-ico { padding: 0 0 0 20px; background-repeat: no-repeat; background-position: left center; }
.language .sf-menu a { border: none; color: #666 !important; padding-top: 6px; padding-bottom: 9px; }
.language .sf-menu li { background-color: transparent; }
.language .sf-menu li ul { width: 11em;}
.language .sf-menu li li { background-color: #fff; }
.language .sf-menu li li a { border-bottom: 1px solid #f2f2f2; padding: 0.75em 1em; }
.language .sf-menu li.sfHover, .language .sf-menu li.sfHover a:hover { background-color: #fff; }
.language .sf-menu li li:hover, .language .sf-menu li.sfHover li a:hover, .language .sf-menu li li a:focus, .language .sf-menu li li a:hover, .language .sf-menu li li a:active { background: #fafafa; }
.language .sf-menu li:hover ul, .language .sf-menu li.sfHover ul { top: 29px; }
.language .sf-menu a.sf-with-ul { padding-right: 2em; }
.language .sf-menu .sf-sub-indicator { top: 0.6em; }
.language-sign { display: block; width: 36px; height: 16px; overflow: hidden; position: absolute; top: 7px; left: -30px; background: url(../img/language-bg.png) no-repeat left center; }
/* logo */
.logo img { display: block; }
.top-main-content .qhd-content img { vertical-align: text-bottom; }
/* ---------- header-v4 ---------- */
.header-v4 { position: absolute; width: 100%; background: transparent; color: #fff; background-color:#a9262c; }
.header-v4:hover{ background-color: #a9262c;}
.header-v4 .page-width { width:100%; max-width:1480px; margin:0 auto;}
.header-v4 .logo { float: left; margin:5px; margin-right:0.8%;}
.header-v4 .nav, .header-v4 .main-nav { float:right; }
.boxed .header-v4 {width: 1060px;}
.header_tel{ float:right; height:64px; line-height:25px;  text-align:left; padding-top:20px;}
.header_tel span{ color:#fff;}
.header_tel p{ font-size:24px; font-weight:bold; color:#fff;}
/* 澶氳瑷€ */
.header-v4 .language { float: right; margin-left: 30px;}
.header-v4 .language .first-level, .header-v4 .language .first-level:active { font-size: 13px; padding: 0 1.5em !important; font-size: 13px; }
.header-v4 .language .sf-menu .sfHover .first-level { background-color: #ed7121; color: #fff !important;}
.header-v4 .language .first-level span { display: block; width: 20px; height: 100px; line-height: 100px; background: url(../img/icon-lang.png) no-repeat left center; }
.header-v4 .language .first-level span em {display: none;}
.header-v4 .language .sf-menu .sf-sub-indicator { display: none; width: 9px; height: 6px; right: 20px; top: 4.1em;}
.header-v4 .language em { margin: 0 3px; }
.header-v4 .language .first-level .language-ico { padding-left: 30px; }
.header-v4 .language .sf-menu li:hover ul, .header-v4 .language .sf-menu li.sfHover ul { top: 100px; }
.header-v4 .language .sf-menu li ul { width: 200px; left: auto; right: 0;}
.header-v4 .language .sf-menu li li { background-color: #ed7121;}
.header-v4 .language .sf-menu li li a { line-height: normal; padding: 15px; color: #fff !important; border-bottom: none; font-size: 13px; }
.header-v4 .language .sf-menu li li:hover, .header-v4 .language .sf-menu li.sfHover li a:hover, .header-v4 .language .sf-menu li li a:focus, .header-v4 .language .sf-menu li li a:hover, .header-v4 .language .sf-menu li li a:active { background: #ED9920;}
.header-v4 .language .sfHover .first-level span { background: url(../img/icon-lang-w.png) no-repeat left center; }
/* 鍏ㄥ眬 */
.header-v4 .main-nav .sf-menu a:hover { text-decoration: none; color: #fff; }
.header-v4 .main-nav .sf-menu a { border: none; padding-top: 30px; padding-bottom: 30px; display: block; font-size: 12px; color: #cbcbcb; text-align: center; line-height: normal; text-transform: uppercase; }
.header-v4 .main-nav .sf-menu a strong { font-weight: normal; display: block; font-size: 16px; color: #fff; }
/* 涓€绾 */
.header-v4 .main-nav .sf-menu ul a { text-align: left; }
.header-v4 .main-nav .sf-menu li { margin-left: 5px; background-color: transparent; line-height: 90px; }
.header-v4 .main-nav .sf-menu li:hover, .header-v4 .main-nav .sf-menu li.sfHover, .header-v4 .main-nav .sf-menu li.sfHover > a, .header-v4 .main-nav .sf-menu a:focus, .header-v4 .main-nav .sf-menu a:hover, .header-v4 .main-nav .sf-menu a:active, .header-v4 .main-nav .sf-menu a:hover strong { background-color: transparent; color: #ffd303; }
.header-v4 .main-nav .sf-menu li.current .first-level, .header-v4 .main-nav .sf-menu li.current .first-level:visited { background-color: transparent; color: #fff; }
.header-v4 .main-nav .sf-menu li.current .first-level:hover { color: #ed7121; }
.header-v4 .main-nav .sf-sub-indicator { background-image: url(../img/superfish-arrows.gif);}
.header-v4 .main-nav .first-level { padding-right: 0.5em; padding-left: 0.5em; }
.header-v4 .main-nav .first-level .sf-sub-indicator { display: none; }
.header-v4 .main-nav .sf-menu li i { display: none; width: 80%; _width:expression( (this.parentElement.clientWidth) +'px'); height: 3px; text-align:center; overflow: hidden; background-color: #fff; position: absolute; bottom: 15%; left: 10%; }
.header-v4 .main-nav .sf-menu li:hover i, .header-v4 .main-nav .sf-menu .nav-hover i, .header-v4 .main-nav .sf-menu .current i, .header-v4 .main-nav .sf-menu .sfHover i {display: block;}
/* 浜岀骇浠ヤ笅 */
.header-v4 .main-nav .sf-menu li:hover ul, .header-v4 .main-nav .sf-menu li.sfHover ul { top: 81px; }
.header-v4 .main-nav .sf-menu li li:hover ul, .header-v4 .main-nav .sf-menu li li.sfHover ul { top: 0; left: 13em; }
.header-v4 .main-nav .sf-menu li li { margin-left: 0; background-color:#e74e59; }
.header-v4 .main-nav .sf-menu li li a, .header-v4 .main-nav .sf-menu li li a:visited { padding-top: 0; padding-bottom: 0; line-height: 36px; font-weight: normal; font-size: 13px; color: #fff; }
.header-v4 .main-nav .sf-menu li li:hover, .header-v4 .main-nav .sf-menu li.sfHover li.sfHover, .header-v4 .main-nav .sf-menu li.sfHover li.sfHover > a, .header-v4 .main-nav .sf-menu li li a:focus, .header-v4 .main-nav .sf-menu li li a:hover, .header-v4 .main-nav .sf-menu li li a:active { background-color: #e74e59; color: #ffd303; }
.header-v4 .main-nav .sf-menu li li .sf-sub-indicator { top: 1em; display: block; }
.side-header { position: fixed;  top: 0; /*left:0;*/ z-index: 11; width: 260px; margin-left: -260px; height: 100%; background-color: #fff; box-shadow: 2px 0 5px -2px rgba(0, 0, 0, 0.2); }
.side-header-wrapper { position: relative; height: 100%; }
.side-header .top-main-content { position: absolute; bottom: 20px; left: 0; color: #666; }
.side-header .top-main-content a { color: #666; }
.side-header .top-main-content a:hover { color: #e60566; }
.side-header .top-main-content em { margin: 0 5px; }
.side-header .top-main-content .language { padding: 10px 35px; }
.side-header .top-main-content .top-widget { padding: 0 35px; }
.side-header .logo { margin-bottom: 20px; padding: 30px 20px 20px; text-align: center; }
.side-header .logo img { display: inline; max-width: 100%; }
.main-nav-vertical .sf-menu a, .main-nav-vertical .sf-menu a:visited { color: #4d4d4d; }
.main-nav-vertical .sf-menu a { border: none;/* padding:0 40px; height:50px; line-height:50px;*/ padding: 15px 35px; line-height: normal; font-size: 14px; }
.main-nav-vertical .sf-menu { width: 260px; }
.main-nav-vertical .sf-menu li { width: 100%; float: none; background-color: transparent; margin-bottom: 1px; *margin-bottom:-3px; }
.main-nav-vertical .sf-menu li strong { font-weight: normal; }
.main-nav-vertical .sf-menu li.current, .main-nav-vertical .sf-menu li.current .first-level, .main-nav-vertical .sf-menu li.current .first-level:visited { color: #e60566; }
.main-nav-vertical .sf-menu li:hover, .main-nav-vertical .sf-menu li.sfHover, .main-nav-vertical .sf-menu li.sfHover > a, .main-nav-vertical .sf-menu a:focus, .main-nav-vertical .sf-menu a:hover, .main-nav-vertical .sf-menu a:active { background-color: #f8f8f8; color: #e60566; }
.main-nav-vertical .sf-menu .first-level .sf-sub-indicator { display: none; }
/* 浜岀骇 */
.main-nav-vertical .sf-menu ul { width: 230px; }
.main-nav-vertical .sf-menu li:hover ul, .main-nav-vertical .sf-menu li.sfHover ul { left: 100%; top: 0; }
.main-nav-vertical .sf-menu li:hover ul.position-bottom, .main-nav-vertical .sf-menu li.sfHover ul.position-bottom { top: auto; bottom: 0; }
.main-nav-vertical .sf-menu li li { margin-bottom: 0; background-color: transparent; }
.main-nav-vertical .sf-menu li li strong { font-weight: normal; }
.main-nav-vertical .sf-menu li li:hover, .main-nav-vertical .sf-menu li.sfHover li.sfHover, .main-nav-vertical .sf-menu li.sfHover li.sfHover > a, .main-nav-vertical .sf-menu li li a:focus, .main-nav-vertical .sf-menu li li a:hover, .main-nav-vertical .sf-menu li li a:active { background-color: transparent; }
/* 涓夌骇 */
.main-nav-vertical .sf-menu ul ul li { background-color: #f8f8f8; }
.main-nav-vertical .sf-menu ul ul li:hover, .main-nav-vertical .sf-menu li.sfHover ul ul li.sfHover, .main-nav-vertical .sf-menu li.sfHover ul ul li.sfHover > a, .main-nav-vertical .sf-menu ul ul li a:focus, .main-nav-vertical .sf-menu ul ul li a:hover, .main-nav-vertical .sf-menu ul ul li a:active { background-color: #f2f2f2; color: #e60566; }
.main-nav-vertical .vertical-nav-bg { position: fixed; left: 260px; top: 0; width: 230px; height: 100%; background-color: #fcfcfc; display: none; }
.main-nav-vertical .sf-menu li.sfHover .vertical-nav-bg { display: block; }
.main-nav-vertical .sf-sub-indicator { top: 1.4em; background-position: 0 0;}
.main-nav-vertical .sf-menu a:focus > .sf-sub-indicator, .main-nav-vertical .sf-menu a:hover > .sf-sub-indicator, .main-nav-vertical .sf-menu a:active > .sf-sub-indicator, .main-nav-vertical .sf-menu li:hover > a > .sf-sub-indicator, .main-nav-vertical .sf-menu li.sfHover > a > .sf-sub-indicator { background-position: -10px 0; }
/* ============================= 鍝嶅簲寮 CSS ============================= */
.desktops-section { display: block; position: fixed;}
.mobile-section { display: none; }
.touch-top-wrapper { padding: 10px 15px; background-color: #a9262c; }
.touch-logo { float: left; }
.touch-navigation { display: none; }
.touch-toggle-wrapper { margin: 0 -10px; }
.touch-toggle { position: absolute; right: 10px; top: 0; }
.touch-toggle li { float: left; height: 70px; padding: 0 12px; text-align: center; }
.touch-toggle li a { height: 70px; }
.touch-toggle li:hover, .touch-toggle li:active {}
.touch-toggle .touch-toggle-item-first { border-left: none; }
.touch-toggle .touch-toggle-item-last { border-right: none; }
.touch-toggle li a { display: block; font-size: 12px; }
.touch-toggle li i { display: inline-block; width: 32px; height: 32px; overflow: hidden; margin-top: 20px; background-repeat: no-repeat; background-position: center center; background-size: contain; }
.touch-toggle .touch-icon-language { background-image: url(../img/touch-icon-language.png); }
.touch-toggle .touch-icon-user { background-image: url(../img/touch-icon-user.png); }
.touch-toggle .touch-icon-search { background-image: url(../img/touch-icon-search.png); }
.touch-toggle .touch-icon-menu { background-image: url(../images/touch-icon-menu.png); }
.touch-toggle li span { display: none; text-align: center; }
.drawer-section { background-color: #b1353e; padding:5px 10px 25px; display: none; position:relative; z-index:9999;}
.touch-language li { width: 49.9%; float: left; }
.touch-language li a { display: block; margin-bottom: 10px; padding: 5px 0 5px 5px; color: #fff;}
.touch-language li a:hover, .touch-language li a:active { background-color: #ed7121; }
.touch-search { border: 1px solid #666; position: relative; }
.touch-search-form { padding: 0 50px 0 10px; }
.touch-form-text { border: none; margin: 0; background-color: transparent; padding: 0; color: #e5e5e5; width: 100%; height: 42px; line-height: 42px; }
.touch-form-btn { border: none; padding: 0; margin: 0; background-color: transparent; position: absolute; top: 0; right: 0; display: block; width: 42px; height: 42px; overflow: hidden; cursor: pointer; background: url(../img/touch-icon-search-w.png) no-repeat center; background-size: 16px 16px; }
.touch-form-btn span { display: none; }
.touch-menu ul li { border-bottom: 1px  dotted #fff; position: relative; }
.touch-menu ul li a { color: #fff; display: block; font-size: 18px; height: 45px; line-height: 45px; padding-left: 10px; color:#fff; }
.touch-menu ul li i.touch-arrow-right { display: none; background-image: url(../images/touch-arrow-r.png);}
.touch-menu ul li i.touch-arrow-down { background-image: url(../images/touch-arrow-d.png);}
.touch-menu ul li i.touch-arrow-up { background-image: url(../images/touch-arrow-u.png);}
.touch-menu ul li a span{ color:#fff;}
.touch-menu ul li a:hover, .touch-menu ul li a:active { background-color: #ed7121;}
.touch-menu ul li i { position: absolute; top: 19px; right: 5px; display: block; width: 13px; height: 13px; overflow: hidden; background-position: center center; background-repeat: no-repeat; background-size: contain; }
.touch-menu ul ul { display: none; margin: 0; padding: 0 10px 10px 30px;}
.touch-menu ul ul li { border-bottom: none; margin: 0; padding: 0; }
.touch-menu ul ul li a { padding: 0; padding-left: 5px; font-size: 16px; height: 38px; line-height: 38px; }
.touch-menu ul ul li i { top: 13px;}
/* ====== Slideshow & Scrollable ====== */
.carousel-direction a {
	display: block;
	width: 30px;
	height: 60px;
	line-height: 60px;
	overflow: hidden;
	position: absolute;
	top: 50%;
	z-index: 100;
	margin-top: -30px;
	font-family: simsun;
	text-align: center;
	color: #fff;
	font-size: 30px;
	text-decoration: none;
	cursor: pointer;
	background-color: #998b81;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}
.carousel-direction a:hover {
	background-color: #ed7121;
	color: #fff;
	text-decoration: none;
}
.carousel-direction a.disabled, .carousel-direction a.disabled:hover {
	background-color: #dcf2ff;
	color: #ccc;
	cursor: default;
}
.carousel-prev {
	left: 0;
}
.carousel-next {
	right: 0;
}
.carousel-btn {
	text-align: center;
	margin: 10px 0;
}
.carousel-btn a {
	display: inline-block;
	width: 12px;
	height: 12px;
	margin: 0 6px;
	background: #ccc;
	border-radius: 50%;
}
.carousel-btn .selected {
	background: #ed7121;
	cursor: default;
}
.carousel-btn a span {
	display: none;
}
.carousel-btn-fixed {
	width: 100%;
	position: absolute;
	bottom: 15px;
	left: 0;
	margin: 0;
	z-index: 100;
}
.carousel-num {
	position: absolute;
	bottom: 7px;
	right: 10px;
	z-index: 100;
}
.carousel-num a {
	display: inline-block;
*display:inline;
*zoom:1;
	width: 22px;
	height: 22px;
	line-height: 22px;
	margin: 0 0 0 5px;
	text-align: center;
	background: #333;
	font-size: 12px;
	color: #fff;
}
.carousel-num a:hover {
	text-decoration: none;
	color: #fff;
}
.carousel-num a.selected {
	background: #ED7020;
	cursor: default;
}
.carousel-thumbs {
	text-align: center;
}
.carousel-thumbs a {
	border: 2px solid #ccc;
	margin: 0 3px;
	display: inline-block;
*display:inline;
*zoom:1;
}
.carousel-thumbs a img {
	display: block;
}
.carousel-thumbs a:hover, .carousel-thumbs a.selected {
	border-color: #f60;
}
.carousel {
	position: relative;
}
.carousel-item {
	position: relative;
	float: left;
	display: block;
}
.carousel-item .carousel-img {
	display: block;
}
.carousel-item .carousel-img a[href="javascript:;"] {
	cursor: default;
}

.carousel-info {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background: url(../img/opa70.png);
}
.carousel-info-inner {
	font-size: 13px;
	padding: 8px 10px;
	color: #fff;
}
.carousel-info-inner a, .carousel-info-inner a:hover {
	color: #fff;
}
.carousel-info-inner h3 {
	font-size: 15px;
	line-height: 20px;
	color: #fff;
}
.carousel-info-inner p {
	margin-top: 5px;
}
.responsive-carousel {
	overflow: hidden;
}
.responsive-carousel .carousel-item img {
	width: 100%;
	height: auto !important;
}
.responsive-carousel .carousel-direction {
	display: none;
}
.responsive-carousel:hover .carousel-direction {
	display: block;
}
.responsive-carousel-set .carousel-info-inner h3 {
	font-weight: normal;
}
.slideshow {
	overflow: hidden;
}
.slideshow .carousel-direction a {
	width: 55px;
	height: 55px;
	line-height: 55px;
}
.slideshow .carousel-direction a:hover {
}
.slideshow .carousel-prev {
}
.slideshow .carousel-next {
}
.slideshow-gallery {
	margin-bottom: 20px;
}
.slideshow-gallery .carousel-img a {
	display: block;
	text-align: center;
	width: 100%;
}
.slideshow-gallery .carousel-img img {
	display: inline;
}
.slideshow-gallery .carousel-info-inner h3 {
	font-size: 14px;
	line-height: 18px;
}
.slideshow-gallery .carousel-direction a {
	display: none !important;
}
.slideshow-gallery:hover .carousel-direction a {
	display: block !important;
}
.slideshow-gallery:hover .carousel-direction a {
	display: block;
}
.slideshow-gallery-thumbs {
	position: relative;
	padding: 0 30px;
}
.slideshow-gallery-thumbs img {
	float: left;
	display: block;
	margin: 0 2px;
	border: 1px solid #ccc;
	cursor: pointer;
	width: 104px;
}
.slideshow-gallery-thumbs img:hover, .slideshow-gallery-thumbs img.selected {
	border: 1px solid #f00;
}
.slideshow-gallery-thumbs-direction {
	padding: 0 50px;
}
.slideshow-gallery-thumbs-direction a {
	display: block;
	width: 20px;
	height: 76px;
	line-height: 76px;
	overflow: hidden;
	position: absolute;
	top: 50%;
	z-index: 100;
	margin-top: -38px;
	font-family: simsun;
	text-align: center;
	color: #fff;
	font-size: 25px;
	text-decoration: none;
	cursor: pointer;
	background-color: #ccc;
}
.slideshow-gallery-thumbs-direction a:hover {
	background-color: #999;
	color: #fff;
	text-decoration: none;
}
.slideshow-gallery-thumbs-direction .thumbs-carousel-prev {
	left: 0;
}
.slideshow-gallery-thumbs-direction .thumbs-carousel-next {
	right: 0;
}
.slideshow-gallery-thumbs-direction .disabled, .slideshow-gallery-thumbs-direction .disabled:hover {
	background-color: #dcf2ff;
	color: #ccc;
	cursor: default;
}
.scrollable {
	overflow: hidden;
}

.scrollable ul {
	padding: 0;
	_margin-left: -5px !important;
	list-style: none;
	overflow: hidden;
	width: 10000em;
}
.scrollable ul li {
	padding: 0px;
	margin: 0 10px;
	display: block;
	float: left;
	width: 260px;
	text-align: center;
}
.scrollable ul li p a {
	display: block;
}
.scrollable ul li img {
	display: block;
	width: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}
.scrollable ul li p {
	margin-bottom: 10px;
	overflow: hidden;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}
.scrollable ul li p a:hover img {
	transform: scale(1.2, 1.2);
	-webkit-transform: scale(1.2, 1.2);
	-moz-transform: scale(1.2, 1.2);
	-o-transform: scale(1.2, 1.2);
	-ms-transform: scale(1.2, 1.2);
	-webkit-transition: all 0.3s ease-out 0s;


	-moz-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}
.scrollable ul li h2 {
	font-size: 14px;
	margin-bottom: 10px;
	line-height: 22px;
}
.scrollable ul li h2 a {
	font-size: 14px;
	font-weight: normal;
}
.scrollable ul li h2 a:hover {
	text-decoration: none;
}
.scrollable .text-intro {
	text-align: left;
	font-size: 13px;
	color: #808080;
	line-height: 1.5;
}
.scrollable .carousel-direction a {
	width: 40px;
	height: 40px;
	line-height: 40px;
	margin-top: 0;
	top: 74px;
	color: #B2967F;
	font-size: 22px;
	background-color: transparent;
	border: 1px solid #B2967F;
	border-radius: 50%;
	font-weight: bold;
}
.scrollable .carousel-direction a:hover {
	background-color: #ED7020;
	color: #fff;
	border-color: #ED7020;
}
.scrollable .carousel-direction a.disabled, .scrollable .carousel-direction a.disabled:hover {
	color: #e5e5e5;
	border: 1px solid #e5e5e5;
	background-color: transparent;
}
.scrollable a.carousel-prev {
	left: -10px;
}
.scrollable a.carousel-next {
	right: -10px;
}
.scrollable-3col ul li {
	width: 313px;
	text-align: left;
}
.scrollable-3col ul li p {
	margin-bottom: 15px;
}
.scrollable-3col ul li h2, .scrollable-3col ul li h2 a {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 0;
}
.scrollable-3col .carousel-direction a {
	top: 190px;
}
.scrollable-3col .carousel-direction a:hover {
	background-color: #1a1a1a;
}
.scrollable-inside-page ul li {
	width: 160px;
}
.scrollable-height .carousel-direction a {
	top: 150px;
}
.scrollable-height ul li {
	text-align: left;
}
.carousel-img img{ max-width:100%;}
@media screen and (max-width:1200px) {
.container { width: 1200px;}
html { -webkit-text-size-adjust: none; }
.default-top { display: none; }
.touch-top { display: block; width: 100%;position: fixed;top: 0;z-index: 99999;}
.touch-top-wrapper .touch-logo { margin: 0; }
.touch-navigation { display: block; }
.touch-top-wrapper .touch-logo { margin: 0 0; }
.touch-top-wrapper .touch-logo img { height: 50px; display: block; }
.header { min-height: 30px !important; }
.content{ width:100%; padding:0 2%}
.sub_new01{ display:none;}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.container { width: 970px; }
.content{ width:100%; padding:0 2%}
}
@media (min-width:768px) and (max-width:991px) {
/* slideshow */
.slideshow { height: 380px !important; }
.slideshow img {height: 380px !important;}
.slideshow-min { height: 280px !important;}
.slideshow-min img { height: 280px !important; }
.slideshow .carousel-direction { display: none;}
.carousel-thumbs a img { width: 100px;}
.arttext,.column-intro .arttext,.column-joinus .arttext{
	margin-left: auto; 
	border-left: 0; 
	padding: 0 15px;
	margin-top: 12px;
}
.leftbox{ display:none;}
.sub_zz{ padding-left:2%;}
.row{ padding:0 2%}
.news_listmin_con{ padding:0 2%;}
.container{ width:750px; }
.content{ width:100%; padding:0 2%}
}
@media screen and (max-width:767px) {
/* touch menu */
.top-main-content { display: none; }
.touch-top-wrapper .touch-logo img { height: 40px; }
.touch-toggle li { height: 60px; }
.touch-toggle li a { height: 60px; }
.touch-toggle li i { width: 28px; height: 28px; margin-top: 15px;}
.news_list_con ul li dl dt{ width:40%;}
.news_list_con ul li dl dd{ width:55%;}
.news_list_con ul li dl dd h3{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; overflow: hidden; font-size:12px; line-height:20px;}
.news_list_con ul li dl dd h2{overflow: hidden; text-overflow:ellipsis; white-space: nowrap; margin:1%}
.news_list_con ul li dl dd h2 a{ font-size:14px;}
.sub_zz{ padding-left:2%;}
.row{ padding:0 2%}
.news_listmin_con{ padding:0 2%;}
.container{ width:100%; }
.content{ width:100%; padding:0 2%}
}
@media screen and (max-width:640px) {
.slideshow { height: 300px !important; }
.slideshow img { height: 300px !important; }
.slideshow-min { height: 200px !important; }
.slideshow-min img { height: 200px !important; }
.scrollable .carousel-direction a { width: 40px; height: 40px; line-height: 40px; }
.pull-right{ float:none;}
.news_list_con ul li dl dd h2{ line-height:20px;}
.pro_ul li{ width:47%;}
.sub_zz{ padding-left:2%;}
.row{ padding:0 2%}
.news_listmin_con{ padding:0 2%;}
.container{ width:100%; }
.content{ width:100%; padding:0 2%}
.pro_ul li .pic img{ max-width:100%;height:117px;}
}
@media screen and (max-width: 480px) {
.slideshow { height: 260px !important; }
.slideshow img { height: 260px !important; }
.slideshow-min { height: 200px !important; }
.slideshow-min img { height: 200px !important; }
.scrollable .carousel-direction a { width: 40px; height: 40px; line-height: 40px; }
.pagination-lg>li>a,.pagination-lg>li>span{ padding:4px; font-size:14px;}
.pagination-lg>li>a{ padding:8px; font-size:14px;}
.pull-right{ float:none;}
.sub_zz{ padding-left:2%;}
.row{ padding:0 2%}
.news_listmin_con{ padding:0 2%;}
.i_news,.i_box{width:280px; margin:0px auto;}
.i_nm .tu, .i_nm .tu img{ width:280px; height:168px;}
.i_nm .wen li .title p, .i_nm .wen li .l_m .des_c{ width:208px;}
.content{ width:100%; padding:0 2%}
.tagou-works .sub-slides li .contsd .neis p{ margin: 0 auto 10px; width: 75%; text-align: left; padding-left: 0;}
}
@media screen and (max-width: 375px) {}
@media screen and (max-width: 320px) {
.pull-right{ float:none;}
.i_news,.i_box{width:280px; margin:0px auto;}
.i_nm .tu, .i_nm .tu img{ width:280px; height:168px;}
.i_nm .wen li .title p, .i_nm .wen li .l_m .des_c{ width:208px;}
.content{ width:100%; padding:0 2%}
}