@charset "utf-8";
/* CSS Document */
.w960{
	position: relative;
	width: 960px;
	margin: 0 auto;
}
.tac{
	text-align: center;
}
.header{
	width: 100%;
	height: 91px;
	position: relative;
	z-index: 10;
	float: left;
	background-image: url(/imagew/bg_header.png);
	background-repeat: repeat-x;
	background-position: top;
}
.header-links{
	height: 35px;
	float: right;
	line-height: 35px;
	color: #fff;
	*width: 382px;
}
.header-links a.tmall{
	padding-right: 51px;
	border-right: 1px solid #848991;
	color: #fff;
	float: left;
	background: url(/imagew/bg_sign01.png) no-repeat 66px center;
}
.weixin p{
	padding: 0 11px 0 34px;
	border-right: 1px solid #848991;
	cursor: pointer;
	background-image: url(../imagew/bg_sign02.png);
	background-repeat: no-repeat;
	background-position: 11px center;
}
.weixin-box{
	width: 86px;
	height: 86px;
	padding: 13px 11px 13px 10px;
	background: url(/imagew/bg_wxbox.png) no-repeat;
	position: absolute;
	left: -5px;
	top: 29px;
	z-index: 5;
	display: none;
}
.h-tel b{
	display: inline-block;
	padding-left: 26px;
	background: url(/imagew/bg_sign03.png) no-repeat 12px center;
	color: #d1d8df;
}
.h-tel span{
	font-size: 14px;
	font-family: Arial;
	color: #ffd800;
}
.nav{
	width: 765px;
	height: 50px;
	float: right;
	font-size: 14px;
	line-height: 50px;
}
.nav li{
	float: left;
	position: relative;
}
.nav li > a{
	display: inline-block;
	padding: 0 19px;
	font-weight: bold;
	color: #555;
	float: left;
}
.nav a.s{
	background: url(/imagew/bg_sign04.png) no-repeat 95px 0;
}
.nav a.l{
	padding-right: 22px;
	background: url(/imagew/bg_sign05.png) no-repeat 85px 0;
	font-size: 12px;
	font-family: Arial;
	text-transform: uppercase;
}
.nav a:hover,.nav a.on,.nav a.hover{
	color: #fff;
	background: url(/imagew/bg_sign15.jpg) repeat-x;
}
.nav a.s:hover,.nav a.s.on,.nav a.s.hover{
	color: #fff;
	background: url(/imagew/bg_sign14.jpg) no-repeat right;
}
.nav a.l:hover,.nav a.l.on,.nav a.l.hover{
	color: #2d84b8;
	background: url(/imagew/bg_sign05.png) no-repeat 85px -50px;
}
.subnav{
	position: absolute;
	left: 0;
	top: 50px;
	width: 140px;
	padding: 2px 15px 5px;
	background: #2d84b8;
	display: none;
}
.subnav a{
	display: inline-block;
	width: 130px;
	padding-left: 6px;
	line-height: 38px;
	border-bottom: 1px solid #6ca7ca;
	color: #fff;
	float: left;
}
.subnav a.last{
	border-bottom: none;
}
.subnav a:hover{
	color: #fff;
	background: none
}
.subnav-pro{
	width: 807px;
	position: absolute;
	left: -262px;
	top: 50px;
	background: #3ca424;
	display: none;
}
.subnav-pro li{
	width: 807px;
	padding-bottom: 8px;
	border-bottom: 1px solid #50bc33;
}
.subnav-pro li .name{
	float: left;
	width: 186px;
	font-weight: bold;
	line-height: 98px;
	color: #fff;
	text-align: center;
	padding-top: 24px;
}
.subnav-pro li .list{
	width: 620px;
	float: left;
}
.subnav-pro li .list a{
	display: inline-block;
	width: 100px;
	height: 118px;
	float: left;
	margin-right: 3px;
	padding-top: 24px;
	text-align: center;
}
.subnav-pro li .list a img{
	filter:alpha(opacity=70); 
	opacity: 0.7;
}
.subnav-pro li .list a p{
	color: #fff;
}
.subnav-pro li .list a:hover{
	background: none;
}
.subnav-pro li .list a:hover img{
	filter:alpha(opacity=100); 
	opacity: 1;
}
.subnav-pro li.hover{
	background: #2f8a19;
}
.footer{
	height: 50px;
	line-height: 50px;
	color: #c6c6c6;
	background: #505050;
}
.footer p.fl a{
	display: inline-block;
	padding: 0 8px;
	color: #c6c6c6;
}
.footer p.fl a.weibo{
	padding-left: 20px;
	background: url(/imagew/bg_sign10.png) no-repeat left center;
}
.footer p.fl a:hover{
	color: #fff;
}
.footer p.fr span,.footer p.fr a{
	color: #fff;
}
.service-qq{
	width: 120px;
	position: fixed;
	right: 0;
	top: 520px;
	z-index: 100;
	overflow: hidden;
}
.service-qq li{
	width: 120px;
	height: 50px;
	line-height: 50px;
	color: #fff;
	float: left;
	margin: 0 0 1px 70px;
	font-size: 14px;
	text-align: center;
	background: #8a8a8a;
}
.service-qq li a{
	float: left;
}
.service-qq li a.name{
	display: inline-block;
	width: 70px;
	color: #fff;
}
.service-qq li.hover{
	background: #219e41;
}
.service-qq .top{
	width: 50px;
	height: 50px;
	background: #8a8a8a;
	cursor: pointer;
	float: left;
	margin-left: 70px;
}
.service-qq .top.hover{
	background: #39ae36;
}

