@charset "utf-8";
/* CSS Document */
html {
	font: 12px/1.8 "xiaodaofont","\5b8b\4f53",Arial,sans-serif;
	color: #666;
    -ms-text-size-adjust: 100%; 
    -webkit-text-size-adjust: 100%; /*修正手持设备字体变化*/
}
h1,h2,h3,h4,h5,h6{
	font: 12px/1.8 "xiaodaofont",,Arial,sans-serif;
}
@font-face {
 font-family: 'xiaodaofont';
src:url("/font/RobotoCondensed-Regular.ttf");
 src: local('RobotoCondensed-Regular'), 
              local('RobotoCondensed-Regular'), 
              url('/font/RobotoCondensed-Regular.woff') format('woff'), 
              url('/font/RobotoCondensed-Regular.ttf') format('truetype'), 
}
html,body{
	min-width: 1000px;
}
A:link {
	COLOR: #555; TEXT-DECORATION: none; outline-style: none
}

A:hover {
	COLOR:#008f3a; TEXT-DECORATION:none;
}
A:visited {
	COLOR: #555; TEXT-DECORATION:none;
}
.w1000{
	width: 1000px;
	margin:0 auto;
	position: relative;
}
.header{
	width: 100%;
	height: 120px;
	background: #fdfdfd;/*1e2226*/
	background:url(../images/top_bj.jpg); 
	position: fixed;
	background-position:left top;
	background-repeat:no-repeat;
	left: 0;
	top: 0;
	z-index: 10000;
}
.header .logo{
	/*position: absolute;
	left: 0;
	top: 0;*/
	float:left;
}

.header .cnen{
	/*position: absolute;
	left: 0;
	top: 0;*/
	float:right;
	font-size:14px;
	color:#8a8c8e;
	line-height:30px;
	margin-top:30px;
}
.header .cnen span{ float:left;
}
.header .cnen li{
    float:left;
	width:30px; 
	height:30px;
	margin-left:4px;
	font-size:14px;
}

.header .cnen li a{ display:block; background-color:#8a8c8e; border-radius:25px; text-align:center; line-height:30px; color:#fff; transition: all 500ms ease-in 0ms;}
.header .cnen li a:hover{ background:url(../images/cnen_01.png); background-position:bottom; /*background-color:#008f3a;*/}

/*
.header .search .key{-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}

.header .cm{float:right;}
.header .search{float:none;top:9px;right:0px;z-index:10; border:0px none;}
.header .search .key{width:0px;height:24px;line-height:24px;border:1px transparent solid;border-left-color:#1e2226;font-size:14px;color:#666; border:0px none;}
.header .search.show .key{width:120px;border:1px #1e2226 solid;border-radius:20px;padding:0 10px;}
.header .search .btn{width:20px;height:24px;float:none;overflow:hidden;text-indent:-999px;cursor:pointer; background:url(../images/input.png) no-repeat; border:0px none;}
*/
#x_yinying{
width:100%;
background-image:url(../images/yinying.png);
border-radius:0px;
overflow:hidden;
height:14px;
position:fixed;
top:120px;
z-index:12220;

}
.navigation {
	  OVERFLOW: visible; height:40px; z-index:9999; border:0px solid #e2e2e2;margin:0px 0px 0px 0px;
}
.menu {
	Z-INDEX: 300; WIDTH:720px; POSITION: relative; height:40px;margin:30px auto 0px auto;BACKGROUND: url(../images/nav_bj11.png) no-repeat 0px 0px;
}
.menu LI {
	FONT-SIZE: 18px;color:#333;  FLOAT: left;height:40px;line-height:40px;TEXT-ALIGN: center;padding:0px 18px; margin-top:50px;
}
.menu LI.homepage{
	BACKGROUND: none transparent scroll repeat 0% 0%;border-left:0px solid #e5e5e5;
}
.menu LI A:link {
	DISPLAY: block;  MARGIN: 0px; COLOR: #333;TEXT-DECORATION: none;
}
.menu LI A:visited {
	DISPLAY: block; MARGIN: 0px; COLOR: #333;TEXT-DECORATION: none;
}
.menu LI A:hover {
	COLOR: #008f3a; border-radius:0px;TEXT-DECORATION:none;background-position:top;
}
.menu LI.current_page_item A:link {
	COLOR: #ff0
}
.menu LI.current_page_item A:visited {
	COLOR: #ff0
}
.menu LI.current_page_item A:hover {
	COLOR: #ff0
}
.menu LI.current-menu-item A:link {
	COLOR: #ff0
}
.menu LI.current-menu-item A:visited {
	COLOR: #ff0
}
.menu LI.current-menu-item A:hover {
	COLOR: #ff0
}
.menu UL {
	Z-INDEX: 300; POSITION: relative;filter:alpha(opacity=100);opacity:1;
}
.menu LI {
	POSITION: relative
}
.menu LI UL {
	DISPLAY: none;PADDING-BOTTOM: 0px; width:135px;PADDING-TOP: 0px; POSITION: absolute; TOP:43px
}
.menu LI UL LI {
BACKGROUND: none transparent scroll repeat 0% 0%; MARGIN: 0px auto; width:118px;padding:0px 0px 0px 0px;line-height:20px; BORDER-BOTTOM: #2aa8df 1px solid; color:#FFFFFF; text-align:center;
}
.menu LI UL LI:hover {
	COLOR: #D2070D;height:26px;line-height:26px; 
}
.menu LI UL LI span{
	padding-left:0px;
}
.menu LI UL LI A:hover,.menu LI UL LI:hover a {
	COLOR: #D2070D; text-decoration:none;
}

