*{padding:0;margin:0;font-family: "宋体","Microsoft YaHei";list-style: none;text-decoration: none;border: none;}

.container{

	width: 1000px;

	margin:0 auto;

}

html{overflow-x:hidden;}

body{

	background: #fff;

	color: #646464;

	font-size: 14px;

	min-width: 1200px;

	

}

a{

	outline: none;

	color: #646464;

	text-decoration:none !important;

}

a:hover{

	color: #3ab54a;

}

.fl{

	float: left;

}

.fr{

	float: right;

}

.clear{

	clear: both;

}

/*

===================

分页

>>	pages_pre		上一页

>>	pages_next	下一页

>>	strong			激活状态

>>	a:hover			鼠标悬停状态

===================

*/

.pages {

	margin: 50px auto 20px auto;

	width: 500px;

	font-size: 14px;

}

.pages a,

.pages strong{

	display:inline-block;

	line-height:28px;

	padding:0 10px;

	border:1px solid #d9d9d9;

	background-color:#ffffff; 

	text-decoration:none;

	color:#666;

	font-family:Simsun;

	-webkit-transition: all 0.2s ease-out;transition: all 0.2s ease-out;

	margin-right:3px;

}

.pages .current{

	display:inline-block;

	line-height:28px;

	padding:0 10px;

	border:1px solid #d9d9d9;

	background-color:#ffffff; 

	text-decoration:none;

	font-family:Simsun;

	-webkit-transition: all 0.2s ease-out;transition: all 0.2s ease-out;

	margin-right:3px;

	

	color:#fff;

	background-color:#3ab54a;

	border-color:#fff;

}

.pages a:hover{

	color:#fff !important;

	background-color:#3ab54a;

	border-color:#fff;

	text-decoration:none;

}

.pages strong{

	color:#fff;

	background-color:#24557d;

	border-color:#fff;

}

.pages span{

	padding:0 10px;

	line-height:23px;

}



/* index top */

.logo{

	margin-left:120px;

}

.logo img{ width:130px; margin-top:5px;}

.indextop{

	height: 90px;

}

#nav {

    height: 50px;

    position: relative;

    overflow: hidden;

}

#nav:hover{

	overflow: visible;

}

.dbh{overflow: hidden !important;}



#navarea {

	position: absolute;

	right: 0;

	width: 100%;

}

#navarea ul {

    position:absolute;

	right:0;    

    padding: 4px 18px 0 18px;

}



#navarea li {

    float: left;

    height: 37px;

    font-size: 14px;

    line-height: 32px;

}

#navarea a {

    float: left;

    display: inline-block;

    color: #fff;

    text-decoration: none;

    padding: 0 5px;

    transition: all 0.3s;

}

#navarea a:hover{

	color: #969595;

}



#navarea .on a:link,

#navarea .on a:visited,

#navarea .on a:hover,

#navarea .on a:active {

    float: left;

    display: inline-block;

    height: 49px;

}



#navarea .on a:link span,

#navarea .on a:visited span,

#navarea .on a:hover span,

#navarea .on a:active span {

    display: inline-block;

}

#navarea dt i{ display:block;width:0;height:2px;background:#000;}

#navarea .on i{width:100%;transition: all 0.3s ease-out;}



#navarea dl {

    float: right;

}



#navarea dt {

    float: left;

    font-size: 14px;

    height: 50px;

    line-height: 48px;

    margin-right: 30px;

	font-weight:normal;

}

#navarea dt a span{font-family:"Microsoft YaHei";}



#menu {

    clear: both;

    overflow: hidden;

    color: #ffe9d6;

    width: 100%;

    height: 60px;

    background: rgba(185,185,188,.6);

	margin-top: 60px;

}



#menu li {

    float: left;

    padding: 0 1px 0 1px;

    font-size: 12px;

    color: #999;

    line-height: 60px;

}



#menu ul {

    height: 60px;

    padding: 0px;

    margin: 0px;

    margin-left: 100px !important;

    _margin-left: 50px;

    display: inline;

    _display: inline;

}

#menu ul:nth-child(1){

	right:220px;

}

#menu ul:nth-child(2){

	right:165px;

}

#menu ul:nth-child(3){

	right:107px;

}



#menu li a:link,

#menu li a:visited {

    color: #fff;

    text-decoration: none;

}



#menu li a:hover,

#menu li a:active {

    color: #005907;

    text-decoration: none;

}



#menu li strong {

    font-size: 12px;

    font-weight: normal;

}



#menu a {

    padding: 0 15px;

    line-height: 60px;

    font-size: 12px;

}



#menu a:link,

#menu a:visited {

    color: #3ab54a;

}



#menu a:hover,

#menu a:active {

    color: #3ab54a;

}



