﻿
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;}
figure, figcaption{ margin: 0; padding: 0px; border: 0; font-size: 100%; outline: none; }
/* ======  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;}
.clee{clear:both;}
li{ list-style:none;}

::selection {	color:#fff;	background-color:#ea9f16;}
::-moz-selection {color:#fff;background-color:#ea9f16;}
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;
}
img{ border:0;}
a {
	color:#333;
	text-decoration:none;
}
a:hover {
	color:#cf2a2a;
	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*/
#ding{ margin:0 auto; padding:0; width:100%; height:40px; background:#f6f6f6; border-bottom:1px solid #e3e3e3;}
#dingmain{ margin:0 auto; padding:0; width:100%; height:40px; max-width:1200px;}
#dingleft{ margin:0 auto; padding:0; width:80%; height:40px; float:left; font-size:12px; line-height:40px; color: #666; text-decoration:none;}
#dingright{ margin:0 auto; padding:0; width:20%; height:40px; float:left;}
#dingright .search{ float:right;}
#dingright .search .input{ width:130px; height:20px; padding:2px; margin-top:6px; color:#c4c4c4; border:1px solid #c0c0c0; border-right:none; float:left; line-height:20px;font-family:"微软雅黑","宋体",Arial;}
#dingright .search .btn{ width:40px; height:24px; border:none; background:#e39f14 url(../images/ss1.png) no-repeat center center; float:left; cursor:pointer; margin:6px 8px 0 0; }


