@charset "utf-8";
/* CSS Document */

*{ padding:0px; margin:0px; margin:0 auto;}

body{ background:#FFF; width:100%;  font-family:"微软雅黑", Arial, Helvetica, sans-serif; font-size: 14px;}
img{ border:0}
a{ text-decoration:none;}
img{ border:0}
li{ list-style:none;}
a{ text-decoration:none;}

.clear{clear:both}


.head{ width:100%; background:#086b42; }
.head .topbar{ height:35px; line-height:35px;}
.head .topbar .container span{ color:#FFF;}
.fa-home::before{ color:#FFF; font-size:16px;}

.fa-fax::before{ color:#FFF; font-size:16px;}
.head .topbar .container .denglu a{ color:#FFF;}


/*header*/
#header {background:#fff; width:100%;  padding:5px 0; border-bottom:1px solid #086b42; top:-10px;  z-index:999;}
 
.header {position:relative;}
.header,.breadcrumb,#service,.aboutUs,#products,#news,.showcase,#contactUs,.footer,#container,#productsBox {width:1200px; margin:0 auto;}


.header .logo {float:left; width:220px; margin-right:20px; display:inline; height:auto;}
.header .logo img {display:block; width:100%; height:auto;}
.header .menu {float:right; width:690px;}
.header .menu ul {width:100%;}
.header .menu ul li {float:left; line-height:38px; padding:10px 2px 10px; position:relative;}
.header .menu ul li a {display:block; float:left; padding:0 13px; color:#0c0c0c; font-size:15px;}
.header .menu ul li a:hover,.header .menu ul li a.on,.header .menu ul li.current-menu-item a,.header .menu ul li.current-post-parent a,.header .menu ul li a.onclick {background:#086b42; color:#fff;}
.header .menu ul li ul {position:absolute; left:0; top:55px; width:160px; border:1px solid #086b42; background:#086b42;  display:none; padding:5px 0; z-index:9;}
.header .menu ul li ul span {border-bottom:8px solid #086b42; border-left:8px solid transparent; border-right:8px solid transparent; position:absolute; top:-9px; left:40px;}
.header .menu ul li ul li {float:none; padding:0 10px; line-height:2.5em;}
.header .menu ul li ul li a {float:none; clear:both;}
.header .menu ul li ul li a,.header .menu ul li ul li a.on {color:#fff;}
.header .language {float:right; padding-top:6.5px;}
.header .language span {display:inline-block; float:left; width:25px; height:25px; background:#929292; color:#fff; text-align:center; line-height:25px; font-size:0.875em; border-radius:50%; margin-left:5px; cursor:pointer;}
.header .language span a {display:block; width:25px; height:25px; border-radius:50%; color:#fff;}
.header .language span.on {background:#E04D47;}
.btn {float:right; height:22px; line-height:22px; color:#086b42; cursor:pointer; padding-top:7px; font-size:1.25em; display:none;}
.btn span {float:left; font-size:0.875em; padding-right:2px;}
.btn i {font-size:1.25em;}
/*nav*/
#nav {position:fixed; height:100%; background:#086b42; width:0; left:0; top:0; z-index:1000; color:#fff; font-size:0.875em; overflow:hidden;}
#nav a {color:#fff; display:block; width:90%; padding-left:10%; border-bottom:1px solid #075937; line-height:3em;}
#nav ul li li a{padding-left:15%; width:80%;}
#nav ul li a:hover {background:#02613a;}
.xmwz{ padding-top:30px;}
.xmwz .container .col-sm-12 span{ font-size:28px; color:#444444;}
.xmwz .container .col-sm-12 p{ line-height:30px; color:#7f8484;}

.m_t80 {
    margin-top: 30px;
}
.text_c {
    text-align: center;
}
.slide {
    overflow: hidden;
}
.grid_3 {
    width: 270px;
}

[class*="grid_"] {
    float: left;
    min-height: 1px;
    margin-left: 30px;
}
.p_t40 {
    padding-top: 40px;
}


.p_b30 {
    padding-bottom: 30px;
}
.m_b10 {
    margin-bottom: 10px;
}

.fw6 {
    font-weight: 600;
}
.f20 {
    font-size: 20px;
}
h2 {
    font-size: 26px;
    line-height: 26px;
}


.p_lr20 {
    padding: 0 20px;
}
.m_t15 {
    margin-top: 15px;
}


/*first*/
 
.slide {
	overflow: hidden
}
.slide .sort_ico, .slide .sort_name {
	position: relative
}
.slide a {
	display: block;
	background: #e7e7e7;
	-webkit-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s
}
.slide a:hover {
	background: #086b42;
}
.slide .t1 {
	position: relative;
	margin: 0 auto;
	left: 0;
	display: block
}
.slide .t2 {
	left: -214px;
	position: absolute;
	z-index: 5;
	top: 40px
}
.slide .t3 {
	position: relative;
	left: 0;
}
.slide h2 {
	color: #333;
}
.slide p {
	color: #666;
}
.slide .t4 {
	position: absolute;
	z-index: 1;
	width: 100%;
	left: 300px;
	bottom: 30px;
	color: #fff
}
.slide a .t1, .slide a .t2, .slide .t3, .slide .t4, .slide a .t5, .slide h2 {
	-webkit-transition: all 0.9s ease 0s;
	-o-transition: all 0.9s ease 0s;
	transition: all 0.9s ease 0s;
	opacity: 1;
	z-index: 1
}
.slide a .t2, .slide a .t5 {
	opacity: 0
}
.slide a:hover .t1 {
	opacity: 0;
	left: 250px
}
.slide a:hover .t2 {
	left: 50%;
	margin-left: -62px;
	opacity: 1
}
.slide a:hover .t3 {
	left: -300px
}
.slide a:hover h2 {
	color: #fff
}
.slide a:hover .t3 p, .slide a:hover .t4 p {
	color: #fff
}
.slide a:hover .t4 {
	left: 50%;
	margin-left: -50%
}
.slide a .t5 {
	position: absolute;
	left: 50%;
	top: 45px;
	margin-left: -58px;
	z-index: 0
}
.slide a:hover .t5 {
	opacity: 1
}

.service_items .row {
    margin-left: -20px;
}

@media (max-width: 1199px) and (min-width: 980px){
.grid_3 {
    width: 220px;
}

}

@media (max-width: 1199px) and (min-width: 980px){
[class*="grid_"] {
    float: left;
    min-height: 1px;
    margin-left: 20px;
}

}


@media (max-width: 979px) and (min-width: 768px){
.service_items .container {
    width: 748px;
}
.grid_3 {
    width: 172px;
}

[class*="grid_"] {
    float: left;
    min-height: 1px;
    margin-left: 10px;
}

}



@media (max-width: 767px){
.service_items .container {
    width:99%;
}
#navbar-category-10 ul{ display:none;}
#navbar-category-10 li a{ font-size:16px;}

.service_items .row {
    margin-left:5px;
}

.p_t40{ padding-top: 10px;}

.m_t15 {
    margin-top:10px;
}

.p_lr20 {padding: 0 5px;}

.f20 {
    font-size: 20px;
}

.f20 {
    font-size: 16px;
}
.slide .t2{ top:10px;}

.slide p{ font-size:12px; line-height:16px;}
 

}





@media(min-width:1199px){
	
	.header .menu {margin-top:20px;}
	
	}
	





@media(max-width:1200px){
	.header
	{
		width:93.75%;
	}
	.header .logo {
		width:15%;
		margin-right:1.666667%;
	}
	
}
@media only screen and (max-width:1024px){
	#header {
		padding:5px 0;
	}
	.header .logo {
		width:150px;
		transition:all 0.4s ease 0s;
	}
	.header .menu {
		width:78%;
		transition:all 0.4s ease 0s;
	}
	.header .menu ul li {		
	 
		transition:all 0.4s ease 0s;
	}
	#news .partner ul li {	
		margin:15px 0px 20px 3.703704%;
	}
	

}
@media only screen and (max-width:960px){
	.header .menu {
		width:75%;
		transition:all 0.4s ease 0s;
	}
	.header .menu ul li a {
		display: block;
		float: left;
		padding: 0px 6px;
		transition:all 0.4s ease 0s;
	}
	
}

@media only screen and (max-width:840px){
	.header .menu {
		display:none;
	}
	.btn {
		display:block;
	}
}
@media only screen and (max-width:768px){
	.header .logo {
		float:left;		
	}	
	.col-sm-4 , .col-sm-2{ display:none;}
	
.xmwz .container .col-sm-12 span{ font-size:18px; }
}




@media only screen and (max-width:480px) {
	.header .logo {
		width:130;
		margin-top: 1px;
		display:inline;
	}	
	
}


.met-index-about{padding:0;background-color:#d68b37; margin-top:50px;}
.met-index-about .container-fluid{padding:0;background-color:#1b1b1b}
.met-index-about .left_side{background-size:cover;height:510px;width:50%;position:relative;float:left}
.met-index-about .we_are_opacity{background:rgba(47,45,55,.2);height:510px;width:100%;position:absolute;top:0;right:0}
.met-index-about .we_are_border{background:rgba(0,0,0,.4);height:100%;width:100%;position:absolute;top:0;right:0}
.met-index-about .we_are_border h2{font-weight:700;font-size:1.625em;color:#fff;background:#086b42;display:inline;position:absolute;padding:12px 39px;top:40px;right:0}

.met-index-about .right_side{height:510px;width:50%;position:relative;float:right; overflow:hidden;}
.met-index-about .we_are_deatails{padding-left:61px}
.met-index-about .right_side h2{font-weight:700;font-size:1.625em;color:#fff;position:relative;padding-top:47px;word-spacing:6px;padding-bottom:38px}
.met-index-about .right_side h2 a{color:#fff}
.met-index-about .right_side h2:before{content:'';width:45px;height:3px;background:#086b42;position:absolute;top:85px}
.met-index-about .right_side .we_are_deatails>p{color:#bcc1c7;float:left; font-size:14px; line-height:28px;}
.met-index-about .right_side .list_item p{display:inline-block;font-size:1.125em;color:#fff;padding-left:35px;padding-right:32px;margin-top:63px;margin-right:27px}.met-index-about .right_side .list_item p:not(.support){border-right:1px dashed #6e6e6e}
.met-index-about .right_side img{vertical-align:baseline}

@media (min-width:991px){
	
.met-index-about .right_side .we_are_deatails>p{width:80%}	
	
}

@media (max-width:991px){
	
.met-index-about .right_side{width:100%;padding-top:10px;height:auto;}
.met-index-about .right_side .we_are_deatails{padding:10px 20px 20px}
.met-index-about .right_side .we_are_deatails h2{padding-top:10px}
.met-index-about .right_side .we_are_deatails h2:before{top:48px}.
.met-index-about .left_side, .met-index-about .right_side .we_are_deatails p { width: 100%;}

.met-index-about .left_side,.met-index-about .we_are_opacity{height:380px; width:100%;}

}

@media (max-width:767px){
.met-index-about .left_side,.met-index-about .we_are_opacity{height:240px; width:100%;}

.met-index-about .right_side h2 {
    font-size: 1.2em;
}

.met-index-about{margin-top:20px;}
.met-index-about .right_side .we_are_deatails>p{ width:100%; line-height:20px;}

.met-index-about .we_are_border h2{font-size: 1.2em;}

}




/*.index .case{padding: 0 0 20px 0;}*/
.case .ProTxt{ padding:30px 0 0 0;height:100%; text-align:center;}
.case .ProTxt .TabBox{width:100%; margin: 0 auto;} 
.case .ProTxt .TabBox li{ line-height:30px; margin:3px 0; background:#f5f5f5;  padding:0 10px; color:#808080; text-align:center; display: inline-block; font-size:14px;}
.case .ProTxt .TabBox li.on{ background:#086b42; color:#F8FFFF;}
.case .ProTxt .TabBox li.on a{color:#F8FFFF; display:block;}
.case .ProTxt .TabBox li a{color:#808080;}
.case .ProTxt .ContBox{ padding:40px 0 0 0;}
 
.case .ProTxt .ContBox li{float:left; width:20%; margin-left:5px; margin-right:5px;}
.case .ProTxt .ContBox li dl{padding: 0 0% 0.1% 0; position:relative; overflow:hidden;}
.case .ProTxt .ContBox dt{ overflow:hidden;}
.case .ProTxt .ContBox dt a{ display:block; width:100%; position:relative;}
.case .ProTxt .ContBox dt img{display:block;width:100%; position:absolute;}
.case .ProTxt .ContBox dd{ display:none; position:absolute;width:100%;bottom:1px;left:0;background:url(../images/ico11.png) no-repeat center top;}
.case .ProTxt .ContBox dd a{text-align:center;line-height:50px;color:#F7F7F7;height:50px;display:block;width:100%;}
.partner{margin:20px 0 0 0;}
.partner_list{position: relative;width:1200px;margin: 0 auto;}
.partner .prev{cursor:pointer;top: 46px;left:0;position:absolute;width:28px;height:52px;background:url(../images/ico53.png) no-repeat left top;}
.partner .next{cursor:pointer;top: 46px;right:0;position:absolute;width:28px;height:52px;background:url(../images/ico55.png) no-repeat left top;}
.partner .pic_list{height:120px;width: 1050px;margin: 0 auto;padding:23px 0 0 0;}
.partner li{float:left;height:94px;margin:0 20px;width:106px;border:2px solid #F6F6F6;}
.partner li img{display:block;height:94px;width:106px;}


@media (max-width:768px){
	
	.case .ProTxt .ContBox li{ width:80%; margin-left:10%;}
	
	
	
	}


@media (min-width:992px) and (max-width:1200px){
	
	
	.case .ProTxt .ContBox li{ width:33.3%;}
	
	
	
	}
	
	
@media (min-width:768px) and (max-width:992px){
	
	
	.case .ProTxt .ContBox li{ width:50%;}
	
	
	
	}

/*fourth*/
.fourth {
	width: 100%；;
	background-color: #e7e7e7;
}
.white_bar {
	background: #fff;
	box-shadow: 0 1px 3px #c5c5c5;
	overflow: hidden
}
.pic_news .hot_pic {
	height: 184px;
	overflow: hidden
}

.data {
	width: 60px;
	height: 60px;
	display: block;
	background: #CCC;
	color: #333;
	text-align: center;
	line-height: 60px
}
.month {
	display: block;
	width: 60px;
	text-align: center
}
.page-news-list li {
	padding: 10px;
	margin-bottom: 20px;
	overflow: hidden;
	-webkit-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s
}
.page-news-list li a {
	font-size: 16px;
	height: 20px;
	line-height: 20px;
	display: block;
	overflow: hidden; color:#383939;
}
.page-news-list li p {
	padding-top: 5px;
	color: #777
}
.page-news-list li:hover {
	background: #086b42;
}
.page-news-list li:hover .month {
	color: #dadad6;
}

.page-news-list li:hover p{ color:#dadad6;}


.page-news-list li:hover .data {
	background: #FFF
}
.page-news-list li:hover a {
	color: #fff;
}

/*首页新闻*/

.m_t50 {
    margin-top: 30px;
}

.white_bar {
    background: #fff;
    box-shadow: 0 1px 3px #c5c5c5;
    overflow: hidden;
}

.grid_4 {
    width: 370px;
}

[class*="grid_"] {
    float: left;
    min-height: 1px;
    margin-left: 30px;
}
.p_b10 {
    padding-bottom: 10px;
}

.m_b20 {
    margin-bottom: 20px;
}
.pic_news .hot_pic {
    height: 184px;
    overflow: hidden;
}

.gray {
    background: #e7e7e7;
}

.p_lr10 {
    padding: 0 10px; color:#777;
}
.m_t10 {
    margin-top: 10px;
}
.p_lr10 h4 {
    font-size: 16px;
}

.red {
    color: #086b42;
}

 
.m_l10 {
    margin-left: 10px;
}

.button3 {
    display: inline-block;
    padding: 8px 26px;
    margin: 15px 0 0;
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    position: relative;
    background: #086b42;
    -webkit-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}


.grid_11 {
    width: 760px;
}

 

.page-news-list li {
    padding: 10px;
    margin-bottom: 20px;
    overflow: hidden;
    -webkit-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}

.l {
    float: left;
}

.data {
    width: 60px;
    height: 60px;
    display: block;
    background: #CCC;
    color: #333;
    text-align: center;
    line-height: 60px;
}
.m_r14 {
    margin-right: 14px;
}
.f36 {
    font-size: 36px;
}

.month {
    display: block;
    width: 60px;
    text-align: center;
}
.m_t5 {
    margin-top: 5px;
}

 

.page-news-list li p {
    padding-top: 5px;
    color: #777;
}
.lh_22 {
    line-height: 22px;
}

.m_b50 {
    margin-bottom: 50px;
}

.text_c {
    text-align: center;
}
.f16 {
    font-size: 16px;
}

.button1 {
    margin: 0 auto;
    padding: 13px 36px;
    text-transform: uppercase;
    position: relative;
    color: #fff;
    background: #333;
    display: inline-block;
}


.button1:hover {
    color: #fff;
    background-color: #086b42;
    -webkit-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
 
 
.m_t50 {
*zoom: 1;
	margin-left: -30px
}
h4 {
    font-size: 16px;
}

.yqlj{ width:100%; background:#FFF;}

.yqlj .container .col-xs-12{ line-height:25px; color:#615f5f; padding:10px 0;}
.yqlj .container .col-xs-12 a{ padding:0 10px; color:#615f5f;}
.yqlj .container .col-xs-12 a:hover{ color:#086b42;}

.foot{ width:100%; background:#333333;}

.foot img{ margin-top:10px;}
.foot dl {
    float: left;
    width: 20%;
}

.foot dt {
    font-size: 14px;
    padding-bottom: 10px; color:#FFF; padding-top:20px;
}


.foot .ul-fd li {
    line-height: 26px;
}
.foot .ul-fd li a{ color:#FFF; font-size:14px;}

@media(max-width:992px){
	
.foot .ewm{ display:none;}	
.foot img{ width:40%}
	}

.dbbot{ width:100%; background:#060606; line-height:20px; color:#FFF; font-size:12px; padding:10px 0;}
.dbbot a{color:#FFF;}


.fwxm .col-md-3{ background:#e7e7e7;}



.pr {
	position:relative;
}




#fd .weixin{
	background: url(../images/fd_icon1.png) no-repeat;
	width: 25px;
	height: 25px;
	display: inline-block;
	margin-right: 10px;
	margin-bottom: 10px;
}
#fd .weixin-pic {
	position: absolute;
	left: -150px;
	top: 0;
	display: none; z-index:999;
}
#fd .tel {
	font-weight: normal;
	font-size:18px;
	padding-bottom: 15px;color: #fff;
}
#fd h5 {
	font-size: 14px;
	color: #fff;
}
 

/* side */
.side {
	position:fixed;
	width:50px;
	height:275px;
	right:0;
	top:290px;
	z-index:100;
}
.side ul li {
	width:50px;
	height:50px;
	float:left;
	position:relative;
	margin-bottom: 2px;
}
.side ul li .sidebox {
	position:absolute;
	width:50px;
	height:50px;
	border-radius:5px 0 0 5px;
	top:0;
	right:0;
	transition:all 0.3s;
	background:#000022;
	color:#fff;
	font:14px/50px "微软雅黑";
	overflow:hidden;
}
.side ul li a:hover .sidebox {
	width: 175px;
}
.side ul li .sidetop {
	width:50px;
	height:50px;
	line-height:50px;
	display:inline-block;
	background:#000;
	opacity:0.8;
	filter:Alpha(opacity=80);
	transition:all 0.3s;
}
.side ul li .sidetop:hover {
	background:#e4392a;
}
.side ul li img {
	float:right;
}
.side2 {
	position: fixed;
	width: 40px;
	right: 10px;
	z-index: 100;
	top: 400px;
	height: 80px;
}
.side2 ul li {
	width: 40px;
	height: 40px;
}
.side2 ul li a {
	display: block;
	background-color: #e4392a;
	height: 40px;
	width: 40px;
	text-align: center;
	line-height: 40px;
}
.side2 ul li a img {
	vertical-align: middle;
	display: inline-block;
}
.side2 ul li a:hover {
	background-color: #000022;
}
.side2 ul li .weixin {
	position: absolute;
	left: -154px;
	bottom: 0;
	display: none;
}
.side2 ul li .weixin em {
	background: url(../images/arr3.png) no-repeat;
	width: 5px;
	height: 17px;
	display: block;
	position: absolute;
	right: -5px;
	top: 50%;
	margin-top: 3px;
}
.side2 ul li .weixin img {
	display: block;
}




/*内页*/
#ban-in {
	position: relative;
	background-position: center 0;
	background-repeat: no-repeat;
	/*padding-top: 16%;*/
	height: 300px;
}





.wp {
    width: 100%;
	max-width: 1170px;
    margin: 0 auto;
}
.tit-i {
    text-align: center;
    padding:40px 0;
    line-height: 36px;
    overflow: hidden;
}
.tit-i h3 {
    font-size:26px;
    color: #002;
    margin-bottom:10px;
}



/*案例*/
.sub-nav {
    text-align: center;
    margin-bottom: 30px;
    margin-top: -18px;
}

.sub-nav ul li {
    display: inline-block;
    margin: 5px 8px;
    font-size: 16px;
}

.sub-nav ul li a {
    padding-left: 10px;
    display: inline-block; color:#666;
}

.sub-nav ul li a:hover, .sub-nav ul li.on a {
	background: url(../images/disc.jpg) left center no-repeat;
	color: #e4392a;
}
.sub-nav ul li .mycur {
    background: url(../images/disc.jpg) left center no-repeat;
    color: #e4392a;
}

.about-info {

    font-size: 16px;
    line-height: 1.9;
    color: #666;
    padding-bottom: 50px; overflow:hidden;
}

.about-info  a{ color: #666;}

.about-info img {
    max-width: 100%;
    height: auto;
}

.customer {
    background: url(../images/bg_3.jpg) center top no-repeat;
    padding-top: 20px;
    padding-bottom: 50px; overflow:hidden; margin-bottom:20px;
 
}

.tit-i-1 h3 {
 color: #fff; font-size: 26px; margin-bottom: 10px;
}

.tit-i h5 {
    font-size: 20px; padding-top:10px;
    color: #cacace;
    text-transform: uppercase;
    font-family: Arial;
}
.tit-i h5 span {
    color: #e4392a;
}

.ul-customer li {
	float: left;
	width: 20%;
}
.ul-customer li a {
	display: block;
	width: 100%;
	height: 87px;
	text-align: center;
	border: 0;
}
 
 


@media(max-width: 960px){
.ul-customer li a {
	display: block;
	width: 100%;
	height: 50px;
}
.ul-customer{ padding-bottom:20px;}	

.ul-customer li {
	width: 20%;
}
.ul-customer li img{ width:100%;}
.tit-i {
	padding:5px 0;
}
.customer {
	margin-bottom: 0;
	padding-bottom: 0px;
}

}


.team {
	padding-bottom: 95px;
}
.team .flexslider {
	position: relative;
}
.team .flexslider em {
	width: 10px;
	height: 30px;
	display: inline-block;
	position: absolute;
	left: 50%;
	bottom: 0;
	background-color: #fff;
}
.team .flexslider .slides li {
	/*background-position: 89% 0;*/
	height: 468px;/*background-repeat: no-repeat;*/
}
.team .flexslider li .txt {
	padding-top:0;
	font-size: 14px;
	line-height: 36px;
	width: 30%;
	float: left;
}
.team .flexslider li .txt h3 {
	font-size: 30px;
	color: #63637f;
	padding-bottom: 25px;
}
.team .flexslider li .txt .more {
	width: 123px;
	height: 37px;
	border-radius: 5px;
	display: inline-block;
	line-height: 37px;
	text-align: center;
	margin-top: 40px;
	font-size: 16px;
	border: 1px solid #63637f;
	color: #63637f;
}
.team .flexslider li .txt .more:hover {
	border: 1px solid #e85346;
	color: #e4392a;
}
.team .flexslider li .pic {
	float: right;
	position: relative;
	width: 70%;
	margin-right: -208px;
}
.team .flexslider li .pic img {
	position: absolute;
	left: 0;
	top: 0;
	width: auto;
	opacity: 0;
	-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 0)';
 filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 1\0;
	-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 100)'\9;
 filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)\9;
}
.team .flex-direction-nav {
	max-width: 1170px;
	margin: 0 auto;
	background: url(../images/line.jpg) repeat-x center center;
	height: 30px;
	text-align: center;
}
.team .flex-direction-nav li {
	display: inline-block;
}
.team .flex-direction-nav a {
	position: relative;
	width: 216px;
	height: 30px;
	text-align: center;
	background: url(../images/arr_t.png) center center no-repeat #63637f;
	border-radius: 10px;
	display: inline-block;
	opacity: 1 !important;
	-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 100)';
 filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	top: 13px;
}
.team .flex-direction-nav .flex-prev {
}
.team .flex-direction-nav .flex-next {
	background-image: url(../images/arr_b.png);
	left: 10px;
}
.team .flex-direction-nav a:hover {
	background-color: #e4392a;
}
.flexslider .animated {
	opacity: 0;
	filter: alpha(opacity=0);
	opacity: 100\9;
	filter: alpha(opacity=100)\9;
}



.service {
	background: url(../images/bg_5.png) center top no-repeat;
	padding-top: 25px;
	padding-bottom: 63px;
}

.tit-i-1 em {
    border-bottom-color: #dddde1;
}
.tit-i em {
    width: 45px;
    border-bottom: 1px solid #7f7f90;
    display: inline-block;
}


 
.process {
	overflow: hidden;
}
.process .con {
	position: relative;
}


.process .pad {
	padding-top: 26%; 
}
.process img {
	position: absolute;
	left: 0;
	top: 0;
}
.process span {
	display: inline-block;
	color: #90a1b3;
	font-size: 16px;
	position: absolute;
}
.process span.s1 {
	left: 0%;
	top: 0%;
}
.process span.s2 {
	left: 4.6%;
	top: 0%;
}
.process span.s3 {
	left: 1.6%;
	top: 22%;
}
.process span.s4 {
	left: 1.6%;
	top: 65%;
}
.process span.s5 {
	left: 9.5%;
	top: 42%;
}
.process span.s6 {
	left: 20%;
	top: 65%;
}
.process span.s7 {
	left: 27%;
	top: 50%;
}
.process span.s8 {
	left: 38%;
	top: 89%;
}
.process span.s9 {
	left: 49%;
	top: 15%;
}
.process span.s10 {
	left: 57%;
	top: 89%;
}
.process span.s11 {
	left: 77.5%;
	top: 64%;
}
.process span.s12 {
	left: 94%;
	top: 4%;
}
.process em {
	position: absolute;
	background: url(../images/r1.png) no-repeat;
	display: inline-block;
	z-index: 60;
	opacity: 0;
	-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 0)';
 filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
}
.process em.q1 {
	width: 60px;
	height: 61px;
	left: 0;
	top: 40%;
}
.process em.q2 {
	width: 57px;
	height: 57px;
	top: 42%;
	left: 19%;
	background-image: url(../images/r2.png);
}
.process em.q3 {
	background-image: url(../images/r3.png);
	width: 62px;
	height: 56px;
	top: 68%;
	left: 38%;
}
.process em.q4 {
	background-image: url(../images/r4.png);
	width: 86px;
	height: 86px;
	top: 29%;
	left: 47%;
}
.process em.q5 {
	background-image: url(../images/r5.png);
	width: 63px;
	height: 59px;
	top: 68%;
	left: 57%;
}
.process em.q6 {
	background-image: url(../images/r6.png);
	width: 51px;
	height: 51px;
	left:77%;
	top: 40%;
}
.process em.q7 {
	background-image: url(../images/r7.png);
	width: 68px;
	height: 63px;
	left: 94%;
	top: 18%;
}

.ul-solution {
	overflow: hidden;
}
.ul-solution li {
	float: left;
	width:16.66666%;/*width: 15.67%;*/
	text-align: center;
	margin-bottom: 65px;
	position: relative;
}
.ul-solution li a {
	display: block;
	height: 140px;
	font-size: 16px;
	line-height: 30px;
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	transition:.3s;
}
.ul-solution li a span {
	display: block;
	background: url(../images/icon_solution.png) no-repeat;
	width: 102px;
	height: 102px;
	margin: 0 auto;
	margin-bottom: 20px;
	position: relative;
}
.ul-solution li a em {
	display: block;
	position: relative;
}
.ul-solution li a{ color:#666}
.ul-solution li a:hover{}

.n, em {
    font-weight: normal;
    font-style: normal;
}

.ul-solution li.li1 span {
	background-position: -1px 0;
}
.ul-solution li.li2 span {
	background-position: -215px 0;
}
.ul-solution li.li3 span {
	background-position: -429px 0;
}
.ul-solution li.li4 span {
	background-position: -643px 0;
}
.ul-solution li.li5 span {
	background-position: -857px 0;
}
.ul-solution li.li6 span {
	background-position: -1070px 0;
}
.ul-solution li.li7 span {
	background-position: 0px bottom;
}
.ul-solution li.li8 span {
	background-position: -215px bottom;
}
.ul-solution li.li9 span {
	background-position: -429px bottom;
}
.ul-solution li.li10 span {
	background-position: -643px bottom;
}
.ul-solution li.li11 span {
	background-position: -857px bottom;
}
.ul-solution li.li12 span {
	background-position: -1070px bottom;
}
.ul-solution li a:hover span {
	background-image: url(../images/icon_solution_h.png);
}




.ul-case {
	margin: 0 -15px;
}
.ul-case li {
	float: left;
	width: 33.3333%;
	padding: 0 15px;
	margin-bottom: 30px;
	overflow: hidden;
	position: relative;
}
.ul-case li .block {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
}
.ul-case li .pic img {
	display: block;
	width: 100%;
}
.ul-case li .txt {
	position: absolute;
	left: 0;
	top: 0%;
	width: 100%;
	height: 100%;
	background: url(../images/alpha_blue_60.png) repeat;
	text-align: center;
	color: #fff;
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	transition:.3s;
	opacity:0;
}
.ul-case li .txt h5, .ul-case li .txt h3 {
	color: #fff;
}
.ul-case li .txt:hover {
	opacity:1;
}
.ul-case li .txt b, .ul-case li .txt .pad {
	display: inline-block;
	vertical-align: middle;
}
.ul-case li .txt b {
	width: 0;
	height: 100%;
}
.ul-case li .txt h5 {
	font-size: 16px;
}
.ul-case li .txt em {
	width: 45px;
	height: 0;
	border-bottom: 1px solid #fff;
	display: inline-block;
	margin: 20px 0 10px 0;
}
.ul-case li .txt h3 {
	font-size: 18px;
	margin-bottom: 30px;
}
.ul-case li .txt .more {
	width: 100px;
	height: 35px;
	display: inline-block;
	text-align: center;
	line-height: 35px;
	background-color: #e4392a;
	color: #fff;
	border-radius: 5px;
	font-size: 14px;
}
.ul-case li .txt .more:hover {
	opacity: .8;
	-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 80)';
 filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
}
.ul-case li.on .txt {
	top: 0;
}


.pagess {clear: both;height: 30px;margin: 20px;overflow: hidden;margin-left: 0px;text-align: center; font-size:14px;}
.pagess ul li { display:inline-block;border: 1px solid #ccc;padding: 2px 9px;margin: 0 3px;line-height: 20px;background: #fff; color:#999}
.pagess ul li:hover{ background:#086b43; color:#fff;border: 1px solid #086b43}
.pagess ul li.active {display: inline-block;border: 1px solid #086b43;padding: 2px 9px;margin: 0 3px;background: #086b43;color: #fff;}
.pagess ul li.active a {color: #fff;}
.pagess ul li a{ display:block;color:#999}
.pagess ul li a:hover {color: #fff;}



/*新闻动态*/
.ul-list {
	margin: 0 -15px;
}
.ul-list li {
	float: left;
	width: 25%;
	margin-bottom: 30px;
}
.ul-list li .pic img {
	width: 100%;
	display: block;
	transform: perspective(800px) rotateY(0deg);
	transition: all 1s ease 0s;
	-moz-transform: perspective(800px) rotateY(0deg);
	-moz-transition: all 1s ease 0s;
	-webkit-transform: perspective(800px) rotateY(0deg);
	-webkit-transition: all 1s ease 0s;
	-o-transform: perspective(800px) rotateY(0deg);
	-o-transition: all 1s ease 0s;
	-ms-transform: perspective(800px) rotateY(0deg);
	-ms-transition: all 1s ease 0s;
	zoom:1;
}
/*.ul-list li:hover img {
	transform: perspective(800px) rotateY(-179.9deg);
	-moz-transform: perspective(800px) rotateY(-179.9deg);
	-webkit-transform: perspective(800px) rotateY(-179.9deg);
	-o-transform: perspective(800px) rotateY(-179.9deg);
	-ms-transform: perspective(800px) rotateY(-179.9deg);
}*/
.ul-list li .pad {
	padding: 0 15px;
}
.ul-list li .bor {
	border: 1px solid #e2e3e8;height:170px;
}
.ul-list li:hover .bor {
	border-color: #e4392a; 
}
.ul-list li .txt {
	padding: 20px 14px;
	line-height: 20px;
	color: #666;
}
.ul-list li .more {
	height: 42px;
	line-height: 42px;
	border-top: 1px dotted #e2e3e8;
	background-color: #f0f2f5;
	padding: 0 14px;
	display: none;
}
.ul-list li .more a {
	color: #e4392a;
}
.ul-list li .more a:hover {
	text-decoration: underline;
}
.ul-list li .title {
	height: 55px;
	margin-bottom: 20px;
}
.ul-list li .title span {
	float: left;
	border: 1px solid #e2e3e8;
	background-color: #f0f2f5;
	display: inline-block;
	text-align: center;
	padding: 6px 5px; font-size:13px;
	margin-right: 15px;
}
.ul-list li .title span em {
	display: block;
	font-size: 16px;
}
.ul-list li .title h3 {
	border-bottom: 1px solid #e2e3e8;
	overflow: hidden; line-height:22px;
	height: 54px; font-size:14px;
}
.ul-list li .title h3 a{ color:#999}
.ul-list li .title h3 a:hover{ color:#e4392a;}
.ul-list li p{ font-size:12px;}

/*动态详情页*/

.cur {
	line-height: 50px;
	color: #666;
	background-color: #f8f9fa;
}
.cur1 {
	border-bottom: 1px solid #e5e5e5;
	margin-bottom: 31px;
}
.cur a {
	color: #666;
}

.article {
	color: #666;
	line-height: 30px;
}
.article h1 {
	font-size: 22px;
	color: #333;
	text-align: center;
	padding-top:15px;
}
.article .time {
	line-height:30px;
	border-bottom: 1px solid #CCC;
	text-align: center;
	margin-bottom: 25px;
}
.article .share {
	margin-bottom: 20px; margin-top:30px;
}
.article .share span {
	font-size: 14px;
	float: left;
	display: inline-block;
	line-height: 37px;
}

.about-info {

    font-size: 16px;
    line-height: 1.9;
    color: #666;
    padding-bottom: 50px; overflow:hidden;
}

.about-info  a{ color: #666;}


.article-con img{ 
 max-width: 100%;
 height: auto;
}

.fenpian{ line-height:26px; color:#666; padding-bottom:10px;}
.fenpian a{ color:#999}
.fenpian a:hover{ color:#086b42;}

