﻿

/* ============================= 鍝嶅簲寮� CSS ============================= */
.desktops-section {
	display:block;
}
.mobile-section {
	display:none;
}
.touch-top-wrapper {
	padding:10px 15px;
	background-color:#2a2d37;
	color:#fff;
}
.touch-logo {
	float:left;
}
.touch-navigation {
	display:none;
}
.touch-toggle-wrapper {
	margin:0 -10px;
}
.touch-toggle11 {
	position:absolute;
	right:10px;
	top:0; color:#fff; line-height:60px;;
}
.touch-toggle11 a{width:40px; color:#fff; line-height:60px; ;
}


.touch-toggle {
	position:absolute;
	right:60px;
	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(../images/touch-icon-language.png);
}
.touch-toggle .touch-icon-user {
	background-image:url(../images/touch-icon-user.png);
}
.touch-toggle .touch-icon-search {
	background-image:url(../images/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:#272a33;
	padding:20px 20px 35px;
	display:none;
}
.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:#21232b;
}
.touch-search {
	border:1px solid #3a3f4d;
	position:relative;
}
.touch-search-form {
	padding:0 50px 0 10px;
}
.touch-form-text {
	border:none;
	margin:0;
	background-color:transparent;
	padding:0;
	color:#999;
	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(../images/touch-icon-search.png) no-repeat center;
	background-size:16px 16px;
}
.touch-form-btn span {
	display:none;
}
.drawer-section-menu .menu-main-container ul li {
	border-bottom:1px solid #3a3f4d;
	position:relative;
}
.drawer-section-menu .menu-main-container ul li a {
	color:#fff;
	display:block;
	font-size:18px;
	height:48px;
	line-height:48px;
	padding-left:10px;
}
.drawer-section-menu .menu-main-container ul li a:hover, .menu-main-container ul li a:active {
	background-color:#21232b;
}
.drawer-section-menu .menu-main-container 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;
}
.drawer-section-menu .menu-main-container ul li i.touch-arrow-right {
	display:none;
	background-image:url(../images/touch-arrow-r.png);
}
.drawer-section-menu .menu-main-container ul li i.touch-arrow-down {
	background-image:url(../images/touch-arrow-d.png);
}
.drawer-section-menu .menu-main-container ul li i.touch-arrow-up {
	background-image:url(../images/touch-arrow-u.png);
}
.drawer-section-menu .menu-main-container ul ul {
	display:none;
	margin:0;
	padding:0 10px 30px 30px;
}
.drawer-section-menu .menu-main-container ul ul li {
	border-bottom:none;
	margin:0;
	padding:0;
}
.drawer-section-menu .menu-main-container ul ul li a {
	padding:0;
	padding-left:5px;
	font-size:16px;
	height:38px;
	line-height:38px;
}
.drawer-section-menu .menu-main-container ul ul li i {
	top:13px;
}





/* ======鍋氭渶濂界殑缁囨ⅵ鏁寸珯妯℃澘涓嬭浇缃戠珯  ====== */
/* ============================= 鍝嶅簲寮� CSS ============================= */
.touch-toggle {
	position:absolute;
	right:10px;
	top:0;
}
.touch-toggle li {
	float:left;
	height:70px;
	padding:0 12px;
	text-align:center;
}
 @media screen and (max-width:991px) {
html {	-webkit-text-size-adjust:none;}

.module-default, .module {	margin-bottom:20px;}
.module-no-margin {	margin-bottom:5px;}
.module-full-screen {	margin:0 -10px;	padding:0 10px;}
.module-full-screen > .module-inner {	padding:30px 0;}
.module-full-screen-more-fixed > .module-inner {	padding:30px 0 50px;}
.module-full-screen-more-fixed .module-full-screen-more {	margin-top:15px;	margin-left:-40px;}
.module-full-screen-more-fixed .module-full-screen-more a {
	width:80px;
	height:80px;
	line-height:80px;
	font-size:14px;
	background-size:cover;
}
.module-full-screen-more-fixed .module-full-screen-more a:hover {
	background-position:0 -80px;
}
.fixed-bottom .module-default, .fixed-bottom .module, .fixed-bottom .module-no-margin {	margin-bottom:0;}
.default-top {	display:none;}
.touch-top {	display:block;}
.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;}



}

 @media (min-width:768px) and (max-width:991px) {
/* slideshow */
html {	-webkit-text-size-adjust:none;}

.module-default, .module {	margin-bottom:20px;}
.module-no-margin {	margin-bottom:5px;}
.module-full-screen {	margin:0 -10px;	padding:0 10px;}
.module-full-screen > .module-inner {	padding:30px 0;}
.module-full-screen-more-fixed > .module-inner {	padding:30px 0 50px;}
.module-full-screen-more-fixed .module-full-screen-more {	margin-top:15px;	margin-left:-40px;}
.module-full-screen-more-fixed .module-full-screen-more a {
	width:80px;
	height:80px;
	line-height:80px;
	font-size:14px;
	background-size:cover;
}
.module-full-screen-more-fixed .module-full-screen-more a:hover {
	background-position:0 -80px;
}
.fixed-bottom .module-default, .fixed-bottom .module, .fixed-bottom .module-no-margin {	margin-bottom:0;}
.default-top {	display:none;}
.touch-top {	display:block;}
.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;}

.module-divider-full {	margin-bottom:-20px;}
}
 @media screen and (max-width:767px) {
.desktops-section {	display:none;}
.mobile-section {	display:block;}

/* 瀹瑰櫒 */
	.module-full-screen-title {	margin-bottom:20px;}
.module-full-screen-title > .module-title-content > h2 {
	margin:0 15px;
	font-size:20px;
	font-weight:bold;
}
.module-full-screen-title > h3 {	display:none;}
.module-full-screen-title > .module-title-content > i {	width:80px;}
.module-full-screen-more a {	line-height:34px;}
.module-divider-full {	margin:20px 0 -20px;}

/* 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;
}

}
 @media screen and (max-width:640px) {

/* 瀹瑰櫒 */
	.module-horizontal .module-title-horizontal {	float:none;	margin-right:0;}
.module-title-horizontal .module-title-content {	margin:0 0 10px 0;}
.module-horizontal > .modult-inner > .module-more-horizontal a {	margin-top:12px;}
.fixed-bottom {	display:block;}

}
 @media screen and (max-width:480px) {

/* touch-menu */
	.touch-top-wrapper .touch-logo img {	height:30px;}
.touch-toggle li {	height:50px;	padding:0 10px;}
.touch-toggle li a {	height:50px;}
.touch-toggle li i {
	width:20px;
	height:20px;
	margin-top:15px;
}
/* 瀹瑰櫒 */	.module-full-screen-title > .module-title-content > i {	width:40px;}
.module-horizontal .module-title-horizontal {	float:none;	margin-right:0;}
.module-title-horizontal .module-title-content {	margin:0 0 10px 0;}
.module-horizontal > .modult-inner > .module-more-horizontal {	margin:6px 0 0;}

.new_l .news dt{float:left;padding: 3px;border: 1px solid #e9e9e9; width:95%; float:left; margin:0 2% 0 2%; }
.new_l .news dd{ width:96%; float:left; margin:0 2% 0 2%;}
	 .product-list li { margin:0 auto; padding:0; width:96%; margin:2%; float:left;
	text-align:center;
}
.ixpro li {
    width: 100%;
    float: left;
}
#conzhenshu31{ margin:0 auto; padding:0; width:95%; height:auto; margin:2%; float:left; border:1px solid #f3f3f3;}


}