/*header*/
.header{ margin:0 auto; padding:0;width:100%;  background-color:#00a0e9;}
.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:12px; color:#fff;}
.yding form{ float:right; width:260px; height:30px; padding-top:5px; }
.yding input.search-txt{ float:left; width:200px; height:30px; background:#36739f; border:0; color:#fff;}
.yding input.search-btn{ float:left; width:40px; height:30px; background:#e39f14 url(../images/ss1.png) no-repeat center center; border:0; }
.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 img{ padding-right:10px;}
.yding li a{ font-size:13px; color:#fff;}
.yding li a:hover{ font-size:13px; color:#000; text-decoration:underline;}
.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;}

.toplogo{ margin:0 auto; padding:0; width:100%;max-width:1200px; height:auto; }
.logoleft{ margin:0 auto; padding:0; width:40%; height:auto; float:left; padding-bottom:10px; padding-top:10px; }
.logoleft1{ margin:0 auto; padding:0; width:auto; height:auto; float:left; padding-right:20px; }
.logoleft1 img{ max-width:100%; height:auto;}
.logoleft2{ margin:0 auto; padding:0; width:auto; height:auto; float:left; padding-left:20px; border-left:1px solid #e3e3e3; margin-top:10px; }
.logoleft2 span{color:#000;font-family:"微软雅黑","宋体"; font-size:20px;  text-align:left; text-decoration:none; line-height:30px; font-weight: normal;}
.logoleft2 p{color:#000;font-family:"微软雅黑","宋体"; font-size:14px;  text-align:left; text-decoration:none; line-height:30px; font-weight: normal;}

.logoleft2 span.cc{ color:#000;font-family:"微软雅黑","宋体"; font-size:18px;  text-align:left; text-decoration:none; line-height:30px; font-weight: normal;}



.logoright{ margin:0 auto; padding:0; width:40%; height:auto; float:right; padding-right:60px; background:url(../image/tel.jpg) no-repeat right top; padding-top:5px; }
.logoright1{ margin:0 auto; padding:0; width:100%; height:auto; color:#000;font-family:"微软雅黑","宋体"; font-size:24px;  text-align:right; text-decoration:none; line-height:40px; font-weight: normal;}
.logoright2{ margin:0 auto; padding:0; width:100%; height:auto; color:#ea0000;font-family:Bitsumishi,Impact; font-size:36px;  text-align:right; text-decoration:none; line-height:25px; font-weight: normal;}
.logoright3{ margin:0 auto; padding:0; width:100%; height:auto; color:#000;font-family:"微软雅黑","宋体"; font-size:14px;  text-align:right; text-decoration:none; line-height:25px; font-weight: normal;}
.logoright3 a{ color:#000;font-family:"微软雅黑","宋体"; font-size:14px;  text-align:right; text-decoration:none; line-height:25px; font-weight: normal;}

/* ---------- menu ---------- */
.nav-wrapper {background-color:#00a0e9;}

.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; margin-right:40px;}
.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:#0081bc;
	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:#0081bc;
	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:#0081bc;
	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(0,129,188,0.95);
	background-color:#0081bc\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:#72d3ff;
	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;
}


.xian { margin:0 auto;
       height: 1px; 
       margin-top: 40px;
       text-align: center; 
       border-top: 1px solid #e2e2e2;
	   width:500px;
}
.txt{ 
     position: relative;
     top:-20px;
     background: #fff; padding-left:20px; padding-right:20px; font-size:24px; font-weight:bold;
     display: inline-block;
}
.txt1{ 
     position: relative;
     top:-20px;
     background: #f3f3f3; padding-left:20px; padding-right:20px; font-size:24px; font-weight:bold;
     display: inline-block;
}


#indexsearch{ margin:0 auto; padding:0; width:100%; height:auto; padding:10px 0; border-bottom:1px solid #e3e3e3;}
#indexsearchmain{ margin:0 auto; padding:0; width:100%; height:auto; max-width:1200px; padding-bottom:5px; padding-top:5px;}
#indexsearchleft{ margin:0 auto; padding:0; width:60%; height:auto; float:left; font-size:12px; color:#666; text-align:left; text-decoration:none; line-height:30px;}
#indexsearchleft a{ font-size:12px; color:#666; text-align:left; text-decoration:none; line-height:30px;}
#indexsearchleft a:hover{ font-size:12px; color:#000; }
#indexsearchright{ margin:0 auto; padding:0; width:36%; height:auto; float:right;}
#indexsearchright form{ float:right; width:302px; height:40px;}
#indexsearchright input.search-txt{ float:left; width:260px; height:38px; background:#fff; border:0; color:#fff; border:1px solid #f3f3f3; line-height:38px;}
#indexsearchright input.search-btn{ float:left; width:40px; height:40px; background:#00a0e9; border:0; }

#indexabout1{ margin:0 auto; padding:0; width:1200px; height:auto; background:#00a0e9; margin-top:30px;}
#indexabout11{ margin:0 auto; padding:0; width:50%; height:auto; float:left;}
#indexabout11 img{ max-width:100%; height:auto;}
#indexabout12{ margin:0 auto; width:42%; height:auto; float:left; padding:4%;}
#indexabout121{ margin:0 auto; padding:0; width:100%; height:auto; float:left;font-size:36px; text-align:left; line-height:40px; color: #fff;}
#indexabout122{ margin:0 auto; padding:0; width:100%; height:auto; float:left;font-size:24px; text-align:left; line-height:40px; color: #fff;}
#indexabout123{ margin:0 auto; width:100%; height:auto; float:left;font-size:16px; text-align:left; line-height:25px; color: #fff; padding:10px 0;}
#indexabout124{ margin:0 auto; padding:0; width:100%; height:auto; float:left;font-size:24px; text-align:left; line-height:30px; color: #fff;}

#indexabout125{ margin:0 auto; padding:0; width:auto; height:auto;  border-radius:15px; padding:5px 30px; background:#fff;  float:left; color:#00a0e9;font-size:18px; text-align:center; line-height:20px;}

#indexabouta12{ margin:0 auto; padding:0; width:42%; height:auto; float:left; padding:4%;}
#indexabouta121{ margin:0 auto; padding:0; width:100%; height:auto; float:left;font-size:30px; text-align:left; line-height:50px; color: #fff;}
#indexabouta123{ margin:0 auto; padding:0; width:100%; height:auto; float:left;font-size:16px; text-align:left; line-height:30px; color: #fff; padding:10px 0;}
#indexabouta124{ margin:0 auto; padding:0; width:100%; height:auto; float:left;font-size:24px; text-align:left; line-height:30px; color: #fff;}


#indexabout2{ margin:0 auto; padding:0; width:1200px; height:auto;}
#indexabout21{ margin:0 auto; padding:0; width:21%; height:auto; float:left; background:#394168; padding:2%; position:relative; min-height:200px;}
#indexabout22{ margin:0 auto; padding:0; width:21%; height:auto; float:left; background:#4b9cd3; padding:2%;position:relative; min-height:200px;}
#indexabout23{ margin:0 auto; padding:0; width:21%; height:auto; float:left; background:#6a6f85; padding:2%;position:relative; min-height:200px;}
#indexabout24{ margin:0 auto; padding:0; width:23%; height:auto; float:left; background:#f4ad41; padding:2% 1%;position:relative; min-height:200px;}

#indexabout211{ margin:0 auto; padding:0; width:100%; height:auto; float:left;font-size:24px; text-align:right; line-height:40px; color: #fff; }
#indexabout212{ margin:0 auto; padding:0; width:100%; height:auto; float:left;font-size:16px; text-align:right; line-height:28px; color: #fff; }
#indexabout213{ margin:0 auto; padding:0; width:30px; height:30px; position:absolute; right:20px; bottom:20px; float:right;font-size:16px; text-align:right; line-height:28px; color: #fff; }


#indexabout3{ margin:0 auto; padding:0; width:100%; padding:0; height:auto; background:#f2f2f2; width:1200px; margin-top:20px;}
#indexabout3write{ margin:0 auto; padding:0; width:100%; padding:0; height:auto; background:#fff; width:1200px; margin-top:20px;}
#indexabout3hui{ margin:0 auto; padding:50px 0; width:100%; padding:0; height:auto; background:#f3f3f3; width:100%;  margin-top:20px;}



#indexabout31{ margin:0 auto; padding:2%; width:46%;  height:auto; float:left;}
#indexabout31title{ margin:0 auto; padding:0; width:100%;  height:auto; float:left; color:#00a0e9;font-size:24px; text-align:left; line-height:30px;}
#indexabout311{ margin:0 auto; padding:0; width:100%;  height:auto; float:left; color:#00a0e9;font-size:24px; text-align:left; line-height:26px;}
#indexabout311a{ margin:0 auto; padding:20px 0; width:100%;  height:auto; float:left; color:#00a0e9;font-size:24px; text-align:left; line-height:32px;}


.nei1200{ margin:0 auto; padding:0; width:100%; padding:0; height:auto;max-width: 1200px;}


.img{margin: 0 auto; padding: 0; width: 100%; height: auto;}
.img img{max-width: 100%; height: auto;}



.huibg1{width: 100%; height: auto; margin: 0; padding: 50px; background: #f2f2f2;}
.huibg{width: 100%; height: auto; margin: 0; padding: 0; background: #f2f2f2;}
.pt50{padding: 50px 0;}

#indexabout312{ margin:0 auto; padding:0; width:100%;  height:auto; padding-top:15px; float:left; color:#666;font-size:16px; text-align:left; line-height:24px;}
#indexabout312 span{ color:#000;}

#indexabout312 .left{ margin:0 auto; padding:0; width:46%;  height:auto; float: left;}
#indexabout312 .left img{ max-width: 100% ;height: auto;}

#indexabout312 .right{ margin:0 auto; padding:0 ; width:54%;  height:auto; float: left;color:#666;font-size:14px; text-align:left; line-height:20px;}
#indexabout312 .right span{ color:#000;font-size:16px; }


#indexabout313{ margin:0 auto; padding:0; width:auto;  height:auto; margin-top:20px; border-radius:20px; padding:5px 30px; background:#00a0e9;  float:left; color:#fff;font-size:24px; text-align:center; line-height:30px;}
#indexabout3131{ margin:0 auto; padding:0; width:auto;  height:auto; border-radius:20px; padding:10px 30px; background:#00a0e9;  float:left; color:#fff;font-size:20px; text-align:center; line-height:20px;}


#indexabout3132 a{ margin:0 auto; padding:0; width:auto;  height:auto; border-radius:20px; padding:10px 30px; background:#00a0e9;  float:left; color:#fff;font-size:20px; text-align:center; line-height:20px;}
#indexabout3132 a:hover{  background:#0c8cc7; }

#indexabout313new{ margin:0 auto; padding:0; width:300px;  height:auto; margin-top:20px; border-radius:20px; padding:5px 30px; background:#00a0e9; display:block;color:#fff;font-size:24px; text-align:center; line-height:30px;}

#indexabout315{ margin:0 auto; padding:0; width:100%;  height:auto; padding-top:15px; float:left; }
#indexabout315 ul{ margin:0 auto; padding:0; width:100%;  height:auto; float:left; }
#indexabout315 ul li{ margin:0; padding:0; width:auto;  height:auto; float:left; padding-left:30px; background:url(../image/dot1.png) no-repeat top left; color:#666;font-size:16px; text-align:left; line-height:30px; }

#indexabout316{ margin:0 auto; padding:0; width:100%;  height:auto; padding-top:15px; float:left; color:#666;font-size:16px; text-align:left; line-height:30px;}
#indexabout316 .title{ margin:0 auto; padding:0; width:100%;  height:auto; padding:15px 0; float:left; color:#000;font-size:24px; text-align:left; line-height:30px; font-weight: 700;}
#indexabout316 strong{  color:#000;font-weight: 700;}


#indexabout32{ margin:0 auto; padding:2%; width:46%; height:auto; float:left;}
#indexabout32 img{ max-width:100%; height:auto;}

#indexabout321{ margin:0 auto; padding:4%; width:92%; height:auto; float:left; background: #00a0e9; display: block;}
#indexabout32title{ margin:0 auto; padding:0; width:100%;  height:auto;  color:#fff;font-size:24px; text-align:center; line-height:30px;}
#indexabout323{ margin:0 auto; padding:0; width:auto;  height:auto; margin-top:20px; border-radius:20px; padding:5px 30px; background:#fff;  color:#00a0e9;font-size:24px; text-align:center; line-height:30px;}


#indexabout-pronew1{ margin:0 auto; padding:30px 0; width:50%;  height:auto; float:left;}

#indexabout-pronew1 .title{ margin:0 auto; padding:10px 0; width:100%;  height:auto; float:left; color:#00a0e9;font-size:24px; text-align:left; line-height:32px;}
#indexabout-pronew1 .title p{ margin:0 auto; padding:10px 0; width:100%;  height:auto; float:left; color:#00a0e9;font-size:24px; text-align:left; line-height:32px;}




#indexabout-pronew2{ margin:0 auto; padding:30px 0; width:40%; height:auto; float:right; text-align: right;}
#indexabout-pronew2 img{ max-width:100%; height:auto; text-align: right;}



#indexabouta3{ margin:0 auto; padding:0; width:96%; padding:2%; height:auto; background:#f2f2f2; max-width:1120px; margin-top:20px;}
#indexabouta31{ margin:0 auto; padding:0 2%; width:46%;  height:auto; float:left;}
#indexabouta31title{ margin:0 auto; padding:0; width:100%;  height:auto; float:left; color:#00a0e9;font-size:24px; text-align:left; line-height:30px;}
#indexabouta311{ margin:0 auto; padding:0; width:100%;  height:auto; float:left; color:#00a0e9;font-size:24px; text-align:left; line-height:26px;}
#indexabouta312{ margin:0 auto; padding:0; width:100%;  height:auto; padding-top:15px; float:left; color:#666;font-size:16px; text-align:left; line-height:24px;}
#indexabouta312 span{ color:#000;}
#indexabouta313{ margin:0 auto; padding:0; width:auto;  height:auto; margin-top:20px; border-radius:20px; padding:5px 30px; background:#00a0e9;  float:left; color:#fff;font-size:24px; text-align:center; line-height:30px;}
#indexabouta315{ margin:0 auto; padding:0; width:100%;  height:auto; padding-top:15px; float:left; }
#indexabouta315 ul{ margin:0 auto; padding:0; width:100%;  height:auto; float:left; }
#indexabouta315 ul li{ margin:0; padding:0; width:auto;  height:auto; float:left; padding-left:30px; background:url(../image/dot1.png) no-repeat top left; color:#666;font-size:16px; text-align:left; line-height:30px; }
#indexabouta32{ margin:0 auto; padding:0; width:40%; height:auto; float:right; text-align: right;} 
#indexabouta32 img{ max-width:100%; height:auto;}
#indexabout316 .title{ margin:0 auto; padding:10px 0; width:100%;  height:auto; float:left; color:#00a0e9;font-size:34px; text-align:left; line-height:32px;}
#indexabout316 p{ margin:0 auto; padding:10px 0; width:100%;  height:auto; float:left; color:#000;font-size:24px; text-align:left; line-height:32px;}

#indexaboutbg{ margin:0 auto; padding:0; width:100%; height:400px; background:url(../image/bg3.jpg) no-repeat top center;}
#indexaboutbg1{ margin:20px auto; padding:0; width:100%; height:auto; max-width:1200px;}
#indexaboutbg1 img{ max-width:100%; height:auto;}

#indexabout4a{ margin:0 auto; padding:0; width:100%; height:auto;max-width:1200px; padding-top: 10px; }
#indexabout4a img{ width:100%; height:auto;}


#indexabout4{ margin:0 auto; padding:0; width:100%; height:auto; background: url(../image/4.jpg) no-repeat bottom center; }
#indexabout41{ margin:0 auto; padding:0; width:100%; height:auto; max-width:1200px;}
#indexabout411{ margin:0 auto; padding:0; width:40%; height:auto; float:left;}
#indexabout411 img{ max-width:100%; height:auto;}
#indexabout412{ margin:0 auto; padding:0; width:56%; height:auto; float:right; padding-top:60px;}
#indexabout412img{ max-width:100%; height:auto;}


#indexabout5{ margin:40px auto; padding:0; width:100%; height:auto; max-width:1200px; background:#00a0e9;}
#indexabout51{ margin:0 auto; padding:0; width:48%; height:auto; float:left;}
#indexabout51 img{ max-width:100%;}
#indexabout52{ margin:0 auto; padding:0; width:46%; height:auto; float:right; padding:2% 3%;}



	.out-div1{ margin:0 auto; padding:0; width:100%; height:auto; padding:0; font-size:24px; text-align:left; line-height:30px; color: #fff; }
	.out-div2{ margin:0 auto; padding:0; width:100%; height:auto; padding:15px 0; font-size:18px; text-align:left; line-height:26px; color: #fff; }
	.out-div3{ margin:0; padding:0; width:300px; margin-left:4%; height:40px; font-size:18px; border-radius:20px; display:block; background:#7fbe25; text-align:center; line-height:40px; color: #fff; }



#indexabout6{ margin:0 auto; padding:0; width:100%; height:auto; background:#f5f5f5;}
#indexabout61{ margin:0 auto; padding:30px 0; width:100%; height:auto; max-width:1200px; }
#indexabout611{ margin:0 auto; padding:0; width:100%; height:auto; font-size:30px; text-align:center; line-height:40px; color: #00a0e9; }
#indexabout612{ margin:0 auto; padding:0; width:100%; height:auto; font-size:18px; text-align:center; line-height:40px; color: #9c9c9c; }
#indexabout613{ margin:20px auto; padding:0; width:100%; height:auto;}



#indexabout613 li{ width:23%; margin-right:2%; float:left; margin-bottom:60px;}
#indexabout613 li figure{ margin:0; padding:0; display:block;width:100%; overflow:hidden; line-height:normal;}
#indexabout613 li figure img{ display:block; width:100%; height:auto; line-height:0; transition:450ms;}
#indexabout613 li figcaption{ display:block; width:100%; height:40px; font-size:14px; background:#00a0e9; color:#fff; margin-top:1px; position:relative; overflow:hidden;}
#indexabout613 li figcaption span{ display:block; line-height:40px; text-align:center; position:relative; z-index:5; transition:350ms;}
#indexabout613 li figcaption:before{ content:""; width:100%; height:100%; background:#7fbe25; position:absolute; left:0; top:100%; transition:340ms;}
#indexabout613 li:hover figure img{ transform:scale(1.06); -webkit-transform:scale(1.06); -moz-transform:scale(1.06);}
#indexabout613 li:hover figcaption:before{ top:0;}
#indexabout613 li:hover figcaption span{ color:#fff;}

#indexabout7{ margin:30px auto; padding:0; width:100%; height:auto; max-width:1200px;}
#indexabout71{ margin:0 auto; padding:0; width:100%; height:auto;font-size:30px; text-align:center; line-height:40px; color: #000;}
#indexabout71 span{ font-size:60px; position:absolute; padding-top:0; padding-left:10px; font-family:Impact; text-align:center; line-height:40px; color: #00a0e9;}
#indexabout72{ margin:0 auto; padding:0; width:100px; height:2px; background:#e3e3e3; margin:20px auto;}
#indexabout73{ margin:0 auto; padding:0; width:1200px; height:auto;margin:20px auto;}
#indexabout731{ margin:0; padding:0; width:30%; height:auto; float:left; padding:0 2%;}
#indexabout7311{ margin:0; padding:0; width:96%; height:auto; padding:2%; float:right;}
#indexabout731 td{ font-size:18px; line-height:30px; height:110px;}

#indexabout732{ margin:0; padding:0; width:32%; height:auto; float:left;}
#indexabout732 img{ max-width:100%; height:auto;}
#indexabout733{ margin:0; padding:0; width:30%; height:auto; float:left; padding:0 2%;}
#indexabout7331{ margin:0; padding:0; width:96%; height:auto; padding:2%; float:right;}
#indexabout733 td{ font-size:18px; line-height:30px; height:110px;}

#indexkehua{ margin:0 auto; padding:40px 0; width:100%; height:auto; background:#f5f5f5;}
#indexkehub{ margin:0 auto; padding:40px 0; width:100%; height:auto; background:#f9f9f9;}
#indexkehu{ margin:0 auto; padding:0; width:100%; height:auto; background:#f5f5f5;}
#indexkehuwrite{ margin:0 auto; padding:0; width:100%; height:auto; background:#fff;}




#indexkehu1{ margin:0 auto; padding:30px 0; width:100%; height:auto; max-width:1200px; }
#indexkehu11{ margin:0 auto; padding:0; width:100%; height:auto; font-size:30px; text-align:center; line-height:40px; color: #00a0e9; }
#indexkehu11.big{  font-size:40px; text-align:center; line-height:40px; color: #00a0e9; }
#indexkehu12{ margin:0 auto; padding:0; width:100%; height:auto; font-size:24px; text-align:center; line-height:40px; color: #000; }
#indexkehu13{ margin:0 auto; padding:0; width:100%; height:auto; text-align:center;}
#indexkehu14{ margin:20px auto; padding:0; width:100%; height:auto;}
#indexkehu18{ margin:20px auto; padding:0; width:100%; height:auto;}
#indexkehu181{ margin:0 auto; padding:0; width:100%; height:auto; text-align:center;}
#indexkehu182{ margin:0 auto; padding:0; width:100%; height:auto; text-align:center;font-size:14px; text-align:center; line-height:40px; color: #000;}



#indexkehu14 li{ width:31.3%; margin-right:2%; float:left; margin-bottom:60px;}
#indexkehu14 li:nth-child(3n+3){ margin-right:0;}
#indexkehu14 li figure{ margin:0; padding:0; display:block;width:100%; overflow:hidden; line-height:normal;}
#indexkehu14 li figure img{ display:block; width:100%; height:auto; line-height:0; transition:450ms;}
#indexkehu14 li figcaption{ display:block; width:100%; height:90px; font-size:14px; background:#fff; font-size:18px; margin-top:1px; position:relative; overflow:hidden;}
#indexkehu14 li figcaption span{ display:block; line-height:40px; text-align:center; color:#00a0e9; position:relative; z-index:5; transition:350ms;}
#indexkehu14 li figcaption p{ margin:0 auto; width:90%; display:block; line-height:20px; text-align:center; color:#666; position:relative; z-index:5; transition:350ms; font-size:16px;}
#indexkehu14 li figcaption:before{ content:""; width:100%; height:100%; background:#00a0e9; position:absolute; left:0; top:100%; transition:340ms;}
#indexkehu14 li:hover figure img{ transform:scale(1.06); -webkit-transform:scale(1.06); -moz-transform:scale(1.06);}
#indexkehu14 li:hover figcaption:before{ top:0;}
#indexkehu14 li:hover figcaption span{ color:#fff;}
#indexkehu14 li:hover figcaption p{ color:#fff;}



#indexabout8{ margin:30px auto; padding:0; width:100%; height:auto; max-width:1200px;}
#indexabout81{ margin:0 auto; padding:0; width:46%; height:auto; float:left;}
#indexabout811{ margin:0 auto; padding:0; width:100%; height:auto; float:left; font-size:30px; text-align:left; line-height:40px; color: #000;}
#indexabout812{ margin:0 auto; padding:0; width:100%; height:auto; float:left; font-size:18px; text-align:left; line-height:40px; color: #666; border-bottom:1px dashed #e3e3e3;}
#indexabout813{ margin:0 auto; padding:20px 0; width:100%; height:auto; float:left; font-size:14px; text-align:left; line-height:24px; color: #666;}
#indexabout813 span{ color: #00a0e9;}
#indexabout813 strong{ font-size:18px;padding: 15px 0; text-align:left; line-height:30px; font-weight: bold;color: #dd0000;}
#indexabout814{ margin:0; padding:0; }
#indexabout814 a{ margin:10px 0; padding: 5px 30px; width:auto; height:auto; background:#00a0e9; display:block; float:left; font-size:14px; text-align:center; line-height:30px; color: #fff;}
#indexabout814 a:hover{background:#7fbe25;}

#indexabout82{ margin:0 auto; padding:0; width:50%; height:auto; float:right;}
#indexabout82 img{ max-width:100%; height:auto;}




#indextitle{ margin:0 auto; padding:0; width:100%; height:auto; max-width:1200px; padding-top:30px; font-size:12px; text-align:center; line-height:25px; color: #666; padding-bottom:20px;}
#indextitle1{ margin:0 auto; padding:0; width:100%; height:auto; max-width:1200px; padding-top:20px; font-size:12px; font-family:Arial; text-align:center; line-height:25px; color: #666; padding-bottom:20px;}



.case_box{ width:96%; max-width:1200px; margin:0 auto;}
.case_box .case_xun{ display:inline-block; float:left; border:#dedede solid 1px; margin:0 34px 34px 0; width:274px;}

.case_box .case_xun .case_xun_pic{ width:100%; float:left; overflow:hidden; width:100%; height:212px;}
.case_box .case_xun .case_xun_pic img{ width:100%;}
.case_box .case_xun .case_xun_text{ width:100%; float:left; padding:0 20px;}
.case_box .case_xun .case_xun_text .case_xun_title{ line-height:50px; width:100%; padding-bottom:7px; border-bottom:#cccccc solid 1px;}
.case_box .case_xun .case_xun_text .case_xun_title div:nth-child(1){ float:left; font-size:15px; width:60%; color:#333333; white-space:pre; overflow:hidden; text-overflow:ellipsis;}
.case_box .case_xun .case_xun_text .case_xun_title div:nth-child(2){ float:right; font-size:15px; width:40%; color:#333333; white-space:pre; overflow:hidden; text-overflow:ellipsis;}
.case_box .case_xun .case_xun_text .case_xun_small{ margin:10px 0; font-size:13px; color:#666666; width:100%; float:left; line-height:22px; overflow:hidden; height:44px;} 
.case_box .case_xun .case_xun_text .case_xun_more{ margin-bottom:15px; font-size:13px; color:#fe4b4b; width:100%; float:left; line-height:22px;}
.case_box .case_xun:hover{ box-shadow:rgba(0,0,0,0.27) 10px 10px 10px; transition:all ease-in 0.3s;}


.case_box{ width:1200px; margin:0 auto; max-width:96%; text-align:center;}
.case_box .case_bigbox{ width:100%; display:inline-block;}
.case_box .case_bigbox .datu{ display:inline-block; width:370px; margin:23px;overflow:hidden; position:relative; border:1px solid #e3e3e3;}
.case_box .case_bigbox .datu .datu_title{ width:100%; z-index:9; background:rgba(0,150,255,0.7); font-size:13px; color:#FFFFFF; line-height:49px; height:49px;}
.case_box .case_bigbox .datu img{ width:100%;}
.case_box .slick-prev{ background:url(../images/icon9.png) no-repeat 50%;}
.case_box .slick-next{ background:url(../images/icon10.png) no-repeat 50%;}
.case_box .slick-prev:hover{ background:url(../images/icon9s.png) no-repeat 50%; box-shadow:rgba(255,0,30,0.17) 0 0 25px; transition: box-shaow 0.3s ease-in;}
.case_box .slick-next:hover{ background:url(../images/icon10s.png) no-repeat 50%; box-shadow:rgba(255,0,30,0.17) 0 0 25px; transition: box-shaow 0.3s ease-in;}

.case_box .case_textbox{ margin:0 auto; text-align:left; text-indent:2em; margin-bottom:50px; max-width:788px; color:#666666; font-size:14px; line-height:24px;}





#indexlink{ margin:0 auto; padding:0; width:100%; height:auto;  background:#0096ff;}
#indexlinkmain{ margin:0 auto; padding:0; width:100%; height:auto; max-width:1200px;padding-bottom:20px; padding-top:20px;color:#fff; text-align:left; font-size:12px; line-height:20px; }
#indexlinkmain a{ color:#fff; text-align:left; font-size:12px; line-height:20px; }
#indexlinkmain a:hover{ color:#fff; text-decoration:underline;}


.ys{ height:auto; background:#fff; }
.ys h3{ background: url(Img/Index/y_h3.gif) no-repeat center 29px #fff; height:70px; text-align:center; font-size:26px; color:#464545; font-weight:normal;}
.ys h3 i{ color:#15bd0d; font-size:39px; line-height:100%; font-weight:bold;}
.ys h4{ height:160px; font-weight:normal; font-size:15px; position:relative;}
.ys h4 a{ background:url(../image/d1.png) no-repeat top center #b2beca; display:inline-block; padding-top:120px; height:40px; text-align:center; width:167px; float:left; color:#fff;}
.ys h4 a:hover,#a1.cur{ background:url(../image/d1.png) no-repeat top center  #e39f14; color:#fff; text-decoration:none;}
.ys h4 .y02{ background:url(../image/d2.png) no-repeat top b2beca  #e39f14;margin-left:5px;width:167px;}
.ys h4 .y02:hover,#a2.cur{background:url(../image/d2.png) no-repeat top center  #e39f14;color:#fff; text-decoration:none;}
.ys h4 .y03{ background:url(../image/d3.png) no-repeat top center  #b2beca;margin-left:5px;width:167px;}
.ys h4 .y03:hover,#a3.cur{background:url(../image/d3.png) no-repeat top center  #e39f14;color:#fff; text-decoration:none;}
.ys h4 .y04{ background:url(../image/d4.png) no-repeat top center  #b2beca;margin-left:5px;width:167px;}
.ys h4 .y04:hover,#a4.cur{background:url(../image/d4.png) no-repeat top center  #e39f14;color:#fff; text-decoration:none;}
.ys h4 .y05{ background:url(../image/d5.png) no-repeat top center  #b2beca;margin-left:5px;width:167px;}
.ys h4 .y05:hover,#a5.cur{background:url(../image/d5.png) no-repeat top center  #e39f14;color:#fff; text-decoration:none;}
.ys h4 .y06{ background:url(../image/d6.png) no-repeat top center  #b2beca;margin-left:4px;width:167px;}
.ys h4 .y06:hover,#a6.cur{background:url(../image/d6.png) no-repeat top center  #e39f14;color:#fff; text-decoration:none;}
.ys h4 .y07{ background:url(../image/d7.png) no-repeat top center  #b2beca;margin-left:4px;width:167px;}
.ys h4 .y07:hover,#a7.cur{background:url(../image/d7.png) no-repeat top center  #e39f14;color:#fff; text-decoration:none;}
.ys h4 .y08{width:115px; position:absolute; top:0; right:0;}
.ys h4 .y08:hover,#a8.cur{background:url(Img/Index/y_bg2.gif) no-repeat right 0;color:#01b60e; text-decoration:none;}
.ys dl{ padding-top:36px; background:#fff; height:365px; border-bottom:2px solid #e6f3ea; margin-bottom:30px;}
.ys dl dt{ width:330px; height:352px; padding:0 0 0 43px; float:right; padding-right:14px; color:#d8ff01; font-size:24px; font-weight:bold; line-height:35px;}
.ys dl dt span{ display:block; font-weight:normal; text-transform:uppercase;}
.ys dl dt span i{ display:block;}
.ys dl dd{ width:640px; padding:25px 0 0 26px; color:#565656; font-size:15px; line-height:24px; height:auto; width:640px;}
.ys dl dd p{ padding:25px 0 0 26px; color:#565656; font-size:15px; line-height:24px; height:auto; width:640px;}
.ys dl dd span{ margin:0 auto; padding:0; width:100%; display:block; height:50px; border-bottom:1px dashed #e3e3e3;background:url(../image/line2.png) no-repeat left 2px;font-size:18px; color:#000; line-height:42px; text-align:left; text-decoration:none; }

.ys dl dd span b{ padding-left:50px;font-size:18px; color:#e39f14; line-height:42px; text-align:left; text-decoration:none; }

.ys dl dd em a{ margin:20px; width:100px; height:36px; display:block; background:#e39f14; color:#fff; font-size:14px; text-align:center; line-height:36px;}
.ys dl dd em a:hover{ background:#bb0d0f;}
.ys h5{ text-align:center; font-weight:normal;}
.ys h5 a{ width:147px; height:43px; line-height:43px; text-align:center; border:1px solid #01b60e; font-size:14px; color:#01b60e; margin:0 5px; display:inline-block; background:#f3f6f7;}
.ys h5 a:hover,.ys h5 .cur{ background:#01b60e; color:#fff; text-decoration:none;}

.container{ margin:0 auto; padding:0; width:100%; height:auto; max-width:1200px;}


#solutionmob{ display:none;}

/* ==========================================================================
   Services CSS
   ========================================================================== */

.col-lg-41{ margin:0 auto; padding: 0; width: 18%; height: auto; float: left; margin: 1%;}

.service {
  background: #f3f3f3;padding: 30px 0;
}
.service-box {
  background: #fff;
  padding: 30px 20px;
  text-align: center;
  border: 2px solid #d1f0ff;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.service-box h3 {
  margin: 10px 0px; font-size: 18px; line-height: 30px;
}

.service-icon {
  width: 100px;
  height: 100px;
  line-height: 100px;
  text-align: center;
  border-radius: 50%;
  margin: 0 auto;
  position: relative;
  border: 2px solid #d1f0ff;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.service-box i:before {
  color: #039be6;
  margin: 0;
  font-size: 38px;
  line-height: 38px;
  vertical-align: middle;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.service-box span {
  position: absolute;
  right: 0;
  top: -4px;
  background: #fff;
  border: 2px solid #d1f0ff;
  border-radius: 50%;
  height: 35px;
  width: 35px;
  display: block;
  line-height: 30px;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  color: #039be6;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.service-box:hover {
  background: #effaff;
}
.service-box:hover .service-icon {
  background: #61c7f5;
  border-color: #61c7f5;
}
.service-box:hover i:before {
  color: #fff;
}
.service-box:hover span {
  background: #61c7f5;
  color: #fff;
  border-color: #fff;
}
.service-box p{  margin: 10px 0px; font-size: 12px; line-height: 15px; color: #888;}
.service-box p.cc{  margin: 10px 0px; font-size: 12px; line-height: 15px; color: #888; min-height: 80px;}
.service-box .co1 { display: block; width: 100px; height: 100px;background: url(../image/coa1.png) no-repeat center center;}
.service-box:hover .co1 { display: block; width: 100px; height: 100px;background: url(../image/co1.png) no-repeat center center;}

.service-box .co2 { display: block; width: 100px; height: 100px;background: url(../image/coa2.png) no-repeat center center;}
.service-box:hover .co2 { display: block; width: 100px; height: 100px;background: url(../image/co2.png) no-repeat center center;}

.service-box .co3 { display: block; width: 100px; height: 100px;background: url(../image/coa3.png) no-repeat center center;}
.service-box:hover .co3 { display: block; width: 100px; height: 100px;background: url(../image/co3.png) no-repeat center center;}

.service-box .co4 { display: block; width: 100px; height: 100px;background: url(../image/coa4.png) no-repeat center center;}
.service-box:hover .co4 { display: block; width: 100px; height: 100px;background: url(../image/co4.png) no-repeat center center;}

.service-box .co5 { display: block; width: 100px; height: 100px;background: url(../image/coa5.png) no-repeat center center;}
.service-box:hover .co5 { display: block; width: 100px; height: 100px;background: url(../image/co5.png) no-repeat center center;}

.service-box .co6 { display: block; width: 100px; height: 100px;background: url(../image/coa6.png) no-repeat center center;}
.service-box:hover .co6 { display: block; width: 100px; height: 100px;background: url(../image/co6.png) no-repeat center center;}

.service-box .co7{ display: block; width: 100px; height: 100px;background: url(../image/coa7.png) no-repeat center center;}
.service-box:hover .co7 { display: block; width: 100px; height: 100px;background: url(../image/co7.png) no-repeat center center;}

.service-box .co8 { display: block; width: 100px; height: 100px;background: url(../image/coa8.png) no-repeat center center;}
.service-box:hover .co8 { display: block; width: 100px; height: 100px;background: url(../image/co8.png) no-repeat center center;}

.service-box .co9 { display: block; width: 100px; height: 100px;background: url(../image/coa9.png) no-repeat center center;}
.service-box:hover .co9 { display: block; width: 100px; height: 100px;background: url(../image/co9.png) no-repeat center center;}

.service-box .co10 { display: block; width: 100px; height: 100px;background: url(../image/coa10.png) no-repeat center center;}
.service-box:hover .co10 { display: block; width: 100px; height: 100px;background: url(../image/co10.png) no-repeat center center;}



.service-box:hover {  background: #00a0e9;}
.service-box:hover h3{  color: #fff;}

.service-box:hover p.cc{  color: #fff;}


#indexlink{ margin:0 auto; padding:0; width:100%; height:auto; background:#0096ff;}

/*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:#333;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.seach .gjc span{ font-size:14px; color:#f4f4f4; font-weight:bold;}
.seach .gjc a{font-size:14px;color:#f4f4f4;padding:0 10px;}
.seach .gjc a:hover{ text-decoration:underline; color:#ccc;}




.p1{ margin:0 auto; padding:0; width:100%; height:auto; max-width:1200px; background:#f3f3f3; margin-top:30px; margin-bottom:30px;}
.p11{ margin:0; padding:4%; width:58%; height:auto; float:left; font-size:24px;color:#666; line-height:30px;}
.p11 p{font-size:16px;color:#666; line-height:30px;}
.p12{ margin:0; padding:2%; width:22%; height:auto; float:right;}
.p12 img{ max-width:100%; height:auto;}


.p2{ margin:0 auto; padding:0; width:100%; height:auto; background:#f3f3f3; margin-top:30px; }
.p2 h1{ padding:40px 0 0 0; font-size:26px;color:#000; line-height:30px; text-align:center;}
.p21{ margin:0 auto; padding:10px 0; width:100%; height:auto; max-width:1200px;font-size:16px;color:#000; line-height:30px; text-align:left;}


.p3{ margin:0 auto; padding:30px 0; width:100%; height:auto; background:url(../image/cp3.jpg) no-repeat bottom center #005792;}
.p31{ margin:0 auto; padding:0; width:100%; margin-bottom:30px; margin-top:30px; height:auto; background-color: rgba(255,255,255,.77); max-width:1200px;}
.p311{ margin:0 auto; padding:0; width:96%; height:auto; padding-top:30px; font-size:24px;color:#000; line-height:40px; text-align:center;}
.p312{ margin:0 auto; padding:0; width:96%; height:auto; font-size:14px;color:#666; line-height:30px; text-align:left;}
.p312 td{ border:1px solid #666;text-align:center;}

/* 多列图文 */
/* 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:24px;
	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;
}

/*pro_l*/



.proMain3 { margin:0 auto; padding:0; width:100%; height:auto; max-width:1200px;}


.proMain3 .pro_l { margin:0 auto; padding:0; width:260px; float:left; height:auto; background:#e59d15;}
.proMain3 .pro_l h2{font-weight:normal;background: #e59d15;height:60px;}
.proMain3 .pro_l h2 p{ text-decoration:none; display:block; color:#fff; text-align:center; font-size:25px; padding: 0; line-height:60px;}
.proMain3 .pro_l h2 p em{ font-weight:bold; }

.proMain3 .pro_l .tu{ margin:0 auto; padding:0; width:100%; height:auto; min-height:223px; background:url(../image/l1.png) no-repeat bottom right;}
.proMain3 .pro_l .tu .tu1{ margin:0 auto; padding:0; padding-left:30px;height:auto; padding-top:80px;font-size:16px;color:#fff; line-height:25px;}




.cpnavbox1{background:#e59d15;}
.cpnav1 {padding: 10px 15px 0px 15px;overflow:hidden;}
.cpnav1 li {margin-top:5px;font-weight:normal;line-height: 40px;background:url(../images/cpnavbg.png) repeat-x;}
.cpnav1 li a {display:block;font-size:16px;color:#292929;text-decoration:none;height: 40px;line-height: 40px;background: url(../images/jt.png) no-repeat right 20px center;padding:0 15px;}
.cpnav1 li a:hover {background: url(../images/jt1.png) no-repeat right 20px center #e39f14; color:#fff;}

.cpnav1 .cpmll{ width:100%; height:auto;}
.cpmll1 a{ width:100%; height:auto; padding-top:4px; padding-bottom:4px; display: block; border-bottom:1px dashed #e3e3e3; padding-right:10px;font-size:14px;color:#666; line-height:25px; }
.cpmll1 a:hover{ color:#e39f14; line-height:25px; text-decoration:underline; }

.cpmll2 { width:100%; height:auto;float:left; display:block; padding-top:4px;border-bottom:1px dashed #e3e3e3;  padding-bottom:4px; font-size:12px;color:#888; line-height:25px; }
.cpmll2 a{ padding-right:10px; padding-top:4px; padding-bottom:4px; font-size:12px;color:#888; line-height:25px; }
.cpmll2 a:hover{ color:#e39f14; line-height:25px; text-decoration:underline; }

.proMain3 .pro_r {float:right;width: 870px;}
.proMain3 .pro_r .prt ul{float:left;width: 820px; background:#e59d15; padding-left:50px;}
.proMain3 .pro_r .prt li{float:left;padding: 0 10px;background:url(images/line5.png) no-repeat left center;height:50px;}
.proMain3 .pro_r .prt li a{ display:block; width:109px; padding:0 10px; height:50px; line-height:50px; text-align:center; font-size:14px; color:#fff; text-decoration:none;}
.proMain3 .pro_r .prt li a:hover,.proMain .pro_r .prt li.cur a{ background:#00458d; font-weight:bold; color:#fff;}

.proMain3 .pro_r .prt li.noBl{ padding-left:0; background:none;}

.proMain3 .pro_r .prt dl{ float:right;background:url(images/phone.png) no-repeat left center; padding:14px 0; padding-left:60px; }
.proMain3 .pro_r .prt dt{ font-size:14px; color:#2a2b2e;}
.proMain3 .pro_r .prt dd{ font-size:25px; color:#ff7800; font-weight:bold; font-family:"Arial";}


.Rightshow{}
.Rightshow ul{overflow: hidden;width: 890px;}
.Rightshow ul li{width: 258px;margin-top: 28px;margin-right:30px;float: left;overflow: hidden;position: relative;text-align: center;background:url(images/cppicbg.jpg) no-repeat center top;}
.Rightshow ul li .pic{display: block;position: relative;width: 256px;border:1px solid #e3e3e3;}
.Rightshow ul li .pic img{display: inline-block;width: 94%; height:auto; padding:3%; } 
.Rightshow ul li .detail1{width: 100%;background: #00458d;}
.Rightshow ul li:hover .detail1{background: #e59d15;}
.Rightshow ul li .detail1 h3{font-weight: normal;padding:0;overflow: hidden;margin:0;}
.Rightshow ul li .detail1 h3 a{font-size: 14px;color: #fff;height: auto; line-height:20px; padding-top:10px; padding-bottom:10px;overflow: hidden;display: block;}
.Rightshow ul li .detail1 img{ display: inline-block;}


.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;border:1px solid #e3e3e3;
	text-align:center;
}
.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:31%; margin:1%; float:left; border:1px solid #e3e3e3;
	text-align:center;
}
.product-list2 { margin:0 auto; padding:0; width:100%; height:auto; max-width:1200px;
	min-height:20px;
}
.product-list2 li { margin:0 auto; padding:0; width:22%; margin:1%; float:left; border:1px solid #e3e3e3;
	text-align:center;
}

.portfolio-img {
	margin-bottom:10px;
	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;background:#f3f3f3; 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;font-size:12px;
	width:96%; padding-left:2%; padding-right:2%;
	height:100%;
	color:#fff;
}
.product-item .portfolio-text h2 {
	margin:20px 20px 20px;
	line-height:normal;
	font-size:14px;
	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:#e39f14;
	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;
}







/*解决方案*/
#indexfangan{ margin:0 auto; padding:0; width:100%; height:85px; background:url(../image/ic1.png) no-repeat top center; margin-bottom:20px; margin-top:30px;}
#indexfangana{ margin:0 auto; padding:0; width:100%; height:85px; background:url(../image/ic11.png) no-repeat top center; margin-bottom:20px; margin-top:30px;}
#indexfangan1{ margin:0 auto; padding:0; width:100%; height:40px; font-size:30px; line-height:40px; color:#000; text-align:center; }
#indexfangan1 span{ color:#e59d15;}


#indexfangan2{ margin:0 auto; padding:0; width:100%; height:40px; font-size:12px; line-height:20px; color:#888; text-align:center; }


.ixpro li {
    width: 20%;
    float: left;
}

.ixproList a {
    display: block;
    margin: 0;
}

    .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;
}

.ix-pro-arrow {
    font-size: 0;
    width: 58px;
    height: 58px;
    position: absolute;
    top: 50%;
    margin-top: -29px;
    background-color: #e39f14;
    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;
	}



/**/

.quality{ margin-top: -100px; padding:0; }

.content{ margin:0 auto; padding:0; width:100%; height:auto; max-width:1200px;}
.quality h3{ text-align: center; font-weight: normal; border-bottom:1px solid #dcdcdc; padding-bottom: 20px; margin-bottom: 35px; }
.quality h3 a{display: inline-block; font-size: 26px; text-align: left;background:url(../images/quality_bg.png) no-repeat 0 28px; padding:20px 0 0 62px; border-top:1px solid #dcdcdc;}
.quality h3 span{display: block; text-transform: uppercase; color: #999; font-size: 18px; margin-top: 5px;}
.quality h3 a:hover{text-decoration: none;}

.quality dl{background: #f3f3f3; float:left; width:1200px; overflow:hidden;}
.quality dt{float: right; width:734px; overflow:hidden;}
.quality dt img{width: 734px; height: 509px; display: block;}
.quality dd {padding: 0 30px; width: 380px; float: left;}
.quality dd b{display: block; font-size: 26px; margin-top: 74px; line-height: 30px; height: 30px; overflow: hidden;}
.quality dd b a:hover{text-decoration: none;}
.quality dd em{display: block; font-size: 18px; font-weight: bold; color: #333; line-height: 24px; height: 24px; overflow: hidden; margin: 10px 0 25px;}
.quality dd p{line-height: 28px; color: #3e3e3e; font-size: 15px; width: 320px;}

.quality_con{position: relative; width:1200px; overflow:hidden;}

.quality_con i{position: absolute; left: 30px;top: 410px; z-index:99;}
.quality_con i a{ display: inline-block; width: 10px; height: 10px; overflow: hidden; background:url(../images/dot.gif) no-repeat; margin: 0 4px;}
.quality_con i a:hover,.quality_con i a.cur{background:url(../images/dot.gif) no-repeat 0 -10px; }

.quality_con .prev,.quality_con .next{ width:70px; height:62px; display:block; position:absolute; z-index:99;}
.quality_con .prev{ left:392px; top:200px;  background:url(../images/btn4.gif) no-repeat; }
.quality_con .next{left:470px; top:200px; background:url(../images/btn4.gif) no-repeat -70px 0;}
.quality_con .prev:hover{ background:url(../images/btn4.gif) no-repeat 0 -62px;}
.quality_con .next:hover{ background:url(../images/btn4.gif) no-repeat -70px -62px;}




.quetion{ height:265px; overflow:hidden; margin-top:20px;}
.quetion dl{ padding-top:24px; padding-bottom:25px; border-bottom:1px dotted #e1e1e1;}
.quetion dl h3{font-weight: inherit; }
.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;}
.quetion dt a{ font-size:15px;}
.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;}


/*newsMain*/
.newnew{ margin:0 auto; padding:0; width:100%; height:auto; background:#f9f9f9;}
.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: #00a0e9;}
.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: #00a0e9;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;}

/*news*/
#newscon{ margin:0 auto; padding:0; width:100%; height:auto; background:#e3e3e3;}
#newsconmain{ margin:0 auto; padding:30px 0; width:100%; height:auto; max-width:1200px;}
#newsconleft{ margin:0 auto; padding:0; width:70%; height:auto; float:left;}
#newsconright{ margin:0 auto; padding:0; width:26%; height:auto; float:right;}

.news-list li{ margin-bottom:42px; background:#f3f3f3; transition:560ms; padding:20px;}
.news-list li a{ display:block; padding:0;}
.news-list li figure{ display:block; line-height:normal; margin-bottom:30px;}
.news-list li figure img{ display:block; height:auto; transition:887ms;}
.news-list li figcaption{ padding:0;}
.news-list li figcaption h2{ color:#000000; font-size:25px; line-height:1.4; font-weight:normal; }
.news-list li figcaption p{ color:#646464; font-size:14px; margin-top:35px;}
.new-tome{ margin-top:30px;}
.new-tome span{ display:block; border:1px solid #00a0e9; height:33px; line-height:33px; padding-right:20px; padding-left:20px; text-align:center; color:#00a0e9; font-size:14px; float:left; position:relative; overflow:hidden;}
.new-tome span em{ color:#00a0e9; line-height:33px; font-style:normal; transition:640ms; position:relative; z-index:5;}
.new-tome span:before{ content:""; width:100%; height:100%; background:#00a0e9; position:absolute; left:-100%; top:0; transition:380ms;}
.new-tome time{ display:inline-block; float:left; line-height:35px; color:#969696; font-size:14px; margin-left:14px;}
.new-tome strong{ padding-right:56px; line-height:35px; color:#969696; font-size:14px; font-weight:normal; position:relative; float:right;}
.new-tome strong i{ display:block; width:35px; height:35px; background:url(../images/radius.png) center no-repeat; position:absolute; right:0; top:0; transition:520ms;}
.new-tome strong i:before{ content:""; width:9px; height:15px; position:absolute; left:15px; top:10px; background:url(../images/arrow1.png) center no-repeat; transition:620ms;}
.news-list li:hover figure img{ transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05);}
.news-list li:hover{ box-shadow:0 0 8px #e1e1e1;}
.news-list li:hover .new-tome span em{ color:#fff;}
.news-list li:hover .new-tome span:before{ left:0;}
.news-list li:hover .new-tome strong i{ background:url(../images/radius7.png) center no-repeat;}
.news-list li:hover .new-tome strong i:before{ background:url(../images/arrow2.png) center no-repeat;}

.news-list li .left{ margin:0; padding:0; width:40%; float:left; height:auto;}
.news-list li .left img{ max-width:100%; height:auto;}
.news-list li .right{ margin:0; padding:0; width:58%; float:right; height:auto;}




.new-left .page{ text-align:left;}

.panerMain{background:url(../images/panerMainbg.png) repeat-y center;padding-top:83px;padding-bottom:53px}
.panerMain .ptop{text-align:center}
.panerMain .ptop h5{font-size:24px;margin-bottom:5px;color:#333}
.panerMain .ptop h5 span{font-weight:normal;color:#666}
.panerMain .ptop em{color:#b3b3b3;text-transform:uppercase;font-size:11px}
.panerMain .pcont{overflow:hidden;margin-top:53px}
.panerMain .pcont ul{overflow:hidden;width:1100px}
.panerMain .pcont .bd{overflow:hidden;width:1100px}
.panerMain .pcont li{float:left;width:18%;margin:20px 2% 0 0; text-align:center;}
.panerMain .pcont .pbot{width:82px;margin:48px auto 0 auto;padding:0 36px;overflow:hidden;background:url(images/pbotbg.png) no-repeat center}
.panerMain .pcont .pbot .bot{float:left;margin-left:1px}




/*hezuo*/
#indexhezuo{ margin:0 auto; padding:0; width:100%; height:auto; background:url(../image/hui.jpg) repeat; }
#indexhezuomain{ margin:0 auto; padding:0; width:100%; height:auto; padding-bottom:30px; padding-top:30px; max-width:1100px; }
#indexhezuotitle{ margin:0 auto; padding:0; width:100%; height:auto; max-width:1100px;font-size:24px; line-height:40px; text-align:center; color:#666; }
#indexhezuotitle span{ color:#000; font-weight:bold; }

#indexhezuotitle1{ margin:0 auto; padding:0; width:100%; height:auto; max-width:1100px;font-size:12px; line-height:20px; text-align:center; color:#666; }
#indexhezuocon{ margin:0 auto; padding:0; width:100%; height:auto; max-width:1100px; padding-bottom:30px; padding-top:30px;}

.pcont{overflow:hidden;margin-top:53px}

.pcont ul{overflow:hidden;width:1100px}

.pcont .bd{overflow:hidden;width:1100px}

.pcont li{float:left;width:170px;margin-right:18px}

.pcont .pbot{width:82px;margin:48px auto 0 auto;padding:0 36px;overflow:hidden;background:url(../images/pbotbg.png) no-repeat center}

.pcont .pbot .bot{float:left;margin-left:1px}

.bot{width:40px;height:40px;display:block;cursor:pointer}

.bot1{background:url(../images/bot1.png) no-repeat center}

.bot2{background:url(../images/bot2.png) no-repeat center}




.zhuolu1{ margin: 40px auto; padding:40px; background: #00a0e8; width: 100%; height: auto; max-width: 1120px;}
.zhuolu1nei{ margin: 0 auto; padding:40px; width: 92%; height: auto; color: #fff; }

.zhuolu2{ margin: 40px auto; padding:40px 0; background: #f3f3f3; width: 100%; height: auto; }
.zhuolu1nei{ margin: 0 auto; padding:0; width: 100%; height: auto;  max-width: 1200px;}

.zhuolu1nei ul{ margin: 0 auto; padding:0; width: 100%; height: auto;}
.zhuolu1nei ul li{ margin:1%; padding:0; width: 23%; height: auto; background: #fff; float: left; min-height: 390px;}
.zhuolu1nei ul li img{ max-width: 100%; height: auto;}
.zhuolu1nei ul li .title{ margin:0; padding:0 3%; border-bottom: 1px dashed #f3f3f3;border-top: 1px dashed #f3f3f3; width: 94%; height: auto; font-size: 16px; font-weight: bold;color: #00a0e8; line-height: 30px; text-align: center;}
.zhuolu1nei ul li .con{ margin:0; padding:10px 4% 20px 4%; width: 92%; height: auto; font-size: 12px; line-height: 20px; text-align: left; color: #777;}


.zhuolu1nei3{ margin: 0 auto; padding:0; width: 100%; height: auto;  max-width: 1200px;}

.zhuolu1nei3 ul{ margin: 0 auto; padding:0; width: 100%; height: auto;}
.zhuolu1nei3 ul li{ margin:1%; padding:0; width: 31%; height: auto; background: #fff; float: left; min-height: 340px;}
.zhuolu1nei3 ul li img{ max-width: 100%; height: auto;}
.zhuolu1nei3 ul li .title{ margin:0; padding:0 3%; border-bottom: 1px dashed #f3f3f3;border-top: 1px dashed #f3f3f3; width: 94%; height: auto; font-size: 16px; font-weight: bold;color: #00a0e8; line-height: 30px; text-align: center;}
.zhuolu1nei3 ul li .con{ margin:0; padding:10px 4% 20px 4%; width: 92%; height: auto; font-size: 12px; line-height: 20px; text-align: left; color: #777; min-height: 100px;}

.zhuolu1nei2{ margin: 0 auto; padding:0; width: 100%; height: auto;  max-width: 1200px;}

.zhuolu1nei2 ul{ margin: 0 auto; padding:0; width: 100%; height: auto;}
.zhuolu1nei2 ul li{ margin:2%; padding:0; width: 46%; height: auto; background: #fff; float: left; min-height: 300px;}
.zhuolu1nei2 ul li img{ max-width: 100%; height: auto;}
.zhuolu1nei2 ul li .title{ margin:0; padding:0 3%; border-bottom: 1px dashed #f3f3f3;border-top: 1px dashed #f3f3f3; width: 94%; height: auto; font-size: 16px; font-weight: bold;color: #00a0e8; line-height: 30px; text-align: center;}
.zhuolu1nei2 ul li .con{ margin:0; padding:10px 4% 20px 4%; width: 92%; height: auto; font-size: 12px; line-height: 20px; text-align: left; color: #777;}


.zhuolu3{ margin: 40px auto; padding: 0; width: 100%; height: auto;max-width: 1200px; }
.zhuolu3 td{ border: 1px solid #f3f3f3; text-align: center; line-height: 40px; color:#000;}


.zhuolu3 tr:nth-child(odd){background:#F4F4F4;}
.zhuolu3 tr:nth-child(even){background:#fff;}
.zhuolu3 tr:nth-child(1){ background: #00a0e8; color: #fff; line-height: 40px; padding: 5px 0;}
.zhuolu3 tr:nth-child(1) td{ line-height: 40px; padding: 5px 0; color:#fff;}
/*友情链接*/

.linkmain{ width:100%; margin-top:30px;
    margin: 0 auto;
    background: #f3f3f3;
}


.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;}


/*内页*/
/*pronam*/
.ideaList { padding-bottom: 50px; margin:0 auto; padding:0; width:100%; margin-top:40px; margin-bottom:40px;height:auto; max-width:1200px; }
.ideaList ul { margin-left: 0; }
.ideaList li { float: left; display: block; width: 528px; margin: 0px 24px 48px 24px; }
.ideaList li .itemBox { border: 1px solid #e5e5e5; }
.ideaList .itemBox .img { float: left; display: block; width: 296px; overflow: hidden; }
.ideaList .itemBox .img img { width: 100%; display: block; transition: 500ms; }
.ideaList .itemBox .con { padding: 0px 15px 0px 0px; width: 188px; float: right; display: block; font-size: 12px; line-height:18px; color:#888;}
.ideaList .itemBox .con .t { padding: 20px 0px; font-size: 18px; color:#000; }
.ideaList .itemBox .con a{font-size: 12px; line-height:20px; color:#888; }
.ideaList .itemBox .con .t1 { padding: 20px 0px; font-size: 16px; color:#049A00; }
.ideaList li:hover .itemBox { background-color: #e59d15; color: #fff; }
.ideaList li:hover .con { color: #fff; }
.ideaList li:hover .con .t{ color: #fff; }
.ideaList li:hover .itemBox .con .t1 { color: #fff; }
.ideaList li:hover .itemBox .img img { transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); }
.ideaList.article-block li { transform: translate(0px,50px); -webkit-transform: translate(0px,50px); opacity: 0; }
.ideaList.articleShow li { transform: translate(0px,0px); -webkit-transform: translate(0px,0px); opacity: 1; }
.ideaList.articleShow .item1 { transition: all 470ms ease-in-out 0s; }
.ideaList.articleShow .item2 { transition: all 570ms ease-in-out 0s; }
.ideaList.articleShow .item3 { transition: all 670ms ease-in-out 0s; }
.ideaList.articleShow .item4 { transition: all 770ms ease-in-out 0s; }


#conbanner1{ margin:0 auto; padding:0; width:100%; height:400px; background:url(../image/b1.jpg) no-repeat top center;}
#conbanner2{ margin:0 auto; padding:0; width:100%; height:400px; background:url(../image/b2.jpg) no-repeat top center;}
#conbanner2 img{ max-width:100%; height:auto;}


#conbanner3{ margin:0 auto; padding:0; width:100%; height:500px; background:url(../image/b5.jpg) no-repeat top center;}

/*proMain*/
.proMain{background:#f3f3f3;padding-bottom: 50px;padding-top: 35px;} 
.proMain2{ background:#fff;}
.proMain .pro_l{float:left;width: 20%;}
.proMain .pro_r{float:right;width: 76%;}
.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: #00a0e9; color: #fff;font-size:25px; }
.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 {font-weight:normal;background:url(../images/cpnavbg.png) repeat-x;}
.cpnav li a {display:block;font-size:16px;color:#292929;text-decoration:none;height: auto;line-height: 40px; border-bottom:2px solid #fff;background: url(../images/jt.png) no-repeat right 20px center;padding:0 15px;}
.cpnav li a:hover {background: url(../images/jt1.png) no-repeat right 20px center #00a0e9; color:#fff;}
.cpnav li.act a {display:block;font-size:16px;text-decoration:none;height: 40px;line-height: 40px;background: url(../images/jt1.png) no-repeat right 20px center #e39f14; color:#fff;padding:0 15px;}
.cpnav li.act a:hover {background: url(../images/jt1.png) no-repeat right 20px center #00a0e9; color:#fff;}


.cpnav ul{ display:none;}

.cpnav li.thisclass {background:#e59d15;}
.cpnav li.thisclass a{ color:#fff;}

.cpnav li.thisclass ul{ margin:0 auto; padding:0; width:100%; height:auto; display:block;}
.cpnav li.thisclass ul li{ width:100%; height:auto;font-size:12px;}
.cpnav li.thisclass ul li a{ margin:0 auto; padding:0; width:92%; padding-left:4%; padding-right:4%; font-size:12px; height:30px; line-height:30px; background:#fff; color:#666; border-bottom:1px dashed #e3e33e;}
.cpnav li.thisclass ul li a:hover{ background:#e59d15; color:#fff;}

.cpnav li.rr ul{ margin:0 auto; padding:0; width:100%; height:auto; display:block;}
.cpnav li.rr ul{ margin:0 auto; padding:0; width:100%; height:auto; display:block;}
.cpnav li.rr ul li{ width:100%; height:auto;font-size:12px;}
.cpnav li.rr ul li a{ margin:0 auto; padding:0; width:92%; padding-left:4%; padding-right:4%; font-size:12px; height:30px; line-height:30px; background:#fff; color:#666; border-bottom:1px dashed #e3e33e;}
.cpnav li.rr ul li a:hover{ background:#e59d15; color:#fff;}

.cpnav li.rr ul li.this a{ margin:0 auto; padding:0; width:92%; padding-left:4%; padding-right:4%; font-size:12px; height:30px; line-height:30px; background:#e59d15; color:#fff; border-bottom:1px dashed #e3e33e;}
.cpnav li.rr ul li.this a:hover{ background:#e59d15; color:#fff;}


.cpnav .cpmll{ width:100%; height:auto;}
.cpmll1 a{ width:100%; height:auto; padding-top:4px; padding-bottom:4px; display: block; border-bottom:1px dashed #e3e3e3; padding-right:10px;font-size:14px;color:#666; line-height:25px; }
.cpmll1 a:hover{ color:#e39f14; line-height:25px; text-decoration:underline; }

.cpmll2 { width:100%; height:auto;float:left; display:block; padding-top:4px;border-bottom:1px dashed #e3e3e3;  padding-bottom:4px; font-size:12px;color:#888; line-height:25px; }
.cpmll2 a{ padding-right:10px; padding-top:4px; padding-bottom:4px; font-size:12px;color:#888; line-height:25px; }
.cpmll2 a:hover{ color:#e39f14; line-height:25px; text-decoration:underline; }

#contitle1{ margin:0 auto; padding:0; width:100%; height:auto; padding-top:30px; font-size:24px; line-height:40px; color:#000; text-align:center;}
#contitle2{ margin:0 auto; padding:0; width:100%; height:auto; padding:0; font-size:12px; font-family:Arial; line-height:30px; color:#888;text-align:center;}
#contitle3{ margin:0 auto; padding:0; width:100%; height:auto; padding:0; font-size:14px; line-height:30px; color:#666;text-align:center;}
#contitle4{ margin:0 auto; padding:0; width:100%; height:auto; padding:0; font-size:14px; line-height:30px; color:#666;}
#contitle4 td{ border:1px solid #fff;font-size:14px; line-height:30px; color:#666; background:#f3f3f3; text-align:center;}
#contitle4 td.lan{  font-size:14px; line-height:30px; color:#fff; background:#00a0e9; text-align:center;}
#contitle5{ margin:0 auto; padding:0; width:100%; height:auto; padding:0; font-size:14px; line-height:30px; color:#666;}
#contitle5 td{ border:1px solid #fff;font-size:14px; padding:10px 40px; line-height:30px; color:#666; background:#f3f3f3; text-align:center;}
#contitle5 td.lan{  font-size:14px; line-height:30px; color:#fff; background:#00a0e9; text-align:center;}

#contitle6{ margin:0 auto; padding:0; width:100%; height:auto; max-width:1200px; padding:30px 0; font-size:14px; line-height:30px; color:#666; text-align:center;}


/*about*/
#conabout1{margin:0 auto; padding:0; width:100%; height:auto; padding:30px 0; background:#f3f3f3;}
.aboutP-list{ padding: 50px 0; max-width:1000px; margin:0 auto;}
.aboutP-list li{ float: left; display: block; width: 24%;  padding: 0px 2% 0px 7%; border-right: 1px solid #cdcdcd; color: #525252; line-height: 1.5;}
.aboutP-list li:last-child{ border-right: 0px none;}
.aboutP-list .txt{ padding:0;color: #e3001e; font-family: "微软正黑体","Microsoft JhengHei"; font-size: 24px; line-height: 1.2;background:none;}
.aboutP-list .num{ font-size: 60px; padding-right: 10px;}
.aboutP-list .add{ position: absolute; font-weight: bold;}
.aboutP-list .en{ font-family: arial, helvetica, sans-serif; font-size: 12px; text-transform: uppercase;}
.aboutP-list .zh{ font-weight: normal;}

/*
.pbot{ background: url(../images/y.png) no-repeat scroll center center; background-size: cover; background:none rgba(245,245,245,1); border-radius: 50%; width: 75px; height: 75px; position: absolute; left: 50%; bottom: -37px; margin-left: -37px; cursor: pointer;}
.pbot i{ background: url(../images/abot.png) no-repeat scroll center center; width: 25px; height: 15px;position: absolute; left: 50%; top: 50%; margin: -7px 0px 0px -12px; -webkit-animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite; animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite;}
*/
.fixedImg { background-position: center top; background-repeat: no-repeat; background-size: cover;}
.aboutC-box{ background-color: #fff; padding: 80px 0px;}
.aboutC-box .pageC{ width: 82%; margin: 0px auto; text-align: justify; padding:6%;}



.about1{ margin:0 auto; padding:0; width:100%; height:auto; background:#fff; max-width:1200px;}
.about11{ margin:0 auto; padding:0; max-width:1000px; height:auto; padding:80px 0;font-size:14px; line-height:30px; color:#666;text-align:left;}

.pageC a:link, .pageC a:visited { color: #d02a25; }
.pageC a:active, .pageC a:hover { color: #ee2d31; }
.pageC img{ max-width: 100% !important; height: auto !important;}
.pageC{ overflow: hidden; color: #666;}
.aboutPbox .pageC{ text-align: center; font-size: 15px;}

.pagePadding2{ padding: 80px 0px;}


.list-wrap{ margin:0 auto; padding:0; width:100%; height:auto;}
.list-wrap li{ margin:0 auto; padding:0; width:45%; min-height:80px; height:auto; margin:1px 2%; float:left; border:1px solid #f3f3f3; background:#f3f3f3;}
.list-wrap li .ico{ margin:0 auto; padding:0; width:15%;min-height:80px; height:auto; float:left; text-align:center; padding:2%; background:#0096ff;}
.list-wrap li .ico1{ margin:0 auto; padding:0; width:15%;min-height:80px; height:auto; float:left; text-align:center; padding:2%; background:#47b3ff;}
.list-wrap li .cont{ margin:0 auto; padding:0; width:77%; padding:10px 0; height:auto; float:left; text-align:center; padding:2%;}
.list-wrap li .cont .tit{ margin:0 auto; padding:0; width:100%; height:auto; float:left; text-align:left;font-size:24px; line-height:30px; color:#0096ff;}
.list-wrap li .cont .word{ margin:0 auto; padding:0; width:100%; height:auto; float:left; text-align:left;font-size:14px; line-height:20px; color:#666;}

#conabout2{margin:0 auto; padding:0; width:100%; height:auto; padding:30px 0; background:#fff;}
#conabout21{margin:0 auto; padding:0; width:100%; height:auto; padding:30px 0; max-width:1200px;text-align:center;font-size:24px; line-height:30px; color:#000;}
#conabout22{margin:0 auto; padding:0; width:100%; height:auto; padding:20px 0;max-width:1200px;text-align:left;font-size:16px; line-height:30px; color:#666;}
#conabout221{margin:0 auto; padding:0; width:55%; height:auto; padding:0; float:left;text-align:left;font-size:16px; line-height:30px; color:#666;}
#conabout222{margin:0 auto; padding:0; width:40%; height:auto; padding:0; float:right;text-align:left;font-size:16px; line-height:30px; color:#666;}
#conabout222 img{ max-width:100%; height:auto;}



/*成功案例*/
.casemain{ padding:0; width:100%; height:auto;background:#ededed; }
.case-box{ padding:100px 0 125px; background:#ededed;}
.cases{ margin-bottom:10px;}
.cases li{ width:23%; margin-right:1.7%; float:left; margin-bottom:60px;}
.cases li:nth-child(4n+4){ margin-right:0;}
.cases li figure{ display:block; overflow:hidden; line-height:normal;}
.cases li figure img{ display:block; width:100%; height:auto; line-height:0; transition:450ms;}
.cases li figcaption{ display:block; width:100%; height:70px; color:#6c6c6c; font-size:14px; background:#fff; margin-top:3px; position:relative; overflow:hidden;}
.cases li figcaption span{ display:block; line-height:70px; text-align:center; position:relative; z-index:5; transition:350ms;}
.cases li figcaption:before{ content:""; width:100%; height:100%; background:#00a0e9; position:absolute; left:0; top:100%; transition:340ms;}
.cases li:hover figure img{ transform:scale(1.06); -webkit-transform:scale(1.06); -moz-transform:scale(1.06);}
.cases li:hover figcaption:before{ top:0;}
.cases li:hover figcaption span{ color:#fff;}




/*culture*/

/*school style*/
.bgf5{ background-color: #f5f5f5;}

.pagePadding{ padding: 100px 0px;}
.school-list dd{ position: relative;}
.school-list a:link, .school-list a:visited { color: #666666;}
.school-list a:active,.school-list a:hover { color: #e3001e;}  
.school-list a.item{ display: block;position: relative; overflow: hidden;}
.school-list li{ background-color: #fff;}
.school-list li .img{ width: 50%; display: block; position: relative; overflow: hidden;}
.school-list li .img img{ transition: all 0.6s cubic-bezier(0.445, 0.145, 0.355, 1) 0s; -webkit-transition: all 0.6s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;  width: 100%; display: block; transform: scale(1.06); -webkit-transform: scale(1.06);}
.school-list .img .black-20{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; visibility: hidden;transition: all 0.6s cubic-bezier(0.445, 0.145, 0.355, 1) 0s; -webkit-transition: all 0.6s cubic-bezier(0.445, 0.145, 0.355, 1) 0s; }
.school-list .con{ color: #666666; width: 40%; height: 100%; position: absolute;  top: 0%;}
.school-list .con .title{ margin: 30px 0;}
.school-list .con .zh{ font-size: 24px; line-height: 1.2; color: #333333; display: block;}
.school-list .con .c{ font-size: 14px; height: auto; overflow: hidden; }
.school-list .con .c{ font-size: 14px; height: auto; overflow: hidden; }
.school-list .con .c span{ font-size: 16px; color:#000; font-weight:bold;}
.school-list .bor{ position: absolute; top: 0; left: 0; width: 50%; height: 100%;}
.school-list .btnMore{ width: 166px; height: 56px; line-height: 56px;}
.school-list .oneItem .con{ left: 55%;}
.school-list .oneItem .bor{ left: 50%;}
.school-list .twoItem .img{ margin-left: 50%;}
.school-list .twoItem .con{ left: 5%;}
.filler { position: absolute; display: block; background-color: #e3001e; -webkit-transition: 0.3s ease 0s; -moz-transition: 0.3s 0s; -o-transition: 0.3s 0s; transition: 0.3s 0s; }
.school-list .filler-left { width: 1px; height: 0%; left: 2%; top: 3%; }
.school-list .filler-right { width: 1px; height: 0%; right: 2%; bottom: 3%; }
.school-list .filler-top { width: 0%; height: 1px; right: 2%; top: 3%; }
.school-list .filler-bottom { width: 0%; height: 1px; left: 2%; bottom: 3%; }



.school-list li:hover .filler-left { height: 94%; }
	.school-list li:hover .filler-right { height: 94%; }
	.school-list li:hover .filler-top { width: 96%; }
	.school-list li:hover .filler-bottom { width: 96%; }
	.school-list li:hover img{ transform: inherit; -webkit-transform: inherit;}
	.school-list li:hover .black-20{ opacity: 1; visibility: visible;}
	.school-list li:hover .btnMore:before{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0;visibility:visible\9;}
	.school-list li:hover .btnMore .txt{ color: #fff;}
	.school-list li:hover .btnMore .txt i{ background-position: left center;}


.btnMore{ background-color: #dfdfdf; width: 210px; height: 54px; display: block; line-height: 54px; text-align: center; position: relative; z-index: 1;}
.btnMore:before{ content:""; width:100%; height:100%; background-color:#e3001e; z-index: -1; position:absolute; left:0; bottom:0px; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .42s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .42s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1); transition:transform .42s cubic-bezier(.4,0,.2,1),-webkit-transform .42s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0);  visibility:hidden\9; }
.btnMore .txt1{ color: #666666; padding-right: 30px; position: relative;}
.btnMore .txt1 i{ background: url(../images/btn_m1.png) no-repeat scroll right center; position: absolute; right: 0; top: 0; width: 14px; height: 100%; transition: .42s cubic-bezier(.4,0,.2,1);}
.btnMore:hover:before{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0;visibility:visible\9;}
.btnMore:hover .txt1{ color: #fff;}
.btnMore:hover .txt1 i{ background-position: left center;}



.module-line{width: 100%;text-align: center;margin-top:40px; margin-bottom:40px}
.module-line span{display: inline-block;*display: inline;*zoom: 1}
.module-line .text{font-size: 26px;color: #4c4c4c;margin: 0 10px}
.module-line .arrow{width: 84px;height: 16px}
.module-line .left-arrow{background: url(../images/leftArrow.png)}
.module-line .right-arrow{background: url(../images/rightArrow.png)}
.module-privilege{width: 100%; max-width: 1200px;;height: auto;margin: 40px auto 40px;position: relative}
.module-privilege .privilege-ul{float: left;border: 1px solid #d3d1d0;background: #fff;width: 24.5%;}

.module-privilege .privilege-ul .privilege-item{text-align: center;height: 45px;line-height: 45px;font-size: 14px}
.module-privilege .privilege-ul .privilege-item a{color: #666;display: block;width: 100%;height: 100%}
.module-privilege .privilege-ul .privilege-item.first-item{height: 52px;padding-top: 20px}
.module-privilege .privilege-ul .privilege-item.first-item .buy-button-base{margin-top: 14px}
.module-privilege .privilege-ul .privilege-item .title,
.module-privilege .privilege-ul .privilege-item .svip-type{font-size: 20px}
.module-privilege .privilege-ul .privilege-item .title .vip-type-icon,
.module-privilege .privilege-ul .privilege-item .svip-type .vip-type-icon{display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;height: 30px}
.module-privilege .privilege-ul .privilege-item .title .vip-type-title,
.module-privilege .privilege-ul .privilege-item .svip-type .vip-type-title{height: 30px;line-height: 30px;display: inline-block;vertical-align: middle}
.module-privilege .privilege-ul .privilege-item .vip-type,
.module-privilege .privilege-ul .privilege-item .no-vip-type{font-size: 20px;}
.module-privilege .privilege-ul .privilege-item .vip-type .vip-type-icon,
.module-privilege .privilege-ul .privilege-item .no-vip-type .vip-type-icon{display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;height: 30px}
.module-privilege .privilege-ul .privilege-item .vip-type .vip-type-title,
.module-privilege .privilege-ul .privilege-item .no-vip-type .vip-type-title{height: 30px;line-height: 30px;display: inline-block;vertical-align: middle}
.module-privilege .privilege-ul .privilege-item .icon{display: inline-block;*display: inline;*zoom: 1;width: 20px;height: 20px}
.module-privilege .privilege-ul .privilege-item .icon.right{margin-top: 12px;background-image: url(../images/right.png);background-repeat: no-repeat}
.module-privilege .privilege-ul .privilege-item .icon.error{margin-top: 15px;background-image: url(../images/error.png);background-repeat: no-repeat}
.module-privilege .privilege-ul.recommend{background-image: url(../images/recommend.png);background-position: -1px -1px;background-repeat: no-repeat}
.module-privilege .privilege-ul.active{border-color: #00a1e9;background-color: #00a1e9;z-index: 10; color: #fff;}

.module-privilege .privilege-ul.active .privilege-item.last-item{height: 49px}
.icon-size-middle{width: 30px;height: 30px;}
.vip-icon,.buy-btn-box{display: inline-block;}
.vip-icon.svip-middle{background-image: url(../images/level2.png);background-repeat: no-repeat;}
.vip-icon.vip-middle{background-image: url(../images/level1.png);background-repeat: no-repeat;}
.vip-icon.no-vip-middle{background-image: url(../images/level0.png);background-repeat: no-repeat;}
.center-button-container-middle{width: 120px;height: 30px;font-size: 14px;line-height: 30px;text-align: center;border-radius: 15px;}
.center-button-light-red{border: 1px solid rgba(228, 88, 88, .5);color: #e45858;}
.center-button-light-red:hover{border: 1px solid #e45858;}
.center-button-light-yellow{border: 1px solid #f9d681;background-color: #f9d681;color: #351d06;}
.center-button-light-yellow:hover{background-color: #e7c062;}
.center-button-base{cursor: pointer;display: inline-block;margin: 0 5px;}



/*product*/
.product1{ margin:0 auto; padding:30px 0; width:100%; height:auto; background:#f3f3f3; }
.product11{ margin:0 auto; padding:0; width:100%; height:auto; color:#000;font-size:24px; text-align:center; line-height:30px; }
.product12{ margin:0 auto; padding:30px 0; width:100%; height:auto; max-width:1200px; color:#000;font-size:18px; text-align:center; line-height:30px; }
.product121{ margin:0 auto; padding:0; width:30%; height:auto; margin-right:5%; float:left; background:#fff; position:relative;}
.product121:nth-child(3n+3){ margin-right:0;}
.product1211{ margin:0 auto; padding:0; width:100%; height:auto;z-index:40;}
.product1211 img{ max-width:100%; height:auto;z-index:40;}
.product1212{ margin:0 auto; padding:0; width:100%; height:240px;}
.product1212 table{ margin:0 auto; padding:30px 0; width:90%; height:auto;}
.product1212 td{height:auto; font-size:14px; text-align:left; line-height:20px;}

.product1213{ margin:0 auto; padding:0; width:217px; height:67px; margin-bottom:-15px; background:url(../image/i6.png) no-repeat top center; color:#fff;font-size:24px; text-align:center; line-height:67px; }
.product1214{ margin:0 auto; padding:0; width:217px; height:67px; margin-bottom:-15px; background:url(../image/i7.png) no-repeat top center; color:#fff;font-size:24px; text-align:center; line-height:67px; }

.product1215{ margin:0 auto; padding:0; width:136px; height:136px; position:absolute; top:50px; right:-90px; z-index:10; }


.product125{ margin:0 auto; padding:0; width:47%; height:auto; margin-right:5%; float:left; background:#fff; position:relative;}
.product125:nth-child(2){ margin-right:0;}
.product1251{ margin:0 auto; padding:2%; width:96%; height:auto;z-index:40;}
.product1251 img{ max-width:100%; height:auto;z-index:40;}
.product1252{ margin:0 auto; padding:0; width:100%; height:240px;}
.product1252 table{ margin:0 auto; padding:30px 0; width:90%; height:auto;}
.product1252 td{height:auto; font-size:14px; text-align:left; line-height:20px;}

.product1253{ margin:0 auto; padding:0; width:217px; height:67px; margin-bottom:-15px; background:url(../image/i6.png) no-repeat top center; color:#fff;font-size:24px; text-align:center; line-height:67px; }
.product1254{ margin:0 auto; padding:0; width:217px; height:67px; margin-bottom:-15px; background:url(../image/i7.png) no-repeat top center; color:#fff;font-size:24px; text-align:center; line-height:67px; }

.product1255{ margin:0 auto; padding:0; width:136px; height:136px; position:absolute; top:50px; right:-90px; z-index:10; }




.protitle{ margin:40px auto; padding:2% 0; width:100%; height:auto; background:#f3f3f3; display:block; max-width:1200px;color:#666;font-size:24px; text-align:center; line-height:40px;}


.product2{ margin:0 auto; padding:30px 0; width:100%; height:auto; max-width:1200px;}
.product21{ margin:0 auto; padding:0; width:50%; height:auto; float:left;}
.product21 img{ max-width:100%; height:auto;}
.product22{ margin:0 auto; padding:0; width:50%; height:auto; float:right;}
.product221{ margin:0 auto; padding:0; width:100%; height:auto; float:left;color:#00a0e9;font-size:30px; text-align:left; line-height:50px; }
.product222{ margin:0 auto; padding:10px 0; width:100%; height:auto; float:left; border-bottom:1px dashed #e3e3e3;}
.product2221{ margin:0; padding:0; width:50px; height:50px; float:left; border-radius:25px; background:#00a0e9;color:#fff;font-size:30px; text-align:center; line-height:50px;}
.product2222{ margin:0; padding:0; width:auto; padding-left:20px; height:50px; float:left; color:#000;font-size:18px; text-align:left; line-height:50px;}
.product223{ margin:0 auto; padding:10px 0; width:100%; height:auto; float:left;color:#666;font-size:14px; text-align:left; line-height:20px;}
.product224{ margin:0 auto; padding:0; width:100%; height:auto; float:left;color:#000;font-size:18px; text-align:left; line-height:30px; }

.product23{ margin:0 auto; padding:0; width:43%; height:auto; float:left;}
.product24{ margin:0 auto; padding:0; width:55%; height:auto; float:right;}
.product24 img{ max-width:100%; height:auto;}

.shipin{ margin:0 auto; padding:30px 0; width:100%; height:auto; max-width:1200px; }
.shipin ul{ margin:0 auto; padding:0; width:100%; height:auto;  }
.shipin ul li{ margin:0 auto; padding:0; width:31%; height:auto; float:left; margin:1%;  }


.product3{ margin:0 auto; padding:40px 0; width:100%; height:auto; background:#f3f3f3; }
.product31{ margin:0 auto; padding:0; width:100%; height:auto; max-width:1200px;}
.product31title{ margin:0 auto; padding:30px 0; width:100%; height:auto; max-width:1200px; text-align:center;}
.product311{ margin:0 auto; padding:0; width:400px; height:600px; float:left; background:#8eb579;}
.product312{ margin:0 auto; padding:0; width:400px; height:600px; float:left; background:#4b9cd3;}
.product313{ margin:0 auto; padding:0; width:400px; height:600px; float:left; background:#6a6f85;}

.product3111{ margin:0 auto; padding:0; width:400px; height:300px; float:left;}
.product3111 img{ width:400px; height:300px;}
.product3112{ margin:0 auto; padding:40px; width:320px; height:220px;color:#fff;font-size:16px; text-align:left; line-height:30px; }
.product3112 a{ color:#fff;font-size:16px; text-align:left; line-height:30px; }

.product4{ margin:0 auto; padding:40px 0; width:100%; height:auto; max-width:1100px;}
.product41{ margin:0 auto; padding:2%; width:42%; height:auto; float:left; marign:2%; }
.product411{ margin:0 auto; padding:0; width:100%; height:auto; float:left;color:#00a0e9;font-size:30px; text-align:left; line-height:30px;}
.product412{ margin:0 auto; padding:0; width:100%; height:auto; float:left;color:#666;font-size:16px; text-align:left; line-height:30px;}
.product413{ margin:0 auto; padding:0; width:100%; height:auto; float:left;color:#00a0e9;font-size:30px; text-align:left; line-height:50px;}
.product413 img{ max-width:100%; height:auto;}
.product414{ margin:0 auto; padding:10px 2%; width:96%; height:auto; background:#00a0e8; float:left;color:#fff;font-size:30px; text-align:left; line-height:30px;}
.product415{ margin:0 auto; padding:15px 0; width:100%; height:auto; float:left;}
.product415 img{ max-width:100%; height:auto;}
.product416{ margin:0 auto; padding:3%; width:94%; background:#fff; min-height:250px; height:auto; float:left;color:#666;font-size:16px; text-align:left; line-height:30px;}
.product42{ margin:0 auto; padding:0; width:46%; height:auto; float:left; padding-right:4%;}
.product42 img{ max-width:100%; height:auto;}
.product5{ margin:0 auto; padding:0; width:100%; height:auto; max-width:1100px; text-align:center;}
.product43{ margin:0 auto; padding:2%; width:46%; height:auto; float:left; marign:2%; }
.product44{ margin:0 auto; padding:2%; width:46%; height:auto; float:right; marign:2%; }


.product6{margin:0 auto; padding:40px 0; width:100%; height:auto; background:#f3f3f3;}
.product61{margin:0 auto; padding:40px; width:100%; max-width:1120px; height:auto; background:#fff;color:#666;font-size:20px; text-align:left; line-height:40px;}
.product611{margin:0 auto; padding:0; width:100%;height:auto;color:#000;font-size:28px; text-align:center; line-height:50px;}
.product612{margin:0 auto; padding:0; width:100%;height:auto;color:#666;font-size:20px; text-align:left; line-height:40px;}
.product62{margin:0 auto; padding:40px; width:100%; max-width:1156px; height:auto; background:#fff;color:#666;font-size:20px; text-align:left; line-height:40px;}

.product613{margin:0 auto; padding:0; width:31%; margin-right:2%;height:auto; float:left;}
.product6131{margin:0 auto; padding:0; width:100%; height:auto; float:left;}
.product6133{margin:0 auto; padding:0; width:100%; height:auto; float:left;}
.product6132{margin:0 auto; padding:20px 0; width:100%; height:auto; float:left;color:#666;font-size:14px; text-align:left; line-height:26px;}

.product614{margin:0 auto; padding:0; width:56%;height:auto; float:right;color:#666;font-size:20px; text-align:left; line-height:40px;}


.product7{margin:0 auto; padding:40px 0; width:100%; height:auto; max-width:1200px;}
.product71{margin:0 auto; padding:0; width:50%; height:auto; float:left;}
.product71 img{ max-width:100%; height:auto;}
.product72{margin:0 auto; padding:0 4%; width:42%; height:auto; float:left;}
.product721{margin:0 auto; padding:30px 0 0 0; width:100%; height:auto; float:left;color:#00a0e9;font-size:26px; text-align:left; line-height:40px;}
.product722{margin:0 auto; padding:10px 0; width:100%; height:auto; float:left;color:#666;font-size:18px; text-align:left; line-height:35px;}


.product8{margin:0 auto; padding:0; width:100%; height:269px; background:url(../image/bg2.jpg) no-repeat top center;}
.product81{margin:0 auto; padding:0; width:100%; height:auto; max-width:1200px;}
.product811{margin:0; padding:0; width:438px; height:auto; float:left;}
.product811 img{ max-width:100%; height:auto;}
.product812{margin:0; padding:0; width:280px; height:auto; float:left; padding-top:30px; padding-left:30px;}
.product8121{margin:0; padding:0; width:100%; height:auto; padding-top:40px; float:left;color:#fff;font-size:40px; text-align:left; line-height:50px;}
.product8122{margin:0; padding:0; width:100%; height:auto; padding-top:10px;float:left;color:#fff;font-size:26px; text-align:left; line-height:30px;}
.product8123{margin:0; padding:0; width:100%; height:auto;padding-top:10px; float:left;color:#fff;font-size:16px; text-align:left; line-height:26px;}
.product813{margin:0; padding:0; width:360px; height:auto; float:right;}
.product8131{margin:0; padding:0; width:100%; height:auto; float:right; padding-top:60px;color:#fff;font-size:30px; text-align:right; line-height:40px;}
.product8132{margin:0; padding:0; width:100%; height:auto; float:right;padding-top:10px;color:#fff;font-size:16px; text-align:right; line-height:25px;}

.product9{margin:40px auto 0 auto; padding:0; width:100%; height:auto; max-width:1200px; background:#00a0e9;}
.product91{margin:0 auto; padding:0; width:50%; height:auto; float:left;}
.product91 img{ max-width:100%; height:auto;}
.product92{margin:0 auto; padding:0; width:44%; padding:3%; height:auto; float:right;}
.product921{margin:0 auto; padding:0; width:100%; height:auto; float:left;color:#fff;font-size:40px; text-align:left; line-height:50px;}
.product922{margin:0 auto; padding:0; width:100%; height:auto;  margin-top:20px;float:left;color:#fff;font-size:16px; text-align:left; line-height:30px;}
.product923{margin:0; padding:0 40px; width:auto; margin-top:20px; height:40px; background:#fff; border-radius:20px; display:block; float:left;color:#00a0e9;font-size:18px; text-align:center; line-height:40px;}




.producta1{ margin:0 auto; padding:30px 0; width:100%; height:auto; max-width:1200px;color:#666;font-size:30px; text-align:center; line-height:40px;}
.producta11{ margin:0 auto; padding:30px 0; width:100%; height:auto; max-width:1200px;}
.producta11 td{ padding:10px 0; text-align:center; border:1px solid #f3f3f3; line-height:30px;}
.producta11 td.cc{ color:#fff; background:#00a0e9;}

.producta2{ margin:0 auto; padding:30px 0; width:100%; height:auto; max-width:1200px; }
.producta21{ margin:0 auto; padding:0; width:55%; height:auto; float:left;color:#666;font-size:16px; text-align:left; line-height:30px;}
.producta21 span{color:#000;font-size:18px; text-align:left; line-height:30px;}
.producta22{ margin:0; padding:0; width:40%; height:auto; float:right;}
.producta22 img{ max-width:100%; height:auto;}



.producta3{ margin:30px auto; padding:30px 0 0 0; width:100%; height:auto; max-width:1200px; background:#f3f3f3;color:#666;font-size:18px; text-align:left; line-height:30px; }
.producta31{ margin:0 auto; padding:2% 0; width:44%; height:auto; float:left;color:#666;font-size:18px; text-align:left; line-height:30px; }
.producta32{ margin:0 auto; padding:2%; width:46%; height:auto; float:left;}
.producta32 img{ max-width:100%; height:auto;}

.producta4{ margin:0 auto; padding: 0 0 30px 0; width:100%; height:auto; max-width:1200px;}
.producta4 ul{ margin:0 auto; padding:0; width:100%; height:auto; }
.producta4 ul li{ margin:0 auto; padding:0; width:15.7%; height:auto; margin:1% 1% 0 0; float:left; }
.producta4 ul li:nth-child(6n+6){ margin-right:0;}

.producta4 ul li a{ margin:0 auto; padding:0; width:100%; display:block; height:auto;color:#fff;font-size:14px; text-align:center; line-height:30px; background:#00a0e9;overflow:hidden;  }

.producta4 ul li img{ max-width:100%; height:auto; transition:466ms;}
.producta4 ul li:hover img{ transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1);}


.producta5{ margin:10px auto; padding:0; width:100%; height:auto; max-width:1000px; }
.producta51{ margin:0 auto; padding:0; width:40%; height:auto; float:left;}
.producta511{ margin:0 auto; padding:0; width:100%; height:70px; float:left; background:#00a0e9; font-size:20px; color:#fff; line-height:70px; text-align:center;font-weight:bold;}
.producta512{ margin:0 auto; padding:20px 0; width:99%; height:106px; float:left; background:#fff; border:1px solid #e3e3e3; font-size:16px; color:#666; line-height:40px; text-align:center;}
.producta52{ margin:0 auto; padding:0 2%; width:16%; height:auto; float:left; text-align:center;}
.producta52 img{ max-width:100%; height:auto;}
.producta53{ margin:0 auto; padding:0; width:40%; height:auto; float:left;}
.producta531{ margin:0 auto; padding:0; width:100%; height:70px; float:left; background:#dadada; font-size:20px; color:#000; line-height:70px; text-align:center; font-weight:bold;}
.producta532{ margin:0 auto; padding:20px 0; width:99%; height:86px; float:left; background:#fff; border:1px solid #e3e3e3; font-size:16px; color:#666; line-height:40px; text-align:center;}


.progrw{margin:20px auto; padding:50px 0 20px 0; width:100%; height:auto; background: #00a0e8;}
.progrwmain{margin:0 auto; padding:0; width:100%; height:auto; max-width: 1200px; }
.progrw1{margin:0 auto; padding:0; width:48%; height:auto; float: left;}
.progrw11{margin:0 auto; padding:4%; width:92%; height:auto; background: #fff;font-size:16px; color:#777; line-height:30px; text-align:left; border-radius: 25px;}
.progrw12{margin:20px auto; padding:2%; width:96%; height:auto; font-size:20px; color:#fff; line-height:30px; text-align:left;}
.progrw13{margin:20px auto; padding:0 2%; width:96%; height:auto; font-size:20px; color:#fff; line-height:30px; text-align:left;}

.progrw2{margin:0 auto; padding:0; width:48%; height:auto; float: right;}
.progrw21{margin:0 2%; padding:2%; width:42%; height:auto; float: left;background: #fff;}
.progrw21 span{width:100%;font-size:12px; color:#666; line-height:30px; text-align:center;}

.progrwb{margin:30px auto; padding:0; width:100%; height:auto; background: #fff;}
.progrw3{margin:0 auto; padding:0; width:58%; height:auto; float: left;}
.progrw31{margin:0 auto; padding:20px 4%; width:92%; height:auto; background: #f3f3f3;font-size:16px; color:#00a0e8; line-height:30px; text-align:left; font-weight: bold;}
.progrw32{margin:10px auto; padding:2%; width:96%; height:auto; font-size:16px; color:#666; line-height:30px; text-align:left;}

.progrw4{margin:0 auto; padding:0; width:38%; height:auto; float: right;}
.progrw41{margin:0 2%; padding:2%; width:92%; height:auto; float: left;background: #fff;}
.progrw41 img{max-width:100%; height:auto;}

.progrw5{margin:0 auto; padding:0; width:35%; height:auto; float: left;}
.progrw5 img{max-width:100%; height:auto;}

.progrw6{margin:0 auto; padding:0; width:64%; height:auto; float: right;}
.progrw61{margin:10px auto; padding:5px 4%; width:92%; height:auto; background: #fff;border-radius: 4px; display: block;
  box-shadow: 0px 0px 14px rgba(191, 191, 191, 0.24);}

.progrw611{margin:0 auto; padding:0; width:10%; height:auto; float:left;}
.progrw611 img{max-width:100%; height:auto;}
.progrw612{margin:0 auto; padding:10px 0; width:88%; height:auto; float:right; font-size:16px; color:#666; line-height:30px; text-align:left;}
.progrw612 span{font-size:16px; color:#00a0e8; line-height:30px; text-align:left; font-weight: bold;}






/*xiaoshou*/
.iboxT{ padding: 40px 0;}
.iboxT .zh{ font-size: 30px; color: #333333; line-height: 1.5; text-align:center;}
.iboxT .en{ color: #666;  text-transform: uppercase; font-size:14px; text-align:left; line-height:30px; padding:20px 0; max-width:1000px; margin:0 auto;}
.conceptList{ margin-left: -0.5%;}
.conceptList dd{ float: left; display: block; width: 31%; min-height:300px; margin:1%; background-color: #fff; transition:0.3s; -webkit-transition:0.3s; position: relative; z-index: 1;}
.conceptList dd.cc{ float: left; display: block; width: 31%; background-color: #00a0e9;}
.conceptList dd.cc span{ color:#fff; padding:60px 0 10px 30px; text-align:left; font-size:30px; line-height:45px; padding-top:30px;}
.conceptList dd.cc span.cw{ margin:0; margin-left:30px; width:200px; color:#333; border-radius:20px; padding:5px 20px; background:#fff; display:block; text-align:left; font-size:16px; line-height:30px; font-weight:bold; }
.conceptList dd.cc p{ color:#fff; padding:20px 0 10px 30px; text-align:left; font-size:14px; line-height:30px;}
.conceptList dd:before{ content: "";  width:100%; height:4px; background:#e3001e; position:absolute; left:0; bottom:0px; z-index: -1; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .44s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .44s cubic-bezier(.4,0,.2,1); transition:transform .44s cubic-bezier(.4,0,.2,1); transition:transform .44s cubic-bezier(.4,0,.2,1),-webkit-transform .44s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0); visibility:hidden\9; }
.conceptList .item{ padding: 25px 12% 35px;}
.conceptList .t{ font-size: 16px; color: #333333; border-bottom: 1px solid #cacaca; padding-bottom: 10px; margin-bottom: 25px;}
.conceptList dd:hover{ box-shadow:0 0 20px rgba(0,0,0,0.2); background-color: #f1f0f0;}
.conceptList dd:hover .t{ color: #CC0000;}
.conceptList dd:hover:before{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible\9;}


.conceptList dd.cc:hover{ box-shadow:0 0 20px rgba(0,0,0,0.2); background-color: #00a0e9;}

/*jianzhen*/
.team{ width:96%; margin:0 auto; max-width:1200px; margin-bottom:70px;}
.team td{ padding-top:42px; padding-bottom:42px; border-bottom:#dfdfdf solid 1px;}
.team td:nth-child(1){ width:300px;}
.team td:nth-child(1) a{ display:inline-block; float:left; transition:all ease 0.8s; margin-left:20px; width:214px; height:214px; overflow:hidden; border-radius:50%; }

.team .team_text{ display:inline-block; padding-left:0px; padding-right:190px; transition:all ease 0.8s; text-align:left;}
.team .team_text .team_title{ font-size:28px; color:#333333; width:100%; display:inline-block; float:left; white-space:pre; overflow: hidden; text-overflow:ellipsis;text-align:left;}
.team .team_text .team_zhiwei{ line-height:30px; font-size:18px; color:#9a9a9a; width:100%; display:inline-block; float:left;text-align:left;}
.team .team_text .team_small{ margin-top:10px; font-size:14px; color:#666666; width:100%; display:inline-block; float:left; line-height:25px; height:auto; text-align:left;}

.team .team_icon{ width:180px;}
.team .team_icon i{ width:37px; float:left; margin-left:114px; height:37px; border-radius:50%; cursor:pointer; text-align:center; line-height:35px; font-size:#666666; background:url(../images/d.png) no-repeat center center #f3f3f3; transition:margin-left ease 0.8s;}



.team tr:hover td{ background:#f8f8f8;}
.team tr:hover td:nth-child(1) a{ margin-left:83px; transition:all ease 0.8s;}
.team tr:hover .team_text{ padding-left:60px; padding-right:130px; transition:all ease 0.8s;}
.team tr:hover .team_text .team_title{ color:#e60012;}
.team tr:hover .team_icon i{ color:#FFFFFF; background:url(../images/d.png) no-repeat center center #12babb; margin-left:0; border:#12babb solid 1px; transition:margin-left ease 0.8s;}

/*shouce*/

#conshouce{margin:0 auto; padding:0; width:100%; height:auto; padding:30px 0; background:#f3f3f3;}
#conshouce1{margin:20px auto; padding:0; width:96%; height:auto; padding:2%; background:#fff; max-width:1080px;}
#conshouce11{margin:0; padding:0; width:42%; height:auto; float:left;}
#conshouce11 img{ max-width:100%; height:auto;}
#conshouce12{margin:0; padding:0; width:52%; height:auto; float:right; font-size:14px; line-height:30px; color:#666;text-align:left;}


#conshouce13{margin:0; padding:0; width:62%; height:auto; float:left; font-size:14px; line-height:30px; color:#666;text-align:left;}
#conshouce14{margin:0; padding:0; width:30%; height:auto; float:right;}
#conshouce14 img{ max-width:100%; height:auto;}

#conshouce2{margin:20px auto; padding:0; width:96%; height:auto; padding:2%; background:#fff; max-width:1080px;}
#conshouce2 img{ max-width:100%; height:auto;}


.con{ margin:0 auto; padding:0; width:100%; height:auto;}
.con li{ margin:0 auto; padding:0; width:31%; height:auto; margin:1%; float:left;}

/*hangye*/
.equivalent{ visibility:hidden; opacity:0;}
.content-box{ padding:48px 0; background:#f3f3f3;}
.content h2{ color:#595757; font-weight:normal; font-size:26px; text-align:center; line-height:normal; margin-bottom:36px;}
.content-info{ position:relative; width:360px; float:left; margin:20px; overflow:hidden;}
.content-info:last-child{ margin-right:0;}
.content-info figure{ display:block; line-height:normal; overflow:hidden; position:relative;}
.content-info figure img{ display:block; width:360px; height:285px; line-height:0; transition:466ms;}
.content-info figcaption{ display:block; height:55px; line-height:55px; color:#5d5d5d; font-size:16px; text-align:center; background:#fff;  width:100%; transition:335ms;}
.content-text{ width:100%; height:100%; background:rgba(0,160,233,0.8); background:#00a0e9\9; filter:alpha(opacity=80); box-sizing:border-box; padding:9px; position:absolute; left:0; top:0; opacity:0; visibility:hidden; transform:rotateY(-90deg); transition:450ms;}
.content-wr{ padding:30px 24px 32px 22px;}
.content-wr:before{ content:""; width:95%; height:95%; position:absolute; left:2.5%; top:2.5%; border-left:1px solid #fff; border-right:1px solid #fff; box-sizing:border-box;}
.content-wr:after{ content:""; width:95%; height:95%; position:absolute; left:2.5%; top:2.5%; border-top:1px solid #fff; border-bottom:1px solid #fff; box-sizing:border-box;}

.content-wr h3{ color:#ffffff; font-size:20px; line-height:normal; font-weight:normal; padding-bottom:12px; border-bottom:1px solid #fff; }
.content-wr p{ color:#ffffff; font-size:14px; margin-top:42px;}
.content-wr span{ color:#ffffff; font-size:14px; position:absolute; left:32px; bottom:38px; z-index:10;}
.content-wr span:hover{ text-decoration:underline;}
.content-info:hover figure img{ transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05);}
.content-info:hover figcaption{ bottom:-100%;}
.content-info:hover .content-text{ opacity:1; transform:rotateY(0); visibility:visible;}


.content-info1{ margin:0 auto; display:block;width:360px; float:left; height:340px; margin:20px 0 20px 0; background:#00a0e9;}
.content-info1 .cn{ margin:50px 0; padding:40px; width:auto; color:#fff; line-height:50px; font-size:28px; text-align:center;}


/*guige*/
#conguige{ margin:0 auto; padding:30px 0; width:100%; height:auto; max-width:1200px; }

/*anli*/
.inner{ margin:0 auto; padding:0;width:100%;max-width:1200px; }
.inner2{ margin:0 auto; padding:0;width:1200px;}


.new-box { padding: 48px 0px 30px; background: #f5f5f5; position: relative; }
.new{ width: 100%; max-width:1200px; margin: auto; position: relative;} 
.new-list li{ width: 31%; float: left; margin-bottom: 60px; margin:1%; display:block;} 
.new-list li a{ display: block; margin: 0; background: #fff; width:100%;}
.new-list li a figure{ display: block; line-height: 1; overflow: hidden;}
.new-list li a figure img{ display: block; width: 100%; height: auto; transition: 0.5s;}
.newdown{ padding: 20px 26px 26px; position: relative; z-index: 3; transition: 0.5s;}
.newdown h3{ color: #000000; font-size: 18px; line-height: 1.4; transition: 0.3s; font-weight: normal; margin-bottom: 24px; height: 50px; overflow: hidden;}
.newtime time{ display: block; float: left; padding-left: 20px; color: #969696; font-size: 12px; font-family: arial; line-height: 1; background: url(../images/time.png) 2px center no-repeat; transition: 0.4s;}
.newtime span{ display: block; line-height: 1; float: left; padding-left: 20px; color: #969696; font-size: 12px; font-family: arial; margin-left: 22px; background: url(../images/eye.png) left center no-repeat; transition: 0.4s;}
.new-list li:hover figure img{ transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05);}
.new-list li:hover .newdown{ background: #00a0e9;}
.new-list li:hover .newdown h3{ color: #fff;}
.new-list li:hover .newtime time{ background: url(../images/time1.png) 2px center no-repeat; color: #fff;}
.new-list li:hover .newtime span{ background: url(../images/eye1.png) left center no-repeat; color: #fff;}

.new li img{ max-width:100%; height:auto;}

.new-list li:nth-child(3n+1){ clear:both;}
.levelnav{ margin:10px auto; padding:0; width:100%; height:auto;}

.levallist li{ float: left; border-right: 1px solid #eeeeee;background: #eeeeee; border-left: 1px solid #fff;border-bottom: 1px solid #fff; position: relative;}
.levallist li:first-child{ border-left: 1px solid #eeeeee;}
.levallist li a{ display: block; width: auto; height: 50px; line-height: 50px; padding: 0 25px; color: #000000; font-size: 16px; text-align: center;}
.levallist li a:before{ content: ""; width: 100%; height: 4px; background: #06a4ee; position: absolute; left: 0; bottom: 0;  transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .5s cubic-bezier(.215,.61,.355,1); transition:-webkit-transform .5s cubic-bezier(.215,.61,.355,1); transition:transform .5s cubic-bezier(.215,.61,.355,1); transition:transform .5s cubic-bezier(.215,.61,.355,1),-webkit-transform .5s cubic-bezier(.215,.61,.355,1); transform:scaleX(0); -webkit-transform:scaleX(0); visibility:hidden\9;}
.levallist li:hover a:before,.levallist li.active a:before{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible\9;}
/*pro_r*/

#in{ margin:0 auto; padding:0; width:100%; height:auto; max-width:1200px;font-size: 14px; line-height:30px; color:#666; 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 .left{ margin:0; padding:0; width:50%; height:auto; float:left;}
.new_conts .right{ margin:0; padding:0; width:44%; height:auto; float:right;}
.new_conts .right img{ max-width:100%; height:auto;}

/*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:31%; 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:20px; 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:20px; 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:#e39f14;font-size:14px; color:#fff;font-size:14px; font-family:"微软雅黑",宋体,Arial;line-height:20px; 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;}

/*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: #e39f14;}
.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: #e39f14; }
.newsList li:hover .t{ color: #fff;}
.newsList li:hover .t span{ color: #fff;}
.newsList li:hover .more{ background-color: #fff; color: #e39f14;}
 #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:#e39f14;}


/*contact*/


.map{ width:100%; height:510px;}



#conmaincontact{ margin:0 auto; padding:0; width:100%;height:auto; border-top:3px solid #00a0e9; background-color:#f8f8f8;padding-top:40px;}
#conmaincon{ margin:0 auto; padding:0; width:100%; max-width:1200px; height:auto; padding-top:40px;padding-bottom:25px; background:#fff; border-bottom:1px solid #E6E6E6; }

#conmain1{ margin:0 auto; padding:0; width:52%; height:40px;font-size:11px;color:#666; text-align:right; text-decoration:none; line-height:40px; float:right;}
#conmain1 a{  font-size:11px;color:#666; text-align:right; text-decoration:none; line-height:40px;}
#conmain1 a:hover{ color:#000;}

#conmain2{ margin:0 auto; padding:0; width:42%; float:left;  margin-left:3%;  height:auto;  font-size:36px;color:#000; text-align:left; text-decoration:none; line-height:40px;}


#confangan{ margin:0 auto; padding:0; width:96%; max-width:1152px; height:auto; padding-top:20px;padding-bottom:25px;}
#confangantitle{ margin:0 auto; padding:0; width:100%; height:auto;font-family:"微软雅黑","宋体"; font-size:24px; line-height:30px; text-align:center; }
#confangancon{ margin:0 auto; padding:0; width:100%; padding-top:20px; height:auto;font-family:"微软雅黑","宋体"; font-size:14px; line-height:30px; text-align:center; }
#confangancon img{ max-width:100%; height:auto; }

#confangantitle1{ margin:0 auto; padding:0; width:100%; max-width:1200px; padding-bottom:30px; padding-top:30px; height:auto;font-family:"微软雅黑","宋体"; font-size:24px; line-height:30px; text-align:center; }

#confangan1{ margin:0; padding:0; width:22%; height:86px; float:left; border:1px solid #ccc; margin-left:1%; margin-right:1%; margin-top:10px; }
#confangan1 a{ margin:0; padding:0; width:100%; height:86px; float:left; background:#fff; background:url(../images/f1.png) no-repeat center left; font-family:"微软雅黑","宋体"; font-size:14px;color:#666; text-align:center; text-decoration:none; line-height:86px;}
#confangan1 a:hover{ background:#fff; background:url(../images/f1.png) no-repeat center left #e39f14; color:#fff; }


#confangan2{ margin:0; padding:0; width:22%; height:86px; float:left; border:1px solid #ccc; margin-left:1%; margin-right:1%; margin-top:10px; }
#confangan2 a{ margin:0; padding:0; width:100%; height:86px; float:left; background:#fff; background:url(../images/f2.png) no-repeat center left; font-family:"微软雅黑","宋体"; font-size:14px;color:#666; text-align:center; text-decoration:none; line-height:86px;}
#confangan2 a:hover{ background:#fff; background:url(../images/f2.png) no-repeat center left #e39f14; color:#fff; }


#confangan3{ margin:0; padding:0; width:22%; height:86px; float:left; border:1px solid #ccc; margin-left:1%; margin-right:1%; margin-top:10px; }
#confangan3 a{ margin:0; padding:0; width:100%; height:86px; float:left; background:#fff; background:url(../images/f3.png) no-repeat center left; font-family:"微软雅黑","宋体"; font-size:14px;color:#666; text-align:center; text-decoration:none; line-height:86px;}
#confangan3 a:hover{ background:#fff; background:url(../images/f3.png) no-repeat center left #e39f14; color:#fff; }


#confangan4{ margin:0; padding:0; width:22%; height:86px; float:left; border:1px solid #ccc; margin-left:1%; margin-right:1%; margin-top:10px; }
#confangan4 a{ margin:0; padding:0; width:100%; height:86px; float:left; background:#fff; background:url(../images/f4.png) no-repeat center left; font-family:"微软雅黑","宋体"; font-size:14px;color:#666; text-align:center; text-decoration:none; line-height:86px;}
#confangan4 a:hover{ background:#fff; background:url(../images/f4.png) no-repeat center left #e39f14; color:#fff; }


#confangan5{ margin:0; padding:0; width:22%; height:86px; float:left; border:1px solid #ccc; margin-left:1%; margin-right:1%; margin-top:10px; }
#confangan5 a{ margin:0; padding:0; width:100%; height:86px; float:left; background:#fff; background:url(../images/f5.png) no-repeat center left; font-family:"微软雅黑","宋体"; font-size:14px;color:#666; text-align:center; text-decoration:none; line-height:86px;}
#confangan5 a:hover{ background:#fff; background:url(../images/f5.png) no-repeat center left #e39f14; color:#fff; }

#confangan6{ margin:0; padding:0; width:22%; height:86px; float:left; border:1px solid #ccc; margin-left:1%; margin-right:1%; margin-top:10px; }
#confangan6 a{ margin:0; padding:0; width:100%; height:86px; float:left; background:#fff; background:url(../images/f6.png) no-repeat center left; font-family:"微软雅黑","宋体"; font-size:14px;color:#666; text-align:center; text-decoration:none; line-height:86px;}
#confangan6 a:hover{ background:#fff; background:url(../images/f6.png) no-repeat center left #e39f14; color:#fff; }

#confangan7{ margin:0; padding:0; width:22%; height:86px; float:left; border:1px solid #ccc; margin-left:1%; margin-right:1%; margin-top:10px; }
#confangan7 a{ margin:0; padding:0; width:100%; height:86px; float:left; background:#fff; background:url(../images/f7.png) no-repeat center left; font-family:"微软雅黑","宋体"; font-size:14px;color:#666; text-align:center; text-decoration:none; line-height:86px;}
#confangan7 a:hover{ background:#fff; background:url(../images/f7.png) no-repeat center left #e39f14; color:#fff; }

#confangan8{ margin:0; padding:0; width:22%; height:86px; float:left; border:1px solid #ccc; margin-left:1%; margin-right:1%; margin-top:10px; }
#confangan8 a{ margin:0; padding:0; width:100%; height:86px; float:left; background:#fff; background:url(../images/f8.png) no-repeat center left; font-family:"微软雅黑","宋体"; font-size:14px;color:#666; text-align:center; text-decoration:none; line-height:86px;}
#confangan8 a:hover{ background:#fff; background:url(../images/f8.png) no-repeat center left #e39f14; color:#fff; }



#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: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;}


#contactmain{ margin:0 auto; padding:0; width:100%; height:auto; max-width:1200px;background:#fff; padding-bottom:40px; padding-top:40px;}
#contactmain1{ margin:0 auto; padding:0; width:42%; height:auto; float:left; padding:2% 4%;}
#contactmain11{ margin:0 auto; padding:0; width:100%;height:auto; margin-bottom:20px; padding-bottom:20px; border-bottom:1px dashed #e3e3e3; float:left; color:#000;font-family:"微软雅黑","宋体"; font-size:26px; line-height:30px;}
#contactmain11 img{ max-width:100%; height:auto;}
#contactmain12{ margin:0 auto; padding:0; width:100%; padding:10px 0; height:auto; float:left; color:#000;font-family:"微软雅黑","宋体"; font-size:16px; line-height:40px;}
#contactmain121{ margin:0 auto; padding:0; width:40px; height:auto; float:left; color:#000;font-family:"微软雅黑","宋体"; font-size:16px; line-height:40px;}
#contactmain122{ margin:0 auto; padding:0; width:auto; height:auto; float:left; color:#000;font-family:"微软雅黑","宋体"; font-size:16px; line-height:40px;}
#contactmain13{ margin:0 auto; padding:0; width:100%; height:auto; float:left;padding-bottom:20px; border-bottom:1px dashed #e3e3e3;  color:#888;font-family:"微软雅黑","宋体"; font-size:12px; line-height:30px;}
#contactmain14{ margin:0 auto; padding:0; width:100%; height:auto; margin-top:10px; float:left;color:#000;font-family:"微软雅黑","宋体"; font-size:12px; line-height:30px;}
#contactmain2{ margin:0 auto; padding:0; width:46%; height:auto; float:right; padding-right:4%;}

#contentc1{margin-bottom:10px; width:100%;}
#contentc1 .title{width:176px; border:1px solid #e3e3e3; border-bottom:0; font-weight:bold; background:#f3f3f3; text-align:center; position:relative; bottom:-1px; line-height:2em; z-index:9;}
#contentc1 .main{border:1px solid #e3e3e3; background:#f2f2f2; 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;}

.kong1{ margin:0 auto; padding:0; width:100%; height:40px;}
.cle{ clear:both;}

.tex{
	font-size: 14px;
	height: 30px;
	line-height: 30px;
	padding: 0;
	background-color: #fff;
	border: 1px solid #dbdbdb;
	width: 320px; margin-top:5px;
}
.tex1{
	font-size: 14px;
	height: 100px;
	line-height: 30px;
	padding: 0;margin-top:10px;
	background-color: #fff;
	border: 1px solid #dbdbdb;
	width: 320px;
}
.code{
	border: none;
	width: 130px;
	height: 45px;margin-top:10px;
	background-color: #e39f14;
	line-height: 45px;
	text-align: center;
	color: #fff;
	font-size: 18px;
	font-family:"微软雅黑","宋体";
}

.code:hover{
	background-color: #72bc28; 
}
.code1{
	border: none;
	width: 80px;height:30px;
	background-color: #e39f14;
	line-height: 30px;
	text-align: center;
	color: #fff;
	font-size: 18px;
}


#contactmaina{ margin:0 auto; padding:0; width:100%; height:auto; max-width:1200px;padding-bottom:40px; background:#fff; padding-top:40px; margin-top:40px;}
#contactmaina1{ margin:0 auto; padding:0; width:42%; height:auto; float:left; padding:2% 4%;}
#contactmaina11{ margin:0 auto; padding:0; width:100%; height:auto; float:left;font-family:"微软雅黑","宋体"; font-size:24px; color:#30b2ed; line-height:40px; }
#contactmaina12{ margin:0 auto; padding:10px 0; width:100%; height:auto; float:left;font-family:"微软雅黑","宋体"; font-size:14px; color:#666; line-height:30px; }
#contactmaina13{ margin:0 auto; padding:10px 0; width:100%; height:auto; float:left;}
#contactmaina131{ margin:0 auto; padding:0; width:14%; margin:1%; height:auto; float:left; background:#f3f3f3; display:block; font-family:"微软雅黑","宋体"; font-size:14px; color:#000; line-height:30px; text-align:center;}
#contactmaina131:hover{ background:#30b2ed; color:#fff;}

#contactmaina14{ margin:20px auto; padding:0 40px; width:auto; height:auto; display:block; border-radius:20px; background:#30b2ed; float:left; text-align:center;font-family:"微软雅黑","宋体"; font-size:14px; color:#fff; line-height:40px; }


#contactmaina2{ margin:0 auto; padding:0; width:42%; height:auto; float:left; padding:2% 4%;}
#contactmaina2 img{ max-width:100%; height:auto;}



/*分页*/

.badoo{padding:10px 0px;font-size:13px;color:#666;;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}


.badoo li a{float: left;}


/*底部信息*/
#site{ margin:0 auto; padding:0; width:100%; height:AUTO; background:#212121; padding-top:30px; padding-bottom:30px; border-top:1px solid #404040;}
#sitemain{ margin:0 auto; padding:0; width:100%; max-width:1200px; height:auto;}
#site1{ margin:0; padding:0; width:60%; 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:20%; display:block;   height:auto;  font-family: '微软雅黑',宋体; font-size:14px;color:#fff; 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:#fff; text-align:left; text-decoration:none; line-height:22px; font-weight: bold;}
.site1 ul li a:hover{color:#e39f14;}

.site1 ul li ul{ margin:0; padding:0;border:0; width:100%;  height:auto;  display:block; font-family: '微软雅黑',宋体; font-size:14px;color:#ffffff; 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:#BFBFBF; 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:#BFBFBF; text-align:left; text-decoration:none; line-height:20px; font-weight: normal;}
.site1 ul li ul li a:hover{color:#e39f14;}




#site2{ margin:0; padding:0; width:35%; height:auto; float:left; border-left:1px solid #4F4F4F; padding-left:2%;}
#site21{ margin:0; padding:0; width:100%; height:auto; font-family: '微软雅黑',宋体; font-size:18px;color:#fff; text-align:left; text-decoration:none; line-height:30px; float:left;}
#site22{ margin:0; padding:0; width:100%; height:auto; padding:40px 0; font-family: '微软雅黑',宋体; font-size:12px;color:#BFBFBF; text-align:left; text-decoration:none; line-height:20px; float:left;}
#site221{ margin:0; padding:0; width:70%; height:auto; float:left;font-family: '微软雅黑',宋体; font-size:12px;color:#BFBFBF; text-align:left; text-decoration:none; line-height:20px; float:left;}
#site222{ margin:0; padding:0; width:30%; height:auto; float:left;font-family: '微软雅黑',宋体; font-size:12px;color:#BFBFBF; text-align:right; text-decoration:none; line-height:20px; float:left;}


#foot{ margin:0 auto; padding:0; width:100%; height:auto; padding-top:15px; padding-bottom:15px; border-top:1px solid #404040; background:#212121;font-family: '微软雅黑',宋体; font-size:14px; color:#f6f6f6; text-align:center; text-decoration:none; line-height:30px;}
#footmain{ margin:0 auto; padding:0; width:100%; height:auto; max-width:1200px;}
#footleft{ margin:0 auto; padding:0; width:80%; height:auto; float:left; font-family: '微软雅黑',宋体; font-size:14px; color:#f6f6f6; text-align:left; text-decoration:none; line-height:30px;}

#footleft a{font-family: '微软雅黑',宋体; font-size:14px; color:#f6f6f6; text-align:left; text-decoration:none; line-height:30px;}
#footleft a:hover{ color:#29B8C0; }
#footright{ margin:0 auto; padding:0; width:20%; height:auto; float:right; text-align:right;font-family: '微软雅黑',宋体; font-size:14px; color:#f6f6f6; text-align:left; text-decoration:none; line-height:30px;}
#footright a{ font-family: '微软雅黑',宋体; font-size:14px; color:#f6f6f6; text-align:left; text-decoration:none; line-height:30px;}
#footright 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:#00a0e9 url(../images/fixCont.png) no-repeat 0 0;}
.yb_bar .yb_phone{background:#00a0e9 url(../images/fixCont.png) no-repeat 0 -57px;}
.yb_bar .yb_QQ{text-indent:0;background:#00a0e9 url(../images/fixCont.png) no-repeat 0 -113px;}
.yb_bar .yb_QQ{text-indent:0;background:#00a0e9 url(../images/fixCont.png) no-repeat 0 -113px;}
.yb_bar .yb_ercode{background:#00a0e9 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;}



/*友情链接*/

.linkmain{ width:100%; margin-top:30px;
    margin: 0 auto;
    background: #f3f3f3;
}


.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;}




 @media (min-width:1200px) {
	 	.heroSlider .rsOverflow,  .royalSlider.heroSlider {
		height: 450px !important;
	}

}
 @media (min-width:992px) and (max-width:1199px) {
.fixed-side {
	display:none;
}


html, body {
	background-image:none !important;
}

#indexbanner{ margin:0 auto; padding:0; width:1000px; height:450px; margin-top:10px; }
#bannerleft{ margin:0; padding:0; width:270px; height:450px; background:#e39f14; float:left;}

#bannerright{ margin:0; padding:0; width:730px; height:450px; float:right;}


.quality dl{background: #fff; float:left; width:1000px; overflow:hidden;}
.quality dt{float: right; width:660px; overflow:hidden;}
.quality dt img{width: 660px; height: 460px; display: block;}
.quality dd {padding: 0 30px; width: 280px; float: left;}
.quality dd p{width: 100%;}

.quality_con{position: relative; width:1000px; overflow:hidden;}

.quality_con i{position: absolute; left: 30px;top: 410px; z-index:99;}
.quality_con i a{ display: inline-block; width: 10px; height: 10px; overflow: hidden; background:url(../images/dot.gif) no-repeat; margin: 0 4px;}
.quality_con i a:hover,.quality_con i a.cur{background:url(../images/dot.gif) no-repeat 0 -10px; }



}

 @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;
}
.module-divider-full {	margin-bottom:-20px;}

#conbanner1{ display:none;}
#conbanner2{ display:block;}

	.heroSlider .rsOverflow,  .royalSlider.heroSlider {
		height: 450px !important;
	}

#indexbanner{ margin:0 auto; padding:0; width:100%; height:auto; margin-top:10px; }
#bannerleft{ display:none;}

#bannerright{ margin:0; padding:0; width:100%; height:auto; float:right;}


#solutionmob{ display:block; margin:0 auto; padding:0; width:100%; height:auto; max-width:1000px; padding-bottom:20px; padding-top:20px;}
#solutionmob1{ width:23%; height:auto; margin:1%; float:left;}
#solutionmob11{ width:100%; height:auto; float:left;text-align:center;}
#solutionmob11 img{ max-width:100%; height:auto;}
#solutionmob12{ width:100%; height:auto; float:left; font-size:12px; line-height:30px; color:#666;text-align:center;}
#solutionmob12 a{ width:100%; height:auto; float:left;font-size:12px; line-height:30px; color:#666; text-align:center;}


.quality dl{background: #fff; float:left; width:800px; overflow:hidden;}
.quality dt{float: right; width:560px; overflow:hidden;}
.quality dt img{width: 560px; height: 460px; display: block;}
.quality dd {padding: 0 30px; width: 180px; float: left;}
.quality dd p{width: 100%;}

.quality_con{position: relative; width:800px; overflow:hidden;}
.ys{ display:none;}

#indexpronew{ display:none;}
#indexaboutmobile{display: block;}
}

 @media screen and (max-width:767px) {
.desktops-section {	display:none;}
.mobile-section {	display:block;}

/* 容器 */

.heroSlider .rsOverflow,  .royalSlider.heroSlider {
		height: 350px !important;
	}

	.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%;}


#ding{ display:none;}
.grop{ display:none;}

}
 @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;}

.heroSlider .rsOverflow,  .royalSlider.heroSlider {
		height: 300px !important;
	}


.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;}
#indexsearch{ margin:0 auto; padding:0; width:100%; height:auto;}
#indexsearch1{ margin:0; padding:0;width:96%;  padding-left:2%; padding-bottom:5px; padding-top:5px; height:auto; float:left; padding-right:2%; line-height:20px;}
#indexsearch1 a{line-height:20px;}
#indexsearch1 a:hover{line-height:20px;}
#indexsearch2{ margin:0 auto; padding:0; width:100%; height:40px; float:right; }
#indexprotiao11{ margin:0 auto; padding:0; width: 96%;height:auto;margin:2%;}
#indexprotiao11 span{ font-family:Arial; font-family:14px;}
#indexprotiao12{ margin:0 auto; padding:0; width: 96%;height:auto;margin:2%; text-align:left;}
#solutionmob1{ width:31%; height:auto; margin:1%; float:left;}

.quality{ margin-top: 20px; padding:0; }


.quality dl{background: #fff; float:left; width:600px; overflow: auto;}
.quality dt{float: right; width:600px; overflow:auto;}
.quality dt img{min-width: 600px; height: auto; display: block;}
.quality dd {padding: 0; width: 600px; float: left; height:auto; min-height:200px;}
.quality dd b{font-size: 26px; margin-top: 24px; }
.quality dd p{width: 100%;}

.quality_con{position: relative; width:100%; overflow:auto;}

.quality_con i{ display:none;}
.quality_con i a{ display: inline-block; width: 10px; height: 10px; overflow: hidden; background:url(../images/dot.gif) no-repeat; margin: 0 4px;}
.quality_con i a:hover,.quality_con i a.cur{background:url(../images/dot.gif) no-repeat 0 -10px; }

.quality_con .prev,.quality_con .next{ width:70px; height:62px; display:block; position:absolute; z-index:99;}
.quality_con .prev{ left:267px; top:200px;  background:url(../images/btn4.gif) no-repeat; }
.quality_con .next{left:342px; top:200px; background:url(../images/btn4.gif) no-repeat -70px 0;}
.quality_con .prev:hover{ background:url(../images/btn4.gif) no-repeat 0 -62px;}
.quality_con .next:hover{ background:url(../images/btn4.gif) no-repeat -70px -62px;}


.product-list1 li { margin:0 auto; padding:0; width:45%; margin:1%; float:left; border:1px solid #e3e3e3;
	text-align:center;
}
.product-list li { margin:0 auto; padding:0; width:45%; margin:1%; float:left; border:1px solid #e3e3e3;
	text-align:center;
}
.product-list2 li { margin:0 auto; padding:0; width:45%; margin:1%; float:left; border:1px solid #e3e3e3;
	text-align:center;
}


#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;}

.yb_conct{ display:none;}

.cn ul li {float: left; width: 42%;*width:44%;margin:2%;background: #f5f5f5;padding: 1%; text-align:center}


.service{ width:100%; margin:3% 0; overflow:hidden;}
.service dl{ width:46%;  margin:2%;_margin:2%; float:left; }

#conmain1{ margin:0 auto; padding:0; width: 96%;height:auto;margin:2%; float:left; text-align:left;}

#conmain2{ margin:0 auto; padding:0;  width: 96%;height:auto;margin:2%; float:left; text-align:left;}

#contactmain1{ margin:0 auto; padding:2%; width: 92%;height:auto;margin:2%; float:left; text-align:left;}
#contactmain2{ margin:0 auto; padding:0; width: 96%;height:auto;margin:2%; float:left; text-align:left;}


#site2{ margin:0; padding:0;width: 96%;height:auto;margin:2%; float:left;}
#indexyoushi3{  width:100%; }

#indexyoushi32{ display:none;}
#indexyoushi31{ width:46%;}
#indexyoushi32{ width:46%;}

#indexabout1{ margin:0 auto; padding:0; width: 96%;height:auto;margin:2%; float:left;}
#indexabout2{ margin:0 auto; padding:0; width: 96%;height:auto;margin:2%; float:left;}
.ys{ display:none;}
#indexabout11{ margin:0 auto; padding:0; width:46%; margin-right:2%; height:auto; float:left;}
#indexabout21{ margin:0 auto; padding:0; width:46%; margin-right:2%; height:auto; float:left;}
#indexaboutmobile1{ margin:0 auto; padding:0; width:48%; margin:1%; height:auto; float:left;}
#indexaboutmobile12{ margin:0 auto; padding:0; width:100%; height:auto; float:left; text-align:center;font-size: 14px; font-weight: normal; color: #333; line-height: 24px;}
#conzhenshu31{ margin:0 auto; padding:0; width:46%; height:auto; margin:1%; float:left; border:1px solid #f3f3f3;}
.service li{ width:46%; overflow:hidden;  margin:2%;_margin: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;
}
.heroSlider .rsOverflow,  .royalSlider.heroSlider {
		height: 220px !important;
	}

.quality dl{background: #fff; float:left; width:400px; overflow: hidden;}
.quality dt{float: right; width:400px; overflow:hidden;}
.quality dt img{min-width: 400px; height: auto; display: block;}
.quality dd {padding: 0; width: 400px; float: left; height:auto;}
.quality dd b{font-size: 26px; margin-top: 24px; }
.quality dd p{width: 96%; padding:2%;}

.quality_con{position: relative; width:100%; overflow:hidden;}

.quality_con i{ display:none;}
.quality_con i a{ display: inline-block; width: 10px; height: 10px; overflow: hidden; background:url(../images/dot.gif) no-repeat; margin: 0 4px;}
.quality_con i a:hover,.quality_con i a.cur{background:url(../images/dot.gif) no-repeat 0 -10px; }

.quality_con .prev,.quality_con .next{ width:70px; height:62px; display:block; position:absolute; z-index:99;}
.quality_con .prev{ left:167px; top:200px;  background:url(../images/btn4.gif) no-repeat; }
.quality_con .next{left:242px; top:200px; background:url(../images/btn4.gif) no-repeat -70px 0;}
.quality_con .prev:hover{ background:url(../images/btn4.gif) no-repeat 0 -62px;}
.quality_con .next:hover{ background:url(../images/btn4.gif) no-repeat -70px -62px;}

.cn ul li {float: left; width: 92%;*width:44%;margin:2%;background: #f5f5f5;padding: 1%; text-align:center}


.service{ width:100%; margin:3% 0; overflow:hidden;}
.service dl{ width:96%;  margin:2%;_margin:2%; float:left; }
.product-list1 li { margin:0 auto; padding:0; width:95%; margin:2%; float:left; border:1px solid #e3e3e3;
	text-align:center;
}
.product-list li { margin:0 auto; padding:0; width:95%; margin:2%; float:left; border:1px solid #e3e3e3;
	text-align:center;
}
.product-list2 li { margin:0 auto; padding:0; width:95%; margin:2%; float:left; border:1px solid #e3e3e3;
	text-align:center;
}


#indexyoushi31{ width:96%;}
#indexyoushi32{ width:96%;}

#solutionmob1{ width:46%; height:auto; margin:1%; float:left;}
#indexabout11{ margin:0 auto; padding:0; width:96%; margin:2%; height:auto; float:left;}
#indexabout21{ margin:0 auto; padding:0; width:96%; margin:2%; height:auto; float:left;}
#conzhenshu31{ margin:0 auto; padding:0; width:96%; height:auto; margin:1%; float:left; border:1px solid #f3f3f3;}
.service li{ width:96%; overflow:hidden;  margin:2%;_margin:2%; float:left; background:#fff; }


.ideaList li { float: left; display: block; width: 96%; margin:2%; }
.ideaList li .itemBox { border: 1px solid #e5e5e5; }
.ideaList .itemBox .img { float: left; display: block; width: 100%; overflow: hidden; }
.ideaList .itemBox .img img { width: 100%; display: block; transition: 500ms; }
.ideaList .itemBox .con { padding: 2%; width: 96%; float: right; display: block; font-size: 12px; line-height:18px; color:#888;}




}

#sitemapnei{ margin:0 auto; padding:0; width:96%; max-width:1200px; height:auto;}
#sitemapnei1{ margin:0 auto; padding:0; width:96%; padding-left:2%; height:40px; background:#EEEEEE; color:#666666; font-size:14px; font-family:"微软雅黑","宋体"; line-height:40px;}
#sitemapnei2{ margin:0 auto; padding:0; width:100%; height:40px; color:#666666; font-size:14px; font-family:"微软雅黑","宋体"; line-height:40px;}
#sitemapnei2 ul{margin:0 auto; padding:0; width:100%; height:auto; color:#666666; font-size:14px; font-family:"微软雅黑","宋体"; line-height:40px; margin-top:5px;}
#sitemapnei2 ul li{ margin:0; padding:0;width:32%; text-align:center; margin-right:1%;background:#E7F7FF; float:left;margin-top:2px;}
#sitemapnei2 ul li a{margin:0; padding:0;width:auto;width:96%; padding-left:1%; float:left; padding-right:1%; color:#5a5a5a; display:block; font-size:14px; font-family:"微软雅黑","宋体"; line-height:30px;}
#sitemapnei2 ul li a:hover,.nav .cur a{ color:#017AB9; background:#B4D3E2;}

#sitemapnei3{ margin:0 auto; padding:0; width:100%; height:40px; background:#007BB9; margin-top:15px; margin-bottom:15px; color:#fff; font-size:14px; font-family:"微软雅黑","宋体"; line-height:40px; text-align:center;}
#sitemapnei4{ margin:0 auto; padding:0; width:100%; height:40px;}



#sitemapnei5{ margin:0 auto; padding:0; width:100%; height:40px; color:#666666; font-size:14px; font-family:"微软雅黑","宋体"; line-height:40px;}
#sitemapnei5 ul{margin:0 auto; padding:0; width:100%; height:auto; color:#666666; font-size:14px; font-family:"微软雅黑","宋体"; line-height:40px; margin-top:5px;}
#sitemapnei5 ul li{ margin:0; padding:0;width:100%; text-align:center; margin-right:1%;background:#E7F7FF; float:left;margin-top:2px;}
#sitemapnei5 ul li a{margin:0; padding:10px 2%;width:auto;width:96%;  float:left;  color:#000; display:block;text-align:left; font-size:20px; font-family:"微软雅黑","宋体"; line-height:30px;}
#sitemapnei5 ul li a:hover,.nav .cur a{ color:#017AB9; background:#B4D3E2;}


#sitemapnei5 ul li ul{ margin:0; padding:0;width:100%; text-align:center; margin-right:1%;background:#fff; float:left;margin-top:2px;}
#sitemapnei5 ul li ul li {margin:0; padding:10px 0;width:auto;width:18%; padding-left:1%; float:left; background:#fff;padding-right:1%; color:#5a5a5a; display:block; font-size:14px; font-family:"微软雅黑","宋体"; line-height:30px;}
#sitemapnei5 ul li ul li a{margin:0; padding:0;width:auto;width:96%; padding-left:2%; float:left; border-bottom:1px dashed #e3e3e3; padding-right:2%; color:#5a5a5a; display:block; font-size:14px; font-family:"微软雅黑","宋体"; line-height:30px;}
#sitemapnei5 ul li ul li a:hover{ color:#017AB9; background:#B4D3E2;}

#sitemapnei6{ margin:0 auto; padding:0; width:100%; height:40px; color:#666666; font-size:14px; font-family:"微软雅黑","宋体"; line-height:40px;}
#sitemapnei6 ul{margin:0 auto; padding:0; width:100%; height:auto; color:#666666; font-size:14px; font-family:"微软雅黑","宋体"; line-height:40px; margin-top:5px;}
#sitemapnei6 ul li{ margin:0; padding:0;width:14%; text-align:center; margin-right:1%;background:#E7F7FF; float:left;margin-top:2px;}
#sitemapnei6 ul li a{margin:0; padding:0;width:auto;width:96%; padding-left:1%; float:left; padding-right:1%; color:#5a5a5a; display:block; font-size:14px; font-family:"微软雅黑","宋体"; line-height:30px;}
#sitemapnei6 ul li a:hover,.nav .cur a{ color:#017AB9; background:#B4D3E2;}




.youshinew{width:100%; max-width: 1200px; height: auto; margin: 0 auto; padding:40px 0;}


.youshinew1{width:100%; max-width: 1200px; height: auto; margin: 0 auto; padding: 0; display: inline-block;}
.youshinew1 .img{width:100%; height: auto; margin: 0 auto; padding:10px 0; display: inline-block;}
.youshinew1 .img img{max-width:100%; height: auto; }




.f-50left{width: 49%; float: left;}
.f-50left img{width: 100%; float: left;}
.f-50right{width: 49%; float: right;}
.f-50right img{width: 100%; float: left;}

.youshinew2{width:100%; max-width: 1200px; height: auto; margin: 0 auto; padding:20px 0;font-size:16px; color:#333; text-align:left; text-decoration:none; line-height:30px;}



.four{margin:10px 0; padding: 0; width: 25%; height: auto; float: left;}
.te-info-card-wrapper{position:relative}
.te-info-card{background-color:#fff;padding:40px 20px;margin: 5px; position:relative;margin-bottom:24px;-webkit-transition:all .5s ease-out;transition:all .5s ease-out;border-radius:5px;top:0;position:relative}
@media only screen and (min-width:992px) and (max-width:1199px){.te-info-card{padding:40px 25px}}
.te-info-card:hover{background-color:#fff;-webkit-box-shadow:0 0 60px 0 rgba(0,0,0,.05);box-shadow:0 0 60px 0 rgba(0,0,0,.05);top:-5px;-webkit-transition:all .5s ease-out;transition:all .5s ease-out}
.te-info-card:hover .te-image-wrapper .overlay{-webkit-transition:all .5s ease-out;transition:all .5s ease-out;opacity:.72}

.te-info-card:hover .te-image-wrapper img{-webkit-transform:scale(1.2);transform:scale(1.2);-webkit-transition:all .5s ease-out;transition:all .5s ease-out}
.te-info-card:hover .icon img{-webkit-transform:rotateY(360deg);transform:rotateY(360deg);-webkit-transition:all .5s ease-out;transition:all .5s ease-out}
.te-info-card:hover .content .te-read-more .te-theme-btn{background-color:#00a0e9;border-color:#00a0e9;color:#fff;-webkit-transition:all .5s ease-out;transition:all .5s ease-out}
.te-info-card .te-info-card-inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:30px;height:100%}
.te-info-card .te-image-wrapper{position:absolute;width:100%;height:100%;opacity:0;overflow:hidden;top:0;left:0;-webkit-transition:all .6s ease;transition:all .6s ease}
.te-info-card .te-image-wrapper img{width:100%;height:100%;-webkit-transform:scale(1);transform:scale(1);-webkit-transition:all .5s ease-out;transition:all .5s ease-out}
.te-info-card .te-image-wrapper .overlay{width:100%;height:100%;background:#00a0e9;-webkit-transition:all .5s ease-out;transition:all .5s ease-out;position:absolute;top:0;left:0;opacity:.6}
.te-info-card .icon{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start;width:54px;height:50px}
.te-info-card .icon img{-webkit-transition:all .5s ease-out;transition:all .5s ease-out}
.te-info-card .te-content-wrapper{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center}
.te-info-card .te-title-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;gap:16px;padding-bottom:10px;border-bottom:none;-webkit-transition:all .6s ease;transition:all .6s ease;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.te-info-card .te-title-wrapper .icon{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-negative:0;flex-shrink:0;width:105px;height:105px;background:0 0;border-radius:100%;border:2px solid #f9d414;position:relative}
.te-info-card .te-title-wrapper .icon::before,.te-info-card .te-title-wrapper .icon::after{position:absolute;content:"";width:10px;height:10px;border-radius:100%;background-color:#00a0e9;border:1px solid #e1e1e1}
.te-info-card .te-title-wrapper .icon::before{top:15px;left:5px}
.te-info-card .te-title-wrapper .icon::after{bottom:15px;right:5px}
.te-info-card .te-title-wrapper .title{font-size:15px;line-height:24px; min-height: 50px; font-weight:500;margin:0;color:#14203a;-webkit-transition:all .6s ease;transition:all .6s ease}
.te-info-card .te-title-wrapper .divider{width:55px;height:2px;background-color:#00a0e9}


.te-icon-card{display:-webkit-box;display:-ms-flexbox;display:flex;background:#fff;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:40px;margin-bottom:36px}
@media only screen and (min-width:0px) and (max-width:767px){.te-icon-card{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:30px}
}
.te-icon-card:hover .icon img{-webkit-transform:rotateY(360deg);transform:rotateY(360deg);-webkit-transition:all .5s ease-out;transition:all .5s ease-out}
