/* 素材火（www.sucaihuo.com）做最好的织梦模板网站 QQ:416148489 */
@charset "utf-8";
/* CSS Document */

* {
	font-family: "微软雅黑"
}
body, h1, h2, h3, h4, h5, ul, li, dl, dt, dd, input {
	margin: 0;
	padding: 0;
}
img {
	border: none;
}
a, ul, li, h1, h2, dl, dt, dd {
	list-style: none;
	text-decoration: none;
}
.h-top {
	background-color: #e9e9e9;
	height: 24px;
}
.header {
	width: 1100px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}
.fl {
	color: #7b7a7a;
	font-size: 12px;
	float: left;
	line-height: 24px;
	margin: 0;
	padding: 0;
}
.top-right {
	float: right;
	width: 173px;
	color: #7b7a7a;
	font-size: 12px;
}
.top-right a {
	display: inline;
	color: #7b7a7a;
	font-size: 12px;
	margin-right: 5px;
	line-height: 24px;
}
.h-con {
	height: 95px;
	width: 1600px;
	margin: 0 auto
}
.h-con h1 {
	float: left;
	/*background: url(../images/xx.png) no-repeat right center;*/
	width: 450px;
	height: 95px;
}
.h-bt {
	float: left;
	
}
.h-pho {
	float: right;
	font-size: 18px;
	color: #02745d;
	width:235px;
	text-align: center;
	line-height: 95px;
	height:95px;
	background: url(../images/za_phoneicon.png) scroll no-repeat center left;
	padding-left:10px;
}
.h-pho span {
	font-size:22px;
	display: block;
	float: right;
	text-align: left;
	width: 180px;
	line-height: 25px;
	padding-top:22px;
	color: #02745d;
	font-weight: bold;
}
.h-pho span label{font-size:22px;padding-bottom:3px;display: block; font-weight: bold;}
.nav-box {
	height: 95px;
	width:100%;
	position: relative;
	
}
.nav {
	height: 95px;
	color: white;
	width: 830px;
	margin: 0 auto
}
.nav ul {
	width: 830px;
	overflow: hidden;
	height: 95px;
}
.nav ul li {
	float: left;
	width: 100px;
	height: 95px;
}
.nav ul li a {
	font-size: 15px;
	color: #008066;
	line-height: 95px;
	width: 100px;
	text-align: center;
	height: 95px;
	font-weight: bold;
	display: block
}
.nav ul li a:hover {
	background: #008066;
	color: #ffffff;
}
.nav ul li a.n-cur {
	background: #008066;
	color: #ffffff;
}
.nav-banner {
	position: relative;
	margin: 0 auto;
	height: 500px;
	overflow: hidden;
	width: 100%;
}
.yw-box ul li img{width:100%;height:100%;}
.yw-box ul li{width:285px;height:207px;}
/*.yw-box ul li:nth-child(1),.yw-box ul li:nth-child(2),.yw-box ul li:nth-child(3){width:385px;height:230px;}*/
.banner {
	width: 1920px;
	height: 500px;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -960px;
}
.banner ul {
	width: 1920px;
	height: 500px;
}
.banner ul li {
	width: 1920px;
	height: 500px;
}
.banner ul li img {
	width: 1920px;
	height: 500px;
}
.small {
	position: absolute;
	right: 10%;
	bottom: 12%;
	cursor: pointer;
	margin-left: 0px
}
.small a {
	width: 80px;
	height: 40px;
	background: white;
	float: left;
	margin-left:10px;
	border:1px solid #ccc;
	margin: 0 8px;
	display: block
}
.small .small_s {
	background: #353639;
	width: 80px;
	height: 40px;
	border:1px solid yellow;
}
.s-bg {
	background: url(../images/sea.png);
	height: 42px;
	font-size: 12px;
}
.h-ser {
	width: 1100px;
	margin: 0 auto;
	overflow: hidden
}
.h-ser p {
	float: left;
	width: 670px;
	overflow: hidden;
	color: #333;
	height: 39px;
	margin: 9px
}
.h-ser b {
	color: #333;
	font-weight: bold
}
.h-ser p a {
	padding: 0 6px;
	display: inline-block;
	color: #666;
}
.s-inp {
	width: 255px;
	margin-top: 7px;
	float: right
}
.inp01 {
	background: url(../images/s_inp.gif) no-repeat;
	width: 170px;
	height: 21px;
	line-height: 21px;
	border: none;
	padding: 0 3px 0 27px;
	float: left;
}
.fl {
	float: left;
}
.he-box {
	margin: 0 auto;
	clear: both;
	padding-top: 30px
}
.he-box h2 {
	width: 100%;
	height: 56px;
	text-align: center;
	margin: 0 auto
}
.he-b {
	margin: 0 auto;
	padding-top: 20px;
}