#menu span a:link,

#menu span a:visited {

    color: #3ab54a;

}



#menu span a:hover,

#menu span a:active {

    color: #3ab54a;

}

.head{

	height: 60px;

	padding-top: 10px;

	background: rgba(43, 62, 81, 0.77);

	position:fixed;

	width:100%;

	top:0;

	z-index: 999;

}

.logo{

	position:relative;

	z-index:999;

}

.head .container{

	position: relative;

}

.index_head{

	background: 0;

	margin-top: 60px;

	height: 60px;

	padding-top: 10px;

	padding-bottom: 20px;

}

.shows{

	background: rgba(43, 62, 81, 0.77);

	transition: all .6s;

	padding-bottom: 0;

	margin-top: 0;

}

.shows #menu{

	margin-top: 60px;

}





.search{

	float:right;

	margin-right:120px;

	margin-top:10px;

}

.search_box .s{

	display: block;

	width: 18px;

	height: 25px;

	background: url(../images/s1.png) no-repeat center;

	margin-right: 10px;

	margin-top: 2px;

}

.wd .s{

	background: url(../images/s2.png) no-repeat center;

}

.search_box input{

	height: 30px;

	background: #fff;

	border: 1px solid #eee;

	float: left;

	line-height: 30px;

	width: 150px;

	padding: 0 10px;

	color: #999;

}

.search_box .button{

	width: 50px;

	text-align: center;

	border: 0;

	background: #3ab54a;

	color: #fff;

	line-height: 32px;

	height: 32px;

	cursor: pointer;

}

.inputbox{

	width: 290px;	

}

.search_box {

	width: 25px;

	overflow: hidden;

	transition: all 0.5s;

}

.wd{

	width: 300px;

}

.search .r{

	width: 25px;

	height: 25px;

	background: url(../images/r.jpg) no-repeat center;

	margin-left: 20px;

	margin-top: 2px;

	background-size:16px;

}



.banner{

	width: 100%;

	background: url(../images/banner.jpg) center/cover fixed;

	box-shadow: inset 0 0 0 1000px rgba(16, 16, 16, 0.3);

	text-align: center;

}

.banner span{

	display: block;

	font-size: 40px;

	color: #f03333;

	font-family: "微软雅黑";

	padding-bottom: 15px;

	padding-top: 20%;

	font-weight:bold;

}

.banner p{

	font-size: 18px;

	color: #fdfff2;

	font-family: "微软雅黑";

	margin-top:20px;

	letter-spacing:5px;

}













.abtit{

	text-align: center;

	font-size: 28px;

	color: #000;

	padding-top: 60px;

	padding-bottom: 30px;


}

.about{

	width:760px;

	color:#333;

	font-weight:300;

	margin:0 auto;

}

.about p{

	font-size: 14px;

	line-height: 28px;

	text-indent: 2em;

}

.about a.more{

	display: block;

	width: 180px;

	height: 50px;

	border: 1px solid #c7c7c7;

	text-align: center;

	line-height: 50px;

	font-size: 14px;

	color: #000;

	margin: 60px auto 0 auto;

	transition: all 0.3s;

}

.about a.more:hover{

	border: 1px solid #3ab54a;

	color: #3ab54a;

}



.product{

	height: 470px;

	background: rgba(0,130,19,.9);

	margin-top: 90px;

}

.product .container{

	width: 980px;

}

.product li{

	float: left;

}

.product li p{

	font-size: 24px;

	color: #e5e5e5;

	height: 40px;

	line-height: 40px;

	background: url('../images/l.png') no-repeat left center;

	padding-left: 62px;

	margin-bottom: 20px;

	margin-left: 10px;

	margin-top: 60px;

	transition: all 0.3s;

}

