body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, , form, fieldset, legend, input, button, textarea, p, blockquote, th, td {
	margin:0;
	padding:0
}

body , div , dl , dt , dd , ul , ol , li , h1 , h2 , h3 , h4 , h5 , h6 , pre , form , fieldset , input , textarea , p , blockquote , th , td {margin:0; padding:0;}

/* ======  clearfix  ====== */
.clear {
	clear:both;
	visibility:hidden;
	display:block;
	font-size:0;
	line-height:0;
}
.clearfix:after {
	visibility:hidden;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
	height:0;
}
.clearfix {*zoom:1;}
li{ list-style:none;}

::selection {	color:#fff;	background-color:#21adde;}
::-moz-selection {color:#fff;background-color:#21adde;}
html {
	background-repeat:repeat;*overflow-x:hidden;	font-size:62.5%;
}
body {
	font-family: "微软雅黑","Microsoft YaHei",宋体, Arial, sans-serif;
	color:#333;
	line-height:1.8;
	font-size:15px;
}

a {
	color:#333;
	text-decoration:none;
}
a:hover {
	color:#21adde;
	text-decoration:none;
}
/* Common Class */
.float-left {
	float:left;
	display:inline;
}
.float-right {
	float:right;
	display:inline;
}
.text-left {
	text-align:left;
}
.text-right {
	text-align:right;
}
.text-center {
	text-align:center;
}
#wrapper {
	width:100%;
	margin-left:auto;
	margin-right:auto;
	background-color:#f0f2f1;
	position:relative;
}
.page-width {
	width:1200px;
	margin:0 auto;
}

/* 左右悬浮 */
.fixed-side {
	position:absolute;
	top:150px;
	z-index:10001;
}
.fixed-left {
	left:0;
}
.fixed-right {
	right:0;
	float:right;
}
.not-animated {
	opacity:0;
}
/* 返回顶部 */
.gotop {
	display:none;
}
.service-max {
	width:160px;
	position:relative;
}
.service-max .gotop {
	margin-top:5px;
	text-align:center;
	clear:both;
	width:160px;
}
.service-max .gotop a {
	display:block;
	line-height:34px;
	background-color:#6b7173;
	text-align:center;
	color:#fff;
	text-decoration:none;
}
.service-max .gotop a:hover {
	background-color:#464a4b;
	color:#fff;
	text-decoration:none;
}
.service-max .gotop a span {
	padding-left:30px;
	background:url(../img/icon-gotop.gif) no-repeat left center;
}
.service-min {
	display:none;
	width:46px;
	clear:both;
}
.service-min .service-title {
	height:auto;
	line-height:normal;
	border-bottom:none;
	background-color:transparent;
	padding:0 0;
}
.service-min .service-title a {
	display:block;
	padding:15px 13px;
	width:20px;
	background-color:#f90;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	color:#fff;
	text-decoration:none;
}
.service-min .service-title a:hover {
	background-color:#e58a00;
	color:#fff;
	text-decoration:none;
}
.service-min .service-title .service-title-icon {
	background-position:center 15px;
	padding-top:45px;
}
.service-min .gotop {
	margin-top:2px;
	clear:both;
}
.service-min .gotop a {
	display:block;
	width:46px;
	height:46px;
	overflow:hidden;
	background:#6b7173 url(icon-gotop.gif) no-repeat center;
	color:#fff;
	text-decoration:none;
}
.service-min .gotop a span {
	display:block;
	width:36px;
	height:36px;
	overflow:hidden;
	padding:6px 5px 4px;
	line-height:16px;
	text-align:center;
	font-size:13px;
	display:none;
	cursor:pointer;
}
.service-min .gotop a:hover {
	background-color:#464a4b;
	background-image:none;
}
.service-min .gotop a:hover span {
	display:block;
	color:#fff;
	text-decoration:none;
}
.fixed-left .service {
	float:left;
}
.fixed-left .service-inner {
	_float:left;
}
.fixed-right .service {
	float:right;
}
.fixed-right .service-inner {
	_float:right;
}
.fixed-right .service-min {
	float:right;
}

/*header*/
.header{ margin:0 auto; padding:0;width:100%;  background-color:#fff;}
.yding{ border-bottom:1px solid #ececec;}
.container{ margin:0 auto; padding:0; width:100%; height:auto; max-width:1200px;}

.yding em{ float:left; line-height:43px; font-size:13px; color:#3b3b3b;}
.yding ul{ float:right;}
.yding li{ float:left; line-height:43px; padding:0 13px; background:url(../images/htop_line.png) no-repeat left center;}
.yding li a{ font-size:13px; color:#3b3b3b;}
.yding li.noBg{ background:none;}
.yding span{float:right;background:url(../images/wx1.png) no-repeat center;width:23px;height:21px;margin-top: 11px;position: relative;z-index: 999;}
.yding span img{display:block;position:absolute;bottom: -152px;left: -107px;display:none;}
.yding span:hover img{ display:block;}

.ytop{padding: 20px 0;position: relative;}
.ytop .logo{ float:left; position:relative;}
.ytop .logo dl{ overflow:hidden;}
.ytop .logo dt{ float:left;}
.ytop .logo dt img{ display:block;}
.ytop .logo dd{margin-left: 140px;padding-left:15px;border-left:1px solid #ececec;margin-top: 7px; height:46px;}
.ytop .logo dt h1{width: 140px;height:60px;text-indent: -999em;}
.ytop .logo dt h1 a{width: 140px;height:60px;display: block;}
.ytop .logo dd h2{font-size:25px;color:#3b3b3b;margin-bottom: 5px;}
.ytop .logo dd p{font-size:15px;color:#3b3b3b;font-weight: inherit; line-height:46px;}
.ytop .phone{padding-left: 50px;background:url(../image/phone.png) no-repeat left center;float:right;}
.ytop .phone p{ font-size:15px; color:#3b3b3b; line-height:25px;}
.ytop .phone b{font-size:22px;color: #034091; line-height:25px;}


.newlogo{ margin:0 auto; padding:0; width:200px; height:189px; z-index:1000000000000;position:absolute; top:0; left:50%; margin-left:-100px;  }
.newlogo1{ margin:0 auto; padding:0; width:200px; height:189px; padding-top:20px; background:url(../image/logobg.png) no-repeat top center; text-align:center;z-index:1000000000000;}


/* ---------- menu ---------- */
.nav-wrapper {background-color:#21adde;}

.nav {}
.main-nav .sf-menu a, .main-nav .sf-menu a:visited {color:#fff;}
.main-nav .sf-menu a:hover {text-decoration:none;}
.main-nav .sf-menu a {
	border:none;
	padding-top:0;
	padding-bottom:0;
	display:block;
	line-height:55px;
	font-size:15px;
	color:#fff;
	font-weight:normal;
}
/* 一级 */
.main-nav .sf-menu li {	margin-right:2px;	background-color:transparent; padding-right:15px;padding-left:15px;}

.main-nav .sf-menu li.sfmenu3{ float:right;}
.main-nav .sf-menu li.sfmenu5{ float:right;}
.main-nav .sf-menu li.sfmenu6{ float:right;}
.main-nav .sf-menu li.sfmenu7{ float:right;}

.main-nav .sf-menu li.last {background-image:none;}
.main-nav .sf-menu li:hover, .main-nav .sf-menu li.sfHover, .main-nav .sf-menu li.sfHover > a, .main-nav .sf-menu a:focus, .main-nav .sf-menu a:hover, .main-nav .sf-menu a:active {
	background-color:#217fc4;
	color:#fff;
}
.main-nav .sf-menu li.current, .main-nav .sf-menu li.current .first-level, .main-nav .sf-menu li.current .first-level:visited {
	background-color:#21adde;
	color:#fff;
}
.main-nav .sf-sub-indicator {
	background-image:url(../img/superfish-arrows-white.gif);
}
.main-nav .sf-menu .first-level {
	padding-right:1.8em;
	padding-left:1.8em;
	border-right:none;
}
.main-nav .sf-menu .first-level .sf-sub-indicator {
	display:none;
}
.main-nav .sf-menu .last .first-level {
	border-right:none;
}
.main-nav .sf-menu li i {
	display:none;
	width:100%;
_width:expression( (this.parentElement.clientWidth) +'px');
	height:3px;
	overflow:hidden;
	background-color:#00b1e1;
	position:absolute;
	top:-3px;
	left:0;
}
.main-nav .sf-menu li:hover i, .main-nav .sf-menu .nav-hover i, .main-nav .sf-menu .current i, .main-nav .sf-menu .sfHover i {
	display:none;
}
/* 二级以下 */
.sf-menu ul {
	width:14em;
}
.main-nav .sf-menu li:hover ul, .main-nav .sf-menu li.sfHover ul {
	top:55px;
	box-shadow:2px 2px 2px 0 rgba(0, 0, 0, 0.1);
}
.main-nav .sf-menu li li:hover ul, .main-nav .sf-menu li li.sfHover ul {
	top:0;
	left:14em;
}
.main-nav .sf-menu li li {
	margin-right:0;
	background-color:rgba(37,127,196,0.95);
	background-color:#217fc4\9;
	border-top:none;
	background-image:none;
}
.main-nav .sf-menu li li a, .main-nav .sf-menu li li a:visited {
	padding-top:14px;
	padding-bottom:14px;
	padding-left:20px;
	line-height:normal;
	font-weight:normal;
	font-size:13px;
	color:#fff;
}
.main-nav .sf-menu li li a strong {
	font-weight:normal;
}
.main-nav .sf-menu li li:hover, .main-nav .sf-menu li.sfHover li.sfHover, .main-nav .sf-menu li.sfHover li.sfHover > a, .main-nav .sf-menu li li a:focus, .main-nav .sf-menu li li a:hover, .main-nav .sf-menu li li a:active {
	background-color:#0f5b92;
	color:#fff;
}
.main-nav .sf-menu li li .sf-sub-indicator {
	top:1.3em;
	display:block;
}

/* ============================= 响应式 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-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(../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;
}
.touch-menu ul li {
	border-bottom:1px solid #3a3f4d;
	position:relative;
}
.touch-menu ul li a {
	color:#fff;
	display:block;
	font-size:18px;
	height:48px;
	line-height:48px;
	padding-left:10px;
}
.touch-menu ul li a:hover, .touch-menu ul li a:active {
	background-color:#21232b;
}
.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 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 ul {
	display:none;
	margin:0;
	padding:0 10px 30px 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;
}




/*seach*/
.seach{position:relative;z-index: 59;margin-bottom: 70px;}
.seach .container{ margin:0 auto; padding:0; width:100%; height:auto; max-width:1200px; margin-top:-25px;}
.seach .gjc{float:left;width: 66%;height:56px;line-height:56px;padding: 0 2%;background:#21adde;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.seach .gjc span{ font-size:14px; color:#f4f4f4; font-weight:bold;}
.seach .gjc a{font-size:12px;color:#f4f4f4;padding:0 5px;}
.seach .gjc a:hover{ text-decoration:underline; color:#ccc;}
.seach .sc{float:left;width: 30%;background-color: #217fc4;}
.seach .sc input{float:left;width: 76%;height:56px;line-height:56px;padding:0 2%;font-size:14px;color:#f4f4f4;background:none;outline:none;border:none;text-indent: 10px;}
.seach .sc a{ float:right; width:20%; height:56px; background:url(../images/ss.png) no-repeat center;}



.search { width:30%; position: relative; float:left; background-color: #217fc4;height:56px;}
.search input[type=text] { width:80%; opacity:1;   outline: none; border:0; background:none; line-height: 56px; color: #fff; font-size: 14px;  transition:455ms ease-in-out;}

.search .search-txt{ padding-left:10px;}
.search .search-btn{ padding-right:10px; padding-top:10px;}

/* 多列图文 */
/* default marg-per3 margin right 3% */

.module-full-screen-title { margin:0 auto; padding:0; width:100%; height:auto; max-width:1200px;
	margin-bottom:40px;
	text-align:center;
}
.module-full-screen-title > h3 {
	margin-bottom:13px;margin-top:13px;
	line-height:normal;
	font-weight:normal;
	color:#999;
	font-size:12px;
}
.module-full-screen-title > .module-title-content > h2 {
	display:inline-block;
*display:inline;
*zoom:1;
	margin:0 40px;
	line-height:normal;
	font-weight:normal;
	color:#4d4d4d;
	font-size:30px;
	font-size:2.4rem;
}
.module-full-screen-title > .module-title-content > i {
	display:inline-block;
*display:inline;
*zoom:1;
	position:relative;
	top:-5px;
	width:110px;
	height:1px;
	overflow:hidden;
	background-color:#ccc;
}

.product-list1 { margin:0 auto; padding:0; width:100%; height:auto; max-width:1200px;
	min-height:20px;
}
.product-list1 li { margin:0 auto; padding:0; width:23%; margin:1%; float:left;
	text-align:center;
}


.product-list { margin:0 auto; padding:0; width:100%; height:auto; max-width:1200px;
	min-height:20px;
}
.product-list li { margin:0 auto; padding:0; width:31%; margin:1%; float:left;
	text-align:center;
}

.portfolio-img {
	margin-bottom:10px; border:1px solid #f3f3f3;
	overflow:hidden;
}
.portfolio-img a {
	position:relative;
}
.portfolio-img a, .portfolio-img img {
	width:100%;
	display:block;
	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;
}
.portfolio-img .opacity-overlay {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:10;
	cursor:pointer;
	background-color:#000;
	opacity:0;
	filter:alpha(opacity=0);
_height:expression( (this.parentElement.clientHeight) +'px');
	-webkit-transform:scale(0);
	-moz-transform:scale(0);
	-o-transform:scale(0);
	-ms-transform:scale(0);
	transform:scale(0);
	-webkit-transition:all 0.25s ease-in-out;
	-moz-transition:all 0.25s ease-in-out;
	-o-transition:all 0.25s ease-in-out;
	-ms-transition:all 0.25s ease-in-out;
	transition:all 0.25s ease-in-out;
}

.portfolio-img a:hover .opacity-overlay {
	filter:alpha(opacity=70);
	opacity:0.7;
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-o-transform:scale(1);
	-ms-transform:scale(1);
	transform:scale(1);
	-webkit-transition:all 0.25s ease-in-out;
	-moz-transition:all 0.25s ease-in-out;
	-o-transition:all 0.25s ease-in-out;
	-ms-transition:all 0.25s ease-in-out;
	transition:all 0.25s ease-in-out;
}
.portfolio-img a:hover img {
	transform: scale(1.2, 1.2) rotate(10deg);
	-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;
}
.portfolio-item:hover img, .product-item:hover img, .scrollable-item: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;
}


.portfolio-wenzi { margin:0 auto; padding:0; width:100%; height:40px;	margin-bottom:10px; background:#fff; color:#666; line-height:40px;
}


.product-item {
	position:relative;
}
.product-item .portfolio-img {
	background-color:#f2f2f2;
	overflow:hidden;
	position:relative;
	margin-bottom:0;
}
.product-item .portfolio-text {
	display:none;
	position:absolute;
	top:0;
	left:0;
	z-index:20;
	text-align:center;
	width:100%;
	height:100%; line-height:18px;
	color:#fff;
}
.product-item .portfolio-text h2 {
	margin:40px 20px 20px;
	line-height:normal;
	font-size:18px;
	font-size:1.8rem;
	font-weight:normal;
}
.product-item .portfolio-text .icon-detail {
	display:inline-block;
*display:inline;
*zoom:1;
	width:41px;
	height:41px;
	background:url(../images/icon-detail.gif) no-repeat center;
	-webkit-transition:-webkit-transform 0.5s ease-out;
	-moz-transition:-moz-transform 0.5s ease-out;
	transition:transform 0.5s ease-out;
}
.product-item .portfolio-text .icon-detail span {
	display:none;
}

.product-item a:hover .portfolio-text {
	display:block;
}
.product-item .portfolio-text:hover .icon-detail {
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	transform:rotate(180deg);
}
.product-item .opacity-overlay {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:10;
	cursor:pointer;
	background-color:#217fc4;
	opacity:0;
	filter:alpha(opacity=0);
_height:expression( (this.parentElement.clientHeight) +'px');
	-webkit-transform:scale(0);
	-moz-transform:scale(0);
	-o-transform:scale(0);
	-ms-transform:scale(0);
	transform:scale(0);
	-webkit-transition:all 0.25s ease-in-out;
	-moz-transition:all 0.25s ease-in-out;
	-o-transition:all 0.25s ease-in-out;
	-ms-transition:all 0.25s ease-in-out;
	transition:all 0.25s ease-in-out;
}
.product-item a:hover .opacity-overlay {
	filter:alpha(opacity=90);
	opacity:0.9;
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-o-transform:scale(1);
	-ms-transform:scale(1);
	transform:scale(1);
	-webkit-transition:all 0.25s ease-in-out;
	-moz-transition:all 0.25s ease-in-out;
	-o-transition:all 0.25s ease-in-out;
	-ms-transition:all 0.25s ease-in-out;
	transition:all 0.25s ease-in-out;
}


/*newcon*/


#newcon{ margin:0 auto; padding:30px 0; width:100%; height:auto; background:#fff; }
#newconmain{ margin:0 auto; padding:30px 0; width:100%; height:auto; max-width:1200px;}
#newcon1{ margin:0 auto; padding:0; width:100%; height:auto;font-size:24px;color:#000; font-weight: normal; text-align:center; text-decoration:none; line-height:40px; }
#newcon2{ margin:0 auto; padding:0; width:100px; height:2px; background:#29a7e2;}
#newcon3{ margin:0 auto; padding:0; width:100%; height:auto;font-size:12px;color:#666; font-weight: normal; text-align:center; text-decoration:none; line-height:30px; }
#newcon3 a{ font-size:12px;color:#666; font-weight: normal; text-align:center; text-decoration:none; line-height:30px; }
#newcon3 a:hover{ font-size:12px;color:#000; }
#newcon4{ margin:0 auto; padding:20px 0; width:100%; height:auto;}
#newcon4 ul{margin:0 auto; padding:0; width:100%; height:auto; }

#newcon4 ul li{ margin:0; padding:0; width:17%; height:auto; margin-left:1%; margin-right:1%; float:left;border:1px solid #f3f3f3;text-align:center;}
#newcon4 ul li.img{ margin:0; padding:0; width:100; height:auto;float:left;}
#newcon4 ul li img{ max-width:100%; height:auto;}
#newcon4 ul li.txt{ margin:0; padding:0; width:100; height:auto;float:left;border-top:1px solid #f3f3f3;font-family: '微软雅黑',宋体;font-size:14px;color:#29B8C0; font-weight: normal; text-align:center; text-decoration:none; line-height:40px;}
#newcon4 ul li.txt a{ margin:0; padding:0;display:block; width:100%;   height:auto; font-family: '微软雅黑',宋体;font-size:14px;color:#666; font-weight: normal; text-align:center; text-decoration:none; line-height:40px; }
#newcon4 ul li.txt a:hover{ font-family: '微软雅黑',宋体;color:#fff; text-decoration:underline; background:#29B8C0; }
#newcon4 ul li a{ margin:0; padding:0;display:block; width:100%;   height:auto; font-family: '微软雅黑',宋体;font-size:14px;color:#666; font-weight: normal; text-align:center; text-decoration:none; line-height:40px; }
#newcon4 ul li a:hover{ font-family: '微软雅黑',宋体;color:#fff; text-decoration:none; background:#29B8C0; }
/*fuwu*/

#indexservice{ margin:0 auto; padding:0; width:100%; height:auto; background:#21adde;}
#indexservicemain{ margin:0 auto; padding:20px 0; width:100%; height:auto; max-width:1200px;}

/* list */
.list{width:100%;margin:0 auto 0 auto; min-height:160px;}
.list li{width:22%;height:100px;float:left;border-radius:50%;position:relative;margin:0 1%;position:relative;cursor:pointer;-webkit-transition:.4s all;-moz-transition:.4s all;-ms-transition:.4s all;transition:.4s all;}
.list li a{display:block;width:100%;height:100%;}
.list li .cycle_mark{position:absolute;left:0;top:0;z-index:2;}
.list li .ico{ margin:0 auto;width:100px;height:100px;background:url(../image/d.png);border-radius:50%;z-index:1;-webkit-transition:.4s all;-moz-transition:.4s all;-ms-transition:.4s all;transition:.4s all;}
.list li ._1{background-position:0px 0px;}
.list li ._2{background-position:-100px 0px;}
.list li ._3{background-position:-200px 0px;}
.list li ._4{background-position:-300px 0px;}
.list li ._5{background-position:-400px 0px;}

.list li p{width:100%;position:absolute;left:0;top:116px;text-align:center;}
.list li p span{font-size:16px;color:#fff;display:block;font-weight:bold;}
.list li p strong{font-size:12px;color:#f00;display:block;}

.list li.on{}
.list li.on .ico{ -webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}

.list11{ display:none;}

/*fangan*/
#indexyinyong1{margin:0 auto; padding:0; width:100%; height:auto; margin-top:30px; max-width:1200px;font-size:30px; color:#000; line-height:40px; text-align:center; text-decoration:none; }
#indexyinyong2{margin:0 auto; padding:0; width:100%; height:auto; margin-top:10px; max-width:800px;font-size:13px; color:#888; line-height:20px; text-align:center; text-decoration:none;}

#indexyinyong3{margin:0 auto; padding:0; width:100%; height:auto; margin-top:10px; max-width:1200px;}
/* carousel */
.carousel{background:#fff;margin:0px auto;padding:30px 0px 0px;width:1200px;height:460px;overflow:hidden;position:relative;}
.carousel .slides{margin:0px auto 30px;overflow:hidden;position:relative;}
.carousel .slides .slideItem{padding:0px;overflow:hidden;position:absolute;cursor:pointer;opacity:1 !important;}
.carousel .slides .slideItem a{overflow:hidden;display:block;}
.carousel .slides .slideItem img{width:100%;height:100%;}
.carousel .slides .slideItem .cover{left:0px;top:0px;width:100% !important;height:334px !important;display:block;position:absolute;}
.prevButton{background:url("../images/btn.png") no-repeat 0px 0px;top:176px;width:38px;height:38px;display:block;position:absolute;z-index:99;cursor:pointer;}
.nextButton{background:url("../images/btn.png") no-repeat 0px 0px;top:176px;width:38px;height:38px;display:block;position:absolute;z-index:99;cursor:pointer;}
.prevButton{left:12px;}
.nextButton{background-position:0px -40px;right:12px;}



/*zhuanli*/
#indexzhuanli{ margin:0 auto; padding:0; width:100%; height:auto; min-height:400px; margin-top:40px; background:url(../image/bg11.jpg) no-repeat center center;}
#indexzhuanlimain{ margin:0 auto; padding:0; width:100%; height:auto; max-width:1200px; }
#indexzhuanlititle{ margin:0 auto; padding:0; width:100%; height:40px; background:url(../image/di.png) no-repeat top center; font-size:18px; color:#fff; line-height:40px; text-align:center; }

#indexzhuanlicon{ margin:0 auto; padding:0; width:100%; height:auto; padding-top:30px;font-size:14px; color:#fff; line-height:40px; text-align:center; }



/*解决方案*/
#indexfangan{ margin:0 auto; padding:0; width:100%; height:40px; background:url(../image/di.png) no-repeat top center; font-size:18px; color:#fff; line-height:40px; text-align:center; }


.ixpro li {
    width: 25%;
    float: left;
}

.ixproList a {
    display: block;
    margin: 0 10px;
}

    .ixproList a:link,
    .ixproList a:visited {
        color: #fff;
    }

.ixproList .con {
    position: relative;
}

.ixproList .cover {
    background: url(../images/black.png);
    background: rgba(0,0,0,.4);
    opacity: 0;
    display: none\9;
}

.ixproList .txts {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    padding: 20px 35px 0 35px;
}

    .ixproList .txts .line {
        width: 0;
        height: 2px;
        background: #fff;
        margin-bottom: 20px;
        transition: 400ms;
        -webkit-transition: 400ms;
    }

    .ixproList .txts .txx {
        opacity: 0;
        display: none\9;
        transition: 400ms;
        -webkit-transition: 400ms;
    }

    .ixproList .txts .ti {
        transform: translateX(-60px);
        -webkit-transform: translateX(-60px);
    }

    .ixproList .txts .tx1 {
        font-size: 24px;
        margin-bottom: 5px;
        transition-delay: 100ms;
        -webkit-transition-delay: 100ms;
    }

    .ixproList .txts .tx2 {
        font-size: 14px;
        transition-delay: 200ms;
        -webkit-transition-delay: 200ms;
    }

    .ixproList .txts .aen {
        position: absolute;
        left: 35px;
        bottom: 45px;
        font-size: 20px;
        font-family: 'MyriadPro-SemiCn';
        letter-spacing: -1px;
        transform: translateY(-60px);
        -webkit-transform: translateY(-60px);
        transition-delay: 300ms;
        -webkit-transition-delay: 300ms;
    }

.ixproList a:hover .cover {
    opacity: 1;
    display: block\9;
}

.ixproList a:hover .txts .line {
    width: 100%;
}

.ixproList a:hover .txts .txx {
    transform: translate(0);
    -webkit-transform: translate(0);
    opacity: 1;
    display: block\9;
}


.ixprob {
    position: relative; margin:0 auto; padding:0;
    margin-top: 50px; width:100%; height:auto; max-width:1200px;
}

.ix-pro-arrow {
    font-size: 0;
    width: 58px;
    height: 58px;
    position: absolute;
    top: 50%;
    margin-top: -29px;
    background-color: #ff0000;
    z-index: 99;
    cursor: pointer;
    transition: 400ms;
    -webkit-transition: 400ms;
    opacity: 0;
    display: none\9;
}

.ix-pro-prev {
    left: 0;
    transform: translateX(100px);
    -webkit-transform: translateX(100px);
    -ms-transform: translateX(100px);
}

.ix-pro-next {
    right: 0;
    transform: translateX(-100px);
    -webkit-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
}

.ix-pro-prev .ico {
    background-image: url(../images/rr-ixproprev.png);
}

.ix-pro-next .ico {
    background-image: url(../images/rr-ixpronext.png);
}

.ix-pro-arrow.show {
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    opacity: 1;
    display: block\9;
}

.ixTitle2 .ixt .ch {
    letter-spacing: 15px;
}

.ixTitle2 .ixt .en1 {
    letter-spacing: 0;
}

.ixTitle2 .ixt {
    width: 230px;
}
.pic{
	display:block;
	width:100%;
	overflow:hidden;
	position:relative;
	background-size:cover;
	background-repeat:no-repeat;
	background-position: center center;
	}
.pic1{
	display:block;
	width:100%; height:40px;
	position:relative; text-align:center; color:#666; background:#f3f3f3; line-height:40px;
	}
.pic img{
	display:block;
	width:100%;
	transition:600ms;
	-webkit-transition:600ms;
	}
.scapic:hover img{
	transform:scale(1.1);
	-webkit-transform:scale(1.1);
	}
.ctx{
	text-align:center;
	}
.jtx{
	text-align:justify;
	} 
.tx{ 
	text-align:justify;
	overflow:hidden;
	line-height:25px !important;
	}
.freeTx{
	text-align:justify;
	}
.freeTx img{ 
	display:block;
	margin:0 auto; 
	max-width:100%;
	height:auto !important;
	}
.nowti{
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden; 
	line-height:1.1;
	}
.ti,.name,.tii,.ch{
	line-height:1.4;
	}
.en{
	line-height:1.1;
	}
.aen{
	text-transform:uppercase;
	line-height:1.1;
	}
.cen{
	text-transform:capitalize;
	line-height:1.1;
	}
.ico,.aw{
	width:100%;
	height:100%;
	display:block;
	background-repeat:no-repeat;
	background-position:center center;
	transition:300ms;
	-webkit-transition:300ms;
	position:relative;
	}
.cover,.bg{
	display:block;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	transition:600ms;
	-webkit-transition:600ms;
	}
.bg{
	transition:300ms;
	-webkit-transition:300ms;
	}
.line{
	display:block;
	}
.fixbg{
	width:100%;
	background-repeat:no-repeat;
	background-position: center center;
	background-size:cover;
	background-attachment:fixed;
	-webkit-background-attachment:fixed;
	background-attachment:scroll\9;
	position: relative;
	}

.kong{ margin:0 auto; padding:0; width:100%; height:40px;}


.indexfuwu{ margin:0 auto; padding:0; width:100%; height:auto; background:#21adde;}
.indexfuwumain{ margin:0 auto; padding:40px 0; width:100%; height:auto; max-width:1200px;}
.indexfuwu1{ margin:0 auto; padding:0; width:70%; height:auto; float:left;}
.indexfuwu1 h3{ margin:0 auto; padding:0; width:100%; height:auto; float:left;font-size:20px; color:#fff; font-family:"微软雅黑",宋体,Arial;line-height:30px; text-align:left; text-decoration:none;}
.indexfuwu1 span{ margin:0 auto; padding:0; width:100%; height:auto; float:left;font-size:14px; color:#fff; font-family:"微软雅黑",宋体,Arial;line-height:30px; text-align:left; text-decoration:none;}
.indexfuwu2{ margin:0 auto; padding:0; width:20%; height:auto; float:right;}
.indexfuwu21{ margin:0 auto; padding:10px 0; width:200px; height:100px; border:4px solid #fff; float:left;}
.indexfuwu21 p.title{ margin:0 auto; padding:0; width:100%; height:auto; text-align:center;font-size:20px; color:#fff; line-height:30px; text-decoration:none;}
.indexfuwu21 p.tel{ margin:0 auto; padding:0; width:100%; height:auto; text-align:center;font-size:16px; color:#fff; line-height:20px; text-decoration:none;}

.indexfuwu21 a{ margin:10px auto; padding:0; width:100px; height:30px; display:block; background:#fff; text-align:center;font-size:16px; color:#000; line-height:30px; text-decoration:none;}
.indexfuwu21 a:hover{ background:#2176de; color:#fff; }


/*indexabout*/
#indexabout{ margin:0 auto; padding:0; width:100%; height:auto; background:#f3f3f3;}
#indexaboutmain{ margin:0 auto; padding:0; width:100%; height:auto; max-width:1200px; padding-bottom:40px; padding-top:40px;}
#indexabouttitle{ margin:0 auto; padding:0; width:100%; height:auto; max-width:1200px; border-bottom:1px solid #ccc;}
#indexabouttitle1{ margin:0 auto; padding:0; width:70%; height:auto; float:left; font-size:24px; color:#000; line-height:40px; text-align:left; }
#indexabouttitle1 span{ font-family:Arial;font-size:14px; color:#888; line-height:40px; text-align:left; }

#indexabouttitle2{ margin:0 auto; padding:0; width:20%; height:auto; float:right; font-size:14px; color:#000; line-height:40px; text-align:right; }
#indexabouttitle2 a{ font-size:14px; color:#000; line-height:40px; text-align:right; }
#indexabouttitle2 a:hover{ color:#000; text-decoration:underline;}

#indexaboutcon{ margin:0 auto; padding:40px 0; width:100%; height:auto; max-width:1200px; }
#indexaboutcon1{ margin:0 auto; padding:0; width:30%; height:auto; float:left;}
#indexaboutcon1 img{ max-width:100%; height:auto;}
#indexaboutcon2{ margin:0 auto; padding:0; width:60%; height:auto; float:right; padding:0 4%;}
#indexaboutcon21{ margin:0 auto; padding:0; width:100%; height:auto; float:left; font-size:24px; color:#000; line-height:40px; text-align:left;}
#indexaboutcon22{ margin:0 auto; padding:0; width:100%; height:auto; float:left; font-size:14px; color:#777; line-height:25px; text-align:left;}
#indexaboutcon23{ margin:0 auto; padding:0; width:100%; height:auto; margin-top:15px;}
#indexaboutcon231{ margin:0 auto; padding:0; width:120px; display:block; height:40px; background:#21adde; float:left;text-align:center;}
#indexaboutcon231 a{ margin:0 auto; padding:0; width:120px; display:block; height:40px; background:#21adde; font-size:14px; color:#fff; line-height:40px; text-align:center;}
#indexaboutcon231 a:hover{ background:#227fc4;}

#indexaboutcon232{ margin:0 auto; padding:0; margin-left:20px; display:block; width:120px; height:40px; background:#fff; float:left; border:1px solid #eee;}
#indexaboutcon232 a{ margin:0 auto; padding:0; width:120px; display:block; height:40px; background:#fff; font-size:14px; color:#666; line-height:40px; text-align:center;}
#indexaboutcon232 a:hover{ background:#eee;}

#indexaboutvideo{ margin:0 auto; padding:0; width:100%; height:auto; max-width:1200px; margin-bottom:30px; margin-top:30px;}

#indexaboutvideo1{ margin:0 auto; padding:0; width:24%; height:auto; margin-right:1%; float:left;}
.indexaboutvideo11{ margin:0 auto; padding:0; width:100%; height:auto;transition:688ms; overflow:hidden; position:relative;}
.indexaboutvideo11 img{ max-width:100%; height:auto;transition:688ms;}

.indexaboutvideo12{ margin:0 auto; padding:0; width:100%; height:50px; display:block; background:#fff;font-size:14px; color:#666; font-family:"微软雅黑",宋体,Arial;line-height:30px; text-align:center; text-decoration:none; }
.indexaboutvideo12 a{ margin:0 auto; padding:0; width:100%; height:50px; display:block; background:#fff;font-size:14px; color:#666; font-family:"微软雅黑",宋体,Arial;line-height:30px; text-align:center; text-decoration:none; }
.indexaboutvideo12 a:hover{ background:#5b0d11;font-size:14px; color:#fff; }


#indexaboutvideo1:hover  .indexaboutvideo12{margin:0 auto; padding:0; width:100%; height:50px; display:block; background:#21adde;font-size:14px; color:#fff;font-size:14px; font-family:"微软雅黑",宋体,Arial;line-height:30px; text-align:center; text-decoration:none;}
#indexaboutvideo1:hover  .indexaboutvideo11 img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1);}

/*newsMain*/
.newsMain{padding-bottom:55px;padding-top: 40px;}
.newsMain .new_l{float:left;width: 70%;}
.newsMain .new_r{ position:relative; float:right; width:25%; height:auto; background-color:#f0f0f0; padding:2%;}
/*new_l*/
.new_l .nlist{overflow:hidden;width: 100%;}
.new_l .nlist li{float:left;width: 31%;text-align:center;height: 50px;margin:1%;background: #666;}
.new_l .nlist li h2{ font-weight: inherit;}
.new_l .nlist li a{display:block;font-size: 18px;color:#fff;text-decoration:none;height: 50px;line-height: 50px;}
.new_l .nlist li:hover,.new_l .nlist li.cur{background: #21adde;}
.new_l .news{ margin-top:20px;}

.new_l .news dl{ margin:0 auto; padding:0; width:100%; height:auto;}
.new_l .news dt{float:left;padding: 3px;border: 1px solid #e9e9e9; width:30%; }
.new_l .news dt img{ display:block; max-width:100%; height:auto;}
.new_l .news dd{ width:66%; float:right;}
.new_l .news dd h3{ padding-top:20px; padding-bottom:15px; width:100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.new_l .news dd h3 a{ font-size:15px; color:#383838;}
.new_l .news dd p{ font-size:15px; color:#383838; line-height:26px; height:auto;}
.new_l .news ul{overflow:hidden;width: 100%;margin-top:35px;}
.new_l .news li{float:left;width: 46%;height:33px;line-height:33px;margin:0 2% 0 2%; font-size:12px; line-height:25px; text-align:left; border-bottom:1px dashed #e3e3e3;}
.new_l .news li a{font-size:12px; line-height:25px; text-align:left; color:#666;}
.new_l .news li span{font-size:12px; line-height:25px; text-align:left; color:#888;}
.new_l .news li a:hover{ text-decoration:underline; color:#000;}
/*new_r*/
.new_r .ntop{ padding-top:20px;}
.new_r .ntop h2 a{ font-size:18px; color:#363636;}
.new_r .ntop span{font-size:13px;color: #a9a0a0;text-transform: uppercase;}
.new_r .ntop i{display:block;width:40px;height:2px;background-color: #034091;margin-top:8px;}
.new_r .quetion{ height:265px; overflow:hidden; margin-top:20px;}
.new_r .quetion dl{ padding-top:24px; padding-bottom:25px; border-bottom:1px dotted #e1e1e1;}
.new_r .quetion dl h3{font-weight: inherit; }
.new_r .quetion dt{ padding-left:30px; background:url(../images/wen.png) no-repeat left center; height:17px; line-height:17px; overflow:hidden; width:250px;white-space: nowrap;text-overflow: ellipsis;}
.new_r .quetion dt a{ font-size:15px;}
.new_r .quetion dd{ padding-left:30px; background:url(../images/da.png) no-repeat left top; font-size:15px; color:#686868; line-height:20px; height:40px; overflow:hidden; margin-top:20px;}
.new_r .mor{display:block;position:absolute;background: #21adde;width:179px;height:41px;line-height:41px;text-align:center;bottom:-20px;left:50%;margin-left:-90px;color:#f5f3f4;font-size:15px;text-decoration:none;border-radius: 18px;}




/*友情链接*/

.linkmain{ width:100%; margin-top:30px;
    margin: 0 auto;
    background: #fff;
}


.tabbox{ width:100%; max-width:1200px; 
    margin: 0 auto; padding-top:20px; padding-bottom:20px;
    font-size: 14px;
    color: #ddd;
    text-align: center;
}
.tabbox .tab{width: 100%;}
.tabbox .tab a{display:block;padding:10px 20px;float:left;text-decoration:none;color:#888;}
.tabbox .tab a:hover{background:#C1C1C1;color:#666;text-decoration:none;}
.tabbox .tab a.on{background:#C1C1C1;color:#666;text-decoration:none;}
.tabbox .content{width: 100%;height: auto;}
.tabbox .content li{float:left;color:#979797; width:100%; display:block; font-size:12px; text-align:left;}
.tabbox .content li a{color:#979797;}
.tabbox .content li a:hover{ color:#000;}


/*内页*/
#conbanner1{ margin:0 auto; padding:0; width:100%; height:auto;}
#conbanner1 img{ max-width:100%; height:auto;}
#conbanner2{ margin:0 auto; padding:0; width:100%; height:auto; display:none;}
#conbanner2 img{ max-width:100%; height:auto;}

/*proMain*/
.proMain{background:url(../images/bg1.png) repeat center;padding-bottom: 50px;padding-top: 35px;} 
.proMain2{ background:#fff;}
.proMain .pro_l{float:left;width: 20%;}
.proMain .pro_r{float:right;width: 76%; background:#fff;}
.proMain2 .pro_l{ margin-top:0px;}
.proMain2 .pro_r{ padding-top:25px;}
/*pro_l*/
.proMain .pro_l1 { width:92%; height:auto; padding:2% 2% 2% 6%; display:block;font-weight:normal;background: #21adde; color: #fff;font-size:20px; }
.proMain .pro_l1 span{font-size:12px;text-transform: uppercase; line-height:20px; padding-left:10px; }
.cpnavbox{background:#fff;padding-bottom: 15px;}
.cpnav {padding: 10px 15px 0px 15px;overflow:hidden;}
.cpnav li {margin-top:5px;font-weight:normal;line-height: 20px;background:#f3f3f3;}
.cpnav li a {display:block;font-size:15px;color:#292929;text-decoration:none;height: auto;line-height: 20px;background: url(../images/jt.png) no-repeat right 10px center;padding:10px 20px 10px 15px;}
.cpnav li a:hover {background: url(../images/jt1.png) no-repeat right 10px center #21adde; color:#fff;}
.cpnav li.act a {display:block;font-size:15px;color:#fff;text-decoration:none;height: auto;line-height: 20px;background: url(../images/jt1.png) no-repeat right 10px center #21adde;}
.cpnav li.act a:hover {background: url(../images/jt1.png) no-repeat right 10px center #21adde; color:#fff;}
/*pro_r*/
#contentc1 .main{border:1px solid #b1c1e2; background:#ecedf8; position:relative;}

#contentc1 form{margin:8px; background:#fff; padding:10px 0;}
#contentc1 td{ height:30px; padding-top:5px; padding-bottom:5px;font-family:"微软雅黑","宋体"; font-size:14px; padding-left:10px; padding-right:10px;}

#contentc1 .tip{font-size:12px; color:#666;}


.tex{
	font-size: 14px;
	height: 30px;
	line-height: 30px;
	padding: 0;
	background-color: #fff;
	border: 1px solid #dbdbdb;
	width: 250px;
}
.tex1{
	font-size: 14px;
	height: 100px;
	line-height: 30px;
	padding: 0;
	background-color: #fff;
	border: 1px solid #dbdbdb;
	width: 250px;
}
.code{
	border: none;
	width: 130px;
	height: 45px;
	background-color: #21adde;
	line-height: 45px;
	text-align: center;
	color: #fff;
	font-size: 18px;
	font-family:"微软雅黑","宋体";
}

.code:hover{
	background-color: #217fc4;
}

/*pro*/
#promain{ margin:0 auto; padding:0; width:96%; height:auto; background:#fff; margin-bottom:40px; margin-top:40px; max-width:1156px; padding:2%;}
#promain1{ margin:0 auto; padding:0; width:96%; height:auto; background:#fff; margin-bottom:40px; margin-top:20px; max-width:1156px; padding:0 2%;}
#promainlocation{ margin:0 auto; padding:0; width:100%; height:40px; border:1px dashed #e3e3e3;font-size: 12px; color: #666; font-weight: normal; line-height:40px; text-align:right;}
#promainlocation a{ font-size: 12px; color: #666; font-weight: normal; line-height:40px; text-align:right;}
#promainlocation a:hover{ color:#000; text-decoration:underline;}

#promaintitle{ margin:0 auto; padding:0; width:100%; height:auto; padding-top:30px; padding-bottom:20px;font-size: 24px; color: #000; font-weight: normal; line-height:40px; text-align:center;}
#promaintitle h1{ font-size: 24px; color: #000; font-weight: normal; line-height:40px; text-align:center;}
#promaincon{ margin:0 auto; padding:0; width:100%; height:auto; font-size: 14px; line-height:30px; text-align:left;}
#promaincontitle{ margin:0 auto; padding:0; width:100%; height:auto; padding-top:30px; border-bottom:1px dashed #e3e3e3; font-size: 24px; color: #000; font-weight: normal; line-height:40px; text-align:left;}


.right_title { width:96%;height:36px;line-height:36px;font-size:20px;background:#fefefe;padding:2%;}
.right_name {float:left;color: #034091;height:37px;}
.right_name font {color: #ffb901;margin-left:10px;text-transform:uppercase;font-size:16px;}
.mbx {font-size:14px;float:right;width:550px;text-align:right;line-height:36px;}
.mbx .breadcrumbs {list-style:none;padding:0;margin:0;float:right;line-height:36px;}
.mbx .breadcrumbs li {float:left;margin:0 5px 0 0;padding:0;}
.mbx b {font-weight:100;float:right;background:url(images/sy.png) no-repeat 0px 6px;text-indent:26px;}

.newCont {float:left;width: 100%;overflow:hidden;}
.conts {position:relative;padding:42px 35px 40px 35px;border-top: #e3e3e3 1px solid;background-color:#fff;border-bottom:#ececec 1px solid;}
.conts_no_mar {margin-bottom:0}
.newCont .conts h1 {text-align:center;font-size:30px;color:#333;margin-bottom:15px;font-weight:bold}
.newCont .time {width:100%;font-size:12px;color:#999;text-align:center;padding-bottom:22px;border-bottom:#e7e7e7 1px dashed;margin-bottom:28px;}
.new_conts p {font-size:16px;color:#333;line-height:26px;margin-bottom:26px;word-break:break-all;}
.new_conts img {max-width:100%;height:auto;}
.new_conts h1 {font-size:36px}
.new_conts h2 {font-size:30px}
.new_conts h3 {font-size:24px}
.new_conts h4 {font-size:18px}
.new_conts h5 {font-size:14px}
.new_conts h6 {font-size:12px}
.new_conts h1,.new_conts h2,.new_conts h3,.new_conts h4,.new_conts h5,.new_conts h6 {margin-bottom:20px}
.new_conts strong {font-weight:bold}
.new_conts ul,.new_conts ol {background:#ececec;padding:30px 30px 30px 40px;font-size:16px;margin-bottom:26px;}
.new_conts ul li,.new_conts ol li {list-style-type:circle;line-height:30px;}

.new_conts .title{ margin:0 auto; padding:0; width:100%; height:auto; border-bottom:1px dashed #e3e3e3;font-size:22px; color:#21adde; font-weight:bold; padding-top:20px; margin-bottom:10px; font-family:"微软雅黑",宋体,Arial;line-height:30px; text-align:left; text-decoration:none; }
.new_conts td {font-size:12px;color:#333;line-height:26px; border:1px solid #e3e3e3; text-align:center;}


/*zhenshu*/

#conzhenshu{ margin:0 auto; padding:0; width:96%; max-width:1200px; padding:2%; background:#fff; border-top:1px solid #e3e3e3;}

#conzhenshu1{ margin:0 auto; padding:0; width:96%; max-width:1200px; font-size: 24px; color: #000; font-weight: bold; line-height:50px; text-align:center;}
#conzhenshu2{ margin:0 auto; padding:0; width:100px; height:3px; background:#e3e3e3;}

#conzhenshu3{ margin:0 auto; padding:0; width:96%; max-width:1200px; padding-top:30px;padding-bottom:30px;}

#conzhenshu31{ margin:0 auto; padding:0; width:22%; height:auto; margin:1%; float:left; border:1px solid #f3f3f3;}
.conzhenshu311{ margin:0 auto; padding:0; width:100%; height:auto;transition:688ms; overflow:hidden; position:relative;}
.conzhenshu311 img{ max-width:100%; height:auto;transition:688ms;}

.conzhenshu312{ margin:0 auto; padding:0; width:100%; height:50px; display:block; background:#fff;font-size:14px; color:#666; font-family:"微软雅黑",宋体,Arial;line-height:30px; text-align:center; text-decoration:none; }
.conzhenshu312 a{ margin:0 auto; padding:0; width:100%; height:50px; display:block; background:#fff;font-size:14px; color:#666; font-family:"微软雅黑",宋体,Arial;line-height:30px; text-align:center; text-decoration:none; }
.conzhenshu312 a:hover{ background:#5b0d11;font-size:14px; color:#fff; }


#conzhenshu31:hover  .conzhenshu312{margin:0 auto; padding:0; width:100%; height:50px; display:block; background:#21adde;font-size:14px; color:#fff;font-size:14px; font-family:"微软雅黑",宋体,Arial;line-height:30px; text-align:center; text-decoration:none;}
#conzhenshu31:hover  .conzhenshu311 img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1);}


.contact{position:relative; margin:0 auto; padding:0; width:96%;padding:2%;border-top: #e3e3e3 1px solid;background-color:#fff;border-bottom:#ececec 1px solid;}
.contactleft{ margin:0 auto; padding:0; width:55%; height: auto; float:left;}
.contactleft1{ margin:0 auto; padding:0; width:100%; height: auto; float:left;}
.contactleft1 h1{ font-size:26px; color: #000; text-align:left; line-height:40px;}
.contactleft2{ margin:0 auto; padding:0; width:100%; height: auto; float:left; font-size:14px; color: #666; text-align:left; line-height:30px; }
.contactright{ margin:0 auto; padding:0; width:40%; height: auto; float:right;}

.message{position:relative; margin:0 auto; padding:0; width:96%;padding:2%; border-top:1px dashed #e3e3e3; margin-top:30px;}


/*rencai*/
.character-box{ padding: 80px 0 45px; background: #fff;}
.characterimg{ float: right; width: 40.37%; line-height: 1;}
.characterimg img{ display: block; width: 100%; height: auto; line-height: 0;}
.charctele{ float: left; width: 54.62%; float: left; padding-top: 68px;}
.charctele h3{ color: #000000; font-size: 28px; font-weight: bold; line-height: 1.2; margin-bottom: 30px;}
.charctele p{ color: #646464; font-size: 14px; line-height: 2;}
.resources-box{ background: #fff;}
.rescourceimg img{ display: block; width: 100%; height: auto; line-height: 1;}
.resource{ padding: 20px;}
.resoucetop{ margin-bottom: 2px; background:#21adde; padding:20px 0;}
.resoucetop span{ display: block; float: left; line-height: 1; color: #fff; font-size: 16px; font-weight: bold;}
.resoucetop span.span1{ padding-left: 23px; width: 610px;}
.resoucetop span.span3{ float: right; margin-right: 28px;}

.resoucein{ margin-bottom: 1px;}
.resces{ cursor: pointer; background: #fff; transition: 0.5s; border-bottom:1px dashed #e3e3e3;}
.resces:hover{ background: #d2d2d2;}
.resces:hover b:before,.resces:hover b:after{ background: #fff;}
.resces span{ display: block; float: left; transition: 0.4s; padding-left: 46px; height: 60px; line-height: 60px; color: #000000; font-size: 16px; position: relative; width: 588px;} 
.resces span:before{ content: ""; width: 7px; height: 7px; background: #a0a0a0; position: absolute; left: 25px; top: 50%; margin-top: -3px; transition: 0.4s;} 
.resces time{ display: block; float: left; line-height: 60px; color: #000000; font-size: 14px; font-family: "Arial"; transition: 0.4s;}
.resces b{ display: block; float: right; width: 20px; height: 20px; margin-top: 20px; margin-right: 32px; position: relative;}
.resces b:before{ content: ""; width: 100%; height: 4px; background: #dcdcdc; position: absolute; right: 0; top: 8px; transition: 0.35s;}
.resces b:after{ content: ""; width: 4px; height: 100%; background: #dcdcdc; position: absolute; top: 0; left: 8px; transition: 0.35s;}

.resces.on{ background: #dcdcdc;}
.resces.on span{ color: #666;}
.resces.on span:before{ background: #666;}
.resces.on time{ color: #666;}
.resces.on b:before{ background: #666;}
.resces.on b:after{ background: #666; transform: translateY(12px); -webkit-transform: translateY(12px); -moz-transform: translateY(12px); opacity: 0; visibility: hidden;}
.recerdown{ display: none;}
.recewr{ background: #fff; padding: 24px 44px 27px;}
.recewr h3{ line-height: 1; color: #000000; font-size: 16px; font-weight: normal; margin-bottom: 16px;}
.recewr p{ color: #646464; font-size: 14px; line-height: 2;}
.rclose{ background: #eeeeee; text-align: center; cursor: pointer;}
.rclose span{ display: inline-block; height: 43px; line-height: 43px; color: #000000; font-size: 12px;}


/*service*/

#conservice1{ margin:0 auto; padding:0; width:100%; height:auto;}
#conservice11{ margin:0 auto; padding:0; width:100%; height:auto; max-width:1200px; padding-top:20px; border-bottom:1px dashed #e3e3e3;}
#conservice111{ margin:0 auto; padding:0; width:40%; height:auto; float:left;font-family:"微软雅黑","宋体"; font-size:18px;color:#666; text-align:left; text-decoration:none; line-height:40px;}
#conservice112{ margin:0 auto; padding:0; width:55%; height:auto; float:right;font-family:"微软雅黑","宋体"; font-size:12px;color:#666; text-align:right; text-decoration:none; line-height:40px;}
#conservice112 a{ font-family:"微软雅黑","宋体"; font-size:12px;color:#666; text-align:right; text-decoration:none; line-height:40px;}

#conservice12{ margin:0 auto; padding:0; width:100%; height:auto; max-width:1200px; padding-top:20px;font-family:"微软雅黑","宋体"; font-size:24px;color:#000; text-align:center; text-decoration:none; line-height:40px;}
#conservice13{ margin:0 auto; padding:0; width:100%; height:auto; max-width:1200px; padding-top:10px; padding-bottom:20px;font-family:"微软雅黑","宋体"; font-size:14px;color:#888; text-align:center; text-decoration:none; line-height:40px;}
#conservice14{ margin:0 auto; padding:0; width:100%; height:auto; max-width:1200px; padding-top:10px; padding-bottom:20px;}
.cn {width: 100%;overflow: hidden;margin-bottom: 15px;}
.cn h4{ font-size:17px; margin:8px 0; font-weight:500; color:#000}
.cn ul {overflow: hidden;}
.cn ul li {float: left; width: 20%;*width:19.6%;margin:0 1.5%;background: #f5f5f5;padding: 11px; text-align:center}
.cn-wz {width: 100%;}
#Context .cn-wz p { color:#ed1c24;font-size: 15px;text-indent: 0;margin: 5px 0;font-weight: bold;}
.cn ul li img {display:block; text-align: center; margin:0 auto}
.cn-wz span {color: #555;font-size: 13px;}


.service{ width:100%; margin:3% 0; overflow:hidden;}
.service h3,.peijian h3,.cn h3,.contact h3{font-size: 24px;width: 100%;color: #3d3d3d;margin: 20px 0 20px 0;}
.service p,.peijian p,.cn p,.contact p{ margin:15px  0; text-indent:25px; line-height:26px; }
/*service html*/
.ser_con{ margin-top:60px; margin-bottom:30px;}
.service li{ width:22%; overflow:hidden;  margin:0 1.5% 2% 1.5%;_margin:0 1% 2% 1%; float:left; background:#fff; }

.service li .first{ margin:0 auto; padding:0; width:100%; height:auto;transition:688ms;}
.service li .first img{ max-width:100%; height:auto;transition:688ms;}

.service li .text dt{margin:0 auto; padding:0; width:100%; height:auto;font-size: 18px; text-align:center; background:url(../image/line2.png) no-repeat bottom center;
    color: #000;
    font-weight: normal;
    line-height: 56px;}
.service li .text dd{margin:0 auto; padding:0; width:100%; height:auto;font-size: 12px; text-align:center;
    color: #888;
    font-weight: normal;
    line-height: 36px;}


.service li:hover{ background:#e59d15;}
.service li:hover .first img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1);}
.service li:hover .text dt{ color:#fff;background:url(../image/line3.png) no-repeat bottom center;}
.service li:hover .text dd{ color:#fff;}

#conservice2{ margin:0 auto; padding:0; width:100%; height:auto; background: url(../image/seradvbanner.jpg) no-repeat top center;}
#conservice22{ margin:0 auto; padding:0; width:100%; height:auto; max-width:1200px; padding-top:20px;font-family:"微软雅黑","宋体"; font-size:30px;color:#fff; text-align:center; text-decoration:none; line-height:40px;}
#conservice221{ margin:0 auto; padding:0; width:100%; height:52px; max-width:1200px; background: url(../image/line.png) no-repeat top center;font-family:Arial; font-size:20px;color:#fff; text-align:center; text-decoration:none; line-height:52px;}
#conservice23{ margin:0 auto; padding:0; width:100%; height:auto; max-width:1200px; padding-top:10px; padding-bottom:20px;font-family:"微软雅黑","宋体"; font-size:14px;color:#fff; text-align:center; text-decoration:none; line-height:40px;}
#conservice24{ margin:0 auto; padding:0; width:100%; height:auto; max-width:1200px; padding-top:10px; padding-bottom:20px;}







/*news*/
.news_info {
	padding:40px;
	font-size:16px; background:#fff;
	line-height:30px;
	margin-bottom:40px
}

.news_info img{ max-width:100%; height:auto;}


.news_info h1.title {
	font-size:28px;
	color:#000;
	line-height:45px;
	margin-bottom:10px;
	text-align:center
}
.news_info h1 {
	font-size:28px;
	color:#000;
	line-height:45px;
	margin-bottom:10px;
	text-align:center
}

.news_info .data {
	font-size:14px;
	color:#ccc;
	line-height:30px;
	margin-bottom:10px;
	text-align:center;
	border-bottom:1px solid #eee
}
.news_info p{
	font-size:16px;
	color:#666;
	line-height:30px;
	margin-bottom:10px;
	text-align:left;
}
.news_info video{ max-width:96%;
}

.news_info .jianjietitle{ margin:0 auto;  padding:0; padding-top:30px; border-bottom:2px solid #e3e3e3; padding-bottom:10px; text-align:left; font-family:"微软雅黑", "宋体",Arial; font-size:14px; color:#666;  text-decoration:none; line-height:30px; font-weight:normal;}
.news_info .jianjietitle span{ border-left:2px solid #E30010; padding-left:30px;text-align:left; font-family:"微软雅黑", "宋体",Arial; font-size:24px; color:#666;  text-decoration:none; line-height:30px; font-weight:normal;}

.news_info .jianjiecon{ margin:0 auto;  padding:0; padding-top:20px; padding-bottom:20px; text-align:left; font-family:"微软雅黑", "宋体",Arial; font-size:14px; color:#666;  text-decoration:none; line-height:30px; font-weight:normal;}
.news_info .jianjiecon p{text-align:left; font-family:"微软雅黑", "宋体",Arial; font-size:14px; color:#666;  text-decoration:none; line-height:30px; font-weight:normal;}


.news_info .prev {
	width:96%; padding:2%;
	font-size:16px;
	border:1px solid #eee;
	margin-top:40px;
	background:url(image/arrow_l.png) 3% center no-repeat;
	-webkit-transition:.3s all ease;
	-moz-transition:.3s all ease;
	-ms-transition:.3s all ease;
	-o-transition:.3s all ease;
	transition:.3s all ease;
	float:left
}
.news_info .prev a {
	color:#ccc
}
.news_info .prev:hover {
	background:url(image/arrow_l.png) 1% center no-repeat #D2D2D2;color:#666;
}
.news_info .prev:hover a {
	color:#666
}
.news_info .next {
	width:96%; padding:2%;
	font-size:16px;
	border:1px solid #eee;
	margin-top:20px;
	background:url(image/arrow_r.png) 97% center no-repeat;
	-webkit-transition:.3s all ease;
	-moz-transition:.3s all ease;
	-ms-transition:.3s all ease;
	-o-transition:.3s all ease;
	transition:.3s all ease;
	float:left;
	text-align:left
}
.news_info .next a {
	color:#ccc
}
.news_info .next:hover {
	background:url(image/arrow_r.png) 99% center no-repeat #D2D2D2; color:#666;
}
.news_info .next:hover a {
	color:#666
}



.news_info .contentnew{font-family: '微软雅黑',宋体; font-size:16px;color:#000; text-align:left; text-decoration:none; line-height:30px;}

.news_info .contentnew img{ max-width:100%;
}

.news_info .contentnew td{ border:1px solid #ebebeb; padding-left:25px;
}

/*newslist*/
/*news style*/
.newsType a:link,.newsType a:visited{ color: #9a9a9a;}
.newsType a:active,.newsType a:hover{ color: #128adc;}
.newsType{ text-align: center; padding: 0px;}
.newsType a{ background: url(images/n_ico1.png) no-repeat scroll left center; padding-left: 30px; font-size: 16px; margin: 0px 25px;}
.newsType a.act{ background-image: url(images/n_ico2.png);}
.newsList a:link,.newsList a:visited{ color: #b0b0b0;}
.newsList a:active,.newsList a:hover{ color: #fff;}
.newsList{ width: 100%;}
.newsList li{ width: 96%; float: left; display: block; margin-left:2%;margin-right:2%; border-bottom:1px dashed #e3e3e3;}
.newItem{  background-color: #fff; transition: 300ms;}
.newItem a{ display: block; padding: 12px 20px; }
.newItem .time{ height: 20px; margin-bottom: 5px;}
.newItem .t{ font: 16px/1.5 "microsoft yahei"; color: #6e6e6e; height: auto; overflow: hidden; margin-bottom: 10px; line-height:30px;}
.newItem .t span{ font-size: 12px; color: #888;}
.newItem .img{ overflow: hidden; margin-bottom: 25px;}
.newItem .img img{ width: 100%; display: block;}
.newItem .c{ height: 42px; overflow: hidden; margin-bottom: 12px; line-height:18px;}
.newItem .more{ background-color: #c3c3c3; color: #f0f0f0; padding: 2px 10px;}
.newsList li:hover .newItem{ background-color: #ccc; }
.newsList li:hover .t{ color: #fff;}
.newsList li:hover .t span{ color: #fff;}
.newsList li:hover .more{ background-color: #fff; color: #128adc;}
 #info-frame .frame-title{ text-align: center;}
 .sharpBox{ background: url(../images/sharp.png) no-repeat; background-size: cover; width: 84px; height: 84px; display: block; margin: 0px auto 40px;}
 .sharpBox:hover{ background-image: url(../images/sharp2.png);}
 .viewMore{ background-color:#E6E6E6; height: 100px; text-align: center; font:16px/100px 'Microsoft YaHei'; color: #999; display: block; text-transform: uppercase; position: relative;}
.viewMore .i0{  width:100%;height: 100%; display: block; position: absolute; left: 0px; top: 0px; background: #E6E6E6; -webkit-transition: 0.6s; -moz-transition: 0.6s; -o-transition: 0.6s; transition: 0.6s;}
.viewMore .i1{ position: relative; z-index: 1;}
.viewMore:hover{ color: #fff;}
.viewMore:hover .i0{ background:#128adc;}


/*分页*/

.badoo{padding:10px 0px;font-size:13px;color:#666;background-color:#fff;text-align:center;}
.badoo a{border:#f0f0f0 2px solid;padding:2px 5px;margin:0px 2px;border-left:#f0f0f0 2px solid;color:#666;text-decoration:none;}
.badoo a:hover{ background:#666;color:#fff; border:#666 2px solid;}
.badoo a:active{border:#666 2px solid;color:#666;}
.badoo span.current{border:#ff5a00 2px solid;padding:2px 5px;font-weight:bold;color:#fff;background-color:#ff6c16;}
.badoo span.disabled{display:none}

/*底部信息*/
#site{ margin:0 auto; padding:0; width:100%; height:AUTO; background:#f2f2f2; padding-top:30px; padding-bottom:30px; }
#sitemain{ margin:0 auto; padding:0; width:100%; max-width:1200px; height:auto;}
#site1{ margin:0; padding:0; width:46%; height:auto; padding-top:30px; float:left; }

.site1{ margin:0; padding:0; width:auto;height:auto; }
.site1{ height:auto;}
.site1 ul { padding:0; margin:0 auto; list-style:none; border:0;  width:auto; text-align:left;}
.site1 ul li{ margin:0; padding:0;border:0; width:33%; display:block;   height:auto;  font-family: '微软雅黑',宋体; font-size:14px;color:#666; text-align:left; text-decoration:none; line-height:22px; float:left;}
.site1 ul li a{margin:0; padding:0;border:0;width:100%; display:block;  padding-left:2%;font-family: '微软雅黑',宋体; font-size:14px; color:#666; text-align:left; text-decoration:none; line-height:22px; font-weight: bold;}
.site1 ul li a:hover{color:#21adde;}

.site1 ul li ul{ margin:0; padding:0;border:0; width:100%;  height:auto;  display:block; font-family: '微软雅黑',宋体; font-size:14px;color:#666; text-align:center; text-decoration:none; line-height:22px; float:left;}
.site1 ul li ul li { margin:0; padding:0; border:0;width:100%; height:auto; display:block; font-family: '微软雅黑',宋体; font-size:13px; color:#666; text-align:left; text-decoration:none; line-height:20px; font-weight: normal;}

.site1 ul li ul li a{ margin:0; padding:0; border:0;width:96%; padding-left:2%; padding-right:2%; height:auto; display:block; font-family: '微软雅黑',宋体; font-size:11px; color:#666; text-align:left; text-decoration:none; line-height:20px; font-weight: normal;}
.site1 ul li ul li a:hover{color:#21adde;}

#site3{ margin:0; padding:0; width:20%; height:auto; float:left; min-height:200px; padding-left:4%; padding-right:2%; border-left:1px solid #dbdbdb; padding-left:4%;border-right:1px solid #dbdbdb;}
#site31{ margin:0; padding:0; width:100%; height:auto; text-align:center;}
#site31 img{ max-width:100%; height:auto;}

#site32{ margin:0; padding:0; width:100%; height:auto; text-align:center; font-size:12px;color:#666;  text-decoration:none; line-height:30px; }


#site2{ margin:0; padding:0; width:20%; height:auto; float:right; }
#site21{ margin:0; padding:0; width:100%; height:auto; font-family: '微软雅黑',宋体; font-size:18px;color:#666; text-align:left; text-decoration:none; line-height:30px; float:left;}
#site22{ margin:0; padding:0; width:100%; height:auto; padding-top:10px; font-family: '微软雅黑',宋体; font-size:12px;color:#666; text-align:left; text-decoration:none; line-height:20px; float:left;}


#foot{ margin:0 auto; padding:0; width:100%; height:auto; padding-top:15px; padding-bottom:15px; background:#227fc4;font-family: '微软雅黑',宋体; font-size:14px; color:#fff; text-align:center; text-decoration:none; line-height:30px;}
#foot a{font-family: '微软雅黑',宋体; font-size:14px; color:#fff; text-align:center; text-decoration:none; line-height:30px;}
#foot a:hover{ color:#29B8C0; }


/*固定的悬浮窗*/
.yb_conct{position:fixed;z-index:9999999;top:200px;right:-127px;cursor:pointer;transition:all .3s ease;}
.yb_bar ul li{width:180px;height:53px;font:16px/53px 'Microsoft YaHei';color:#fff;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden;}
.yb_bar .yb_top{background:#21adde url(../images/fixCont.png) no-repeat 0 0;}
.yb_bar .yb_phone{background:#21adde url(../images/fixCont.png) no-repeat 0 -57px;}
.yb_bar .yb_QQ{text-indent:0;background:#21adde url(../images/fixCont.png) no-repeat 0 -113px;}
.yb_bar .yb_QQ{text-indent:0;background:#21adde url(../images/fixCont.png) no-repeat 0 -113px;}
.yb_bar .yb_ercode{background:#21adde url(../images/fixCont.png) no-repeat 0 -169px;}
.hd_qr{padding:0 29px 25px 29px;}
.yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#fff;}



 @media (min-width:1200px) {
}
 @media (min-width:992px) and (max-width:1199px) {
.fixed-side {
	display:none;
}


html, body {
	background-image:none !important;
}
}
 @media screen and (max-width:991px) {
html {	-webkit-text-size-adjust:none;}
.header{ display:none;}
.fixed-side {	display:none;}
.gotop-wrapper {	background-color:rgba(0,0,0,0.5);}
.gotop-wrapper a {	width:45px;	height:45px;}

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


.product-item .portfolio-text { font-size:12px; padding:4%;}


.product-item .portfolio-text h2 {
	margin:2%;
	line-height:normal;
	font-size:14px;
}

#conbanner1{ display:none;}
#conbanner2{ display:block;}

#conzhenshu31{ margin:0 auto; padding:0; width:45%; height:auto; margin:2%; float:left; border:1px solid #f3f3f3;}
.list li{width:42%;height:100px;float:left;border-radius:50%;position:relative;margin:0 1%;position:relative;cursor:pointer;-webkit-transition:.4s all;-moz-transition:.4s all;-ms-transition:.4s all;transition:.4s all;}

.list{ display:none;}


.list11{ display:block; width:100%; height:auto; margin:0 auto; padding:0;}
.list11 li{ width:46%; height:auto; margin:0 2%; padding:0; float:left; text-align:center; }
.list11 li p{ width:100%; height:auto; margin:0; padding:0; float:left; text-align:center; }
.list11 li p img{ max-width:60%; height:auto;}
.list11 li span{ width:100%; height:auto; margin:0; padding:0; float:left; font-size:12px; color:#fff; text-align:center; }



}
 @media (min-width:768px) and (max-width:991px) {
/* slideshow */

.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;
}
.ixpro li {
    width: 50%;
    float: left;
}
#indexaboutvideo1{ width:46%; height:auto; margin:2%; float:left;}

.newsMain .new_l{float:left;width: 96%;margin:2%;}
.newsMain .new_r{ position:relative; float:left; width: 92%;margin:2%;height:auto; background-color:#f0f0f0; padding:2%;}


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

.seach .container{  margin-top:10px;}
.seach .gjc{float:left;width: 92%;height:auto;line-height:20px;padding: 2%; margin:2%;}
.seach .sc{float:left;width: 92%;height:auto;line-height:20px;padding: 2%; margin:0 2% 2% 2%;}
.seach .sc input{line-height:36px; height:36px;}
.seach .sc a{ height:36px; }

.product-list li { margin:0 auto; padding:0; width:46%; margin:2%; float:left;
	text-align:center;
}
#indexaboutcon1{ margin:0 auto; padding:0; width:96%;margin:2%; height:auto; float:left;}
#indexaboutcon1 img{ max-width:100%; height:auto;}
#indexaboutcon2{ margin:0 auto; padding:0; width:96%;margin:2%; height:auto; float:left;}

.new_l .news dt{float:left;padding: 3px;border: 1px solid #e9e9e9; width:20%; }
.new_l .news dd{ width:76%; float:right;}

.new_l .news li{float:left;width: 96%;height:auto;margin:0 2% 0 2%; font-size:12px; line-height:25px; text-align:left; border-bottom:1px dashed #e3e3e3;}
.linkmain{ display:none;}

.proMain .pro_l{float:left;width: 96%;height:auto;margin:2%;}
.proMain .pro_r{float:right;width: 96%;height:auto;margin:2%; background:#fff;}


.contactleft{ margin:0 auto; padding:0; width: 96%;height:auto;margin:2%; float:left;}
.contactright{ margin:0 auto; padding:0; width: 96%;height:auto;margin:2%; float:right;}

#site1{ margin:0; padding:0; width: 96%;height:auto;margin:0 2% 0 2%; padding-top:30px; float:left;}

.site1{ margin:0; padding:0; width:auto;height:auto; }
.site1{ height:auto;}
.site1 ul { padding:0; margin:0 auto; list-style:none; border:0;  width:auto; text-align:left;}
.site1 ul li{ margin:0; padding:0;border:0; width:100%; display:block; border-bottom:1px dashed #ccc;}
.site1 ul li a{margin:0; padding:0;border:0;width:100%; display:block;  padding-left:2%;font-weight: normal; line-height:30px;}

.site1 ul li ul{ display:none;}


.search { width:100%; position: relative; float:left; background-color: #21adde;height:56px;}

.yb_conct{ display:none;}
#site2{ margin:0; padding:0;width: 96%;height:auto;margin:2%; float:left;}
#site3{ display:none;}
.newlogo{ display:none;}
.newlogo1{ display:none;}

.product-list1 li { width:46%; margin:2%; }

.carousel{ display:none;}


.indexfuwu1{ margin:0 auto; padding:0 2%; width:96%; height:auto; float:left;}
.indexfuwu2{ margin:0 auto;padding:0 2%; width:96%; height:auto; float:left;}
.indexfuwu21{ margin:0 4%; padding:10px 0; width:90%; height:100px; border:4px solid #fff; float:left;}
.indexfuwu1 span{ padding:10px 0; font-size:14px; color:#fff; font-family:"微软雅黑",宋体,Arial;line-height:20px; text-align:left; text-decoration:none;}


.cn ul li {float: left; width: 41%;*width:41%;margin:0 2%;background: #f5f5f5;padding: 2%; text-align:center}

.service li{ width:46%; overflow:hidden;  margin:0 2%;_margin:0 2%; float:left; background:#fff; }



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


}