@charset "utf-8";
/* CSS Document */
body{margin:0;padding:0;font-size:14px;line-height:22px;font-family:"微软雅黑";-webkit-text-size-adjust:none;}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,p{margin:0;padding:0;}
img{border:0;vertical-align:bottom;}
ul,li{list-style-type:none;}
a{text-decoration:none;}
a:hover{text-decoration:none;}
.tc{text-align:center;}.tl{text-align:left;}.tr{text-align:right;}
.fl{float:left;}.fr{float:right;}.cl{clear:both;}.fb{font-weight:bold;}.fnb{font-weight:200;margin-left:-1px;}
input[type="text"]:focus,input[type="password"]:focus,textarea:focus{outline:none;}
.rel{position: relative;}.abs{position: absolute;}
h3{font-weight: normal;}
em{font-style: normal;}
/*header*/
.header_bg{
	min-width: 1200px;
	background: url(../images/header_bg.jpg) no-repeat center top;
	height:135px ;
}
.content{
	width: 1200px;
	margin: 0 auto;
}
.link{
	border: solid 1px #e0e0e0;
	color: #e0e0e0;
	height: 34px;
	line-height: 34px;
	margin: 49px 0 0 115px;
}
.link a{
	color: #555;
	padding: 0 10px;
}
.unslider{overflow:auto}
.unslider-wrap{position:relative}
.unslider-wrap.unslider-carousel li{float:left}
.unslider-fade{position:relative}
.unslider-fade .unslider-wrap li{position:absolute;left:0;top:0;right:0;z-index:8}
.unslider-fade .unslider-wrap li.unslider-active{z-index:10}
.unslider li{list-style:none;margin:0;padding:0;border:none}
.unslider-arrow{position:absolute;left:20px;z-index:2;cursor:pointer;top:45%;}
.unslider-arrow.next{left:auto;right:20px}
.unslider{position: relative;}
.banner { position: relative; overflow: hidden; text-align: center; height: auto!important;}
.banner li { list-style: none;}
.banner ul li { float: left;}
.banner ul li img{width: 100%;}
.unslider-nav{position: relative;display: none;}
.unslider-nav ol { position: absolute; left: 0; right: 0; bottom: 20px; text-align: center; z-index: 100;}
.unslider-nav ol li{display: inline-block; width: 14px; height: 14px; border-radius:50%; margin: 0 8px; text-indent: -999em; background: #333;cursor: pointer; -webkit-transition: background .5s, opacity .5s; -moz-transition: background .5s, opacity .5s; transition: background .5s, opacity .5s;}
.unslider-nav .unslider-active{background: #57c715!important;opacity: 1;background: url;}
.nav_bg{
	min-width: 1200px;
	background: url(../images/index_07.jpg) repeat-x;
	height: 59px;
}
.nav li{
	width:133px;
	float: left;
	text-align: center;
	line-height: 59px;
}
.nav li a{
	color: #fff;
	font-size: 16px;
	display: block;
}
.nav li a:hover{
	background: url(../images/index_08.jpg) repeat-x;
}
/*index*/
.about{
	padding: 100px 0 117px;
}

.about_pic{
	width: 276px;
	height: 276px;
	background: url(../images/index_11.jpg) no-repeat;
	padding: 11px 9px 44px 127px;
}
.about_pic img{
	border-radius: 100%;
}
.about_con{
	width: 722px;
}
.about_text h3{
	font-size: 18px;
	color: #333;
	line-height: 18px;
	padding-bottom: 18px;
	font-weight: bold;
}
.about_text p{
	color: #666;
	line-height: 32px;
	height:224px;
	overflow: hidden;
	text-indent:2em;
}
.classify li{
	width: 190px;
	float: left;
	text-align: center;
	background: url(../images/index_14.jpg) repeat-x;
	height: 47px;
	line-height: 47px;
	cursor:pointer;
	font-size: 18px;
	color: #666;
	margin: 35px 0 0;
}
.classify li.active{
	background: url(../images/index_13.jpg) repeat-x;
	color: #fff;
}
.pro_tit_bg1{
	min-width: 1200px;
	background: url(../images/index_16.jpg) no-repeat center top;
}
.tit{
	color: #333;
	font-size: 27px;
}
.tit span{
	color: #0072bc;
	text-transform: uppercase;
	margin: 0 15px;
}
.tit1{
	padding-left: 45px;
	line-height: 58px;
}
.type1 a{
	background: url(../images/index_19.jpg) no-repeat;
	width: 189px;
	height: 52px;
	display: inline-block;
	margin-left: 10px;
	text-align: center;
	line-height: 52px;
	color: #fff;
	font-size: 18px;
}
.pro1{
	padding: 50px 0 100px;
}
.pro_con{
	border: solid 1px #ccc;
	padding: 20px 18px 0;
	height: 398px;
	width: 237px;
}
.pro_tit h3{
	color: #333333;
	font-size: 16px;
	line-height: 36px;
	padding: 12px 0 0;
}
.pro_tit p{
	color: #666;
	text-align: left;
	padding: ;
}
.pro_tit a{
	width: 94px;
	height: 31px;
	border: solid 1px #ccc;
	text-align: center;
	line-height: 31px;
	margin: 15px auto 0;
	display: block;
	color: #666666;
}
.pro_con:hover .pro_tit a{
	background: #ff9530;
	color: #fff;
	border: none;
}
.pro_tit_bg2{
	min-width: 1200px;
	background: url(../images/index_17.jpg) no-repeat center top;
}
.tit2{
	padding-right: 165px;
	line-height:90px ;
}
.type2 a{
	margin: 20px 10px 0 0;
}

.pro2{
	padding: 30px 0 100px;
}
.case_bg{
	min-width: 1200px;
	background: url(../images/case_bg.jpg) no-repeat center top;
	padding: 95px 0 0;
	height:605px ;
}
.tit3{
	background: url(../images/tit_bg.png) no-repeat center 20px;
	color: #333;
	font-size: 27px;
	line-height: 26px;
	height: 61px;
}
.tit3 span{
	color: #acacac;
	font-size: 14px;
	line-height: 20px;
	text-transform: uppercase;
}
.case{
	padding:50px 0;
}
.case li{
	width: 300px;
	float: left;
}
.case_tit{
	width: 380px;
	margin: 0 auto;
}
.classify li.current{
    background: url(../images/index_13.jpg) repeat-x;
    color: #fff;
}
.news{
	padding: 95px 0 130px;
}
.news_list{
	width: 700px;
	margin: 55px 0 0;
}
.news_list li{
	height: 110px;
	background: #f6f6f6;
	margin: 10px 0 0;
}
.date{
	width: 117px;
	background: url(../images/index_23.jpg) no-repeat right 30px;
	color: #666;
	padding: 20px 0 0;
	line-height: 24px;
}
.date span{
	font-size: 50px;
	line-height: 50px;
}
.news_list_con{
	width: 530px;
	padding: 10px 26px 0 0;
}
.news_list_con h3{
	line-height: 38px;
	color: #333;
	font-size: 16px;
}
.news_list_con p{
	color: #999;
	height: 44px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.news_list li:hover{
	background: #0072bc;
}
.news_list li:hover .date{
	color: #fff;
	background: url(../images/index_24.jpg) no-repeat right 30px;
}
.news_list li:hover h3{
	color: #fff;
}
.news_list li:hover p{
	color: #fff;
}
.news_video{
	width: 414px;
	height: 323px;
	margin: 65px 0 0;
}
.news_video{
	background: url(../images/index_25.jpg) no-repeat right bottom;
	padding: 0 32px 32px 0;
}
/*footer*/
.footer{
	min-width: 1200px;
	background: #0072bc;
	padding: 64px 0 50px;
}
.nav_b{
	width:1037px;
	height: 76px;
	background: url(../images/nav.png) no-repeat center top;
	margin: 0 auto;
	color: #0072bc;
}
.nav_b a{
	line-height: 43px;
	color: #0072bc;
	font-size: 16px;
	padding: 0 20px;
}
.copyright{
	color: #fff;
}

/*main*/
.main{
	padding:90px 0 130px;
}
.type{
	padding: 40px 0 0;
}
.type a{
	width: 189px;
	height: 52px;
	background: url(../images/main01.jpg) no-repeat;
	text-align: center;
	line-height: 52px;
	display: inline-block;
	font-size: 18px;
	color: #666;
	margin: 0 5px;
}
.type .on{
	background: url(../images/index_19.jpg) no-repeat;
	color: #fff;
}
.m_news{
	width: 1200px;
	padding-bottom: 50px;
}
.m_news ul{
	margin-right: -40px;
}
.m_news li{
	width: 580px;
	float: left;
	margin: 12px 40px 12px 0;
}
.m_news_con{
	width: 400px;
	padding: 10px 30px 0 0;
}
.page a{
	background: #e7e7e7;
	padding: 0 10px;
	height: 33px;
	line-height: 33px;
	margin: 0 3px;
	display: inline-block;
	color: #666;
}
.page a:hover{
	background: #0072bc;
	color: #fff;
}
.pro{
	padding: 60px 0 20px;
}
.pro ul{
	margin-right: -25px;
}
.pro li{
	width: 271px;
	float: left;
	position: relative;
	background: url(../images/main03.jpg) no-repeat right bottom;
	padding: 0 10px 10px 0;
	margin: 0 25px 40px 0;
}
.pro li p{
	width: 271px;
	background: rgba(0,0,0,0.5);
	height: 44px;
	position: absolute;
	bottom:10px;
	left:0;
	font-size: 16px;
	color: #fff;
	line-height: 44px;
	text-align: center;
}


.backtop{
	width:63px;
	height: 64px;
	position: absolute;
	top:-15%;
	left:0;
	right:0;
	margin: 0 auto;
}