/*Index*/
.banner{
	width: 100%;
	height: 424px;
	position: relative;
	z-index: 1;
	background: #999;

	*margin-top: -91px;
}
.banner-list li{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	overflow: hidden;
	display: none;
}
.banner-list li.on{
	z-index: 2;
}
.banner-list li a{
	display: inline-block;
	width: 100%;
	height: 100%;
}
.banner-move{
	width: 100%;
	height: 50%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	background-repeat: no-repeat;
	background-position: center 0;
}
.move-bot{
	top: 50%;
	background-position: center 100%;
}
.banner-list .w960{
	z-index: 5;
}
.banner-list .tips{
	*width: 315px;
	height: 215px;
	position: absolute;
	left: 97px;
	top: 206px;
	z-index: 2;
	overflow: hidden;
}
.banner-list .top{
	position: relative;
	left: 100%;
	top: 0;
}
.banner-list .top p{
	font-weight: bold;
	font-size: 30px;
	color: #fff;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.1);
}
.banner-list .top p.cn{
	line-height: 38px;
}
.banner-list .top p.en{
	line-height: 32px;
	font-family: Arial;
	text-transform: uppercase;
	filter:alpha(opacity=50); 
	opacity:0.5;
}
.banner-list .line{
	width: 100%;
	height: 1px;
	background: #fff;
	filter:alpha(opacity=50); 
	opacity:0.5;
	margin: 10px auto 16px;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.1);	
}
.banner-list .bot{
	position: relative;
	left: -100%;
	top: 0;
}
.banner-list .bot p{
	color: #fff;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.1);
}
.banner-list .bot p.cn{
	font-size: 24px;
	line-height: 32px;
}
.banner-list .bot p.en{
	font-size: 14px;
	line-height: 20px;
	font-family: Arial;
	text-transform: uppercase;
	filter:alpha(opacity=50); 
	opacity:0.5;
}
.banner-list a.more{
	display: inline-block;
	width: 98px;
	height: 35px;
	padding-left: 22px;
	background: url(/imagew/bg_btn01.png) no-repeat;
	float: left;
	margin-top: 30px;
	font-weight: bold;
	font-size: 14px;
	line-height: 35px;
	color: #fff;
}
.banner .btns{
	width: 40px;
	height: 424px;
	position: absolute;
	top: 0;
	z-index: 5;
	cursor: pointer;
	display: none;
}
.banner .prev{
	background: url(/imagew/prev01.png) no-repeat 0 55%;
	left: 10%;
}
.banner .next{
	background: url(/imagew/next01.png) no-repeat 0 55%;
	right: 10%;
}
.banner .btns.hover{
	background-position: -40px 55%;
}
.banner-line{
	width: 0;
	height: 5px;
	background: #61b62f;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 3;
	filter:alpha(opacity=50);
	opacity:0.5;
}
.banner-btn{
	height: 11px;
	position: absolute;
	left: 50%;
	bottom: -36px;
	display: none;
}
.banner-btn span{
	display: inline-block;
	width: 10px;
	height: 11px;
	background: url(/imagew/bg_btn02.png) no-repeat;
	float: left;
	margin-left: 7px;
	cursor: pointer;
}
.banner-btn span.on{
	background-position: 0 -11px;
}
.index-wrap{
	height: 435px;
	background: url(/imagew/bg_shadow01.jpg) repeat-x;
	padding-top: 65px;
}
.w964{
	width: 964px;
	margin: 0 auto;
}
.index-box{
	width: 310px;
	height: 160px;
	float: left;
	margin-right: 15px;
	display: inline;
	position: relative;
	overflow: hidden;
}
.index-box .bg{
	width: 310px;
	height: 37px;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 1;
}
.index-box .tips{
	position: absolute;
	left: 20px;
	bottom: 0;
	z-index: 2;
	font-size: 14px;
	line-height: 36px;
	color: #fff;
}
.index-box .tips span{
	display: inline-block;
	font-size: 12px;
	font-family: Arial;
	text-transform: uppercase;
	filter:alpha(opacity=50);
	opacity:0.5;
	padding-left: 10px;
}
.index-box .sign{
	width: 48px;
	height: 48px;
	position: absolute;
	left: 134px;
	top: 45px;
	z-index: 2;
}
.index-box.mrno{
	margin-right: 0;
}
.index-box.green{
	background: url(/imagew/bg_shadow02.png) no-repeat;	
}
.index-box.green .bg{
	background: url(/imagew/bg_shadow03.png) no-repeat;
}
.index-box.red{
	background: url(/imagew/bg_shadow04.png) no-repeat;	
}
.index-box.red .bg{
	background: url(/imagew/bg_shadow05.png) no-repeat;
}
.index-box.blue{
	background: url(/imagew/bg_shadow06.png) no-repeat;	
}
.index-box.blue .bg{
	background: url(/imagew/bg_shadow07.png) no-repeat;
}
.index-box .hover{
	width: 100%;
	height: 81px;
	padding: 48px 0 31px;
	position: absolute;
	left: 0;
	top: -160px;
	z-index: 3;
	background: url(/imagew/bg_shadow11.png) no-repeat;
	line-height: 16px;
	color: #b4b4b4;
	text-align: center;
}
.index-box .hover b{
	font-size: 14px;
	color: #fff;
}
.index-box .hover .sign-more{
	margin-top: 16px;
}
.index-title a{
	display: inline-block;
	font-weight: bold;
	font-size: 14px;
	line-height: 46px;
	color: #666;
	padding-left: 23px;
	background: url(/imagew/bg_sign06.png) no-repeat 5px 0;
}
.index-title a:hover{
	color: #63b62f;
	background-position: 5px -138px;
}
.index-title p{
	font-size: 14px;
	line-height: 22px;
	font-family: Arial;
	color: #c2c2c2;
	text-transform: uppercase;
	padding: 0 0 10px 22px;
	border-bottom: 1px solid #e5e5e5;
	margin-top: -10px;
}
.index-news{
	width: 340px;
	height: 229px;
	padding: 30px 42px 0 0;
	background: url(/imagew/bg_shadow08.png) no-repeat right center;
	float: left;
}
.index-news .intro{
	width: 226px;
	float: right;
}
.index-news .intro a{
	display: inline-block;
	width: 100%;
	font-size: 12px;
	line-height: 18px;
	color: #888;
}
.index-news .intro a.tit{
	font-weight: bold;
	line-height: 20px;
	color: #666;
	margin: -5px 0 5px;
}
.index-news .intro a:hover{
	color: #63b62f;
}
.index-news .list{
	margin-top: 16px;
	line-height: 24px;
	color: #a2a2a2;
}
.index-news .list a{
	display: inline-block;
	color: #666;
	padding-left: 12px;
	background: url(/imagew/bg_sign07.png) no-repeat 2px 0;
	float: left;
}
.index-news .list a:hover{
	color: #63b62f;
	background-position: 2px -24px;
}
.index-future{
	width: 260px;
	height: 229px;
	padding: 30px 27px 0;
	float: left;
}
.index-future .index-title a{
	background-position: 5px -46px;
}
.index-future .index-title a:hover{
	background-position: 5px -184px;
}
.index-future .list{
	width: 260px;
	float: left;
	margin-top: 10px;
}
.index-future .list li{
	width: 130px;
	height: 24px;
	float: left;
}
.index-future .list a{
	display: inline-block;
	padding-left: 20px;
	font-weight: bold;
	line-height: 24px;
	color: #777;
	background: url(/imagew/bg_sign08.jpg) no-repeat 8px 0;
}
.index-future .list a:hover{
	color: #63b62f;
	background-position: 8px -24px;
}
.index-links{
	width: 230px;
	height: 229px;
	padding: 30px 0 0 34px;
	background: url(/imagew/bg_shadow09.png) no-repeat left;
	float: left;
}
.index-links .index-title a{
	background-position: 5px -92px;
}
.index-links .index-title a:hover{
	background-position: 5px -230px;
}
.index-links .list{
	width: 230px;
	float: left;
	margin-top: 20px;
}
.index-links .list li{
	width: 115px;
	height: 46px;
	float: left;
}
.index-links .list a{
	display: inline-block;
	padding-left: 40px;
	line-height: 46px;
	color: #777;
	background: url(/imagew/bg_sign09.png) no-repeat 7px 0;
}
.index-links .list a:hover{
	color: #63b62f;
}
.index-links .list a.se{
	background-position: 7px -46px;
}
.index-links .list a.th{
	background-position: 7px -92px;
}
.index-links .list a.fo{
	background-position: 7px -138px;
}
/*Inside*/
.ibanner{
	width: 100%;
	height: 270px;
	margin: -6px 0 0px;
	position: relative;
	filter:alpha(opacity=0);
	opacity: 0;
	float: left;
}
	

