@charset "gb2312";
/* CSS Document */
*{font-family: "Microsoft YaHei";}
body{ margin:0px; font-size:14px;color:#555555;}

a{color:#000; text-decoration:none;}
a:link{color:#555555; text-decoration:none;}
a:hover{color:#0d518d;text-decoration:none;}
ul,li,dt,dd,dl,h1,h2,h3,h4,h5,h6{ margin:0px; padding:0px; list-style:none;}
.h10{height:10px; line-height:10px;}
.h30{height:30px; line-height:30px;}
.h50{height:50px; line-height:50px;}
.h100{height:100px; line-height:100px;}
.box{width:94%; margin:0 auto;}
.box:after{content:"";display:block;clear:both;}
.box.margin{margin:66px auto;}
i, em{font-style:normal;}
.mt10{margin-top:10px}
.clear{clear:both; line-height:0px; overflow:hidden; zoom:1; font-size:0px; content:'.';}
.topkong{height:60px;line-height: 60px;}
#top{height:60px; margin:0 auto;padding:0px 3%; top:0px;left:0px;width:94%;z-index:10000;}
#top a.menu{display:block;width:10%;height:60px;color:#7f9a31;text-align:right;float:right;}
#top a.menu i{margin-top:16px;}
#top .logo{width:65%;height:60px;float:left;}
#top .logo a{display:block;background:url('../images/logo.jpg') no-repeat left; background-size:auto 100%;width:100%;height:100%;}
input,textarea{border:none;font-family:"Microsoft Yahei"; font-size:13px;}
#nav{position:absolute;width:100%;top:60px;right:0px;z-index:1000;overflow:hidden;height:0px;}
#nav:after{content:"";display:block;clear:both;}
.tabs{width:35%;float:right;background:#f1f1f1;padding-top:10px;}
.tabs li{background:#7f9a31;margin-bottom:5px;}
.tabs li a{display: block;padding:5px 10px;outline: none;font-size:16px; color:#ffffff}
.tabs li a:hover {background:none;text-decoration:none; color:#FFF}   
.tabs .thistab a,.tabs .thistab a:hover{background: #f9f9f9;color:#ffffff;}
.tab_conbox{width:64%;float:left;background:#f9f9f9;padding:20px 3%;height:95%;}
.tab_con{ display:none;font-size: 14px;height:100%;overflow:auto;line-height:2em;}
.tab_con dl{width:100%;float:left; height:10em;margin-bottom:10px;}
.tab_con dl.dan dt{margin-bottom:15px;padding-left:15px;}
.tab_con dl:after{content:"";display:block;clear:both;}
.tab_con dl dt{font-size:16px;font-weight:bold;}
.tab_con dl dt:before,
.tab_con dl dt:after{content:"";display:block;clear:both;}
.tab_con dl dd{float:left;padding-right:20px;font-size:14px;}
@media only screen and (max-width:360px){
	.tabs li a{font-size:16px;}
	.tab_con dl dt{font-size:14px;}
	.tab_con dl.dan dt{margin-bottom:10px;}
}
@media only screen and (max-width:320px){
	.tabs li a{font-size:14px;}
}

#owl-banner { z-index:1; }
#owl-banner .owl-item img{ display: block; width: 100%; height: auto;z-index:1;}
#owl-banner .owl-item{position:relative;}
#owl-banner .owl-item .c{position:absolute;left:5%;width:90%;top:80px;text-align:left;z-index:10000000000;color:#fff;}
#owl-banner .owl-item .c h2{font-size:18px;color:#fff;line-height:30px;}
#owl-banner .owl-controls { margin-top:0px;}
#owl-banner .owl-buttons { position: absolute; width: 100%; top: 50%; left: 0px; right: 0px; }
#owl-banner .owl-buttons .owl-prev { background-color:transparent; position: absolute; left: 15px; top: -30px; background-image: url(owl_prev.png); background-repeat: no-repeat; background-position: center center; height: 59px; width: 32px; text-indent: -9999px; }
#owl-banner .owl-buttons .owl-next { background-color:transparent; position: absolute; top: -30px; right: 15px; background-image: url(owl_next.png); background-repeat: no-repeat; background-position: center center; text-indent: -9999px; height: 59px; width: 32px; }
#owl-banner .owl-pagination{ z-index:10; display:none;}
#owl-banner .owl-pagination .owl-page{ z-index:10;}
#owl-banner .owl-pagination .owl-page span { background-color: #5aaee6; height: 14px; width: 14px; border-radius:14px}
#owl-banner .owl-pagination .owl-page .active span { background-color:#388bc3; z-index:10;}


.ilm{font-size:20px;text-align: center;padding-top:30px; color:#03989c;font-weight:bold;}
.ilm span{color:#005dcb;padding-left:15px;}

.custom{margin-bottom:8px;}
.custom ul{padding-top:20px;margin:0px -1.5%;}
.custom ul:after{content:"";display:block;clear:both;}
.custom ul li{width:30.33%;margin:0px 1.5%;float:left;box-sizing:border-box;border:solid 1px #c5c5c5;margin-bottom:12px;}

#owl-type{border-top:solid 5px #113861;margin-bottom:8px;}
#owl-type .owl-controls { margin-top:0px;}
#owl-type .owl-buttons { position: absolute; width: 100%; top: 50%; left: 0px; right: 0px; }
#owl-type .owl-buttons .owl-prev { background-color:transparent; position: absolute; left: 15px; top: -30px; background-image: url(owl_prev.png); background-repeat: no-repeat; background-position: center center; height: 59px; width: 32px; text-indent: -9999px; }
#owl-type .owl-buttons .owl-next { background-color:transparent; position: absolute; top: -30px; right: 15px; background-image: url(owl_next.png); background-repeat: no-repeat; background-position: center center; text-indent: -9999px; height: 59px; width: 32px; }

.producta{padding:20px 0 0 0;}
.product{padding-bottom:30px;}
.product ul{margin:0px -1.5%;}
.product ul:after{content:'';display:block;clear:both;}
.product ul li{width:47%;margin:8px 1.5%;float:left;box-sizing: border-box;border:solid 1px #c5c5c5;}
.product ul li img{display:block;width:100%;}
.product ul li .tcp_des{width:90%;margin:0 auto;margin-bottom:10px;height: 48px; line-height: 24px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.product ul li .tcp_des a{color:#f6ab00;}
.product ul li .tcp_title{height: 40px; line-height: 40px;background:#575757;text-align:center;color:#fff;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;}
.product ul li .tcp_title a{color:#fff;}

.case{background:url('/templets/default/images/anli_bj.png') no-repeat;background-size:100% 100%;padding-bottom:20px;}
.case .ilm{color:#ffcc00;}
.case .ilm span{color:#fff;}
.case #owl-case{padding-top:20px;}
.case .item{margin:0px 3%;background:#fff;padding-bottom:8px;}
.case .item span{display: block;line-height: 30px;text-align: center;color: #333333;font-size: 16px}
.case .item a{line-height: 20px;text-align: center;color: #007bd9;display: block}

.youshi .ilm{padding-bottom:8px;}
.youshi .l{}
.youshi .l dl{display: flex;margin:12px 0;}
.youshi .l dt{width:35px;height:60px;background:url('/templets/default/images/fivez_bj.png') no-repeat left;background-size:100% 100%; line-height: 60px;text-align: center;font-size:20px;color:#fff;margi-right:15px;}
.youshi .l dd{zoom:1;padding-right:40px;background:url('r.png') no-repeat right;background-size:30px 30px;height: 60px;width: 100%;}
.youshi .l dd strong{padding-left:15px;font-size:16px; line-height: 20px;}
.youshi .l dd p{padding:0px;margin:0px;padding-left:15px;padding-top:5px;color:#007bd9;line-height: 17px;}
.youshi .l dd.a{zoom:2}

.about{}
.about .t{font-size: 20px;fong-weight:bold;height:1px; line-height: 1px ;background:#007bd9; position: relative;margin:40px 0 20px 0;}
.about .t div{position:absolute;width:100%;height:40px; line-height: 40px;left:0px;top:-20px;text-align: center;}
.about .t div span{background:#fff;padding:0px 10px;font-weight:bold;color:#0d2f52;}
.about .c{font-size:16px;line-height: 200%;}
.about #owl-shipai{padding-top:15px;}
.about #owl-shipai .item{margin:0px 3%;}

.news{padding-top:30px;}
.news .t{font-size:20px;font-weight:bold;}
.news .t:after{clear:both;display:block;content:'';}
.news .t li{width: 50%;box-sizing: border-box;padding:0 3%;float:left;}
.news .t li:first-child{text-align: right;}
.news .t li a{color:#a3a5a0;}
.news .t li.thistab a{color:#0d2f52;}
.news .m{font-size: 16px;height:1px; line-height: 1px ;background:#007bd9; position: relative;margin:20px 0 20px 0;}
.news .m div{position:absolute;width:100%;height:40px; line-height: 40px;left:0px;top:-20px;text-align: center;}
.news .m div span{background:#fff;padding:0px 10px;font-weight:bold;color:#0d2f52;}

.title{position: relative; padding: 0 5%; font-size: 1.0em; height: 2.5em; line-height: 2.5em; font-weight: bold; background: #eb3d00; overflow: hidden;}
.title .tit_tx{float: left;color: #fff;}
.title i{float: right;font: 0.83em/2.2em "Arial";color: #fff;padding-top: 0.4em;}
.line1{position: relative;background: url(../images/t1.png);background-size: 100% 100%;height: 4.2em;}
.line1 img{width: 100%;display: block;}
.line1 .p1{position: absolute;left:0;width: 100%;text-align: center;font: bold 1.8em/1.4em "Microsoft YaHei";color: #0075c2;}
.line1 .p1 a{color: #ff9600;}
.line1 .p1 em{ width: 80%; overflow: hidden; display: block; line-height: 1.5em; height: 1.5em; margin: 0 auto;}
.line1 .p1 span{color: #ff9600; display: inline-block; padding: 0 0.3em; background: #fff; width: 80%; height: 1.4em; line-height: 1.4em; overflow: hidden;}
.nav {
	width: 100%;
	background: #7f9a31;
	color: #FFF;
	overflow: hidden;
}
.nav ul {width: 101%}
.nav li {
	width: 33%;
	float: left;
	height: 35px;
	line-height: 35px;
	text-align: center;
	border-bottom:1px solid #ffffff;
}
.nav li a {
	display: block;
	color: #fff;
	border-right:1px solid #ffffff;
	 border-bottom:1px solid #fffffff;
	background: #7f9a31;
}
.nav li a:hover {
	background: #7f9a31
}
/* Banner */
 
.swipe {
	width: 100%;
	overflow: hidden;
	position: relative;
	text-align: center
}
.swipe ul {
	-webkit-transition: left 800ms ease-in 0;
	-moz-transition: left 800ms ease-in 0;
	-o-transition: left 800ms ease-in 0;
	-ms-transition: left 800ms ease-in 0;
	transition: left 800ms ease-in 0;
}
.swipe li img {
	width: 100%
}
.swipe #pagenavi {
	position: absolute;
	left: 0;
	bottom: 10px;
	text-align: center;
	width: 100%;
}
.swipe #pagenavi a {
	width: 8px;
	height: 8px;
	line-height: 99em;
	background: #fff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	margin: 0 4px;
	overflow: hidden;
	cursor: pointer;
	display: inline-block;
*display:inline;
*zoom:1;
}
.swipe #pagenavi a.active {
	background: #015BAA;
}
#btn_prev, #btn_next {
	width: 25px;
	height: 50px;
	position: absolute;
	top: 35%;
	background: url(../images/sprite.png) no-repeat 0 0;
	cursor: pointer;
	opacity: 0.2;
	-moz-opacity: 0.2;
	-khtml-opacity: 0.2;
	filter: alpha(Opacity=20);
}
#btn_prev {left: 0;}
#btn_next {right: 0;background-position: right top;}
.case_bg{position: relative;}
.case_bg .sclwrap_box , .case_bg .m-box{height:25em;overflow:hidden;}
.case_box dl{float: left;display: inline;padding-top: 1.3%;}
.case_box dl a{display: block;width: 100%;height: 100%;}
.case_box dt{width: 90.625%;margin-left: 4.6875%;}
.case_box dt img{width: 100%;display: block;}
.case_box dd{width: 86%;margin: 0 auto;text-align: center; font: 1em/2.67em "Microsoft YaHei"; color: #03989c; background: #e5e5e5; max-height: 3em; line-height: 3em; display: block; overflow: hidden; padding: 0 0.6em;}
.c_tab{font: 1em/2.5em "Microsoft YaHei";color: #fff;}
.c_tab li{float: left;width:32.0%; font-size:0.9em; margin: 2.1% 0.5% 0 0.5%;text-align: center;color: #fff;background: #6d820d;border-radius:10px}
.c_tab li a{color:#FFF}
.c_tab2{font: 1em/2.5em "Microsoft YaHei";color: #fff;}
.c_tab2 li{float: left;width:32.0%; font-size:0.9em; margin: 2.1% 0.5% 0 0.5%;text-align: center;color: #fff;background: #018f80;border-radius:10px}
.c_tab2 li a{color:#FFF}

.c_tab1{font: 1em/2.5em "Microsoft YaHei";color: #fff;}
.c_tab1{float: left;width:49.0%; font-size:1.2em; margin: 2.1% 0.5% 0 0.5%;text-align: center;}
.c_tab1 .dle{color: #fff;background: #03989c;border-radius:10px}
.c_tab1 .dle a{color:#FFF}
.c_tab1:nth-child(odd)
{ clear:both
}
.g-pro{padding-bottom: 2.4rem;}
.g-pro p{width:93.75%;margin: 0 auto; position: relative; line-height: 0;}
.g-pro p span{position: absolute;bottom:0;left: 0; width:100%; height:2.2rem; background:rgba(0,0,0,0.8); font-size: 1.2rem; color:#fff; text-align: center; line-height: 2.2rem;}
.g-pro ul{margin-top: 1.0rem;}
.g-pro li{float: left;margin-left: 3.1%; width:45.3125%; margin-bottom: 1rem;}
.g-pro li img{display: block;}
.g-pro li span{display: block;height:2.6rem;border-bottom: 1px solid #b2b2b2; font-size: 1.0rem; color:#666666; line-height: 2.6rem;background: url(../images/pro_ico01.gif) no-repeat right center;background-size: 1rem 1rem;text-align: center;padding: 0 1rem;overflow: hidden;}
.odds_tit{margin-top: 2.2%; padding-top: 1em;}
.odds_tit p{width: 80%; display: block; margin: 0 auto; text-align: center; color: #115e42; font-size: 1.8em; font-weight: bold; height: 1.8em; line-height: 1.8em; overflow: hidden;}
.odds_tit p em{font-family: Arial; font-size: 1.3em; line-height: 0.2em; height: 0.2em;}
.odds_tit span{width: 90%; display: block; text-align: center; overflow: hidden; line-height: 1.5em; height: 1.5em; margin: 0 auto; color: #f4ab04; font-size: 1.2em;}
.odds_bg .sclwrap_box , .odds_bg .m-box{height:28em;overflow:hidden;}
.odds_box{float: left;display: inline;}
.o_img{margin:0.5em 0;}
.o_img img{width: 100%;display: block;height: 16em;}
.odds_box dl{padding: 0 6.1875% 0 5.625%;}
.odds_box dt{position: relative;}
.odds_box dt i{display: block;width: 100%;background: url(../images/o_dt.gif);background-size: 100% 100%; height: 4.5em;}
.o_text{position: absolute;left:0;top:0;width: 100%;}
.o_text b{display: block;float: left;width: 15.6%;padding-top:0.5em;text-align: center;font: bold 1.67em/1.67em "Arial";color: #fff;}
.o_textbox{float: left;width: 81.5%;padding-left: 0.5em;height: 4em;overflow: hidden;display: block;}
.o_textbox .p1{font: bold 1.2em/1.5em "Microsoft YaHei"; color: #333; display: block; overflow: hidden; max-height: 3.2em;}
.o_textbox .p1 span{color: #0376c6;}
.o_textbox .p2{font: 0.583em "Arial"; color: #9c9c9c; text-transform: uppercase; letter-spacing: -0.5px;}
.odds_box dd{padding: 1% 0 0 15.6%;font: 1em/1.50em "Microsoft YaHei";color: #555;}
.odds_box dd span{color: #ff890a;}
.odds_bg .m-cnt{text-align: center;height: 1.875em;}
.odds_bg .m-cnt li{display: inline-block;width: 0.75em;height: 0.75em;margin:0 0.2%;border-radius: 10em;background: #56a4db;}
.odds_bg .m-cnt li.z-on{background: #0065ad;}
.ab_bk dt{line-height:1.8em; padding:10px}
.line {width:100%; max-width:640px; margin:0 auto;
	background: #1c279a;
	height: 4px;
}
.foot {
	background: #6c881c;
	margin-top: 10px;
	height: 160px;
	line-height: 22px;
	text-align: center; color:#FFF;
	padding-top:1em
}
#bottom {
	position: fixed;
	width:100%; max-width:640px; margin:0 auto;
	height: 45px;
	bottom: 0;
	border-top: #fff solid 2px;
	background: #526a0e}
#bottom ul {
	height: 45px;
	line-height: 45px
}
#bottom ul li {
	width: 25%;
	float: left;
	color: #FFF
	
}
#bottom ul li dl {
	width: auto;
	margin: 0 auto;
	border-right:1px solid #405503;
	 box-shadow:1px 0px 0 #78981b;
	text-align: center
}
#bottom ul li dt {
	width: auto;
	height: 25px;
	overflow: hidden;
}
#bottom ul li dd {
	width: auto;
	height: 20px;
	font-size: 0.8em;
	color: #fff;
	line-height: 20px;
}
.news_con dl{margin:2% 3.1% 0 3.1%; height:8.5rem; overflow: hidden;}
.news_con dt{float: left;width:42%; overflow: hidden;}
.news_con dt img{height: 8rem;}
.news_con dd{width:56.66%; overflow: hidden; float: right;}
.news_con dd a{width: 100%;display: block;line-height:2.1rem;height: 2.1rem; overflow: hidden; color: #333; font-size: 1.0rem; font-weight: bold;}
.news_con .news_contxt{line-height: 1.4rem; font-size: 0.8rem; color: #666; height: 5.4rem; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}
.news_con ul{margin:0 3.1%;}
.news_con li{color:#333; font-size: 0.8rem; line-height:2.1rem; height:2.1rem; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; border-bottom:1px solid #dcdcdc;}
.news_con li span{font-family: Arial;float: right;color: #999;}
.news_con li a{color: #333;}
.g-bd{width:100%;height:auto;overflow: hidden;}
.g-bd h3{color: #666;}
.posi{width: 100%; height: auto; z-index: 999; top: -1px;}
.m-cpzx{overflow: hidden; padding: 1.3em 0 0;}
.m-btit {line-height: 35px; color: #666; padding-left: 12px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;border-top:1px solid #d9d9d9; box-shadow:0 1px #fff; position:relative; background-color:#f6f6f6;background-image: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#eaeaea));
	background-image: -webkit-linear-gradient(top, #f6f6f6, #eaeaea); background-image: -moz-linear-gradient(top, #f6f6f6, #eaeaea); background-image: -o-linear-gradient(top, #f6f6f6, #eaeaea); background-image: -ms-linear-gradient(top, #f6f6f6, #eaeaea); background-image: linear-gradient(top, #f6f6f6, #eaeaea); border-bottom:1px solid #d9d9d9; }
.m-btit:before{content:""; position:absolute; left:0; top:0; width:100%; border-top: 1px solid #fff;}	/*内页面包屑导航背景上面的线条*/
.m-btit span{ padding:0 8px; position:relative; height:100%; top:-12px; display:inline-block;}
.m-btit span:before{content:""; position:absolute; background:#7c7c7c; width:8px; height:8px; left:2px; top:3px; z-index:10; -moz-transform: rotate(45deg); /*角度45度，针对火狐浏览器写的兼容*/ -o-transform: rotate(45deg); /*角度45度，针对欧朋浏览器写的兼容*/ -webkit-transform: rotate(45deg); /*角度45度，针对苹果浏览器写的兼容*/ transform: rotate(45deg);}  /*角度45度，内页面包屑箭头样式*/
.m-btit span:after{content:"";  position:absolute; width:8px; height:8px; left:1px; top:3px; z-index:11; background-color:#f2f2f2; background-image: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#eeeeee)); /*针对苹果老式浏览器写的兼容*/ background-image: -webkit-linear-gradient(top, #f2f2f2, #eeeeee); /*背景渐变，针对苹果浏览器写的兼容*/ background-image: -moz-linear-gradient(top, #f2f2f2, #eeeeee); /*背景渐变，针对火狐浏览器写的兼容*/ background-image: -o-linear-gradient(top, #f2f2f2, #eeeeee); /*背景渐变，针对欧朋浏览器写的兼容*/ background-image: -ms-linear-gradient(top, #f2f2f2, #eeeeee); /*背景渐变，针对手机微软浏览器写的兼容*/ background-image: linear-gradient(top, #f2f2f2, #eeeeee);  /*背景渐变，正常的写法*/ -moz-transform: rotate(45deg); /*角度45度，针对火狐浏览器写的兼容*/ -o-transform: rotate(45deg); /*角度45度，针对欧朋浏览器写的兼容*/ -webkit-transform: rotate(45deg); /*角度45度，针对苹果浏览器写的兼容*/ transform: rotate(45deg);	} /*角度45度，内页面包屑箭头样式*/
/* -- 内页产品导肮 -- */
#content img {width: 99%; display: block; margin: 0 auto; max-width: 560px; }
.m-mcon, .procontent {padding: 10px 10px 7px 10px; font-size: 13px; color: #666; line-height:2}
.m-mcon p, .procontent p {line-height: 22px; font-size: 14px; margin: 12px 0; }
.m-mcon_a {padding: 2% 4% 7% 4%;}
.content{line-height:1.6em; padding:0.3em}
.m-cpzx{overflow: hidden; padding: 1.3em 0 0;}
.m-cpzx h3{overflow: hidden; padding: 1em 4.6875% 0.7em;}
.m-cpzx h3 a{color: #595757; float: left; line-height: 2.5em; padding: 0 0 0 6%; position: relative; width: 42%;font-size: 116%;overflow: hidden;height: 2.5em;}
.m-cpzx h3 a span{font-size: 116%;}
.m-cpzx h3 a::before{border-bottom: 0.5em solid transparent; border-left: 0.5em solid #9a9a9a; border-top: 0.5em solid transparent; content: ""; height: 0; left: 6%; position: absolute; top: 0.8em; width: 0; z-index: 9;}
.m-cpzx h3 a:nth-of-type(2n){float: right;}
.m-cpzx p{overflow: hidden;}
.m-cpzx p a{color: #656565; float: left; font-family: Arial,Helvetica,sans-serif; margin-bottom: 0.8em; text-align: center; width: 48%;}
.m-cpzx p a:nth-of-type(2n){float: right;}
.m-cpzx p a i{background: url("../images/cpzx_sd.gif") no-repeat scroll center top / contain ; display: block; height: 0.25em; padding-bottom: 0.4em;margin-top: -0.2em;}
.m-cpzx p a span{height: 1.2em; line-height: 1.2em; font-size: 1em; display: block; overflow: hidden;}
.m-cpzx img{width: 100%; border: 1px #ddd solid;}
.propic4{font-size:1.0rem; line-height:1.7em}
.propic4 b{color:#1A5FB3}
.propic4 img{width:100%}
.g-bd .m-con-2 { margin-bottom:26px;background: #fff;}
.g-bd .m-con-2 a{ display:block;}
.g-bd .m-con-2 dl { border-bottom:1px solid #ffffff; box-shadow:0 1px #e6e6e6; margin-bottom:2px; padding:12px 26px 12px 10px; position:relative;}
.g-bd .m-con-2 dt { float:left;display:block;border:1px solid #ccc; margin-right:11px;width: 130px;height: 110px;}
.g-bd .m-con-2 dt img { display:block;border:1px solid #e2e2e2;width: 100%;height: 100%;}
.g-bd .m-con-2 .s-wc { height:1.2em; line-height:1.2em; overflow: hidden; padding-right: 10px; color: #0376c6;margin-left: 0.4em; font-size:1.2em}
.g-bd .m-con-2 em { float: right;color: #c4c4c4;font-size: 1em;line-height: 2em;}
.g-bd .m-con-2 p { font-size: 12px; max-height: 65px;line-height: 22px; margin:5px; margin-right:3%; overflow: hidden; color: #666;}
.g-bd .m-con-2 .s-babg p span{ width: auto; height: auto; background: none; position: relative; right: inherit;top: inherit; display: inline;}
.g-bd .m-con-2 .s-babg p span:before,.g-bd .m-con-2 .s-babg p span:after{ display: none;}
.pagea{display: block; width: 97%; height: 2rem; line-height: 2rem; color: #000; background: #ddd; border-radius: 1rem; margin: 2% auto; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; text-indent: 1rem; padding-right: 3%;}
.pagea span{color:#000;}
.pagea a{color:#6d6d6d;}
.pagea a:hover{color:#d42a2a;}
.u-mtit h2 {font-size:1.7em; text-align: center; padding: 14px 10px 0px 10px; font-weight: bold;color: #2c2c2c; }
.u-mtit p {font-size:1.1em; padding-bottom: 7px; border-bottom: 1px solid #CCC; color: #666; text-align:center}
.msgtitle {
	display: block;
	padding-bottom: 5px;
	font-size: 14px;
	font-weight: bold;
	margin-top: 15px
}
.message_block {
	color: #666;
}
.message_block p {
	padding: 12px;
}
.msg_input {
	width: 85%;
	border: 1px solid #e0e0e0;
	padding: 8px 9px;
	background: #fff;
	font-size: 13px;
	color: #888;
	-webkit-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.03);
	box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.03);
	border-radius: 2px;
}
.msg_input_on {
	width: 85%;
	border: 1px solid #8cd1ff;
	background: #f1f9ff;
	padding: 8px 9px;
	-webkit-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.03);
	box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.03);
	border-radius: 2px;
	font-size: 13px;
	color: #888;
}
.message_labes {
	font-size: 14px;
}
.message_title {
	height: 34px;
	line-height: 34px;
	background: #f6f9fb;
	padding: 0 12px;
}
.message_title h2 {
	color: #376b88;
	font-size: 14px;
	float: left;
}
.message_title span {
	float: right;
	font-weight: bold;
	color: #999;
}
.message_info {
	color: #8ea6b6;
	text-align: right;
}
.msg_btn_area {
	margin: 15px auto;
	padding-right: 3%
}
.msg_btn_area a {
	display: inline-block;
	padding: 5px 15px; 
	background: #09F;
	color: #fff;
	text-align: center;
	font-size: 14px;
	overflow: hidden;
	cursor: pointer;
	font-weight: bold;
}
.msg_btn_area a:hover {
	text-decoration: none;
	background: #F60
}
.type{width:55%;background:#3564b7;overflow-x: hidden;-webkit-overflow-scrolling: touch;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;height: 19em;display:none;z-index: 90;position: absolute; left:45%}
.type li{width:90%;background:#fff;margin:2% auto;overflow:hidden;position:relative;}
.type li a{display: block;float:left;width:80%;text-overflow: ellipsis;overflow:hidden;white-space: nowrap;padding:0 4%;color:#666;line-height: 2em;}
.type li span.commonfont{font-size:0.3rem;line-height:0.46rem;display:block;width:16%;text-align:center;color:#666;position:absolute;top:0;right:0;}
.type li dl{float:left;border-top:2px solid #232323;width:100%;display:none}
.type li dl dd{overflow:hidden}
.type li dl dd a{width:100%}
.type h2{ width: 50%;font-size: 1em;margin: 0 auto; color: #fff;font-weight: normal; float: left;line-height:1.5em;}
.type li span i{color: #3564b7;font-size: 1.2em;line-height: 1.8em;}
.typecz{width: 90%;display: block;margin:1em auto; margin-bottom: 1em;}
.typecz a{float: right; display: block; width: 1.5em; height: 1.5em; line-height: 1.5em; font-size: 1em; text-align: center; color: #ffffff; border-radius: 0.2em;}
.g-back .u-bp {background: url(../images/Nyskinsbar.png) no-repeat; background-size: 35px 600px;display: block; }
.g-back .u-bl {background: url(../images/Nyskinsbar.png) no-repeat; background-size: 35px 600px; background-position: 0 -286px;}
.g-se{float: left;left: 5%;position:relative;width: 70%;} 
.g-se .m-ipt{display: block;float: left;width: 75%;}
.g-se .u-in{position:absolute; z-index:100;width:42px; height:30px;background:transparent;right: 0;}
.g-se .u-key{width: 130%; height: 14px; padding: 7px 0; line-height: 14px; color: #c5c5c5;font-size: 1em;border: 1px solid #bbc63c;box-shadow: 3px 2px 3px #d9e2f3 inset; border-right: 0; border-bottom-left-radius: 5px; border-top-left-radius: 5px; border-bottom-right-radius: 0; border-top-right-radius: 0; -webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-top-right-radius: 0; -webkit-border-bottom-right-radius: 0; text-indent: 15px; float: left; background: #fff;}
.g-se .u-bt{width: 42px; height: 30px; float: right; border-radius: 0 4px 4px 0; -webkit-border-radius: 0 4px 4px 0; position: relative; background-color: #8da636; background-image: -webkit-gradient(linear, left top, left bottom, from(#3cc683), to(#bbc63c)); background-image: -webkit-linear-gradient(top, #aac63c, #a0b735); background-image: -moz-linear-gradient(top, #b1c63c, #b1c63c); background-image: -o-linear-gradient(top, #b7c63c, #bbc63c); background-image: -ms-linear-gradient(top, #b7c63c,#bbc63c); background-image: linear-gradient(top, #b7c63c, #bbc63c);}
.g-se .u-bt:before{content:'';display:block;width:12px;height:12px;border-radius:17px;position:absolute;right:14px;top:5px;z-index:99;border:3px solid #fff;} 
.g-se .u-bt:after{background:#fff;content:'';display:block;width:4px;height:10px;border-radius:5px;border:0;position:absolute;right:12px;top:16px;z-index:99;-webkit-transform:rotate(-52deg);-o-transform:rotate(-52deg);-ms-transform:rotate(-52deg);transform:rotate(-52deg);} 
.posi{width: 100%; height: auto; z-index: 999;}
.g-back{overflow: hidden;position: relative;z-index: 97;text-align:right;margin-top:1px; padding: 7px 11px 7px 9px;}
.g-back a{display: inline-block;font-size:0.875em;height: 32px;line-height: 28px; width:32px;position: relative;}
.f-fl { float: left;}
.f-fr {float: right;}
.joinbt{font-size:1.2em; line-height:3em; padding-left:50px; color:#FFF; height:3em}
.joinnr{line-height:1.5em; padding:0px 0px 0px 20px}
.xmzy{color:#0E5A30; font-size:1.2em; font-weight:bold; line-height:3em; border-bottom:#0E5A30 solid 3px; width:80px;}
.pendent{ min-width: 84px; background-color: #535f03; color: #fff; font-size: 1.2em; margin: 10px 0 10px 0; padding: 5px 10px; border-left: 6px solid #a2a804; text-align: center;}
div.compCreate .listNav{ width: 100%;}
div.compCreate .listNav a{ display: inline-block; font-size: 14px; color: #666666; margin: 0 28px; position: relative;}
div.compCreate .listNav a i{ display: block; width: 100%; height: 2px; background-color: #fff; margin-top: 5px; }
div.compCreate .listNav a:before{ position: absolute; content: ''; right: -28px; top: 2px; height: 60%; border-right: 1px solid #D6D9D8;}
div.compCreate .listNav a:last-child:before{ display: none;}
div.compCreate .listNav a:after{ position: absolute; content: ''; left: 50%; bottom: -10px; margin-left: -3px;
	border-top: 6px solid #fff; 
	border-left: 5px solid transparent; 
	border-right: 5px solid transparent;
}
div.compCreate .listNav a.on,
div.compCreate .listNav a:hover{ color: #035f5f;}
div.compCreate .listNav a.on i,
div.compCreate .listNav a:hover i{ background-color: #035f5f;}
div.compCreate .listNav a.on:after,
div.compCreate .listNav a:hover:after{border-top-color: #035f5f;}
.vaLues li{line-height:2em}
.kytd_u1 li{width:23%;margin-right: 2.6%; float:left;position: relative;overflow: hidden;margin-top: 20px;}
.kytd_u1 li:nth-child(4n){margin-right: 0;}
.kytd_u1 li img{width: 100%;}
.kytd_u1 li:hover img{transform: scale(1.05);}
.kytd_u1_list{position: absolute;top:0;left: 0;width:100%;height: 100%;background: rgba(4,156,126,.8);box-sizing: border-box;padding:0px 5px 5px 5px;transform: translateY(80%);}
.kytd_u1_list h2{font-size: 14px;color: white;border-bottom: 1px solid rgba(250,250,250,.7);text-transform: uppercase;}
.kytd_u1_list span{display: block;font-size:0.8em;color: white;line-height:1.5em;}
.kytd_u2 li:hover .kytd_u1_list{transform: translateY(0);}
.kytd{margin-bottom: 60px;}
.fl{float:left}
.fr{float:right}
.ml20{margin-left:20px}
.clr{clear:both}
.ml90{margin-left:85px}
@font-face {font-family: 'iconfont';
    src: url('../font/iconfont.eot');
    src: url('../font/iconfont.eot?#iefix') format('embedded-opentype'),
    url('../font/iconfont.woff') format('woff'),
    url('../font/iconfont.ttf') format('truetype'), 
    url('../font/iconfont.svg#iconfont') format('svg'); 
}
.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;}
	article.director{ width: 100%; background-color: #F3F1F2; margin-top: 20px; padding: 20px 25px;
box-sizing: border-box; 
-moz-box-sizing: border-box; line-height:26px}
section.join{ position: relative; display: table; background-color: #EBEDEB; padding: 0px 0 35px 0; margin-top:10px}
section.join .joinList{ width:820px; margin: 30px auto 0;}
section.join .joinList li{ margin-top: 20px; display: table; width: 100%;}
section.join .joinList li div{ width: 100%; height: 40px; background-color: #fff; display: table; line-height: 40px; cursor: pointer;}
section.join .joinList li div i, 
section.join .joinList li div font{ float: left; margin-right: 15px;}
section.join .joinList li div span{ float: right; margin-top: 8px; margin-right: 10px; width: 25px; height: 25px; background: url(../images/jj2.png) no-repeat center center;}
section.join .joinList li div i{ font-size: 25px;color: #EBEDEB; margin-left: -10px;}
section.join .joinList li div font{ font-size: 15px; text-transform: uppercase; color: #035f5f;}

section.join .joinList li article{ width: 100%;  padding-top: 10px; display: none; padding-bottom: 10px; overflow: hidden;}
section.join .joinList li article section{ float: left; width: 50%;	padding:0 30px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
section.join .joinList li article section h4{ font-size: 13px; font-weight: bold; color: #363636; margin: 14px 0;}
section.join .joinList li article section p{ font-size: 13px; line-height: 1.9;}

section.join .joinList li.active div{ background-color: #035f5f;}
section.join .joinList li.active div i,
section.join .joinList li.active div font{ color: #fff;}
section.join .joinList li.active div span{ background: url(../images/jj1.png) no-repeat center center;}
#photo_cate_area{min-height:0;overflow:hidden;margin:0 auto;padding:10px 0 0 10px;text-align:center}
	#photo_cate_area a{height:27px;line-height:27px;font-size:14px;display:inline-block;background-color:#7f9a31;padding:0 10px;margin:0 10px 10px 0;color:#ffffff;border-radius:3px;-webkit-border-radius:3px;}
	#photo_cate_area a.sel,#photo_cate_area a:hover{background-color:#cccccc;color:#000000}
	#photo_cate_area a.lse{background-color:#d64203;color:#fff}