.product li p:hover{ color:#666;}

.product li:first-child p{background: url('../images/l2.png') no-repeat left center;}

.product li:nth-child(2){

	float:right;

}

.product li img{

	transition: all 0.5s;

	width:400px;

}

.product li img:hover{

	opacity: 0.8;

}



.news{

	width:760px;

}

.news .news_tit{

	font-size: 28px;

	color: #000;

	text-align: center;

	padding-top: 60px;

	padding-bottom: 50px;

	font-family:"Microsoft YaHei";

}

.news ul{

	margin-left: -30px;

}

.news li{

	float: left;

	width: 365px;

	margin-bottom: 15px;

	border-bottom: 1px solid #c7c7c7;

	padding-bottom: 10px;

	margin-left: 30px;

}

.news li span{

	display: block;

	color: #666;

	margin-bottom: 8px;

	font-weight:bold;

}

.news li span:hover{ color:#333;}

.news li a{

	display: block;

	font-size: 14px;

	color: #000;

	margin-bottom: 10px;

}

.news li p{

	font-size: 12px;

	color: #6a6869;

	line-height: 22px;

}

.news li:hover a{color: #3ab54a;}

.news li:hover p{color:#999;}

.news a.more{

	display: block;

	width: 110px;

	height:110px;

	border: 1px solid #c7c7c7;

	border-radius: 50%;

	color: #000;

	font-size: 14px;

	text-align: center;

	line-height: 110px;

	margin: 50px auto;

	transition: all 0.3s;

}

.news a.more:hover{

	border-color: #3ab54a;

	color: #3ab54a;

}

.link{

	line-height: 26px;

	margin-bottom: 25px;

	margin-top:70px;

}

.link p{

	background: url('../images/link.jpg') no-repeat left center;

	padding-left:40px;

	color: #3ab54a;

	height: 26px;

	float: left;

}

.link a{

	margin: 0 10px;

}



.footer{

	height: 160px;

	border-top: 1px solid #c7c7c7;

	border-bottom: 1px solid #c7c7c7;

}

.footer .container{

	position:relative;

}

.footleft{

	position: absolute;

	left: 0;

}

.footleft p{

	font-size: 22px;

	color: #3b3b3b;

}



.flt p{ text-align:center; font-family:"Microsoft YaHei"; margin-top:55px;letter-spacing:8px;}

.flt span{ font-size:13px; display:block; margin-top:5px;}

.sharebox{ margin-top:60px; text-align:center;}

.sharebox ul{ display:inline-block;}

.sharebox li{ position:relative; margin:0 10px; float:left;width:39px;height:39px; overflow:hidden;}

.sharebox li .fbox{ position:absolute; display:none; width:200px; bottom:50px; left:-80px;}

.sharebox li .fbox p{ margin-top:10px; font-size:14px; text-align:center; color:#005907; text-align:center;}

.sharebox li a{ display:block; width:39px;height:39px;}

.sharebox li:first-child a{ background:url(../images/f2.png) no-repeat top center;}

.sharebox li:first-child+li a{ background:url(../images/f3.png) no-repeat top center;}

.sharebox li:first-child+li+li a{ background:url(../images/f4.png) no-repeat top center;}

.sharebox li:first-child+li+li+li a{ background:url(../images/f5.png) no-repeat top center;}



.sharebox li:first-child a:hover{ background:url(../images/f2.png) no-repeat bottom center;}

.sharebox li:first-child+li a:hover{ background:url(../images/f3.png) no-repeat bottom center;}

.sharebox li:first-child+li+li a:hover{ background:url(../images/f4.png) no-repeat bottom center;}

.sharebox li:first-child+li+li+li a:hover{ background:url(../images/f5.png) no-repeat bottom center;}



.sharebox li:hover{ overflow:visible;}

.sharebox li:hover .fbox{ display:block;}



.footright{

	position: absolute;

	right: 0;

}

.footright li{

	float: left;

	margin-top: 27px;

	margin-left: 30px;

	text-align: center;

	font-size: 12px;

	color: #565656;

}

.bottom{

	line-height: 56px;

	height: 56px;

	position:relative;

}

.bottom p{

	position: absolute;

	color: #565656;

}

.bottom p:nth-child(1){

	left: 0;

}

.bottom p:nth-child(2){

	right: 0;

}



.main{

	width: 980px;

	margin: 0 auto;

	margin-top: 70px;

}

/* 内页page */

.nban{

	height: 500px;

}

.nban .main{

	text-align:center;

	color:#fff;

	/*background:rgba(16,16,16,.3);*/

	width:100%;

	height:500px;

}

.nban .main span{

	font-size:55px;

	display:block;

	padding-top:150px;

	padding-bottom:20px;

}

.nban .main p{

	font-size:25px;

	color:#8e858a;

}

.nban .main p a{

	color:#8e858a;

}

.nban .main p a:hover{ color:#fff;}



.about_main{

	margin-top: 45px;

}

.ab_left{

	width: 330px;

	text-align: center;

	margin-top: 120px;

}

.ab_left span{

	display: block;

	font-size: 28px;

	color: #333;

	margin-bottom: 30px;

	letter-spacing: 8px;

	font-family: "Microsoft YaHei";

}

.ab_left p{

	color: #333;

	font-size: 16px;

	line-height: 30px;

}

.ab_right{

	padding: 30px 100px 0 70px;

	width: 650px;

	box-sizing: border-box;

}

.ab_right p{

	text-indent: 2em;

	color: #666;

	line-height: 34px;

}

.ab_right a.more{

	display: block;

	width: 180px;

	height: 50px;

	border: 1px solid #cacbca;

	text-align: center;

	line-height: 50px;

	color: #040000;

	margin-top: 50px;

	transition: all 0.3s;

}

.ab_right a.more:hover{

	border: 1px solid #3ab54a;

	color: #3ab54a;

}

.page_news{

	margin-top: 80px;

}

.page_news_tit{

	text-align: center;

}

.page_news_tit span{

	display: block;

	font-size: 28px;

	color: #333;

	padding-bottom: 7px;

	padding-top: 10px;

	letter-spacing: 8px;

	font-family: "Microsoft YaHei";

}

.page_news_tit p a{

	color: #666;

	font-size: 16px;

	letter-spacing: 5px;

	text-decoration: underline !important;

	font-family: "Microsoft YaHei";

}

.page_news ul{

	margin-left: -25px;

	margin-top: 37px;

}

.page_news li{

	width: 310px;

	float: left;

	margin-left: 25px;

	margin-bottom: 35px;

}

.page_news li .box{

	width: 310px;

	height: 210px;

	overflow:hidden;

	margin-bottom: 10px;

}

.page_news li img{

	width: 310px;

	height: 210px;

	transition: all 0.5s;

}

.page_news li:hover img{

	opacity: 0.8;

}

.page_news li a{

	display: block;

	color: #333;

	font-weight:bold;

	

}

.page_news li .nfl{border-bottom:1px solid #fff; float:left;}

.page_news li a:hover{ color:#666;}

.page_news li .nfl a{color: #333;}

.page_news li .nfl:hover{border-bottom:1px solid #005907;}

.page_news li p{

	font-size: 12px;

	color: rgb(102,102,102,.86);

	line-height: 24px;

}

.page_news li .browse{

	border-top: 1px solid #dfdfdf;

	margin-right: 14px;

	margin-top: 10px;

}

.page_news li .browse span{

	display: block;

	float: left;

	margin-right: 50px;

	height: 30px;

	line-height: 30px;

	font-size: 12px;

	color: #999;

}

.page_news li .browse .browse1{

	background: url(../images/eye.jpg) no-repeat left center;

	padding-left: 38px;

	margin-left: 12px;

}

.page_news li .browse .browse2{

	/*background: url(../images/zan.jpg) no-repeat left center;

	padding-left: 38px;*/

}

.page_news a.more{

	display: block;

	width: 108px;

	height: 108px;

	border-radius: 50%;

	text-align: center;

	line-height: 108px;

	border: 1px solid #c8c8c8;

	margin: 0 auto;

	margin-top: 40px;

	transition: all 0.3s;

}

.page_news a.more:hover{

	border: 1px solid #3ab54a;

	color: #3ab54a;

}

.page_cont{

	height: 1240px;

	margin-top: 50px;

}

.page_cont_tit{

	text-align: center;

	font-size: 28px;

	color: #333;

	padding-top: 70px;

	letter-spacing: 8px;

	font-family: "Microsoft YaHei";

}

.page_cont ul.bb{

	margin-top: 60px;

}

.page_cont .bb li{

	float: left;

	width: 243px;

	margin: 0 40px;

	text-align: center;

	padding-top: 42px;

}

.page_cont .bb li span{

	display: block;

	font-size: 24px;

	color: #333;

	margin-bottom: 13px;

}

.page_cont .bb li p{

	font-size: 16px;

	color: #444;

}

.page_cont .bb li .page_continfo{

	border-top: 1px solid #d7d7d7;

	margin-top: 25px;

}

.page_cont .bb li .page_continfo p{

	font-size: 14px;

	color: #555;

	line-height: 25px;

	margin-top: 30px;

	text-align:left;

	padding-left:45px;

	min-height:60px;

	cursor:auto;

}

.page_cont .bb li.c1{

	background: url(../images/c1.jpg) no-repeat top center;

}

.page_cont .bb li.c2{

	background: url(../images/c2.jpg) no-repeat top center;

}

.page_cont .bb li.c3{

	background: url(../images/c3.jpg) no-repeat top center;

}



.page_cont .bb li.c1 .page_continfo p{

	background: url(../images/cont1.png) no-repeat top left;

	background-size:30px;

}

.page_cont .bb li.c2 .page_continfo p{

	background: url(../images/cont2.png) no-repeat top left;

	background-size:30px;

}

.page_cont .bb li.c3 .page_continfo p{

	background: url(../images/cont3.png) no-repeat top left;

	background-size:30px;

}



.page_cont .bb li.c1 .page_continfo p:hover{

	background: url(../images/cont1b.png) no-repeat top left;

	background-size:30px;

	color: #005907;

}

.page_cont .bb li.c2 .page_continfo p:hover{

	background: url(../images/cont2b.png) no-repeat top left;

	background-size:30px;

	color: #005907;

}

.page_cont .bb li.c3 .page_continfo p:hover{

	background: url(../images/cont3b.png) no-repeat top left;

	background-size:30px;

	color: #005907;

}

.rotate-circle{
    display:none !important;
}

.find{

	margin-top: 100px;

	text-align:center;

	position:relative;

}

.find a{ display:block; position:absolute; width:120px;height:50px;top: 330px;left: 700px;}

.findtit{

	text-align: center;

	font-size: 28px;

	color: #333;

	margin-bottom: 40px;

	letter-spacing: 8px;

	font-family: "Microsoft YaHei";

}

.find p{

	font-size: 16px;

	color: #333;

	margin-top: 50px;

	text-align:left;

}



.newbanner a{

	display: block;

	width: 110px;

	height: 50px;

	position: absolute;

	left: 340px;

	top: 350px;

}



.suptit{

	text-align: center;

	font-size: 28px;

	color: #333;

	padding-top: 45px;

	padding-bottom: 35px;

	letter-spacing: 8px;

	font-family:"Microsoft YaHei";

}

.sup form{

	margin: 0 auto;

	width: 615px;

	border-bottom: 1px solid #555;

	padding-bottom: 17px;

}

.sup .form_group{

	height: 56px;

}

.sup .form_group label{

	width: 164px;

	border: 1px solid #ccc;

	display: block;

	float: left;

	height: 48px;

	line-height: 48px;

	font-size: 16px;

	color: #333;

	box-sizing: border-box;

	text-align: center;

}

.sup .form_group input{

	float: left;

	margin-left: 8px;

	height: 48px;

	line-height: 48px;

	border: 1px solid #ccc;

	background: #fff;

	width: 436px;

	padding: 0 10px;

	box-sizing: border-box;

}

.sup .form_group textarea{

	height: 128px;

	width: 610px;

	border: 1px solid #ccc;

	background: #fff;

	padding: 5px 13px;

	box-sizing: border-box;

	color: #333;

	line-height: 30px;

}

.sup .last_group{

	height: 155px;

}

.sup button{

	height: 33px;

	line-height: 33px;

	background: #005907;

	color: #fff;

	text-align: center;

	width: 168px;

	font-size: 16px;

	border-radius: 10px;

	margin: 0 auto;

	display: block;

	cursor: pointer;

	transition: all 0.3s;

	border: 1px solid #005907;

}

.sup button:hover{

	background: #fff;

	color: #064322;

	border: 1px solid #005907;

}

.pic_tit{

	font-size: 28px;

	color: #333;

	text-align: center;

	padding-top: 60px;

	padding-bottom: 40px;

	letter-spacing: 8px;

	font-family:"Microsoft YaHei";

}

.pic ul{

	margin-left: -25px;

}

.pic li{

	float: left;

	text-align: center;

	margin-left: 25px;

	margin-bottom: 25px;

}

.pic li p{

	font-size: 18px;

	color: #333;

	line-height: 50px;

	margin-top: 6px;

}

.pic li:nth-child(1) p{

	border-top: 7px solid #fdd567;

}

.pic li:nth-child(2) p{

	border-top: 7px solid #20d8c0;

}

.pic li:nth-child(3) p{

	border-top: 7px solid #80e334;

}

.pic li:nth-child(4) p{

	border-top: 7px solid #f7554d;

}

.pic li:nth-child(5) p{

	border-top: 7px solid #d1e139;

}

.pic li:nth-child(6) p{

	border-top: 7px solid #3e95da;

}

.pic li:nth-child(7) p{

	border-top: 7px solid #fdd567;

}

.pic li:nth-child(8) p{

	border-top: 7px solid #20d8c0;

}

.pic li:nth-child(9) p{

	border-top: 7px solid #80e334;

}

.pic li:nth-child(10) p{

	border-top: 7px solid #f7554d;

}

.pic li:nth-child(11) p{

	border-top: 7px solid #d1e139;

}

.pic li:nth-child(12) p{

	border-top: 7px solid #3e95da;

}

.pic li .box{

	width: 310px;

	height: 210px;

	overflow: hidden;

}

.pic li img{

	width: 310px;

	height: 210px;

	transition: all 0.5s;

}

.pic a.more,.film a.more{

	display: block;

	width: 108px;

	height: 108px;

	border-radius: 50%;

	text-align: center;

	line-height: 108px;

	color: #040000;

	border: 1px solid #c8c8c8;

	margin: 25px auto 35px auto;

	transition: all 0.3s;

}

.pic a.more:hover,.film a.more:hover{

	border: 1px solid #3ab54a;

	color: #3ab54a;

}

.film{

	padding-bottom:50px;

}

.filmtit{

	text-align: center;

	font-size: 28px;

	color: #333;

	padding-top: 45px;

	padding-bottom: 35px;

	letter-spacing: 8px;

	font-family:"Microsoft YaHei";

}

.film ul{

	border-top: 1px solid #7d7d7d;

}

.film li{

	text-align: center;

	float: left;

	padding: 38px 44px;

	border-bottom: 1px solid #7d7d7d;

}

.film li p{

	font-size: 18px;

	color: #333;

	margin-top: 17px;

}

.film li:nth-child(odd){

	border-right: 1px solid #7d7d7d;

}

.film li img{

	width: 400px;

	height: 230px;

	transition: all 0.5s;

}

.film li:hover img{

	opacity: 0.8;

}

.film a.more{

	margin-top: 70px;

}



.xmtext{

	position:relative;

	width:550px;

	margin:0 auto;

	z-index:98;

	margin-top:-390px;

	line-height:30px;

	height: 130px;

	overflow:hidden;

}

.xmtext p{

	text-indent:2em;

}

.xmtext img{

	margin:0 auto;

	display:block;

}

.project{

	padding-bottom: 20px;

	margin-bottom: 50px;

	border-bottom-left-radius: 450px;

	border-bottom-right-radius: 450px;

}

.protop{

	border-bottom: 2px solid #dfdfdf;

	height: 86px;

	background: #fff;

}

.protop .position{

	position: relative;

	font-size:22px;

	top:30px;

	font-family:Book Antiqua;

}

.protop .position a{

	margin:0 5px;

	color:#2d2d2d;

}

.protop .position a:hover{

	color:#c3c3c3;

}

.prosub{

	height: 35px;

	line-height: 35px;

	margin-top: 32px;

}

.prosub a{

	color:#333;

	margin-left:20px;

	display:block;

	float:left;

}

.prosub a span{font-family:"Microsoft YaHei";}

.prosub a i{ display:block; height:2px; background:#005907; width:0; transition: all 0.3s; margin:0 auto; margin-top:15px;}

.prosub a:hover i{ width:100%;}

.prosub a:hover span{ color:#005907;}

.prosub p{

	font-size: 18px;

	color: #2d2d2d;

	margin-right: 30px;

	font-family:"Microsoft YaHei";

}

.prosub img{

	margin-right: 25px;

	float: left;

}

.proslide .slideBox{ width:980px;position:relative;}

.proslide .slideBox .bd{ position:relative; height:100%; z-index:0;   }

.proslide .slideBox .bd li{ zoom:1; vertical-align:middle; }

.proslide .slideBox .bd img{width:980px; height:700px;display:block;  }

.proslide li a{display: block;width: 180px;height: 50px;line-height: 50px;text-align: center; border: 1px solid #cacbca;color: #040000;margin: 0 auto;transition: all 0.3s;}

.proslide li a:hover{color: #3ab54a;border: 1px solid #3ab54a;}

.proslide .slideBox .prev,

.proslide .slideBox .next{ position:absolute; left:150px;top:235px;display:block; width:43px; height:75px; background:url(../images/next.png) no-repeat; filter:alpha(opacity=80);opacity:0.8;background-size: 87px;}

.proslide .slideBox .next{ left:auto; right:150px; background-position:-43px 0;}

.proslide .slideBox .prev:hover,

.proslide .slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;}

.prolist {

	margin-left: -25px;

	margin-top: 70px;

	position:relative;

	z-index:99;

}

.prolist li{

	float: left;

	text-align: center;

	margin-left: 25px;

	margin-bottom: 30px;

}

.prolist li img{

	width: 225px;

	height: 150px;

	transition: all 0.5s;

}

.prolist li:hover img{

	opacity: 0.8;

}

.prolist li p{

	font-size: 16px;

	color: #333736;

	margin-top: 2px;

	line-height: 35px;

}

.prolist li:nth-child(1) p{

	border-top: 8px solid #0d8e94;

}

.prolist li:nth-child(2) p{

	border-top: 8px solid #1127b9;

}

.prolist li:nth-child(3) p{

	border-top: 8px solid #c303ba;

}

.prolist li:nth-child(4) p{

	border-top: 8px solid #6c436d;

}

.prolist li:nth-child(5) p{

	border-top: 8px solid #979e02;

}

.prolist li:nth-child(6) p{

	border-top: 8px solid #ee9b0d;

}

.project .more{

	display: block;

	width: 110px;

	height: 110px;

	text-align: center;

	line-height: 110px;

	border: 1px solid #c7c7c7;

	border-radius: 50%;

	margin: 35px auto;

	transition: all 0.3s;

	color:#646464;

}

.project a{

	text-decoration:none !important;

}

.project .more:hover{

	border: 1px solid #3ab54a;

	color: #3ab54a;

}

.project .prolist li img{

	width: 310px;

	height: 210px;

}









.devebanner a{

	display: block;

	position: absolute;

	width: 130px;

	height: 50px;

	left: 265px;

	top: 355px;

}

.devetit{

	text-align: center;

	font-size: 28px;

	color: #333;

	letter-spacing: 8px;

	padding-top: 50px;

	font-family:"Microsoft YaHei";

}

.deveinfo{

	padding: 0 120px;

	margin-top: 30px;

}

.deveinfo p{

	font-size: 16px;

	color: #555;

	line-height: 32px;

	text-indent: 2em;

}

.deveinfo .mail{

	margin-top: 10px;

}

.deveinfo .bor{

	border-bottom: 1px solid #555;

	line-height: 20px;

	width: 240px;

	text-indent: 0;

	margin-top: 10px;

}

.deveinfo a.more{

	display: block;

	width: 180px;

	height: 50px;

	border: 1px solid #cacbca;

	color: #040000;

	line-height: 50px;

	text-align: center;

	margin: 65px auto;

	transition: all 0.3s;

	margin-bottom:100px;

}

.deveinfo a.more:hover{

	border: 1px solid #3ab54a;

	color: #3ab54a;

}

.sfqtit{

	height: 110px;

	border-top: 1px solid #d9d9d9;

	box-sizing: border-box;

	padding-top: 20px;

	cursor: pointer;

}

.sideMenu .on{

	border-bottom: 1px solid #d9d9d9;

}

.sideMenu .on{

	background: #FAF8F9;

}

.sfqtit .d1{

	width: 295px;

	padding-left: 40px;

}

.sfqtit .d1 a{

	display: block;

	font-size: 18px;

	color: #333;

}

.sfqtit .d1 a:hover{ color:#666;}

.sfqtit .d1 p{

	font-size: 12px;

	color: #999;

	margin-top: 20px;

}

.sfqtit .d2,.sfqtit .d3{

	width: 165px;

	text-align: center;

	font-size: 18px;

	color: #666;

}

.require{

	margin-top: 20px;

	padding-left: 30px;

}

.requiretit{

	font-size: 20px;

	color: #333;

}

.require span{

	display: block;

	color: #333;

	margin-top: 15px;

	margin-bottom: 7px;

}

.require p{

	color: #666;

	line-height: 27px;

}

.requiremore .post{

	font-size: 20px;

	color: #333;

	margin: 0 auto;

	text-align: center;

	display: block;

	margin-top: 38px;

	border-bottom: 1px solid #d9d9d9;

	padding-bottom: 22px;

}

.requiremore a.more{

	display: block;

	width: 108px;

	height: 108px;

	border: 1px solid #c8c8c8;

	text-align: center;

	line-height: 108px;

	color: #040000;

	border-radius: 50%;

	margin: 60px auto;

	transition: all 0.3s;

	margin-bottom:100px;

}

.requiremore a.more:hover{

	border: 1px solid #3ab54a;

	color: #3ab54a;

}



.pagemain{

	line-height: 30px;

	padding: 20px 0;

	padding-top: 70px;

}



.list{



}

.list li{

	border-bottom: 1px solid #ddd;

	margin-top: 20px;

	padding-bottom: 20px;

}

.list li a{

	display: block;

	color: #333;

	font-size: 18px;

	line-height: 30px;

}

.list li span{

	color: #ababab;

	font-size: 12px;

	display: block;

	margin: 10px 0;

}

.list li p{

	font-size: 12px;

	line-height: 25px;

}



.show_top{

	text-align: center;

	border-bottom: 1px solid #ddd;

	margin-top: 10px;

	padding-bottom: 5px;

}

.show_top .title{

	color: #333;

	font-size: 22px;

	font-family:"Microsoft YaHei";

}

.show_top .date{

	margin-top: 5px;

	color: #999;

}

.show_top .date span{

	font-size: 12px;

	margin: 0 5px;

}

.content{

	margin-top: 10px;

	color:#666;

}

.prepage{

	margin-top: 40px;

	border-top: 1px solid #ddd;

	padding-top: 20px;

	color: #333;

}

.prepage a{

	color: #333;

}



.effect:hover{

	animation-duration: 1.5s;

    animation-name: pulse;

}

@keyframes pulse {

	0% {

	    transform: scale(1);

	}

	50% {

	    transform: scale(1.1);

	}

	100% {

	    transform: scale(1);

	}

}



.nfl{ margin-bottom:5px; color:#333; display:block;}

.nfl a{font-size:12px;}



.listtop{

	text-align: center;

	font-size: 25px;

	font-weight: bold;

	color: #000;

	padding-top: 50px;

	margin-bottom: 50px;

}



/* 职业发展手风琴效果 */

.sideMenu{border-bottom: 1px solid #d9d9d9; width:750px; margin:0 auto;}

.sideMenu .sfqinfo{display:none; /* 默认都隐藏 */ }



.morexl{ width:120px; height:40px; line-height:40px; text-align:center; border:1px solid #cacbca; color:#333; display:block; margin:0 auto; position:relative;z-index:99; margin-top:50px;}

.morexl:hover{ border:1px solid #3ab54a;}

.morexl:focus{ color:#333; outline:none;}



/* 项目分类dobest */

.dobest{

	margin-bottom: 70px;

}

.dobest ul{

	margin-left: -20px;

	margin-top: 60px;

}

.dobest li{

	float: left;

	width: 320px;

	height: 280px;

	margin-left: 20px;

	margin-bottom: 20px;

	text-align: center;

}

.dobest li a{

	display: block;

	width: 320px;

	height: 280px;

	background: #F7F7F7;

	transition: all 0.3s ease-in-out;

}

.dobest li h4{

	display: block;

	transition: all 0.3s ease-in-out;

	font-size: 18px;

	font-weight: 400;

	color: #55565b;

	padding-top: 60px;

}

.dobest li p{

	line-height: 1.5;

	transition: all 0.3s ease-in-out;

	color: #9d9d9d;

	width: 230px;

	margin: 0 auto;

	margin-top: 25px;

}

.dobest li span{

	font-family: 'Montserrat', sans-serif;

	display: inline-block;

	color: #f95353;

	margin-top: 30px;

	-moz-transition: all 0.3s ease-in-out;

	-webkit-transition: all 0.3s ease-in-out;

	transition: all 0.3s ease-in-out;

}

.dobest li a i{

	width: 0;

	margin: 0 auto;

	height: 1px;

	margin-top: 10px;

	transition: all 0.3s ease-in-out;

	background: #fff;

	display: block;

}

.dobest li a:hover{

	background: #56c553;

}

.dobest li a:hover h4,.dobest li a:hover p,.dobest li a:hover span{

	color: #fff;

}

.dobest li a:hover i {

   	width: 100px;

}

.dobest li.one p{

	font-size: 33px;

	margin-top:15px;

}

.dobest li.one span{

	display: block;

	font-size: 40px;

	color: #f95353;

	margin-top: 60px;

}

.dobest li.one i{

	font-size: 20px;

	margin-top: 15px;

	display: block;

}



.footshare{ margin-top:50px; margin-left:60px;}

.footshare a{

	width:39px !important;

	height:39px !important;

	margin-right:12px !important;
	position:relative;

}
.footshare a:hover{ overflow: visible;}
.footshare a p{ position:absolute; top:-45px;color: #005907; text-align:center; text-indent:0; font-size:14px; width:160px;margin-left:-60px;}

.footshare .bds_fbook{

	background:url(../images/fs1.png) no-repeat top center;

	background-position:0 0 !important;

	background-size:39px;

}

.footshare .bds_sqq{

	background:url(../images/fs2.png) no-repeat top center;

	background-position:0 0 !important;

	background-size:39px;

}

.footshare .bds_twi{

	background:url(../images/fs3.png) no-repeat top center;

	background-position:0 0 !important;

	background-size:39px;

}

.footshare .bds_tsina{

	background:url(../images/fs4.png) no-repeat top center;

	background-position:0 0 !important;

	background-size:39px;

}

.footshare .bds_weixin{

	background:url(../images/fs5.png) no-repeat top center;

	background-position:0 0 !important;

	background-size:39px;

}



.footshare .bds_fbook:hover{

	background:url(../images/fs1b.png) no-repeat top center;

	background-position:0 0 !important;

	background-size:39px;

}

.footshare .bds_sqq:hover{

	background:url(../images/fs2b.png) no-repeat top center;

	background-position:0 0 !important;

	background-size:39px;

}

.footshare .bds_twi:hover{

	background:url(../images/fs3b.png) no-repeat top center;

	background-position:0 0 !important;

	background-size:39px;

}

.footshare .bds_tsina:hover{

	background:url(../images/fs4b.png) no-repeat top center;

	background-position:0 0 !important;

	background-size:39px;

}

.footshare .bds_weixin:hover{

	background:url(../images/fs5b.png) no-repeat top center;

	background-position:0 0 !important;

	background-size:39px;

}

.showlist{

	border-top:1px solid #ddd;

	padding-top:10px;

	margin-top:30px;

}

.showlist li span{ float:right;width:500px;}

.hiden{ height:220px;overflow:hidden; transition: all 0.3s;}
.hiden.shown{height:280px;}

.hiden2{ height:370px;overflow:hidden; transition: all 0.3s;}
.hiden2.shown2{height:470px;}