.ibanner .tips{
	width: 836px;
	position: absolute;
	left: 62px;
	top: 83px;
	font-size: 14px;
	color: #fff;
	overflow: hidden;
}
.ibanner .tips h2{
	font-weight: normal;
	font-size: 30px;
	line-height: 60px;
	margin-left: -100%;
}
.ibanner .tips p{
	margin-left: -100%;
}
.ibanner .tips p.en{
	text-transform: uppercase;
}	
.inside-nav{
	height: 42px;
	position: absolute;
	left: 50%;
	bottom: -21px;
	z-index: 5;
}
.inside-nav li{
	height: 42px;
	float: left;
	margin: 0 3px;
	display: inline;
}
.inside-nav li a{
	display: inline-block;
	font-size: 14px;
	line-height: 42px;
	color: #fff;
	background: #8a8a8a;
	padding: 0 37px;
}
.inside-nav li a:hover,.inside-nav li a.on{
	background: #2d84b8;
}
.inside-main{
	min-height: 400px;
	height: auto!important;
	height: 400px;
}

.w880{
	width: 880px;
	position: relative;
	margin: 0 auto;
}
.w880s{
	width: 880px;
	position: relative;
	margin: 0 auto;
}
.news-change{
	height: 170px;
	padding-bottom: 50px;
	position: relative;
}
.news-change .img-list{
	width: 250px;
	height: 170px;
	float: left;
	position: relative;
	overflow: hidden;
}
.news-change .img-list li{
	width: 250px;
	height: 170px;
	float: left;
}
.news-change .intro-list{
	width: 592px;
	height: 170px;
	float: right;
	position: relative;
	overflow: hidden;
	line-height: 24px;
}
.news-change .intro-list li{
	width: 592px;
	height: 170px;
	float: left;
}
.news-change .intro a{
	display: inline-block;
	width: 100%;
	color: #777;
}
.news-change .intro a:hover{
	color: #3aae37;
}