.header .menu{
	width:700px;
	margin:0 auto;
}
.header .menu dl{
}
.header .menu dd{
	float: left;
	width: 103px;
	height: 120px;
	text-align: center;
	position: relative;
	/*margin:0 1px;*/
	border-left: 1px solid #1e2226;
	border-right: 1px solid #1e2226;
}
.header .menu dd:hover,
.header .menu dd.cur{
	border-color: #008f3a;
}
.header .menu dd i{
	display: block;
	width: 34px;
	height: 34px;
	margin:0;
}
.header .menu dd i.circle{
	position: absolute;
	left: 34px;
	top: 58px;
	background: url(../images/bg_sig04.png) no-repeat 0 0;	
}

@keyframes circle-in{
	0% {
		transform: rotateX(90deg);
	}
	100% {
		transform: rotateX(0deg);
	}
}
.header .menu dd:hover i.circle{
	background-position: 0 bottom;
	animation: circle-in 1s forwards;
}
.header .menu dd.cur i.circle{
	background-position: 0 bottom;
}
.header .menu dd i.sign{
	background-position: 0 0;
	background-repeat: no-repeat;
	margin:58px auto 0;
	/*background: url(../img/home_04.png) no-repeat 0 0;*/
	/*transition: all 500ms ease-in 0ms;*/
}
.header .menu dd.cur i.sign,
.header .menu dd:hover i.sign{
	background-position: 0 bottom;
}
.header .menu dd i.sign0{
	background-image: url(../images/home_04.png);
}
.header .menu dd i.sign1{
	background-image: url(../images/home_05.png);
}
.header .menu dd i.sign2{
	background-image: url(../images/home_06.png);
}
.header .menu dd i.sign3{
	background-image: url(../images/home_07.png);
}
.header .menu dd i.sign4{
	background-image: url(../images/home_08.png);
}
.header .menu dd i.sign5{
	background-image: url(../images/home_09.png);
}

.header .menu dd span{
	display: block;
	width: 105px;
	line-height: 30px;
	text-align: center;
	background: #008f3a;
	color: #fff;
	position: absolute;
	left: -1;
	top: 120px;
	opacity: 0;
	filter: alpha(opacity=0);
	height: 0;
	font-size:14px;

	/*transition: all 500ms ease-in 0ms;*/
}
.footer{
	background: #fff;
	overflow: hidden;
	color: #777;
	padding:25px 0;
	position: relative;
	z-index: 1;
}
.footer a{
	color: #777;
	transition: all 500ms ease-in 0ms;
}
.footer a:hover{
	color: #ebb100;
}
.footer .left{
	padding-left: 30px;
	float: left;
}
.footer .left a{
	display: inline-block;
	margin:0 10px;
}
.footer .fr{
	padding-right: 30px;
}
/*home*/
/*banner*/
.banner{
	width: 100%;
	height: 800px;
	position:fixed;
	top: 120px;
	left: 0;
	z-index: 1;
	border:0px solid #0033CC;
}
.banner ul{
	width: 100%;
	height: 800px;
}
.banner li{
	width: 100%;
	height: 800px;
	position: absolute;
	left: 0;
	top: 0;
}
.banner li a{
	display: block;
	width: 100%;
	height: 800px;
}
.banner .number{
	width: 100%;
	height: 3px;
	position: absolute;
	left: 0;
	bottom: 30px;
	text-align: center;
}
.banner .number span{
	display: inline-block;
	width: 50px;
	height: 3px;
	background: #fff;
	margin:0 5px;
	cursor: pointer;
}
.banner .number span:hover,
.banner .number span.on{
	background: #ebb100;
}
.i-wrap{
	width: 100%;
	position: relative;
	margin-top: 920px;
	/*padding-top: 756px;*/
	z-index: 2;
}

.i-wrap .title,
.in-wrap .title{
	text-align: center;
}
.i-wrap .title span,
.in-wrap .title span{
	display: inline-block;
	margin:0 8px;
}
.i-wrap .title .cn,
.in-wrap .title .cn{
	color: #000;
	font-size: 36px;
}
.i-wrap .title .en{
	font-size: 36px;
	color: #333;
	text-transform: uppercase;
	font-family: arial;
}
.i-wrap .hr{
	width: 50px;
	height: 3px;
	background: #ebb100;
	margin:0 auto;
}

/************************ 首页 about **************************/
.i-pro{
	height: 800px;
	width: 100%;
	background: url(../images/bg_01.jpg) no-repeat top center /*fixed*/ #e7e7e7;
}
.i-aboutb{
	padding-top: 100px;
}