.he {
	float: left;
	overflow: hidden;
	padding-top: 20px;
	margin-left: 2px
}
.he ul {
	overflow: hidden
}
.he ul li {
	float: left;
	width: 198px;
	height: 78px;
	overflow: hidden;
	display: inline;
	margin: 0 10px;
	border: 1px solid #bfbfbf;
}
.he ul li a {
	width: 198px;
	height: 78px;
}
.he ul li a img {
	width: 198px;
	height: 78px;
}
.fan-box{
	width:1196px;
	margin:20px auto 30px auto;
	height: 47px;
	background: url(../images/za_jjfabg.jpg) no-repeat scroll top center;
}

.yw-box{
	width:1196px;
	margin:0 auto;
	}
.yw-box h3{text-align: center;}
.yw-box p{text-align: center;font-size: 18px;color: #666666;width: 625px;margin:10px auto;line-height: 30px;}
.yw-box ul{margin-top:30px;}
.yw-box ul li{float: left;position: relative;margin-right:17px;margin-bottom: 20px;}
.yw-box ul li:nth-child(3),.yw-box ul li:nth-child(7){margin-right:0px;}
.yw-box ul li img{vertical-align: top;}
.yw-box ul li span{display: none;position: absolute;padding:10px 0px;line-height: 20px; bottom:0px;width:100%;text-align: center;font-size:13px;color:#ffffff;background: url(../images/ttbg2.png) repeat scroll top left;}
.yw-box ul li:hover span{display:block;}
.yw-box ul li b{display: block;width: 20px;padding:15px 16px;line-height: 20px; height: 115px;font-weight: normal; position: absolute;top: 0px;left: 0px;background:#007960;font-size:18px;color: #ffffff;}
.yw-box ul li b label{width:20px;line-height: 20px;word-wrap:break-word;}

.gc-box{
	width:1196px;
	margin:0 auto;
	}
.gc-box h3{text-align: center;}
.gc-box p{text-align: center;font-size: 18px;color: #666666;width: 625px;margin:10px auto;line-height: 30px;}
.gc-box ul{margin-top:30px;}
.gc-box ul li{float: left;position: relative;margin-right:14px;margin-bottom: 20px;}
.gc-box ul li:nth-child(3n){margin-right:0px;}
.gc-box ul li img{vertical-align: top;height:320px;width:385px;}
.gc-box ul li span{position: absolute;height:40px;line-height: 40px; bottom:0px;left:0px; width:100%;text-align: center;font-size:16px;color:#ffffff;background: url(../images/ttbg2.png) repeat scroll top left;}

.pro-box {
	width: 1100px;
	margin: 0 auto;
	clear: both;
	height: 670px
}
.pro-box h2 {
	width: 1100px;
	height: 58px;
	background: url(../images/pro-nav.png);
	margin: 0 auto
}
.product {
	width: 1100px;
	overflow: hidden;
	padding-top: 24px
}
.pro-left {
	float: left;
	width: 200px;
	height: 540px;
	background: url(../images/pro-di.png) no-repeat bottom center
}
.pro-left dl {
	border: 1px solid #bfbfbf;
	width: 198px;
	height: 538px
}
.pro-left dl dt {
	width: 198px;
	height: 100px
}
.pro-left dl dt h3 {
	background: url(../images/pro-b.png);
	width: 198px;
	height: 100px
}
.pro-left dl dd {
	background: url(../images/zx_h3.gif);
	width: 198px;
	height: 39px;
}
.pro-left dl dd a {
	font-size: 14px;
	color: #333333;
	line-height: 39px;
	padding-left: 24px;
	width: 174px;
	display: block
}
.pro-right {
	width: 870px;
	float: right
}
.pro-right ul {
	width: 870px;
	overflow: hidden
}
.pro-right ul li {
	width: 278px;
	height: 248px;
	border: 1px solid #bfbfbf;
	float: left;
	margin: 0 5px;
	margin-bottom: 40px
}
.pro-right ul li a {
	width: 278px;
	height: 248px;
	display: block
}
.pro-right ul li a img {
	width: 278px;
	height: 218px;
	display: block
}
.pro-right ul li a span {
	width: 278px;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	color: #575757;
	text-align: center;
	display: block
}
.tong1-box {
	position: relative;
	margin: 0 auto;
	height: 176px;
	overflow: hidden;
	width: 100%;
}
.tong1 {
	width: 1920px;
	height: 176px;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -960px;
	background: url(../images/tong1.png)
}
.t1 {
	width: 1100px;
	height: 176px;
	margin: 0 auto;
	overflow: hidden;
}
.t1 a {
	float: right;
	margin-top: 120px;
	width: 144px;
	height: 32px;
	background: url(../images/t-zi.png)
}
.you-box {
	position: relative;
	margin: 0 auto;
	height: 1460px;
	overflow: hidden;
	width: 100%;
}
.you-b {
	width: 1920px;
	height: 1460px;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -960px;
	background: url(../images/youshi-di.jpg)
}
.youshi {
	width: 1100px;
	height: 1460px;
	margin: 0 auto;
	overflow: hidden;
	position: relative
}
.youshi dl {
	position: absolute;
	width: 440px;
}
.youshi dl dt {
	margin-bottom: 20px
}
.youshi dl dd {
	width: 440px;
	font-size: 15px;
	color: #454545;
	line-height: 30px
}
.you01 {
	top: 350px;
	right: 0
}
.you02 {
	left: 0;
	top: 640px
}
.you03 {
	top: 932px;
	right: 0
}
.you04 {
	left: 0;
	top: 1200px
}
.tong2-box {
	position: relative;
	margin: 0 auto;
	height: 176px;
	overflow: hidden;
	width: 100%;
}
.tong2 {
	width: 1920px;
	height: 178px;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -960px;
	background: url(../images/t2.png)
}
.t2 {
	width: 1100px;
	height: 178px;
	margin: 0 auto;
	overflow: hidden;
}
.t2 a {
	float: right;
	margin-top: 100px;
	width: 141px;
	height: 35px;
	background: url(../images/t1-zi.png)
}
.anli {
	width: 1100px;
	margin: 0 auto
}
.anli h2 {
	width: 1100px;
	height: 58px;
	background: url(../images/an-nav.png);
	margin: 0 auto;
	margin-top: 30px;
	margin-bottom: 20px
}
.anli ul {
	width: 1100px;
	overflow: hidden
}
.anli ul li {
	width: 340px;
	height: 240px;
	float: left;
	margin: 10px 13px;
}
.anli ul li a {
	width: 340px;
	height: 240px;
	display: block;
	position: relative
}
.anli ul li img {
	width: 340px;
	height: 240px;
	display: block
}
.anli ul li span {
	width: 340px;
	height: 240px;
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	background: url(../images/an-di.png);
	line-height: 240px;
	text-align: center;
	color: white;
	font-size: 16px
}
.abo-box {
	width: 1100px;
	margin: 0 auto
}
.abo-box h2 {
	width: 1100px;
	height: 58px;
	background: url(../images/abo-nav.png);
	margin: 0 auto;
	margin-top: 30px;
	margin-bottom: 20px
}
.abo {
	width: 1100px;
	overflow: hidden;
	padding-top: 20px;
	border-bottom: 1px solid #cfcfcf;
	padding-bottom: 40px
}
.abo-tu {
	float: left;
	width: 438px;
	height: 282px;
	margin-right: 18px;
}
.m-wz {
	float: left;
	width: 644px;
	padding-top: 10px
}
.m-wz h3 {
	margin-bottom: 10px;
	height: 44px;
	line-height: 22px;
	overflow: hidden;
}
.m-wz h3 a {
	color: #333333;
	font-size: 16px;
}
.m-wz h3 em {
	display: block;
	color: #c8161d;
	font-weight: normal;
	font-style: normal;
}
.m-wz p {
	color: #555555;
	font-size: 13px;
	line-height: 26px;
	height: 200px;
	overflow: hidden;
	margin-top: 16px
}
.m-wz p a {
	color: #c8161d;
}
.zixun {
	width: 1196px;
	margin: 0 auto;
	overflow: hidden;
	margin-top: 30px
}
.zi-l {
	float: left;
	width: 580px;
	overflow: hidden
}
.zi-l h2 {
	height: 38px;
	line-height: 38px;
	background: url(../images/line3.jpg) no-repeat left 14px;
	padding-left: 15px;
	margin-bottom: 28px;
}
.zi-l h2 a {
	color: #333333;
	font-size: 18px;
	font-weight: 600;
}
.zi-l h2 .more1 {
	float: right;
	line-height: 38px
}
.zi-l h2 .more1 a {
	cursor: pointer;
	font-size: 14px;
	line-height: 38px;
	color: #666;
	font-weight: normal
}
.zi-l h2 em {
	color: #555555;
	font-size: 12px;
	font-weight: normal;
	text-transform: uppercase;
	display: inline-block;
	padding-left: 5px;
}
.lst4 li {
	height: 97px;
	line-height: 30px;
	overflow: hidden;
	margin-bottom: 18px;
}
.lst4 li .date{width:107px;height: 97px;margin-right: 30px; float: left;background: url(../images/za_datebg.jpg) no-repeat scroll top left;text-align: center;}
.lst4 li .date span{display:block;font-size:26px;color: #4c4c4c;padding-top:10px;padding-bottom: 10px}
.lst4 li .title{width:440px;float:right}
.lst4 li .title a{font-size:18px;color:#333333;font-weight: bold;}
.lst4 li .title p{padding:0px;margin:0px;text-align: left;font-size:13px;color: #333333;line-height: 20px;}
.lst4 li a {
	color: #555555;
	font-size: 13px
}
.wend {
	float: left;
	width: 335px;
	overflow: hidden;
}
.wend h2 {
	height: 38px;
	line-height: 38px;
	background: url(../images/line3.jpg) no-repeat left 14px;
	padding-left: 15px;
	margin-bottom: 28px;
}
.wend h2 a {
	color: #333333;
	font-size: 18px;
	font-weight: 600;
}
.wend h2 .more1 {
	float: right;
	line-height: 38px
}
.wend h2 .more1 a {
	cursor: pointer;
	font-size: 14px;
	line-height: 38px;
	color: #666;
	font-weight: normal
}
.wend h2 em {
	color: #555555;
	font-size: 12px;
	font-weight: normal;
	text-transform: uppercase;
	display: inline-block;
	padding-left: 5px;
}
.wend dl {
	border-top: 1px dashed #cecece;
	height: 90px;
	padding: 20px 0 0 0;
}
.wend dt {
	height: 19px;
	padding-left: 25px;
	line-height: 19px;
	background: url(../images/q.png) no-repeat left 3px;
	font-size: 12px;
	color: #c8161d;
	overflow: hidden;
}
.wend dt a {
	color: #c8161d;
	font-weight: bold;
}
.wend dd {
	margin-top: 8px;
	padding-left: 25px;
	background: url(../images/a.png) no-repeat left 3px;
	line-height: 24px;
	font-size: 12px;
	color: #555555;
	height: 48px;
	overflow: hidden;
}
.yq-box {
	text-align: center;
	
}
.yq-box  a{font-size:16px ;}
.yq {
	width: 1100PX;
	margin: 0 auto;
}
.yq-top {
	border-bottom: 1PX solid #CCC;
	height: 35px;
}
.yq-top span {
	float: right;
}
.yq-top span a {
	font-size: 16px;
}
.yq-top h3 a {
	font-family: "微软雅黑";
	font-size: 14px;
	font-weight: normal;
	color: #999
}
.yq-con {
	padding: 10px;
	line-height: 30px;
}
.yq-con a {
	padding: 0 10px;
	font-size: 16px;
	color: #4c4c4c;
}
.foot-box {
	background: #008066;
	padding:40px 0px;
}
.footer {
	width: 1196px;
	margin: 0 auto
}
.f-top {
	overflow: hidden
}
.f-f {
	padding:0 15px;
	height: 220px;
	float: left;
	border-right: 1px solid #70b8a9;
}
.f-f h3 {
	height: 45px;
}
.f-f h3 span {
	padding-right: 5px;
}
.f-f h3 span a {
	font-family: "微软雅黑";
	font-size: 18px;
	color: #fff;
	font-weight: normal;
}
.f-f h3 em {
	font-family: "微软雅黑";
	font-size: 14px;
	color: #d87175;
	font-weight: normal;
	font-style: normal
}
.f-f p {
	font-family: "微软雅黑";
	font-size: 14px;
	color: #fff;
}
.f-f .p1 {
	font-family: "微软雅黑";
	font-size: 18px;
	font-weight: 600
}
.foot-right a{color: #fff;}
.f-f ul li {
	height: 24px;
}
.f-f ul li a {
	color: #fff;
	font-size: 13px
}
.f-f1 {
	height: 200px;
	width: 435px;
	float: left
}
.f-f1 p img {
	float: left;
	margin: 0px 6px 0 0
}
.f-con {
	background: url(../images/f_yy.gif) no-repeat 0 0;
	width: 1100px;
	margin: 0 auto
}
.f-img {
	float: left;
	padding: 35px 30px 0 60px;
}
.f-p {
	line-height: 20px;
	padding: 35px 0 0;
	float: left
}
.f-p p {
	font-size: 13px;
	color: #494949;
	margin: 0;
}
.f-p p a {
	font-size: 13px;
	color: #494949;
}

.fan-box{padding-left:220px;box-sizing:border-box;}
.fan-box select{width:230px;height:30px; border-radius:15px;padding:0px 30px;margin-top:10px;}
.fan-box select:nth-child(1){margin-right:70px;}
.fan-box button{width:95px;height:30px;background:#fbce02;border:0px;border-radius:15px;margin-left:70px;}
.row1{font-size:38px;color:#008066;font-weight: bold;text-align: center;
    padding-top: 52px;}
.row2 .icon{font-size:36px;color:#ffffff;}
.row2 .no{font-size:33px;color:#038168;}
.row2 .zt{font-size:24px;color:#038168;font-weight: bold;}
.row2 .des{font-size:18px;color:#033329;}
.row2-b1-icon{position: absolute;top:245px;left:45px;}
.row2-b1-r1{position: absolute;top:195px;left:290px;}
.row2-b1-r2{position: absolute;left:290px;top:250px;}
.row2-b1-r3{position: absolute;left:290px;top:295px;}
.row2-b2-icon{position: absolute;top:490px;left:395px;}
.row2-b2-r1{position: absolute;top:458px;left:82px;}
.row2-b2-r2{position: absolute;left:82px;top:511px;}
.row2-b2-r3{position: absolute;left:82px;top:560px;}
.row2-b3-icon{position: absolute;top:235px;right:35px;}
.row2-b3-r1{position: absolute;top:195px;left:770px;}
.row2-b3-r2{position: absolute;left:770px;top:250px;}
.row2-b3-r3{position: absolute;left:770px;top:295px;}

.row2-b4-icon{position: absolute;top:500px;left:720px;text-align:center;}
.row2-b4-r1{position: absolute;top:458px;right:82px;}
.row2-b4-r2{position: absolute;right:82px;top:511px;}
.row2-b4-r3{position: absolute;right:82px;top:560px;text-align:right; }

.position{border:1px solid #ccc;padding:20px 30px;margin-bottom:30px;box-shadow: 8px 8px 5px #ccc; font-size:16px;color:#666;}
.position a{font-size:16px;color:#666;}


@font-face {
	font-family: 'bpmenu';
	src:url('../fonts/bpmenu.eot');
	src:url('../fonts/bpmenu.eot?#iefix') format('embedded-opentype'),
		url('../fonts/bpmenu.woff') format('woff'),
		url('../fonts/bpmenu.ttf') format('truetype'),
		url('../fonts/bpmenu.svg#bpmenu') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Main menu wrapper */
.cbp-hsmenu-wrapper {
	position: relative;
	width:100%;
}

/* Common style for all lists */
.cbp-hsmenu-wrapper ul {
	list-style: none;
	padding: 0;
	margin: 0 auto;
}

/* 100% width bar for menu */
.cbp-hsinner {

	width:1280px;
	margin:0 auto;
	z-index: 100;
	height:95px;
}

.cbp-hsinner .Logo {width:235px;float:left;}
.cbp-hsinner .Logo img{max-width: 100%;padding-top: 10px;}
/* Main menu style */
.cbp-hsmenu-wrapper .cbp-hsmenu {
	width:745px;
	max-width: 800px;
	float:left;
	margin-left:30px;
}

.cbp-hsmenu > li {
	margin-left:35px;
	height:95px;
	display: inline-block;
}

.cbp-hsmenu > li:first-child {
	margin-left: 0;
}

/* Main menu link style */
.cbp-hsmenu > li > a {
	color: #000;
	font-size: 18px;
	line-height: 95px;
	display: inline-block;
	position: relative;
	z-index: 10000;
	outline: none;
}

.no-touch .cbp-hsmenu > li > a:hover,
.no-touch .cbp-hsmenu > li > a:focus,
.cbp-hsmenu > li.cbp-hsitem-open > a {
	color: #F39E13;
}

/* Add an arrow to the main menu link if it has a submenu (not the only child) */
.cbp-hsmenu > li > a:not(:only-child):after {
	display: inline-block;
	font-family: 'bpmenu';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	content: "\f107";
	font-size: 80%;
	margin-left: 0.3em;
	opacity: 0.4;
	vertical-align: middle;
}

.cbp-hsmenu > li.cbp-hsitem-open > a:not(:only-child):after {
	content: "\f106";
}

/* Add a triangle to currently open menu item link */
.cbp-hsmenu > li.cbp-hsitem-open > a:before {
	top: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: transparent;
	border-top-color: #ffffff;
	border-width: 10px;
	right: 50%;
	margin-left: -10px;
}

/* Submenu style */
.cbp-hssubmenu {
	position: absolute;
	left: 0;
	top: 100%;
	width: 100%;
	z-index: 0;
	text-align: center; /* for aligning the sub items */
	visibility: hidden;
}

.cbp-hssubmenu:before, 
.cbp-hssubmenu:after { 
	content: " "; 
	display: table; 
}
.cbp-hssubmenu:after { 
	clear: both; 
}

/* Let's allow 6 item in a row */
.cbp-hssubmenu > li {
	width: 9%;
	display: inline-block;
	vertical-align: top;
	box-shadow: -28px 0 0 -27px #ddd, 0 -28px 0 -27px #ddd;
	opacity: 0;
	-webkit-transition: opacity 0.1s 0s;
	-moz-transition: opacity 0.1s 0s;
	transition: opacity 0.1s 0s;
}

/* First 6 items don't have upper box shadow */
.cbp-hssubmenu > li:nth-child(-n+6) {
	box-shadow: -28px 0 0 -27px #ddd;
} 

/* Every 7th item does not have a left box shadow */
.cbp-hssubmenu > li:nth-child(6n+1) {
	box-shadow:  0 -28px 0 -27px #ddd;
}

/* The first one does not have any box shadow */
.cbp-hssubmenu > li:first-child {
	box-shadow: none;
}

.cbp-hssubmenu > li a {
	display: block;
	text-align: center;
	color: #333;
	outline: none;
	font-size: 14px;
	padding: 1em 1em 1em 1em;
}

.no-touch .cbp-hssubmenu > li a:hover,
.no-touch .cbp-hssubmenu > li a:focus {
	color: #888;
}

.cbp-hssubmenu > li a img {
	border: none;
	outline: none;
	display: inline-block;
	margin: 0;
	max-width: 100%;
	-webkit-transition: opacity 0.2s;
	-moz-transition: opacity 0.2s;
	transition: opacity 0.2s;
}

.no-touch .cbp-hssubmenu > li a:hover img {
	opacity: 0.5;
}

.cbp-hssubmenu > li a span {
	display: block;
	min-height: 3em;
	margin-top: 0.4em;
}

.cbp-hsmenu > li.cbp-hsitem-open .cbp-hssubmenu {
	z-index: 1000;
	visibility: visible;
	background-color: rgba(238,245,249,.7);
}

.cbp-hsmenu > li.cbp-hsitem-open .cbp-hssubmenu > li {
	opacity: 1;
	-webkit-transition: opacity 0.5s 0.1s;
	-moz-transition: opacity 0.5s 0.1s;
	transition: opacity 0.5s 0.1s;
}

/* Helper div for animating the background */
.cbp-hsmenubg {
	background: #f7f7f7;
	position: absolute;
	width: 100%;
	top: 100%;
	left: 0;
	z-index: 0;
	height: 0px;
}

.cbp-hsmenu > li.cbp-hsitem-open .cbp-hssubmenu{text-align: center;}
.cbp-hsmenu > li.cbp-hsitem-open .cbp-hssubmenu li{display: inline-block; margin:0 20px; text-align: left;}
.cbp-hsmenu > li.cbp-hsitem-open .cbp-hssubmenu .box{width: 1200px; margin:0 auto; padding:10px 0; overflow: hidden;}
.cbp-hsmenu > li.cbp-hsitem-open .cbp-hssubmenu li a{display:inline-block;  font-size: 14px; color:#333; line-height: 30px;}
.cbp-hsmenu > li.cbp-hsitem-open .cbp-hssubmenu li a:hover{color:#F39E13;}
.no-touch .cbp-hsmenubg {
	-webkit-transition: height 0.3s;
	-moz-transition: height 0.3s;
	transition: height 0.3s;
}

@media screen and (max-width: 65em){
	.cbp-hsmenu-wrapper {
		font-size: 80%;
	}
}

@media screen and (max-width: 51.4375em){
	.cbp-hsmenu-wrapper {
		font-size: 100%;
	}

	.cbp-hsmenu-wrapper .cbp-hsmenu {
		padding: 0;
		max-width: none;
		width: 100%;
	}

	.cbp-hsmenu > li {
		border-top: 1px solid rgba(255,255,255,0.5);
		text-align: center;
		margin: 0 auto;
		display: block;
	}

	.cbp-hsmenu > li:first-child {
		border-top: none;
	}

	.cbp-hsmenu > li > a {
		display: block;
	}

	.cbp-hsmenu > li > a:not(:only-child):before {
		line-height: 1.8;
		right: 0;
		position: absolute;
		font-size: 200%;
	}

	.cbp-hsmenubg {
		display: none;
	}

	.cbp-hssubmenu {
		background: #f7f7f7;
		position: relative;
		overflow: hidden;
		height: 0;
	}

	.cbp-hsmenu > li.cbp-hsitem-open .cbp-hssubmenu {
		height: auto;
	}

	/* Let's only allow 3 item in a row now */
	.cbp-hssubmenu > li {
		width: 30%;
	}

	/* Reset box shadows for the 6 items in row case */
	.cbp-hssubmenu > li:nth-child(-n+6),
	.cbp-hssubmenu > li:nth-child(6n+1) {
		box-shadow: -28px 0 0 -27px #ddd, 0 -28px 0 -27px #ddd;
	}

	/* First 4 items don't have upper box shadow */
	.cbp-hssubmenu > li:nth-child(-n+3) {
		box-shadow: -28px 0 0 -27px #ddd;
	} 

	/* Every 5th item does not have a left box shadow */
	.cbp-hssubmenu > li:nth-child(3n+1) {
		box-shadow:  0 -28px 0 -27px #ddd;
	}

}

@media screen and (max-width: 25em){
	/* Let's only allow 1 item in a row now */
	.cbp-hssubmenu > li {
		width: 100%;
		display: block;
	}

	.cbp-hsmenu-wrapper .cbp-hssubmenu > li {
		box-shadow: 0 1px #cecece;
		text-align: left;
	}

	.cbp-hssubmenu > li a {
		text-align: left;
		line-height: 50px;
		padding: 0.4em 1em;
	}

	.cbp-hssubmenu > li a img {
		float: left;
		max-height: 50px;
	}

	.cbp-hssubmenu > li a span {
		min-height: 0;
		margin: 0;
	}
}



.thumb-wrap {
	width:100%;
	min-width:300px;
	margin:0 auto;
	font-size:100%;
	text-align: center;
}

.thumb-wrap:after {
	content:"";
	display:block;
	clear:both;
	height:50px;
}  
.thumb {
	width:100%;
	list-style:none;
	float:left;
	padding:0 0 2.5% 0;
	margin-top:5px;
}

.thumb li {
	width:31.33%;
	float:left;
	min-height:480px;
	text-align: center;
	margin:2.5% 0 1 2.5%;
	padding:1%;
	border-radius: 20px;
	position:relative;
	background:#ffffff;
	
}

.thumb li .txt a{display:block;font-size:16px;color:#333;text-align: center;}

.thumb li img {
	max-width:100%;
	border:8px solid #fff;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

.thumb li {
	-moz-transition:all 1s ease;
	-webkit-transition:all 1s ease;
	-o-transition:all 1s ease;
	-ms-transition:all 1s ease;
	transition:all 1s ease;
}

.thumb li:hover {
	-moz-transform:scale(2.1) translate(100px, 38px);
	-webkit-transform:scale(2.1) translate(100px, 38px);
	-o-transform:scale(2.1) translate(100px, 38px);
	-ms-transform:scale(2.1) translate(100px, 38px);
	transform:scale(2.1) translate(100px, 38px);
	z-index:2;
}

.thumb li:nth-of-type(2):hover {
	-moz-transform:scale(2.1) translate(0, 38px);
	-webkit-transform:scale(2.1) translate(0, 38px);
	-o-transform:scale(2.1) translate(0, 38px);
	-ms-transform:scale(2.1) translate(0, 38px);
	transform:scale(2.1) translate(0, 38px);
}

.thumb li:nth-of-type(3):hover {
	-moz-transform:scale(2.1) translate(-100px, 38px);
	-webkit-transform:scale(2.1) translate(-100px, 38px);
	-o-transform:scale(2.1) translate(-100px, 38px);
	-ms-transform:scale(2.1) translate(-100px, 38px);
	transform:scale(2.1) translate(-100px, 38px);
}

.thumb li:nth-of-type(4):hover {
	-moz-transform:scale(2.1) translate(100px, -38px);
	-webkit-transform:scale(2.1) translate(100px, -38px);
	-o-transform:scale(2.1) translate(100px, -38px);
	-ms-transform:scale(2.1) translate(100px, -38px);
	transform:scale(2.1) translate(100px, -38px);
}

.thumb li:nth-of-type(5):hover {
	-moz-transform:scale(2.1) translate(0, -38px);
	-webkit-transform:scale(2.1) translate(0, -38px);
	-o-transform:scale(2.1) translate(0, -22px);
	-ms-transform:scale(2.1) translate(0, -38px);
	transform:scale(2.1) translate(0, -38px);
}

.thumb li:nth-of-type(6):hover {
	-moz-transform:scale(2.1) translate(-100px, -38px);
	-webkit-transform:scale(2.1) translate(-100px, -38px);
	-o-transform:scale(2.1) translate(-100px, -38px);
	-ms-transform:scale(2.1) translate(-100px, -38px);
	transform:scale(2.1) translate(-100px, -38px);
} 


/*main css*/
.main-im{position:fixed;left:10px;top:300px;z-index:100;width:110px;height:272px;}
.main-im .qq-a{display:block;width:106px;height:116px;font-size:14px;color:#0484cd;text-align:center;position:relative;}
.main-im .qq-a span{bottom:5px;position:absolute;width:90px;left:10px;}
.main-im .qq-hover-c{width:70px;height:70px;border-radius:35px;position:absolute;left:18px;top:10px;overflow:hidden;z-index:9;}
.main-im .qq-container{z-index:99;position:absolute;width:109px;height:118px;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom:1px solid #dddddd;background:url(../images/qq-icon-bg.png) no-repeat center 8px;}
.main-im .img-qq{max-width:60px;display:block;position:absolute;left:6px;top:3px;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.main-im .im-qq:hover .img-qq{max-width:70px;left:1px;top:8px;position:absolute;}
.main-im .im_main{background:#F9FAFB;border:1px solid #dddddd;border-radius:10px;background:#F9FAFB;display:block;}
.open-im{display:none;}
.main-im .im_main .im-tel{color:#000000;text-align:center;width:109px;height:105px;border-bottom:1px solid #dddddd;}
.main-im .im_main .im-tel div{font-weight:bold;font-size:12px;margin-top:6px;}
.main-im .im_main .im-tel .tel-num{font-family:Arial;font-weight:bold;color:#e66d15;}
.main-im .im_main .im-tel:hover{background:#fafafa;}
.main-im .im_main .weixing-container{width:55px;height:47px;border-right:1px solid #dddddd;background:#f5f5f5;border-bottom-left-radius:10px;background:url(../images/weixing-icon.png) no-repeat center center;float:left;}
.main-im .im_main .weixing-show{width:112px;height:172px;background:#ffffff;border-radius:10px;border:1px solid #dddddd;position:absolute;left:120px;top:-126px;display: none;}
.main-im .im_main .weixing-show .weixing-sanjiao{width:0;height:0;border-style:solid;border-color:transparent #ffffff transparent transparent ;border-width:6px;left:-14px;top:134px;position:absolute;z-index:2;}
.main-im .im_main .weixing-show .weixing-sanjiao-big{width:0;height:0;border-style:solid;border-color:transparent  #dddddd transparent transparent;border-width:8px;left:-14px;top:132px;position:absolute;}
.main-im .im_main .weixing-show .weixing-ma{width:104px;height:103px;padding-left:5px;padding-top:5px;}
.main-im .im_main .weixing-show .weixing-txt{position:absolute;top:110px;left:7px;width:100px;margin:0 auto;text-align:center;}
.main-im .im_main .go-top{width:50px;height:47px;background:#f5f5f5;border-bottom-right-radius:10px;background:url(../images/totop-icon.png) no-repeat center center;float:right;}
.main-im .im_main .go-top a{display:block;width:52px;height:47px;}
.main-im .close-im{position:absolute;right:10px;top:-12px;z-index:100;width:24px;height:24px;}
.main-im .close-im a{display:block;width:24px;height:24px;background:url(../images/close_im.png) no-repeat left top;}1
.main-im .close-im a:hover{text-decoration:none;}
.main-im .open-im{cursor:pointer;margin-left:68px;width:40px;height:133px;background:url(../images/open_im.png) no-repeat left top;}

.foot-right{width:100%;height:50px;background:#000;color:#ffffff;line-height:50px;}
.foot-right .inner{width:1200px;margin:0 auto;text-align:center;font-size:14px;}