.cplink a{
	color: #000;
}

.cplink a:hover{
	color: #ca2931;
}

.news-change .intro a.tit{
	font-weight: bold;
	font-size: 18px;
	line-height: 28px;
	color: #3aae37;
	padding-top: 9px;
}
.news-change .intro a.more{
	width: 100px;
	height: 39px;
	font-weight: bold;
	font-size: 14px;
	line-height: 36px;
	color: #fff;
	padding-left: 23px;
	margin-top: 14px;
	background: url(/imagew/bg_btn03.png) no-repeat;
}
.news-change .intro .time{
	line-height: 20px;
	color: #b6b6b6;
	padding-bottom: 8px;
}
.news-change .btn{
	width: 19px;
	height: 19px;
	position: absolute;
	bottom: 77px;
	z-index: 2;
	cursor: pointer;
}
.news-change .btn.on{
	background-position: 0 -19px;
}
.news-change .prev{
	background: url(/imagew/prev02.png) no-repeat;
	right: 29px;
}
.news-change .next{
	background: url(/imagew/next02.png) no-repeat;
	right: 0;
}
.news-main{
	padding: 50px 0 55px;
	background: #f2f2f2;
}
.news-list ul{
	float: left;
	width: 900px;
	margin-bottom: 20px;
	*padding-bottom: 20px;
}
.news-list li{
	width: 380px;
	height: 106px;
	padding: 20px 25px 24px;
	float: left;
	margin: 0 20px 20px 0;
	display: inline;
	background: #fff;
}
.news-list a{
	line-height: 20px;
	color: #777;
}
.news-list .title{
	width: 100%;
	height: 32px;
	margin-bottom: 9px;
	line-height: 32px;
	color: #b5b5b5;
}
.news-list .title a{
	display: inline-block;
	float: left;
	font-weight: bold;
	font-size: 14px;
	line-height: 32px;
}
.news-list .title span{
	padding-left: 15px;
	float: right;
	background: url(/imagew/bg_sign11.png) no-repeat left 0;
}
.news-list li.hover{
	background: #3aae37;
}
.news-list li.hover a,.news-list li.hover span{
	color: #fff;
	background-position: left -32px;
}
.newsinfo-main{
	width: 860px;
	padding-bottom: 36px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 30px;
}
.newsinfo-main h1{
	font-weight: normal;
	font-size: 24px;
	line-height: 42px;
	text-align: center;
}
.newsinfo-main .time{
	line-height: 24px;
	color: #888;
	text-align: center;
	padding-bottom: 24px;
	border-bottom: 1px solid #e5e5e5;
	margin-bottom: 40px;
}
.newsinfo-main .detail{
	font-size: 14px;
	line-height: 24px;
}
.newsinfo-main .detail img{
	margin: 0 auto;
}
.newsinfo-main .share{
	font-size: 14px;
	line-height: 36px;
	margin: 100px 0 20px;
}
.newsinfo-main .share a.back{
	display: inline-block;
	width: 60px;
	height: 35px;
	padding-left: 15px;
	font-weight: bold;
	font-size: 14px;
	line-height: 35px;
	color: #fff;
	background: url(/imagew/bg_btn04.jpg) no-repeat;
	float: right;
}
.newsinfo-main .share a.back:hover{
	background-position: 0 -35px;
}
.newsinfo-main .turn{
	border-top: 1px solid #e5e5e5;
	padding-top: 20px;
	font-size: 14px;
	line-height: 30px;
}
.newsinfo-main .turn a{
	color: #666;
}
.newsinfo-main .turn a:hover{
	color: #3aae37;
}