.i-aboutlist{
	position: relative;
}
.i-aboutlist .ab{
	width: 1200px;
	margin:0 auto;
	position:relative;
}
.i-aboutlist .abo{ width:365px; height:430px; padding:30px 40px 0 50px; background-color:#f5f5f7;}
.i-aboutlist .en{ width:100%; color:#008f3a; font-weight:bold; font-size:32px; text-transform:uppercase; height:62px; line-height:62px;}
.i-aboutlist .cn{ width:100%; color:#1e2226; font-weight:bold; font-size:22px;}
.i-aboutlist .bod{ width:40px; height:2px; background:#dddddf; margin:30px 0;}
.i-aboutlist .memo{ width:100%; color:#515151; font-size:14px; line-height:22px; height:204px; overflow:hidden;}
.i-aboutlist a .more{ width: 140px;	height: 38px; line-height: 38px; color: #fff; text-align: center; border-radius: 50px; transition: all 500ms ease-in 0ms; background:#008f3a; border:1px solid transparent;}
.i-aboutlist a:hover .more{	background: #fff; color: #008f3a; border-color:#008f3a;}
.i-aboutlist .tz{ width:220px; height:108px; margin-top:12px; float:left;}
.i-aboutlist .tz a{ display:block; width:160px; height:68px; padding:20px 30px; transition: all 500ms ease-in 0ms; background-color:#f5f5f7;}
.i-aboutlist .tz a:hover{background-color:#008f3a;}
.i-aboutlist .w15{ margin-right:15px;}

.i-aboutlist .pic1{ width:55px; height:60px; background:url(../images/ab_01.png) top; transition: all 500ms ease-in 0ms; float:left; margin-right:10px;}
.i-aboutlist a:hover .pic1{ background:url(../images/ab_01.png) bottom;}
.i-aboutlist .pic2{ width:55px; height:60px; background:url(../images/ab_02.png) top; transition: all 500ms ease-in 0ms; float:left; margin-right:10px;}
.i-aboutlist a:hover .pic2{ background:url(../images/ab_02.png) bottom;}

.i-aboutlist .tcn{ color:#008f3a; font-size:16px; float:left; padding-top:6px; transition: all 500ms ease-in 0ms;}
.i-aboutlist .ten{ color:#008f3a; font-size:18px; text-transform:uppercase;padding-top:10px;float:left; transition: all 500ms ease-in 0ms;}
.i-aboutlist a:hover .tcn{ color:#fff;}
.i-aboutlist a:hover .ten{ color:#fff;}




/************************ 首页 品牌优势 **************************/
.i-market{
	height: 910px;
	width: 100%;
	position: relative;
	background: #fff;
	background: url(../images/bg_02.jpg) no-repeat top center /*fixed*/ #e7e7e7;
}
.i-market .cn{ font-size:32px; color:#008f3a; text-align:center; width:100%; padding-top:70px;}
.i-market .en{ font-size:22px; color:#ccc; text-align:center; width:100%; font-weight:bold; margin-bottom:70px;}
.i-market .brand{ width:1200px; position:relative; margin:0 auto;}
.i-market .brand li{ width:285px; height:485px; float:left;}
.i-market .brand li a{ width:285px; height:485px; display:block; background:#f5f5f5; transition: all 500ms ease-in 0ms;}
.i-market .brand li a:hover{ background:#008f3a;}
.brand li a .pic{ width:285px; height:215px; transition: all 500ms ease-in 0ms;}
.brand li a:hover .pic{ width:275px; height:210px; padding:5px 5px 0px;}
.brand li a .bod{ width:56px; height:56px; border:2px solid #8b8b8b; border-radius:50px; text-align:center; line-height:58px; margin:50px auto 0; color:#8b8b8b; font-size:20px; font-family:Arial, Helvetica, sans-serif; transition: all 500ms ease-in 0ms;}
.brand li a:hover .bod{ background-color:#fff; border-color:#fff; color:#008f3a;}
.brand li a .tit{ width:100%; font-size:22px; color:#8b8b8b; line-height:66px; text-align:center; transition: all 500ms ease-in 0ms;}
.brand li a:hover .tit{ color:#fff;}
.brand li a .bd{ width:40px; height:4px; background-color:#008f3a; margin:30px auto 0;}
.br20{ margin-right:20px;}
.case_box{position:relative; }   
.case_hover { background:rgba( 58, 129, 196,0); width:100%; height:90px; color:#FFFFFF; position: absolute; bottom:0; transition: all 500ms ease-in 0ms;}
.case_memo{ width:80%; margin-left:10%; color:#fff; line-height:22px; height:44px; overflow:hidden;}



/************************ 首页 代理优势 **************************/
.i-history{
	width: 100%;
	height: 740px;
	background: url(../images/bg_03.jpg) no-repeat top center /*fixed*/ #e7e7e7;
}
.i-history .cn{ width:100%; text-align:center; font-size:22px; color:#fff;}
.i-history .en{ width:100%; text-align:center; font-size:32px; color:#fff; font-weight:bold; margin-bottom:90px;}

.i-hisbox{
	position: relative;
}
.i-historyb{
	padding-top: 80px;
}
.i-hisbox .w1180{ width:1180px; height:auto; margin:0 auto;}
.i-hisbox li{ width:236px; height:410px; float:left;}
.i-hisbox li a{ width:236px; height:380px; padding-top:30px; display:block; border-radius:8px; transition: all 500ms ease-in 0ms;}
.i-hisbox li a:hover{ background:rgba(200,160,99,0.8);}
.i-hisbox li a .bod{ width:98px; height:98px; border-radius:50px; background:#fff; margin:0 auto;}
.i-hisbox li a .tit{ width:100%; color:#4d5159; font-size:16px; text-align:center; line-height:74px; transition: all 700ms ease-in 0ms;}
.i-hisbox li a .memo{ width:84%; margin-left:8%; color:#4d5159; line-height:20px; height:40px; overflow:hidden; text-align:center; transition: all 700ms ease-in 0ms;}
.i-hisbox li a:hover .tit{ color:#fff;}
.i-hisbox li a:hover .memo{ color:#fff;}
.i-hisbox .bd{ width:32px; height:3px; background:#fff; margin:60px auto 0px;}


/************************ 首页 加盟中心 *************************/
.i-news{
	height: 730px;
	width: 100%;
	background: url(../images/bg_05.jpg) no-repeat top center /*fixed*/;
}
.i-news .cn{ font-size:32px; color:#008f3a; text-align:center; width:100%; padding-top:40px;}
.i-news .en{ font-size:22px; color:#ccc; text-align:center; width:100%; font-weight:bold; margin-bottom:60px;}
.i-newsd{ width:1200px; height:auto; margin:0 auto;}
.i-newsd ul{ width:1260px; height:auto; margin:0 auto;}
.i-news li{ width:375px; height:485px; float:left; position:relative; margin:0px 38px 0px 0px;}
.i-news li a{ width:375px; height:485px; display:block; background:#fefefe; transition: all 500ms ease-in 0ms;}
.i-news li a:hover{ background:#008f3a;}
.i-news .top{ width:100%; height:3px; background:#008f3a;}
.i-news .pic{ width:100%; height:225px;}
.i-news li .tit{ width:100%; color:#6d6d6d; font-size:20px; text-align:center; margin-top:48px;}
.i-news li:hover .tit{ color:#fff;}
.i-news li .bd{ width:84%; height:2px; background:#c4c4c4; margin-left:8%; margin-top:24px; margin-bottom:20px;}
.i-news li .memo{ width:84%; line-height:24px; height:74px; overflow:hidden; color:#6d6d6d; margin-left:8%;}
.i-news li:hover .bd{ background:#fff;}
.i-news li:hover .memo{ color:#fff;}
.i-news li .more{ width:18px; height:18px; margin-top:15px; float:right; margin-right:8%; background:url(../images/ne_01.png) left no-repeat; transition: all 500ms ease-in 0ms; border-radius:50px;}
.i-news li:hover .more{background:url(../images/ne_01.png); background-position:right;}
.i-news li .bottom{ width:100%; height:5px; background:#008f3a; position:absolute; bottom:0;}
.i-news li:hover .bottom{background:#d1d1d1;}
.i-news .r37{ margin-right:37px;}


/************************ 首页 合作媒体 *************************/
.i-link{
	height: 385px;
	width: 100%;
	background:#fff;
}
.i-link .tit{ width:1200px; margin:0 auto; color:#008f3a; text-align:center; font-size:32px; margin-bottom:15px; position:relative;}
.i-link .bod{ width:1200px; height:1px; background-color:#008f3a; position:absolute; bottom:50%;}

.x_main5_content{width:1200px;border-top:none; border:0px solid #FF0000; overflow:hidden;margin:0px auto 20px auto;} 
.x_main5_content1{width:1120px;overflow:hidden;  margin:0px auto; border:0px solid #330000;} 
.x_main5_content1 ul{width:6000px; overflow:hidden; } 
.x_main5_content1 ul li{position:relative; float:left; width:170px; height:210px; display:inline;padding:0px 0px 0px 0px;border:0px solid #dedede;  margin:0px 18px 10px 0px } 
.x_main5_content1 ul li img{width:170px;height:164px; border:1px solid #ddd;padding:0px;} 
.x_main5_content1 ul li img{
    max-width:100%;
    max-height:100%;
    transition:transform 0.6s;
    -webkit-transition:-webkit-transform 0.6s;}
.x_main5_content1 ul li p{ text-align:center; padding:6px 0px; font-size:14px; line-height:20px;font-weight:normal;} 
.x_main5_content1 ul li h4{font-size:14px;font-weight:normal; line-height:18px; color:#999; text-align:left;} 
.x_scrool_leftbtn{width:29px; height:40px; background-image:url(/templates/cn2014/images/left.png); float:left; margin-top:60px; cursor:pointer;} 
.x_scrool_rightbtn{width:29px; height:40px;background-image:url(/templates/cn2014/images/right.png); float:right;margin-top:60px; cursor:pointer;} 
.i-prob{
	padding-top: 55px;
}
.i-prolist{
position: relative; width:1060px;
	/*margin-top: 64px;*/
}
.i-prolist .bd{
	overflow: hidden;
}
.i-prolist ul{
	width: 1208px;
}
.i-prolist ul li{
	width:170px;
	height:200px;
	background: #fff;
	margin-right: 27px;
	position: relative;
	cursor: pointer; 
}
.i-prolist ul li p{
text-align:center;
}
.i-prolist li p a{
text-align:center;
color:#666666;
}
.i-prolist li p a:hover{
text-align:center;
color:#008f3a;
}
.i-prolist .prev,
.i-prolist .next{
	display: block;
	cursor: pointer;
	width: 39px;
	height: 39px;
	background-image: url(../images/bt1.png);
	background-repeat: no-repeat;
	cursor: pointer;
	position: absolute;
	top: 50px;
}
.i-prolist .prev{
	background-position: left top;
	left: -69px;
}
.i-prolist .next{
	background-position: left bottom;
	right: -69px;
}
.i-prolist .prev:hover{
	background-position: right top;
}
.i-prolist .next:hover{
	background-position: right bottom;
}


/************************ 首页 联系我们 *************************/

.i-contact { width:100%; height:280px; background: url(../images/bg_06.png) no-repeat top center /*fixed*/ #181818; position:relative; z-index:9;}
.i-contact .cont{ width:1200px; height:auto; margin:0 auto;}


.form-controls {
  display: block;
  width: 320px;
  padding-left:16px;
  height: 30px;
  float:left;  
  line-height:30px;
  color: #fff;
  vertical-align: middle;
  background-color: transparent;  
  background-image: none;  
  border:0 none;
  border:1px solid #fff;
  border-radius: 0px;
  margin-bottom:16px;
/*  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
          transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;*/
}

.form-controls:focus {
  border-color:none;  
  outline: 0;
  background:transparent;
  color:#fff;
 /*-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(199, 199, 199, 1);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(199, 199, 199, 1);*/
	  
}


.form-controls3 {
  display: block;
  width:690px;
  padding-left:16px; 
  padding-top:12px;
  float:left;
  height:60px;
  line-height:20px;
  color: #fff;
  vertical-align: middle;
  background-color: transparent;  
  background-image: none;
  border:0px none;
  border:1px solid #fff;
  border-radius: 0px;
    margin-bottom:20px;
 
/*  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
          transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;*/
}

.form-controls3:focus {
  border-color:none;  
  outline: 0;
  background:transparent;
  color:#fff;

 /*-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(199, 199, 199, 1);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(199, 199, 199, 1);*/
}

.botton{ width:135px; height:40px; line-height:40px; border-radius:20px; background:#008f3a; color:#fff; border:0px none; float:left;}



/************************ 首页 底部版权 *************************/

.db{ width:100%; height:110px; border-top:1px solid #202020; background:#181818; position: relative; z-index:9;}
.dbbq{ width:1200px; height:auto; margin:0 auto;}
.dbbq .left{ width:700px; float:left; padding-top:34px; font-size:14px;}
.dbbq .right{ width:460px; float:right;}
.dbbq .right li{ float:right; color:#878787; font-size:14px;}
.dbbq .right li a{ padding:0 18px; display:block; color:#878787;}
.dbbq .right li a:hover{ color:#fff;}

.dbbq .c{width:100%; height:auto; overflow:hidden; float:left; margin-top:34px; margin-bottom:0px;}
.dbbq .cc a{ width:20px; height:20px; border-radius:50px; background:#333; float:right; margin-left:6px;}
.dbbq .cc a:hover{  background:#999;}

.in-wrap,
.pro-wrap{
	width: 100%;
	/*margin-top: 88px;*/
	padding-top: 88px;
	overflow: hidden;
	position: relative;
}
/*pro-wrap*/
.pro-wrap ul{
	position: absolute;
	left: 0;
	/*top: 0;*/
	top: 88px;
}
.pro-wrap li{
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}
.mark-wrap li .ycon{
	width: 100%;
	color: #fff;
	text-align: center;
	position: absolute;
	left: 0;
	bottom: 60px;
}
.mark-wrap li .ctit{
	display: block;
	font-size: 18px;
}
.mark-wrap li .etit{
	display: block;
	font-family: arial;
}
.mark-wrap li .bg{
	width: 100%;
	height: 100%;
	background: #ffa800;
	/*opacity: 0.7;
	filter: alpha(opacity=70);*/
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	filter: alpha(opacity=0);
}
.mark-wrap li .con{
	width: 100%;
	position: absolute;
	left: 0;
	top: 50%;
	/*margin-top: -190px;*/
	margin-top: -140px;
	text-align: center;
	opacity: 0;
	filter: alpha(opacity=0);
}
.mark-wrap li h2{
	font-size: 40px;
	color: #fff;
}
.mark-wrap li hr{
	display: block;
	width: 30px;
	height: 4px;
	background: #fff;
	border:0;
	margin:13px auto 0;
}
.mark-wrap li h3{
	color: #fff;
	font-size: 14px;
	padding:0 10%;
	margin:50px auto 0;
}
.mark-wrap li .more{
	width: 196px;
	height: 44px;
	line-height: 44px;
	border:2px solid #fff;
	color: #fff;
	font-size: 20px;
	font-family: arial;
	transition: all 500ms ease-in 0ms;
	border-radius: 50px;
	cursor: pointer;
	position: absolute;
	bottom: 11%;
	left: 50%;
	margin-left: -100px;
	text-align: center;
	opacity: 0;
	filter: alpha(opacity=0);
	margin-bottom: 50px;
}
.mark-wrap li .more:hover{
	background: #fff;
	border-color: #fff;
	color: #ffa800;
}
.pro-wrap .prev,
.pro-wrap .next{
	width: 44px;
	height: 70px;
	position: absolute;
	top: 50%;
	margin-top: -35px;
	transition: all 500ms ease-in 0ms;
	cursor: pointer;
	opacity: 0.4;
	filter: alpha(opacity=40);
}
.pro-wrap .prev:hover,
.pro-wrap .next:hover{
	/*background-color: #ebb100;*/
	opacity: 0.8;
	filter: alpha(opacity=80);
}
.pro-wrap .prev{
	left: 0;
	background: url(../images/btn2.png) no-repeat 13px center #fff;
}
.pro-wrap .next{
	right: 0;
	background: url(../images/btn2.png) no-repeat -30px center #fff;
}

.prob-wrap li .img{
	position: absolute;
	display: block;
}
.prob-wrap li .ycon{
	width: 100%;
	text-align: center;
	padding-bottom: 50px;
	position: absolute;
	bottom: 0;
	left: 0;
}
.prob-wrap li h2{
	font-size: 24px;
	color: #111111;
}
.prob-wrap li .ycon h3{
	font-family: arial;
	color: #111111;
}
.prob-wrap li .ycon hr{
	border:0;
	background: #111111;
	width: 70px;
	height: 1px;
	display: block;
	margin:17px auto 0;
}
.prob-wrap li .con{
	width: 100%;
	background: #fbfbfb;
	text-align: center;
	position: absolute;
	/*bottom: 0;*/
	left: 0;
	padding-top: 20px;
	padding-bottom: 30px;
	
	bottom: -50px;
	opacity: 0;
	filter: alpha(opacity=0);
}
.prob-wrap li .con h4{
	color: #666;
}
.prob-wrap li .con .more{
	width: 128px;
	height: 32px;
	text-align: center;
	line-height: 32px;
	border:1px solid #cccccc;
	color: #666666;
	font-family: arial;
	transition: all 500ms ease-in 0ms;
	margin:21px auto 0;
	border-radius: 50px;
}
.prob-wrap li .con .more:hover{
	background: #ebb100;
	color: #fff;
	border-color: #ebb100;	
}



/************    内页banner  and  栏目   *************/

.ab_banner{ width:100%; height:405px; position:relative; margin-top:120px; left:0; z-index:1;}

.class{ width:1200px; height:46px; margin:0px auto 0; position:relative; z-index:3;}
.class li{ height:46px; line-height:46px; float:left; font-size:16px; margin-right:20px;}
.class li a{ padding:0 28px; height:46px; display:block; color:#444; background:#f8f8f8; border-radius:50px;transition: all 300ms ease-in 0ms;}
.class li a:hover{color:#fff; background:#008f3a;}
.class li.hover a{color:#fff; background:#008f3a;}
.classc{ width:1200px; height:46px; margin:-23px auto 0; position:relative; z-index:3;}
.classc li{ height:46px; line-height:46px; float:left; font-size:16px; margin-right:10px;}
.classc li a{ padding:0 55px; height:46px; display:block; color:#999; background:#fff; border-radius:50px;transition: all 300ms ease-in 0ms;}
.classc li a:hover{color:#fff; background:#008f3a;}
.classc li.hover a{color:#fff; background:#008f3a;}


/************    about   us   *************/
.about{
	width: 100%;
	position: relative;
	/*margin-top: 525px;*/
	z-index: 2;
	margin-top:-23px;
	}
.a-about{
	height:auto;
	width: 100%;
	background: url(../images/about_01.jpg) no-repeat top center /*fixed*/ #f4f4f4;
	padding-bottom:90px;
	padding-top:80px;
}
.a-about .about{ width:1080px; height:auto; padding:40px 60px; margin:0 auto; background:#fff;}
.about_tit{ width:100%; border-bottom:1px solid #ecddc6; height:62px; margin-bottom:60px;}
.about_tit1{float:left; line-height:62px; color:#1e2226; font-size:30px;}
.about_tit2{float:left; color:#008f3a; font-size:18px; padding-top:20px; padding-left:15px; font-family:'Times New Roman', Times, serif;}
.about_tit3{float:right; color:#898989; font-size:14px; line-height:24px; padding-top:30px;}
.about_tit3 a{color:#898989;}
.about_tit3 a:hover{color:#008f3a;}
.about_memo{ width:100%; height:auto; font-size:14px; color:#353535; line-height:34px;}


/************    news    *************/

.a-about .news{ width:1140px; height:auto; padding:40px 30px; margin:0 auto; background:#fff; overflow:hidden;}
.news_tit{ width:100%; border-bottom:1px solid #ecddc6; height:62px; margin-bottom:30px;}
.news li{ width:1138px; height:190px; border:1px solid #f5f5f5; float:left; margin-bottom:32px;}
.news li a{ width:1118px; height:170px; padding:10px; display:block; transition: all 500ms ease-in 0ms;}
.news li a:hover{ background:#008f3a;}
.news li a img{ width:295px; height:170px; float:left; margin-right:60px;}
.news li a .tit{ width:730px; height:56px; line-height:56px; color:#565656; font-size:16px; float:left; transition: all 300ms ease-in 0ms;}
.news li a .memo{ width:730px; height:60px; line-height:30px; overflow:hidden; color:#a5a5a5; float:left; transition: all 300ms ease-in 0ms;}
.news li a .time{ width:730px; height:24px; line-height:24px; color:#a5a5a5; float:left; margin-top:24px; transition: all 300ms ease-in 0ms; font-family:Arial, Helvetica, sans-serif;}
.news li a .tb{ width:24px; height:24px; float:right; background:url(../images/news_01.png) no-repeat right; border-radius:50px; transition: all 500ms ease-in 0ms;}
.news li a:hover .tit{ color:#fff;}
.news li a:hover .memo{ color:#fff;}
.news li a:hover .time{ color:#fff;}
.news li a:hover .tb{  background:url(../images/news_01.png) no-repeat left;}



/************    产品引导    *************/

.protype{ width:100%; height:auto; overflow:hidden; position:relative; margin-top:120px;}
.protype li{ width:33.333%; height:auto; float:left; overflow:hidden;}
.protype li a{ display:block;}
.protype li a img{ width:100%;}
.protype li a .tit{ width:60%; margin-left:20%; height:46px; line-height:46px; color:#fff; font-size:24px; text-align:center; background:rgba(70,73,76,0.6); position:absolute; bottom:0;}

.protype li a .nextpage{
	width: 18px;
	height: 19px;
	background: url(../images/v-09.png) no-repeat center;
	left: 80%;
	bottom: 10px;
	animation: start 1.2s infinite linear;
	cursor: pointer;
}
.protype_box{position:relative;}   
.protype_hover { background:#008f3a; width:59%; margin-left:5%; padding:40px 25% 0 6%; height:240px; color:#FFFFFF; position: absolute; bottom:0px;}
.protype li a .titc{ font-size:25px; color:#fff; border-bottom:1px solid #fff; line-height:44px;}
.protype li a .memoc{ color:#fff; border-bottom:1px solid #fff; line-height:30px;}



/************    contact us   *************/

.contact{ width:96%; margin:0 auto; height:auto; font-size:14px; color:#353535; line-height:34px;}
.contact .tit{ width:100%; font-size:18px; line-height:34px; height:34px; color:#008f3a; font-weight:bold; margin-bottom:20px;}
.contact .memo{ width:100%; font-size:14px; height:auto; color:#333131;}
.contact .map{ width:100%; height:350px; margin-top:60px;}
.map_left{ width:245px; height:210px; padding-top:140px; float:left; background:url(../images/contact.jpg) no-repeat;}
.map_right{ width:790px; height:350px; float:left; }



.page{
	clear: both;
	padding-top: 40px;
	text-align: center;
}
.page a{
	display: inline-block;
	background: #fff;
	padding:0 6px;
	border:1px solid #fff;
	margin:0 6px;
	color: #888;
	cursor: pointer;
}
.page a:hover,
.page a.active{
	border-color: #ffa70d;
	color: #ffa70d;
}
.goback{
	/*width: 118px;
	height: 34px;
	line-height: 34px;*/
	/*border:1px solid #cccbcd;*/
	text-indent: 52px;
	float: right;
	/*background: url(../img/gob.png) no-repeat 20px center;
	border-radius: 50px;
	transition: background-color 500ms ease-in 0ms;*/
	background: url(../img/gobbg.png) no-repeat 0 0;
	width: 120px;
	height: 36px;
	line-height: 36px;
	color: #666666;
}
.goback:hover{
	/*background-color: #ffa800;*/
	color: #fff;
	/*border-color: #ffa800;
	background-image: url(../img/gobw.png);*/
	background-position: 0 bottom;
}
.new-wrap .prne a.goback{
	margin-top: -36px;
}
.new-wrap .prne a.goback:hover{
	color: #fff;
}
.zttc,
.zttct{
	width: 600px;
	height: 316px;
	background: #fff;
	position: fixed;
	left: 50%;
	top: 50%;
	z-index: 21;
	margin-left: -300px;
	margin-top: -158px;
	display: none;
}
.zttc h2,
.zttct h2{
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	height: 45px;
	line-height: 45px;
	padding-left: 27px;
	background: #fbbe00;
}
.zttc .con,
.zttct .con{
	padding:15px 40px 0 40px;
}
.zttc .con .left{
	width: 250px;
	float: left;
}
.zttc .con .left h3{
	color: #222222;
	font-size: 20px;
}
.zttc .con .left .hr{
	height: 1px;
	background: #d0cfd2;
}
.zttc .con .left .hr i{
	display: block;
	height: 1px;
	width: 60px;
	background: #eab309;
}
.zttc .con .left .txt{
	
	padding-top: 15px;
}
.zttc .con .left .txt .p1{
	overflow: hidden;
}
.zttc .con .left .txt .img{
	float: left;
	margin-top: 3px;
}
.zttc .con .left .txt .txt1{
	/*line-height: 28px;*/
	display: inline-block;
	/*padding-left: 10px;*/
	float: left;
	width: 218px;
	padding:3px 0 3px 10px;
}
.zttc .con .right{
	width: 150px;
	float: right;
	text-align: center;
}
.zttc .con .right p{
	font-size: 14px;
	padding:3px 0 10px 0;
}
.zttc .close,
.zttct .close{
	width: 45px;
	height: 45px;
	background: url(../img/close.png) no-repeat center #e5ad00;
	position: absolute;
	right: 0;
	top: 0;
	cursor: pointer;
}
.zttct .con .left{
	width: 180px;
	height: 220px;
	font: lighter;
}
.zttct .con .right{
	width: 290px;
	float: right;
}
.zttct .con .right h3{
	color: #222222;
	font-size: 20px;
}
.zttct .con .right .hr{
	height: 1px;
	background: #d0cfd2;
}
.zttct .con .right .hr i{
	display: block;
	height: 1px;
	width: 60px;
	background: #eab309;
}
.zttct .con .right .txt{
	
	padding-top: 15px;
}
.zttct .con .right .txt .p1{
	overflow: hidden;
}
.zttct .con .right .txt .img{
	float: left;
	margin-top: 3px;
}
.zttct .con .right .txt .txt1{
	display: inline-block;
	float: left;
	width: 259px;
	padding:3px 0 3px 10px;
}

.hr-wrap{
	background: url(../img/hrinfo.jpg) no-repeat top center fixed;
}
.hr-wrap .con{
	overflow: hidden;
	padding-bottom: 50px;
}
.hr-wrap h3{
	color: #ffffff;
	text-align: center;
	padding-bottom: 20px;
	opacity: 0.6;
}
.hr-wrap .hr-info{
	width: 100%;
}
.hr-wrap .hr-info th{
	font-size: 24px;
	color: #333;
	border-bottom: 1px solid #e6e6e6;
	font-weight: normal;
	text-align: left;
}
.hr-wrap .hr-info td{
	padding:2px;
}
.hr-wrap .hr-info td.ww{
	width: 255px;
}
.hr-wrap .more{
	width: 172px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	display: block;
	margin-top: 35px;
	font-size: 14px;
	color: #fff;
	background: #ffa800;
	opacity: 0.8;
}
.hr-wrap .more:hover{
	opacity: 1;
}
.hr-wrap .goback{
	margin-top: 105px;
}

.leftsead{
	/*width:200px;*/
	width: 72px;
	position:fixed;
	top:50%;
	right: 0;
	/*margin-top: -200px; */
	z-index:100;
}
.leftsead li{
	width:100%;
	height:72px;
	margin-top:1px;
	clear: both;
	float: right;
	position: relative;
}
.leftsead li .a{
	display: block;
	float: right;
	height:72px;
	min-width:72px;
	max-width:232px;
}
.leftsead .shows{
	float: right;
	width: 72px;
	height: 29px;
	color: #fff;
	padding-top: 43px;
	text-align: center;
	position: absolute;
	right: 0;
	top: 0;
}
.leftsead .qqq .shows{
	background: url(../images/qqq.png) no-repeat center 12px #6da9de;
}
.leftsead .weixin .shows{	
	background: url(../images/eixin.png) no-repeat center 11px #78c340;
}
.leftsead .tel .shows{
	background: url(../images/ftel.png) no-repeat center 12px #fbb01f;
}
.leftsead .tel .shows{
	background: url(../images/ftel.png) no-repeat center 12px #fbb01f;
}
.leftsead .gotop .shows{
	background: url(../images/gotop.png) no-repeat center 18px #666666;
}

.leftsead .hides{
	width: 200px;
	height: 72px;
	margin-right:-200px;
	cursor:pointer;
	cursor:hand;
	display: none;
	position: absolute;
	right: 0;
	top: 0;
}
.leftsead .qqq .hides{
	background: #6da9de;
}
.leftsead .tel .hides{
	background: #fbb01f;
}
.leftsead .gotop .hides{
	background: #666666;
}
.leftsead .hides i{
	display: block;
	width: 70px;
	height: 70px;
	float: left;
	margin:1px 0 0 1px;
	background-color: #e4e4e4;
	background-repeat: no-repeat;
	background-position: center;
}
.leftsead .qqq .hides i{
	background-image: url(../images/qqq01.png);	
}
.leftsead .tel .hides i{
	background-image: url(../images/ftel01.png);	
}
.leftsead .gotop .hides i{
	background-image: url(../images/gotop01.png);	
}
.leftsead .hides span{
	display: block;
	float: left;
	color: #fff;
	padding:18px 0 0 18px;	
}
.leftsead .hides em{
	display: block;
	font-family: arial;
	font-style: normal;
}
.leftsead .hides em a{
	color: #fff;
}
.leftsead .weixin .a{
	position: relative;
}
.leftsead .imghide{
	position: absolute;
	right: 72px;
	top: 0;
	display: none;
}
.footpage {
margin:0px auto;
padding:0px 0px 10px 4px;
border-bottom:0px dashed #999999;
color:#666;
}
.footpage LI {
	background-position:left;color:#96c6f6;DISPLAY: inline; PADDING:0px 0px; FONT-SIZE: 12px; text-indent:16px;line-height:17px; border-left:0px solid #666;
}
.footpage LI.nb {
	BORDER-LEFT-STYLE: none
}
.footpage A:link {
	COLOR: #666;
}
.footpage A:visited {
	COLOR: #666;
}
.footpage A:hover {
	COLOR: #017eac;
}
.nextpage{
	width: 22px;
	height: 22px;
	background: url(../images/v_07.png) no-repeat center;
	left: 50%;
	margin-left: -11px;
	bottom: 5px;
	animation: start 1.2s infinite ease-in-out;
	cursor: pointer;
}
.nextpage.black{
	background-image: url(../images/v_08.png);
}
/**
 * 箭头指示元件
 */
@keyframes start {
	100% {opacity: 0;transform: translate(0,6px);}
	60% {opacity: 1;transform: translate(0,0);}
	0%,30% {opacity: 0;transform: translate(0,-4px);}
}