/*Products*/
.future-ibanner{
	background: url(/imagew/ibanner02.jpg) no-repeat center top;
}
.future-main .tips{
	width: 766px;
	min-height: 60px;
	padding: 73px 0;
	margin: 0 auto;
	background: url(/imagew/bg_bg01.jpg) no-repeat center;
	font-size: 24px;/*
	line-height: 38px;*/
	color: #555;
	text-align: center;
	padding-top: 10px;
}
.future-main .tips p{
	font-weight: bold;
}
.future-main .tel{
	height: 146px;
	padding: 10px 0 24px;
	background: url(/imagew/bg_bg02.jpg) no-repeat center #39ae36;
	text-align: center;
	font-size: 14px;
	line-height: 34px;
	color: #c0e1c0;
}
.future-main .tel p.fz18{
	font-weight: bold;
	font-size: 22px;
	line-height: 60px;
	padding-bottom: 14px;
	color: #fff;
}
.future-main .tel p.cf{
	color: #fff;
}
.future-main .tel span.fz18{
	font-weight: bold;
	font-size: 18px;
	padding-right: 15px;
}
.future-main .tel span.fz24{
	font-weight: bold;
	font-size: 24px;
}
.future-main .list{
	width: 840px;
	margin: 0 auto;
	padding-top: 17px;
}
.future-main .list h2{
	font-size: 22px;
	line-height: 104px;
	color: #555;
	text-align: center;
}
.future-main .list li{
	width: 230px;
	height: 262px;
	font-size: 14px;
	line-height: 24px;
	color: #555;
}
.future-main .list li img{
	margin-bottom: 24px;
}
.future-main .list li.fl{
	margin-right: 75px;
	display: inline;
}
.future-main .circuit{
	padding: 22px 0 65px;
	background: #f2f2f2
}
.future-main .circuit h2{
	font-size: 18px;
	line-height: 86px;
	color: #555;
	text-align: center;
}
.future-main .circuit img{
	display: block;
	margin: 0 auto;
}
.future-main .apply{
	padding: 10px 0 78px;
	font-size: 14px;
	line-height: 35px;
	color: #555;
}
.future-main .apply h2{
	font-size: 18px;
	line-height: 84px;
	color: #555;
	text-align: center;
}
.future-main .apply table{
	width: 630px;
	margin: 0 auto;
}
.future-main .apply td{
	padding: 0 0 15px 7px;
}
.future-main .apply select{
	width: 105px;
	height: 37px;
	border: 1px solid #dbdbdb;
}
.future-main .apply label{
	float: left;
	margin-right: 55px;
}
.future-main .apply input{
	width: 495px;
	height: 35px;
	padding: 0 10px;
	border: 1px solid #dbdbdb;
}
.future-main .apply input.radio{
	width: 13px;
	height: 13px;
	margin: 11px 10px 0 15px;
	border: none;
}
.future-main .apply input.submit{
	width: 120px;
	height: 42px;
	background: #39ae36;
	font-size: 18px;
	color: #fff;
	border: none;
}
.future-main .apply textarea{
	width: 495px;
	height: 120px;
	padding: 0 10px;
	border: 1px solid #dbdbdb;
}
.support-main{
	width: 740px;
	margin: 0 auto;
	padding-bottom: 70px;
	font-size: 14px;
	line-height: 24px;
	color: #555;
}
.support-main li{
	width: 740px;
	float: left;
	margin-bottom: 30px;
}
.support-main li .number{
	width: 45px;
	height: 45px;
	float: left;
	background: url(/imagew/bg_sign12.jpg) no-repeat;
	font: 18px/45px Arial;
	text-align: center;
	color: #888;
}
.support-main li .intro{
	width: 660px;
	float: right;
}
.support-main li h2{
	font-size: 14px;
	color: #333;
}
.jobs-main{
	width: 880px;
	margin: 0 auto;
}
.jobs-main .tips{
	padding-bottom: 50px;
	line-height: 30px;
	color: #555;
}
.jobs-main .tips p.fz14{
	font-size: 14px;
}
.jobs-main .tips span{
	font-weight: bold;
	color: #39ae36;
}
.jobs-list{
	padding: 50px 0 55px;
	background: #f2f2f2;
}
.w880{
	width: 880px;
	position: relative;
	min-height: 421px;
	padding-top: 30px;
}
.w880s{
	width: 880px;
	position: relative;
	min-height: 200px;
	padding-top: 30px;
}
.jobs-list table{
	margin-bottom: 45px;
}
.jobs-list th{
	font-size: 14px;
	line-height: 44px;
	background: #8a8a8a;
	color: #fff;
}
.jobs-list th span{
	float: left;
	padding-left: 30px;
}
.jobs-list td{
	font-size: 14px;
	line-height: 44px;
	text-align: center;
}
.jobs-list td a{
	color: #666;
}
.jobs-list td b{
	float: left;
	margin-left: 30px;
	display: inline;
}
.jobs-list td.bg{
	background: #fff;
}
.jobs-list td.hover{
	color: #fff;
	background: #39ae36;
}
.jobs-list td.hover a{
	color: #fff;
}

/*Gudie*/
.guide-ibanner{
	background: url(/imagew/ibanner03.jpg) no-repeat center top;
}
.guide-search{
	width: 660px;
	margin: 0 auto;
	padding-bottom: 50px;
}
.guide-search input{
	width: 460px;
	height: 44px;
	padding: 0 20px;
	border: 1px solid #dbdbdb;
	font-size: 14px;
	line-height: 44px;
	color: #c6c6c6;
}
.guide-search input.submit{
	width: 150px;
	height: 46px;
	border: none;
	background: #39ae36;
	color: #fff;
}
.guide-list{
	padding: 40px 0 46px;
	background: #f2f2f2;
}
.guide-list ul{
	float: left;
	margin-bottom: 25px;
}
.guide-list li{
	width: 845px;
	padding: 3px 35px 31px 0;
	background: #fff;
	float: left;
	margin-bottom: 20px;
}
.guide-list li span{
	display: inline-block;
	width: 65px;
	font-size: 16px;
	line-height: 66px;
	color: #c6c6c6;
	float: left;
	text-align: center;
}
.guide-list li .tit{
	width: 780px;
	float: left;
	font-weight: bold;
	font-size: 16px;
	line-height: 26px;
	color: #d7590d;
	padding: 20px 0;
}
.guide-list li .q span{
	line-height: 40px;
}
.guide-list li .intro{
	float: right;
	width: 734px;
	padding: 17px 23px 35px;
	background: #f5f5f5;
	font-size: 14px;
	line-height: 24px;
}
.matter-main .tips{
	font-size: 14px;
	line-height: 40px;
	padding-bottom: 15px;
	text-align: center;
}
.matter-main ul{
	float: left;
	margin-bottom: 12px;
}
.matter-main li{
	width: 880px;
	float: left;
	margin-bottom: 20px;
	background: url(/imagew/bg_li01.jpg) repeat-y;
}
.matter-main li .number{
	width: 130px;
	font-size: 60px;
	line-height: 106px;
	color: #8a8a8a;
	text-align: center;
	float: left;
}
.matter-main li .intro{
	width: 680px;
	padding: 15px 35px 24px;
	float: left;
	font-size: 14px;
	line-height: 28px;
	color: #8a8a8a;
}
.matter-main li .intro b{
	line-height: 40px;
}
.service-main{
	padding-bottom: 65px;
}
.service-main ul{
	float: left;
	border-bottom: 1px solid #dbdbdb;
}
.service-main li{
	width: 880px;
	float: left;
	margin-top: 1px;
}
.service-main .title{
	height: 45px;
	padding-left: 26px;
	background: #a6a6a6;
	font-weight: bold;
	font-size: 14px;
	line-height: 45px;
	color: #fff;
	cursor: pointer;
}
.service-main .title .sign{
	width: 46px;
	height: 45px;
	float: right;
	background: url(/imagew/bg_sign13.jpg) no-repeat;
}
.service-main .title.on .sign{
	background-position: 0 -45px;
}
.service-main .intro{
	padding: 22px 29px 35px;
	border-left: 1px solid #dbdbdb;
	border-right: 1px solid #dbdbdb;
	font-size: 14px;
	line-height: 24px;
	color: #8a8a8a;
	display: none;
}
.video-main{
	width: 680px;
	height: 380px;
	margin: 0 auto;
	padding: 35px 0 105px;
}

/*About*/
.about-ibanner{
	background: url(/imagew/ibanner04.jpg) no-repeat center top;
}
.about-main .tips{
	padding-bottom: 70px;
	font-size: 14px;
	line-height: 28px;
	color: #555;
}
.about-main .tips .img{
	width: 271px;
	height: 162px;
	float: left;
	position: relative;
}
.about-main .tips .img a{
	display: inline-block;
	width: 100px;
	font-weight: bold;
	font-size: 14px;
	line-height: 35px;
	color: #fff;
	padding: 7px 0 0 20px;
	background: url(/imagew/bg_btn05.png) no-repeat;
	position: absolute;
	right: -10px;
	bottom: -10px;
}
.about-main .intro{
	width: 570px;
	float: right;
}
.about-main .intro h2{
	font-size: 18px;
	line-height: 28px;
	color: #39ae36;
	padding-top: 7px;
}
.about-main p.en{
	font-size: 14px;
	line-height: 20px;
	color: #badeb9;
	text-transform: uppercase;
	padding-bottom: 8px;
}
.about-grey{
	padding: 32px 0 55px;
	background: #f2f2f2;
}
.about-care h2{
	font-size: 18px;
	line-height: 58px;
	color: #39ae36;
	padding-bottom: 3px;
	text-align: center;
	background: url(/imagew/bg_sign16.jpg) no-repeat center bottom;
	margin-bottom: 24px;
}
.about-care p{
	font-size: 14px;
	line-height: 24px;
}
.about-care ul{
	width: 930px;
	float: left;
	margin-top: 30px;
}
.about-care li{
	height: 270px;
	background: #fff;
	float: left;
	margin-right: 27px;
	text-align: center;
}
.about-care li p{
	font-size: 12px;
	line-height: 24px;
	padding: 10px 10px 0;
}
.about-care li p.fz14{
	font-size: 14px;
	padding: 27px 10px 0;
}
.about-network{
	width: 560px;
	padding: 60px 320px 60px 0;
	margin: 0 auto;
	font-size: 14px;
	line-height: 30px;
	color: #555;
	background: url(/imagew/bg_bg03.jpg) no-repeat right 60px;
}
.ptno{
	padding-top: 0;
}
.about-list{
	height: 140px;
	padding-top: 18px;
	overflow: hidden;
}
.about-list ul{
	float: left;
	width: 888px;
}
.about-list li{
	width: 210px;
	height: 140px;
	float: left;
	margin-right: 12px;
	display: inline;
}
.brand-main p{
	font-size: 16px;
	line-height: 34px;
	text-align: center;
}
.brand-main .w960{
	padding-bottom: 55px;
}
.brand-main .w960 img{
	display: block;
	margin: 0 auto 45px;
}
.brand-main span.green{
	color: #39ae36;
}
.brand-main span.orange{
	color: #d7590d;
}
.brand-grey{
	padding: 55px 0 90px;
	background: #f2f2f2;
	line-height: 24px;
}
.brand-grey p.green{
	font-size: 18px;
	line-height: 30px;
	color: #39ae36;
	text-align: center;
}
.brand-grey p.orange{
	font-size: 18px;
	line-height: 30px;
	color: #d7590d;
	text-align: center;
}
.dev-warp{
	padding-bottom: 45px;
}
.dev-main{
	width: 882px;
	margin: 0 auto;
	background: url(/imagew/bg_sign17.jpg) repeat-y 427px 0;
}
.dev-main ul{
	float: left;
	width: 898px;
	*padding-bottom: 24px;
}
.dev-main li{
	width: 351px;
	height: 136px;
	padding: 17px 77px 17px 21px;
	background: url(/imagew/bg_li02.png) no-repeat;
	font-size: 14px;
	line-height: 24px;
	float: left;
	margin-bottom: 24px;
}
.dev-main li.right{
	margin-left: -27px;
	padding: 17px 21px 17px 88px;
	background: url(/imagew/bg_li03.png) no-repeat;
}
.dev-main li b{
	color: #d7590d;
}
.media-main{
	width: 888px;
	margin: 0 auto;
	padding-bottom: 138px;
}
.media-main ul{
	float: left;
	width: 908px;
}
.media-main li{
	width: 208px;
	height: 169px;
	float: left;
	margin: 0 19px 11px 0;
	display: inline;
	line-height: 36px;
	color: #888;
	text-align: center;
}
.media-main li .img{
	width: 200px;
	height: 125px;
	padding: 4px;
	background: url(/imagew/bg_shadow10.jpg) no-repeat;
	float: left;
	position: relative;
	overflow: hidden;
}
.media-main li .img img{
	width: 200px;
	height: 125px;
	position: absolute;
	left: 4px;
	top: 4px;
	z-index: 1;
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
	filter: gray;
	-webkit-filter: grayscale(100%);
}
.media-main li .img a:hover img{
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
	-webkit-filter: grayscale(0%);	
}
.media-main li .img img.color{
	display: none;
	z-index: 2;
}
.media-main li.hover .img img.color{
	display: block;
}
.contact-main{
	width: 670px;
	margin: 0 auto;
	padding-bottom: 50px;
}
.contact-main .intro{
	width: 382px;
	padding-left: 37px;
	border-left: 1px solid #e5e5e5;
	float: right;
	font-size: 14px;
	line-height: 30px;
	color: #555;
}
.map{
	height: 350px;
	border-top: 1px solid #ccc;
}

/*Products*/
.products-main{
	height: 765px;
	margin: 0 auto;
	background: url(/imagew/bg_products.jpg) no-repeat center top;
	margin-top: -5px;
}
.products-main .tips{
	padding-top: 65px;
	font-size: 18px;
	line-height: 32px;
	text-align: center;
}
.products-main .tips h2{
	font-weight: normal;
	font-size: 30px;
	line-height: 80px;
	color: #555;
}
.products-main .tips p.en{
	font-size: 14px;
	line-height: 26px;
	color: #a7a7a7;
	text-transform: uppercase;
}
.products-list{
	width: 830px;
	height: 316px;
	margin: 88px auto 0;
	position: relative;
}
.products-list .video{
	width: 154px;
	height: 81px;
	position: absolute;
	right: 93px;
	top: 0;
}
.products-list .video a{
	display: inline-block;
	width: 100%;
	font-weight: bold;
	line-height: 46px;
	color: #fff;
	padding-top: 35px;
	text-align: center;
}
.products-list .title{
	font-weight: bold;
	font-size: 14px;
	line-height: 32px;
	color: #fff;
	padding: 21px 0 25px 30px;
	margin-bottom: 6px;
}
.pro-left{
	width: 211px;
	height: 183px;
	position: absolute;
	left: 0;
	bottom: 23px;
}
.products-list .pro-left .title{
	background: url(/imagew/bg_sign18.png) no-repeat;
	margin-left: -21px;
}
.pro-mid{
	width: 270px;
	height: 273px;
	position: absolute;
	left: 276px;
	bottom: 45px;
}
.products-list .pro-mid .title{
	background: url(/imagew/bg_sign19.png) no-repeat;
	margin-left: -38px;
}
.pro-right{
	width: 189px;
	height: 148px;
	position: absolute;
	right: 10px;
	bottom: -10px;
}
.products-list .pro-right .title{
	background: url(/imagew/bg_sign20.png) no-repeat;
	margin-left: -5px;
}
.proinfo-main .tips{
	width: 852px;
	margin: 0 auto;
}
.proinfo-main .tips .intro{
	width: 367px;
	float: right;
	font-size: 14px;
	line-height: 24px;
}
.proinfo-main .tips h2{
	font-weight: normal;
	font-size: 30px;
	line-height: 48px;
	color: #39ae36;
}
.proinfo-main .tips p.en{
	font-size: 18px;
	line-height: 30px;
	color: #7dc47b;
	text-transform: uppercase;
	padding-bottom: 18px;
	background: url(/imagew/bg_sign16.jpg) no-repeat left bottom;
	margin-bottom: 24px;
}
.proinfo-main .tips .list{
	margin-top: 15px;
	float: left;
	background: none;
	padding: 0;
}
.proinfo-main .tips li{
	width: 58px;
	height: 57px;
	float: left;
	margin: 0 6px 6px 0;
	display: inline;
}
.proinfo-main .tips a.tmall{
	display: inline-block;
	width: 66px;
	font-size: 12px;
	line-height: 32px;
	color: #fff;
	padding-left: 34px;
	margin-top: 15px;
	background: url(/imagew/bg_btntmall.png) no-repeat;
}
.proinfo-main .tips a.tmall:hover{
	background-position: 0 -32px;
}
.proinfo-main .show{
	min-height: 200px;
	height: auot!important;
	height: 200px;
	background: url(/imagew/loading.gif) no-repeat center;
}
.proinfo-main .show img{
	display: none;
}
.proinfo-main .show-main{
	width: 786px;
	margin: 0 auto;
}
.proinfo-main .show-main .intro{
	width: 287px;
	float: left;
	font-size: 14px;
	line-height: 24px;
	color: #e2f1e2;
	text-align: center;
}
.proinfo-main .show-main .intro p.fz18{
	font-size: 18px;
	line-height: 32px;
	padding-top: 8px;
}
.proinfo-main .show-main .intro h2{
	font-size: 24px;
	line-height: 40px;
	color: #fff;
	padding-bottom: 25px;
	background: url(/imagew/bg_sign21.jpg) no-repeat center bottom;
	margin-bottom: 24px;
}
.proinfo-main .show-main .intro img{
	display: block;
	margin: 24px auto;
}
.proinfo-main .list{
	padding: 66px 0 36px;
	background: #f2f2f2;
}
.proinfo-main .list-main{
	width: 980px;
	height: 198px;
	margin: 0 auto;
}
.proinfo-main .list-main .btn{
	width: 30px;
	height: 150px;
	float: left;
	cursor: pointer;
}
.proinfo-main .list-main .btn.prev{
	background: url(/imagew/prev03.png) no-repeat 0 center;
}
.proinfo-main .list-main .btn.next{
	background: url(/imagew/next03.png) no-repeat 0 center;
}
.proinfo-main .list-main .btn.hover{
	background-position: -30px center;
}
.proinfo-main .list-box{
	width: 880px;
	height: 198px;
	float: left;
	margin: 0 20px;
	position: relative;
	overflow: hidden;
}
.proinfo-main .list-box ul{
	width: 908px;
	float: left;
}
.proinfo-main .list-box li{
	width: 200px;
	height: 198px;
	float: left;
	margin-right: 27px;
}
.proinfo-main .list-box li a p{
	font-size: 14px;
	line-height: 48px;
	color: #555;
	text-align: center;
}
.proinfo-main .tec{
	padding: 26px 0 85px;
	width: 880px;
	margin: 0 auto;
}
.proinfo-main .tec .title{
	font-size: 24px;
	line-height: 82px;
	color: #46b643;
}
.proinfo-main .tec .title p.en{
	font-size: 18px;
	color: #b2dcb1;
	text-transform: uppercase;
	padding-left: 8px;
}
.proinfo-main .tec .detail td{
	line-height: 30px;
	padding-left: 19px;
}
.proinfo-main .tec .detail td.bg{
	
}
.proinfo-main .tec p.tip{
	padding: 15px 0 0 19px;
	line-height: 24px;
}
.vide-list{
	width: 880px;
	margin: 0 auto;
	padding-bottom: 55px;
}
.vide-list ul{
	float: left;
	width: 920px;
	*padding-bottom: 25px;
}
.vide-list li{
	width: 390px;
	height: 270px;
	padding: 6px 15px 14px;
	background: #f3f3f3;
	float: left;
	margin: 0 40px 25px 0;
	display: inline;
}
.vide-list li a.tit{
	display: inline-block;
	width: 100%;
	font-weight: bold;
	font-size: 16px;
	line-height: 50px;
	color: #666;
}

.video-box{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 200;
	display: none;
}
.video-bg{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: #000;
	filter:alpha(opacity=30); 
	opacity: 0.3;
}
.video-player{
	width: 640px;
	height: 480px;
	padding: 5px;
	background: #fff;
	position: absolute;
	left: 50%;
	top: 444px;
	margin-left: -320px;
}
.video-player .close{
	width: 35px;
	height: 34px;
	position: absolute;
	right: -54px;
	top: 8px;
	background: url(/imagew/close.png) no-repeat;
	cursor: pointer;
}

.proinfo-main .color{
	width: 880px;
	height: 390px;
	margin: 0 auto;
	padding-top: 30px;
}
.proinfo-main .color .img{
	width: 350px;
	height: 350px;
	float: left;
	margin: 0 25px;
	display: inline;
	position: relative;
	overflow: hidden;
}
.proinfo-main .color .img img{
	position: absolute;
	left: 0;
	top: 0;
	display: none;
}
.proinfo-main .color .intro{
	width: 380px;
	padding-top: 88px;
	float: right;
}
.proinfo-main .color .intro h2{
	font-weight: normal;
	font-size: 24px;
	line-height: 34px;
	color: #4bb848;
}
.proinfo-main .color .intro p{
	font-size: 18px;
	line-height: 24px;
	color: #a3a3a3;
	text-transform: uppercase;
	margin-bottom: 27px;
}
.proinfo-main .color .intro h3{
	font-size: 14px;
	line-height: 34px;
	color: #333;
}
.proinfo-main .color .intro a{
	display: inline-block;
	float: left;
	width: 47px;
	padding-left: 33px;
	line-height: 25px;
	margin: 0 10px 10px 0;
	border: 1px solid #fff;
	background-image: url(/imagew/bg_sign22.jpg);
	background-repeat: no-repeat;
}
.proinfo-main .color .intro a.gray{
	color: #cdcdcd;
	background-position: 5px 0;
}
.proinfo-main .color .intro a.black{
	color: #000;
	background-position: 5px -25px;
}
.proinfo-main .color .intro a.red{
	color: #a24246;
	background-position: 5px -50px;
}
.proinfo-main .color .intro a.green{
	color: #51b372;
	background-position: 5px -75px;
}
.proinfo-main .color .intro a.blue{
	color: #5db0ce;
	background-position: 5px -100px;
}
.proinfo-main .color .intro a.gray.on,.proinfo-main .color .intro a.gray:hover{
	border: 1px solid #cdcdcd;
}
.proinfo-main .color .intro a.black.on,.proinfo-main .color .intro a.black:hover{
	border: 1px solid #000;
}
.proinfo-main .color .intro a.red.on,.proinfo-main .color .intro a.red:hover{
	border: 1px solid #a24246;
}
.proinfo-main .color .intro a.green.on,.proinfo-main .color .intro a.green:hover{
	border: 1px solid #51b372;
}
.proinfo-main .color .intro a.blue.on,.proinfo-main .color .intro a.blue:hover{
	border: 1px solid #5db0ce;
}