/**
 * 功能：CSS样式
 * 作者：吴建波
 * 时间：20019-11-05
 */

/*************************************************************  网站首页  ******************************************************************/
.banner-head{
	margin-top: 90px;
	width: 100%;
	height: 540px;
	overflow:hidden;
	
}
.news-box{
	overflow: hidden;
}
.news-box .news{	
	height:640px;	
	overflow: hidden;	
}
.news-box .news-left{
	width: 790px;
}
.news-box .news-title{
	margin-top:25px;
	height:70px;
	line-height:70px
}
.news-box .news-title b{
	font-size:30px;
	font-weight:100;
}
.news-left .news-content{
	width: 750px;
	height: 450px;
	background:#fff;
	padding:20px;
	overflow: hidden;
}
.news-left .news-content .news-content-left{
	width: 360px;
	margin-right: 20px;
	position: relative;
}
.news-left .news-content .news-content-left img{
	width: 360px;
	height: 240px;
}
.news-left .news-content-left .ccr-title{
	width:360px;
	height:60px;
	margin:10px 0;
}
.news-left .news-content-left .ccr-title a{
	float:left;	
	width:360px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size:16px;
	line-height:36px;
	font-weight:900;
}
.news-left .news-content-left .ccr-title span{
	float:left;
	line-height:24px;
	color:#999;
	font-size:14px;
}
.news-left .news-content-left .ccr-view{
	overflow: hidden;
	height:86px;
	font-size:15px;
}
.news-left .news-content-left .ccr-view .view-content{
	line-height: 24px;
	color: #555;
	
}
.news-left .news-content-left .view-more{
	font-size:15px;
	width:380px;
	font-weight:900;
}
.news-left .news-content-left .ccr-view .view-more:hover{
	text-decoration: underline;
}
.news-left .news-content .news-content-right{
	width: 370px;
	height:auto;
	overflow: hidden;
}
.news-left .news-content-right .list-box li{
	height:50px;
	line-height:44px;	
}
.news-left .news-content-right .list-box li .title{	
	width: 310px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #333;
	font-size:16px;
}
.news-left .news-content-right .list-box li span{
	color: #999;
	font-size:15px;
}
.news-left .news-content-right .list-box li a:hover{
	color: #00BE6E;
	text-decoration: underline;
}
.news-left .news-content-right .list-box a.more{
	float:left;
	margin-top:5px;
	width:80px;
	height:32px;
	text-align:center;
	line-height:32px;
	border:1px solid #333;
	font-size:15px;
	font-weight:600;

}
.news-left .news-content-right .list-box a.more:hover{
	text-decoration:none;
	background: #00BE6E;
	border:1px solid #00BE6E;
	color:#fff;
}

.news-box  .news-right{
	width: 380px;
	overflow: hidden;
}
.news-right .news-content{
	width: 380px;
	height: 490px;
	background:#fff;
}
.news-right .news-content li{	
	position: relative;
	height: 139px;
	border-top: 1px dashed #9a9a9a;
}
.news-right .news-content li.li-first{
	border-top: 1px dashed #fff;
}
.news-right .news-content .ccr-view{
	float:left;
	width:280px;
	padding-left:20px;
}
.news-right .news-content .ccr-view a{
	margin-top:21px;
	float:left;
	width:280px;
	height:40px;
	line-height:40px;
	font-size:16px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.news-right .news-content .ccr-view a:hover{
	text-decoration:underline;
}
.news-right .news-content .ccr-view span{
	float:left;
	width:280px;
	height:48px;
	line-height:24px;
	color: #666;
	font-size:14px;
	overflow: hidden;
}
.news-right .news-content .ccr-date{
	float:right;
	width:70px;
	height:80px;
	margin-top:30px;
	background:#dedede;
	text-align:center;
	font-size:16px;
	line-height:20px;
}
.news-right .news-content .ccr-date i{
	float:left;
	width:70px;
	line-height:50px;
	font-size:30px;
	font-weight:900;
}
.news-right .news-content a.more{
	float:left;
	margin-top:5px;
	width:80px;
	height:32px;
	text-align:center;
	line-height:34px;
	border:1px solid #333;
	font-size:15px;
	font-weight:600;
	margin-left:20px;
}
.news-right .news-content a.more:hover{
	text-decoration:none;
	background: #00BE6E;
	border:1px solid #00BE6E;
	color:#fff;
}

.bus-box{	
	height:580px;	
	overflow: hidden;
	background:#fff;
}
.bus-box .box-title{
	font-size:30px;
	font-weight:100;
	text-align:center;
	height:100px;
	line-height:100px;
	margin-top:10px;
	background:url(../images/plan.png) no-repeat;
}
.bus-box .tab{
	height:500px;	
	overflow:hidden;
	-webkit-font-smoothing:antialiased;
}
.bus-box .tab-nav{
	display:table;
	overflow:hidden;
	height:50px;
}
.bus-box .tab-nav li{
	float:left;
	width:200px;
	height:48px;
	line-height:48px;	
}
.bus-box .tab-nav a{
	display:block;
	font-size:16px;
	text-align: center;
	border:1px solid #dfe3e5;
	border-left:1px solid #f9f9f9;
	background-color:#f9f9f9;	
	-webkit-transition:all 0.2s ease-in-out;
	-moz-transition:all 0.2s ease-in-out;
	transition:all 0.2s ease-in-out;
}
.bus-box .tab-nav a.li-first{
	border-left:1px solid #dfe3e5;
}
.bus-box .tab-nav a:hover{
	text-decoration:none;
	background:#38cf87;
	border:1px solid #38cf87;
	color:#fff;
}

.bus-box .tab_content{
	overflow:hidden;
	height:400px;
}
.bus-box .tabs_item{
	display:none;
	padding:30px 0;
}
.bus-box .tabs_item h2{
	font-weight:600;
	font-size:30px;
	line-height:80px;
}
.bus-box .tabs_item p{
	width:580px;
	line-height:30px;
	font-size:16px;
}
.bus-box .tabs_item img{
	float:right;
	width:580px;
	height:320px;	
}
.bus-box .tabs_item a.view-more{
	font-size:16px;
	width:200px;
	line-height:40px;
	font-weight:900;
	color: #00BE6E;
}
.bus-box .tabs_item a.view-more:hover{
	text-decoration: underline;
}
.bus-box .tabs_item:first-child{
	display:block;
}
.bus-box .current a{
	color:#fff;
	background:#00BE6E;
	border:1px solid #00BE6E;
}
.bus-box .current a{
	color:#fff;
	background:#00BE6E;
	border:1px solid #00BE6E;
}
.bus-box .tab-nav .current a.li-first{
	border-left:1px solid #00BE6E;
}


/*************************************************************  新闻中心  ******************************************************************/
.head-bg{
	margin-top: 90px;
	width: 100%;
	height: 360px;
}

.head-bg.news{
	background:url(../images/banner-news.jpg) no-repeat;
}

.head-bg.learn{
	background:url(../images/scwl-banner06.jpg) no-repeat;
}

.news-page{
	overflow: hidden;
}
.news-page .container{
	height:auto;
	overflow: hidden;
}
.news-page .news-left{
	width:740px;
	overflow: hidden;
}
.news-page  .news-right{
	width:420px;
	overflow: hidden;
}
.news-page .container-title{
	height:70px;
	margin-top:25px;
}

.news-page .container-title .title{
	height:70px;
}
.news-page .container-title b{
	font-size:26px;
	color:#333;
	font-weight:100;
	height:70px;
	line-height:70px;	
}
.news-page .container-title .more{
	height:70px;
	line-height:85px;
	font-size:14px;
	color:#666;
}
.news-page .container-title a:hover{
	text-decoration: underline;
	 color: #00BE6E;
}

.news-page  .film_focus{
	width: 700px;
	padding:30px 20px;
	height: 240px;
	overflow:hidden;
	background:#fff;
}
.news-page  .film_focus  .film_focus_imgs_wrap{
	position:relative;
	float:left;
	width:360px;
	height:240px;
	overflow:hidden;
	background:url(../images/load.gif) no-repeat center center;
}
.news-page  .film_focus  ul.film_focus_imgs{
	position:relative;
	width:360px;
	height:240px;
	height:9999em;
	overflow:hidden;
}
.news-page  .film_focus  ul.film_focus_imgs li{
	height:240px;
	overflow:hidden;
}
.news-page  .film_focus  ul.film_focus_imgs li img{
	width:360px;
	height:240px;
}
.news-page  .film_focus  ul.film_focus_nav{
	width:340px;
	height:240px;
}
.news-page  .film_focus  ul.film_focus_nav li{
	width:310px;
	height:50px;
	margin:0px 0px 10px 0px; 
	cursor: pointer;
	font-size:16px;
	font-weight:500;
	overflow:hidden;
	text-overflow:ellipsis;
    white-space: nowrap; 
	line-height:50px;
	padding-left: 20px;
	padding-right:5px;
	text-indent:10px;
/*	background:#f5f5f5;*/
}
.news-page  .film_focus  ul.film_focus_nav li a{
	text-decoration:none;
}
.news-page  .film_focus  ul.film_focus_nav li.cur{
	background:url(../images/hd-new.png) no-repeat;
	color:#fff;	
}
.news-page  .film_focus  ul.film_focus_nav li.cur a{
    color:#fff;	
}

.news-page  .container-picture{
	width:420px;
	height:340px;
	overflow:hidden;
}
.news-page  .container-picture li {
	float:left;
	width:420px;
	height:160px;
	overflow:hidden;
	margin:0 0 20px 0;	
}
.news-page  .container-picture li img {
	width:420px;
	height:160px;
		
}
.news-page  .container-picture .img-title{
	position:absolute;
	width:420px;
	margin:120px 0 0 -420px;
	height:40px;
	text-indent:20px;
	line-height:40px;	
	overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap; 
	background:rgba(0, 0, 0, .4);
	color:#fff;	
	z-index:99;
	font-size:15px;
	filter:progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#7F000000', endColorstr='#7F000000');
}

.news-page .news-left .container-word{
	width:700px;
	padding:30px 20px;
	height:300px;
	background:#fff;
}
.news-page .news-left  .container-word .list-ccr{
	float:left;
	width:700px;
	height:160px;
	margin-bottom: 10px;
}
.news-page .news-left    .container-word .ccr-img img{
	float:left;
	width:240px;
	height:160px;
}
.news-page .news-left  .container-word .ccr-title{
	float:left;
	width:440px;
	height:60px;
}
.news-page .news-left  .container-word .ccr-title a{
	float:left;	
	width:440px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size:16px;
	line-height:36px;
	font-weight:900;
}
.news-page .news-left  .container-word .ccr-title span{
	float:left;
	line-height:24px;
	color:#999;
	font-size:14px;
}
.news-page .news-left  .container-word  .ccr-view{
	width:440px;
	height:120px;
	color:#666;
	font-size:15px;
	line-height:24px;
	overflow:hidden;
}
.news-page .news-left  .container-word  .ccr-view .view-content{
	float:left;
	line-height: 24px;	
}
.news-page .news-left  .container-word .ccr-view .view-more{
	font-size:15px;
	line-height:36px;
	color: #333;
	font-weight:600;
}
.news-page .news-left  .container-word  .ccr-view .view-more:hover{
	text-decoration: underline;
	color:#00BE6E;
}

.news-page .news-left  .container-word .list-box{
	float:left;
	width:700px;
	height:auto;
}	
.news-page .news-left  .container-word .list-box li{
	float:left;
	width:700px;
	height: 45px;
	line-height: 45px;
}
.news-page .news-left   .container-word .list-box li .title{
	width:600px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size:16px;
}
.news-page .news-left   .container-word .list-box li span{
	font-size:15px;
	color: #999;
}
.news-page .news-left   .container-word .ccr-title a:hover,
.news-page .news-left   .container-word .list-box li a:hover{
	color: #00BE6E;
	text-decoration: underline;
}
.news-page .news-left   .container-word .list-box li i{
	display: inline-block;
	width:20px;
	height:10px;
	margin-top: 18px;
	overflow: hidden;
	background: url(../images/icon.png) no-repeat 0 -550px;
}
.news-page .news-left   .container-word .list-box li a:hover i{
	background: url(../images/icon.png) no-repeat 0 -575px;
}

.news-page .news-right  .container-word{
	width:380px;
	padding:20px;
	height:320px;
	background:#fff;
}
.news-page .news-right  .container-word .list-box{
	float:left;
	width:380px;
	height:auto;
}	
.news-page .news-right  .container-word .list-box li{
	float:left;
	width:380px;
	height: 45px;
	line-height: 45px;
}
.news-page .news-right  .container-word .list-box li.li-first{
	border-top: none;
}
.news-page .news-right .container-word .list-box li a.title{
	float:left;
	width:330px;
}
.news-page .news-right  .container-word .list-box li a.title:hover b{ 
	text-decoration: underline;
}
.news-page .news-right  .container-word .list-box li a.title b{
	float:left;
	width:310px;
	font-weight: normal;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size:16px;
}
.news-page .news-right  .container-word .list-box li a.title i{
	float:left;
	display: inline-block;
	width:20px;
	height:10px;
	margin-top: 20px;
	overflow: hidden;
	background: url(../images/icon.png) no-repeat 0 -550px;
}
.news-page .news-right  .container-word .list-box li a.title:hover i{
	background: url(../images/icon.png) no-repeat 0 -575px;
}
.news-page .news-right  .container-word .list-box li span{
	font-size:15px;
	color: #999;
}

.news-page  .news-right .container-content{
	width: 420px;
	height: 300px;
	background:#fff;
}
.news-page .news-right .container-content .list-box li{	
	position: relative;
	height: 129px;
	border-top: 1px dashed #9a9a9a;
}
.news-page .news-right .container-content .list-box li.li-first{
	border-top: 1px dashed #fff;
	padding-top:20px;
}
.news-page .news-right .container-content .ccr-view{
	float:left;
	width:320px;
	padding-left:20px;
}
.news-page .news-right .container-content .ccr-view a{
	margin-top:16px;
	float:left;
	width:320px;
	height:40px;
	line-height:40px;
	font-size:16px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.news-page .news-right .container-content .ccr-view a:hover{
	text-decoration:underline;
}
.news-page .news-right .container-content .ccr-view span{
	float:left;
	width:320px;
	height:48px;
	line-height:24px;
	color: #666;
	font-size:14px;
	overflow: hidden;
}
.news-page .news-right .container-content .ccr-date{
	float:right;
	width:70px;
	height:80px;
	margin-top:25px;
	background:#dedede;
	text-align:center;
	font-size:16px;
	line-height:20px;
}
.news-page .news-right .container-content .ccr-date i{
	float:left;
	width:70px;
	line-height:50px;
	font-size:30px;
	font-weight:900;
}

/*************************************************************  关于我们  ******************************************************************/

.head-bg.about{
	background:url(../images/banner-about.jpg) no-repeat;
}
.about-page{
	overflow: hidden;
	    margin: 60px 0  20px;
}
.about-page .wrapper {
	position:relative;
	width: 100%;
}
.about-page .about{
	width:1200px;
	margin:auto;
}
.about-page  .option{
	position:relative;	
	float: left;
	width:580px;
	height:380px;
	overflow: hidden;
	background:#fff;
	margin-left:40px;
	margin-bottom:40px;
/*	transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;	
*/
}
.about-page  .option.first{
	margin-left:0px;	
}
.about-page  .option:hover{
	box-shadow: 0px 2px 6px rgba(0,0,0,.1);
/*	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o--transform: scale(1.1);*/
}
.about-page .option .zst{
	float:left;
	width:580px;
	height:60px;	
	font-size:24px;
	font-weight:100;
	text-align:center;
	line-height:60px;
	background:#a1c2b4;
	color:#fff;
	
}
.about-page .option:hover .zst{
	background:#00BE6E;
	color:#fff;
}
.about-page .option img{
	float:left;
	width:580px;
	height:320px;		
}
.about-page .option .zsw{
	float:left;
	padding:20px 30px;
	width:520px;
	height:280px;
	font-size:16px;
	line-height:30px;
	overflow:hidden;	
}
.about-page  .option  .text_gobuy {
	position: absolute;
	z-index:9;
	bottom:-360px;
	left: 0px;
	width:580px;
	height:360px;
	text-align:center;
	overflow: hidden;
	background:rgba(255, 255, 255, .15);
	transition:all  300ms;
	-webkit-transition:all  300ms;
	-moz-transition:all  300ms;
	-o-transition:all  300ms;
}
.about-page  .option  .text_gobuy a{
	float:left;
	margin:110px 0 0 220px;
	width:120px;
	height:120px;
	border-radius:50%;
	font-size:18px;
	line-height:120px;
	background:#00BE6E;
	color:#fff;
	text-decoration:none;
}
.about-page  .option  .text_gobuy_show{
	height:360px;
	position: absolute;
	z-index:9;
	bottom: 0px;
	width:580px;
	overflow: hidden;
	background-color: rgba(0, 190, 110, .2);
}
.about-page  .option .biankuang{
	width: 1px;
	height: 1px;
	position: absolute;
	z-index: 99;
	border-radius:2px;
	/*background: black;*/
}
.about-page  .option:hover .biankuang_1{
	height: 1px;
	top: 0px;
	left:0px;
	border-left: 1px solid #00BE6E;
}
.about-page  .option:hover .biankuang_2 {
	width: 0px;
	bottom:-1px;
	left: 0px;
	border-top: 1px solid #00BE6E;
}
.about-page  .option:hover .biankuang_3{
	height: 0px;
	bottom:0px;
	right:0px;
	border-right: 1px solid #00BE6E;
}
.about-page  .option:hover .biankuang_4{
	width:0px;
	top:-1px;
	right:0px;
	border-bottom: 1px solid #00BE6E;
}

/* 列表页面 */
.about-box {
	width: 100%;
	height:auto; 
	margin: 0 0 50px 0;
	overflow: hidden; 
}
.about-content {
	float: left;
	width: 1100px;
	background: #fff;
	padding:60px 50px;
    box-shadow: 0px 2px 15px 0 rgba(0, 0, 0, 0.05);
}

.about-content  .about-text{
	width: 1100px;
	height:auto;
	margin-bottom: 20px;
}
.about-content  .about-text p {
	text-indent: 36px;
	font-size: 16px;
	color: #333333;
	line-height: 30px;
	text-align: justify;
	margin-bottom: 10px;
}
.about-content  .about-text h2 {
	margin-bottom: 20px;
	text-align: center;
	font-size: 30px;
}
.about-pic{
	width: 1100px;
	height:auto;
}
.about-content  .w660{
	float: left;
	width: 660px;
	height:auto;
	margin-bottom:0px;
}
.about-content  .w400{
	float: left;
	margin-left: 40px;
	width: 400px;
}
.about-content  .w420 img{
	width: 400px;
	height: 500px;
}

/* 查看图片*/

.main .imgbox-container{
	width: 1140px;
	height:auto;
	overflow: hidden;
	padding:40px 40px 20px 20px;
	background: #fff;
	margin: 0 0 50px 0;
}
.about-pic {
	width: 1140px;
	height: auto;
}
.about-pic .bigbox {
	width: 1200px;
	overflow: hidden;
}
.about-pic .bigbox .imgbox {
	width: 360px;
	height:auto;
	float: left;
	margin:0px 0px 20px 20px;
	overflow: hidden;
}
.about-pic .bigbox .imgbox.first {
	margin-left: 0;
}
.about-pic .bigbox .imgbox img {
	float: left;
	width: 100%;
	height: auto;
}
.about-pic .bigbox .imgbox span {
	float: left;
	width: 100%;
	height: 50px;
	line-height: 50px;
	font-size: 18px;
	text-align: center;
	margin-top: -330px;
	z-index: 20;
	background-color: rgba(255,255,255,.8);
}
.about-pic .imgbox:hover {
	cursor: pointer;
}
.about-pic .bigimg {
	width: auto;
	height: auto;
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	display: none;
	z-index: 9999;
}
.about-pic .mask {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-color: #0d0a31;
	opacity: 0.8;
	filter: Alpha(opacity=80);
	z-index: 98;
	transition: all 1s;
	display: none
}
.about-pic .mask:hover {
	cursor: pointer;
}
.about-pic .mask img {
	position: relative;
	left: 50%;
	margin-left: 410px;
	margin-top: 240px;
	width: 40px;
	height: 40px;
	z-index: 9999;
}
.about-pic .mask img:hover {
	cursor: pointer;
}


/*************************************************************  业务领域  ******************************************************************/

.head-bg.business{
	background:url(../images/banner-bus.jpg) no-repeat;
}
.bus-page{
	margin:60px 0;
	overflow: hidden;
}

.bus-bg{
	width:580px;
	height:320px;
	float:left;
    box-shadow: 1px 1px 2px #e6e6e6;
}
.bus-bg:nth-child(1){
	background: url(../images/bus-img1.jpg) center center no-repeat rgb(0, 190, 110);
	background-size: 100% 100%;
}
.bus-bg:nth-child(2){
	background: url(../images/bus-img2.jpg) center center no-repeat rgb(0, 190, 110);
	background-size: 100% 100%;
}
.bus-bg:nth-child(3){
	background: url(../images/bus-img3.jpg) center center no-repeat rgb(0, 190, 110);
	background-size: 100% 100%;
}
.bus-bg:nth-child(4){
	background: url(../images/bus-img4.jpg) center center no-repeat rgb(0, 190, 110);
	background-size: 100% 100%;
}
.bus-bg:nth-child(5){
	background: url(../images/bus-img5.jpg) center center no-repeat rgb(0, 190, 110);
	background-size: 100% 100%;
}
.bus-bg:nth-child(6){
	background: url(../images/bus-img6.jpg) center center no-repeat rgb(0, 190, 110);
	background-size: 100% 100%;
}

.bus{
	width:460px;
	height:320px;
	padding:0 60px;
	background:rgba(0,0,0,.5);
	text-align:center;
	position:relative;
	transition:all .7s;
	display:block;
	text-decoration:none;
	overflow:hidden
		
}
.bus:hover{
	cursor:pointer;
	text-decoration:none;
	background:rgba(0,190,110,.8)
}
.bus:hover .bus-icon{
	margin-top:-60px
}
.bus:hover .bus-name{
	margin-top:90px
}
.bus:hover .bus-introduce{
	margin-top:20px
}
.bus:hover .bus-href{
	margin-top:30px
}
.bus-icon{
	width:50px;
	height:50px;
	margin:auto;
	margin-top:90px;
	text-align: center;
	transition:all .5s
}
.bus-icon .iconfont{
	font-size: 50px;
	color: #fff;
	
}
.bus-name{
	font-weight: normal;
	font-size:30px;
	color:#fff;
	margin-top:20px;
	line-height:40px;
	transition:all .5s
}

.bus-introduce{
	font-size:15px;
	text-align:left;
	color:#fff;
	display:-webkit-box;
	transition:all .5s;
	margin-top:135px
}
.bus-href{
	width:100px;
	height:40px;
	border:1px solid #fff;
	border-radius:2px;
	transition:all .5s;
	margin:auto;
	margin-top:30px;	
	text-align: center;
	color:#fff
}
.bus-href span{
	width: 100px;
	font-size:16px;
	line-height:40px;
}

.bus-href:after{
	content:"";
	display:block;
	clear:both;
	visibility:hidden;
	line-height:0;
	height:0;
	font-size:0
}
.bus-href:hover{
	background:#fff;
	color:#00BE6E;	
}

/************************************************************* 党的建设 廉洁川流******************************************************************/

.head-bg.party{
	background:url(../images/banner-party.jpg) no-repeat;
}

.owl-box{
	width:100%;
	overflow: hidden;
	height:auto;	
	background: #f1f1f1;
}
.owl-box .box-title{
	width:100%;
	font-size:40px;
	font-weight:100;
	text-align:center;
	height:100px;
	line-height:100px;
	margin-top:10px;
	background:url(../images/plan.png) no-repeat;
}
/* owl-carousel */

.owl-box .item{
	position:relative;
	margin:0 40px 0 10px;
	width: 360px;
	height:500px;	
	overflow: hidden;
	background:#fff;
	transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;
}
.owl-box .item:hover {
	transform:translate(0,-10px);
	-webkit-transform:translate(0,-5px);
	-moz-transform:translate(0,-5px);
	-o-transform:translate(0,-5px);
	-ms-transform:translate(0,-5px);
	-webkit-box-shadow:0px 5px 15px #dedede;
    -moz-box-shadow:0px 5px 15px #dedede;
    box-shadow:0px 5px 15px #dedede;
}
.owl-box .item.first{
	margin:0 0 0 10px;
}
.owl-box  .item-img{
	float:left;
	width: 360px;
	height: 240px;
}
.owl-box .item-title{
	float:left;
	width: 360px;
	height:70px;
	line-height:70px;	
	text-align:center;
	font-size:24px;
	font-weight:100;
}
.owl-box  .item-content{
	float:left;
	padding:0 20px;
	height:80px;
	overflow: hidden;
	line-height:24px;
	color:#666;
	font-size:16px;
}
.owl-box  .item a.view-more{
	float:left;
	margin-left:60px;
	width:240px;
	height:44px;
	text-align:center;
	line-height:44px;
	border:1px solid #333;
	font-size:16px;
	font-weight:600;
}
.owl-box  .item:hover a.view-more{
	text-decoration:none;
	background: #14a3e6;
	border:1px solid #14a3e6; 
	color: #fff;
}
.owl-carousel{
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
	display: none;
	position: relative;
	padding-top:10px;
}
.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.owl-carousel .owl-wrapper-outer{
	overflow: hidden;
	position: relative;
	width: 100%;
}
.owl-carousel .owl-item{
	float: left;
	width: 580px !important;
}
.owl-carousel .owl-item:nth-child(1), .owl-item:nth-child(3),.owl-item:nth-child(5){
	margin: 0 20px 0 0;
}
.owl-carousel .owl-item:nth-child(2), .owl-item:nth-child(4),.owl-item:nth-child(6){
	margin: 0  0 0 20px;
}
.owl-theme .owl-controls{
	margin-top: 10px;
	text-align: center;
}
.owl-theme .owl-controls .owl-page{
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span{
	display: block;
	width: 12px;
	height: 12px;
	margin: 5px 7px;
	filter: Alpha(Opacity=40);/*IE7 fix*/
	opacity: 0.4;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background: #666;
}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
}
.owl-item.loading{
	min-height: 150px;
	background: url(../images/AjaxLoader.gif) no-repeat center center;
}

.party-page{
	overflow: hidden;
}
.party-page .box-title{
	font-size:26px;
	height:50px;
	line-height:50px;
}

.party-page .box-title b{
	font-size:26px;
	color:#333;
	font-weight:100;	
}
.party-page .box-title  a{
	font-size:14px;
	color:#666;
}
.party-page .box-title  a:hover{
	text-decoration: underline;
	 color: #00BE6E;
}

.party-page .owl-carousel{
	width:1200px;
	margin:0 auto;
	height:auto;
}

.party-page .item{
	position:relative;
	width: 580px;
	height:320px;
	overflow: hidden;
	transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;
}
.party-page .item:hover {
	transform:translate(0,-10px);
	-webkit-transform:translate(0,-5px);
	-moz-transform:translate(0,-5px);
	-o-transform:translate(0,-5px);
	-ms-transform:translate(0,-5px);
	-webkit-box-shadow:0px 5px 15px #dedede;
    -moz-box-shadow:0px 5px 15px #dedede;
    box-shadow:0px 5px 15px #dedede;
}
.party-page  .item a{
	width: 580px;
	height: 320px;
}
.party-page  .item .item-img{
	width: 580px;
	height: 320px;
}
.party-page  .item .item-title{
	position:relative;
	float:left;
	width:540px;
	margin-top:-50px;
	height:50px;
	padding: 0 20px;
	line-height:50px;	
	color:#fff;	
	z-index:99;
	font-size:18px;	
	overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap; 
	background:rgba(0, 0, 0, .4);
	filter:progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#7F000000', endColorstr='#7F000000');
}
.party-page  .item a:hover span{
	text-decoration:underline;
}
.party-page .owl-theme .owl-controls .owl-buttons div{
	position:absolute;
	top:80px;
	width:30px;
	height:60px;
	margin:0;
	padding:0;
	border-radius:0;
	font:60px/60px "宋体";
	background-color:transparent;
	overflow:hidden
	;_display:none;
}

.head-bg.honest{
	background:url(../images/banner-honest.jpg) no-repeat;
}



/*************************************************************企业文化  人力资源 ******************************************************************/
.head-bg.culture{
	background:url(../images/banner-culture.jpg) no-repeat;
}
.culture-page{
	overflow: hidden;
}
.culture-page .culture{
	float: left;
	margin:60px 0;
}
.culture .item{
	position:relative;
	float:left;
	margin:0 40px 0 10px;
	width: 360px;
	height:500px;	
	overflow: hidden;
	background:#fff;
	transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;
}
.culture  .item:hover {
	transform:translate(0,-10px);
	-webkit-transform:translate(0,-5px);
	-moz-transform:translate(0,-5px);
	-o-transform:translate(0,-5px);
	-ms-transform:translate(0,-5px);
	-webkit-box-shadow:0px 5px 15px #dedede;
    -moz-box-shadow:0px 5px 15px #dedede;
    box-shadow:0px 5px 15px #dedede;
}
.culture  .item.mr0{
	margin:0 0 0 10px;
}
.culture  .item-img{
	float:left;
	width: 360px;
	height: 240px;
}
.culture .item-title{
	float:left;
	width: 360px;
	height:70px;
	line-height:70px;	
	text-align:center;
	font-size:24px;
	font-weight:100;
}
.culture  .item-content{
	float:left;
	padding:0 20px;
	height:80px;
	overflow: hidden;
	line-height:24px;
	color:#666;
	font-size:16px;
}
.culture  .item a.view-more{
	float:left;
	margin-left:60px;
	width:240px;
	height:44px;
	text-align:center;
	line-height:44px;
	border:1px solid #333;
	font-size:16px;
	font-weight:600;
}
.culture .item:hover a.view-more{
	text-decoration:none;
	background: #00BE6E;
	border:1px solid #00BE6E; 
	color: #fff;
}

.head-bg.jobs{
	background:url(../images/banner-jobs.jpg) no-repeat;
}
.jobs-page{
	margin:50px 0;
	overflow: hidden;
}
.jobs-page .wrapper {
	position:relative;
	width: 100%;
	height:500px;
}
.jobs-page .tabs {
	width: 100%;
	height:450px;
	
}
.jobs-page .tabs div {
	float:left;
	width:1200px;
	background: #fff;
}
.jobs-page .tabs img{
	float: left;
	width:400px;
	height:400px;
}
.jobs-page .tabs p{
	float: left;
	width:720px;
	font-size:18px;
	line-height:36px;
}
.jobs-page a.more{
	color:#00BE6E;
}
.jobs-page .tabs h3 {
	margin-top:30px;
	font-size:36px;
	line-height:70px;	
}

.jobs-page .pager {
	width:1200px;
	height:80px;
	margin: auto; 
	text-align: center;
}
.jobs-page .pager a {
	font-size:26px;
	font-weight:80;
	line-height:80px;
	display: inline-block;
	width:400px;
	height:79px;
	background:#fff;
	border-bottom: 1px solid #eee;
}
.jobs-page .pager a:hover {
	background:#38cf87;
	color: #fff;
	text-decoration:none;
}
.jobs-page .pager a.selected {
	background-color: #00BE6E;
	color: #fff;
}

.jobs-page  .jobs-box {
	width: 1200px;
	margin: 0 auto;
}
.jobs-page  .hr-info {
	background: #fff;
}
.jobs-page  .hr-info .dl-list {
	width: 100%;
	position: relative;
	z-index: 9
}

.jobs-page  .hr-info .dl-list dl {
	border-bottom: 1px solid #e5e5e5;
	border-left: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
	position: relative;
	height: 54px;
	line-height: 54px;
	cursor: pointer;
}
.jobs-page  .hr-info .dl-list dl dd {
	text-align: center;
	font-size: 16px;
	float: left;
	width: 25%;
}
.jobs-page  .hr-info .dl-list dl:hover dd {
	color: #2998ff;
}
.jobs-page  .hr-info .dl-list.bg {
	background: none;
}
.jobs-page  .hr-info .dl-list.bg dl {
	border: 1px solid #e5e5e5;
}
.jobs-page  .hr-info .dl-list.bg dl dd {
	font-size: 16px;
	font-weight: 600;
}

.jobs-page  .hr-info .dl-list.bg dl:hover dd {
	text-decoration: none;
	color: #333;
}
.jobs-page  .hr-info .dl-list .conv {
    padding: 20px 50px 40px;
    line-height: 24px;
    font-size: 15px;
	line-height: 30px;
    border-bottom: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    text-transform: lowercase;
    display: none;
}
.hr-info .dl-list .conv p.wh{
	font-weight: 600;
	margin-top: 10px;
}
.hr-info .dl-list .conv p.wb{
    line-height: 36px;
    font-size: 16px;
}


/************************************************************* 列表页面 ******************************************************************/

.main{
	height: auto;
}
.main-nav{ 
	float: left; 
	width: 100%;
	height: 70px; 
	margin: 0 0 50px 0;
	box-shadow: 0 1px 1px 0 #eee; 
	background: #FFF; 
	overflow: hidden; 
	transition: 0.3s
}
.main-nav .location{
	float:left;
	width: auto; 
	line-height:70px; 
	font-size:15px;
}
.main-nav .location span{
	margin:0 3px;
	font-family:"Helvetica";
	font-size:12px;
}
.main-nav .location i{
	font-size:16px;
}
.main-nav .location a{
	color:#999;
}
.main-nav .location a:hover{
	color:#00BE6E;
	text-decoration: none;
}
.main-nav .location a:last-child{
	font-weight:bold;
}

.main-nav .nav-list{ 
	float:right;
	width: auto; 
	margin: 0;
	color: #333; 
	font-size: 16px;
}
.main-nav .nav-list .nav-list-item{
	display: inline-block; 
	float: left;
	margin:0 0 0 50px; 
	line-height: 67px;
}

.main-nav .nav-list .nav-list-item a{
	position: relative;
	line-height: 68px; 
	color: #333;
	text-decoration: none;
	border-bottom: 2px solid #fff;
    transition: color .3s ease;
}
.main-nav .nav-list .layui-this a{
	position: relative;
	float: left;
	line-height: 68px;
	color: #00BE6E;
	text-decoration: none;
	border-bottom: 2px solid #00BE6E;
}
.main-nav .nav-list .nav-list-item a:hover{
	color: #00BE6E;	
}
.main-nav .nav-list .nav-list-item a::after {
  --scale: 0;
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 45px;
  height: 2px;
  background: #00BE6E;
  -webkit-transform: scaleX(var(--scale));
          transform: scaleX(var(--scale));
  -webkit-transform-origin: var(--x) 50%;
          transform-origin: var(--x) 50%;
  transition: -webkit-transform 0.3s cubic-bezier(0.535, 0.05, 0.355, 1);
  transition: transform 0.3s cubic-bezier(0.535, 0.05, 0.355, 1);
  transition: transform 0.3s cubic-bezier(0.535, 0.05, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.535, 0.05, 0.355, 1);
}
.main-nav .nav-list .nav-list-item a:hover::after {
  --scale: 1;
}
.main-nav .nav-list .layui-this a:hover::after {
  --scale: 0;
}


.main .container{
	width: 1120px;
	height:auto;
	overflow: hidden;
	padding:20px 40px 40px;
	background: #fff;
	margin: 0 0 50px 0;
	box-shadow: 4px 10px 20px 0px rgba(77,77,77,0.1);
}

.main-container .container-content{
	overflow:hidden;		
}
.main-container .container-content li{
	float:left;
	width: 1120px;
	height:auto;
	padding: 30px 0;
	border-bottom: 1px solid #eee;	
}
.main-container .container-content li.li-first{
	border-top:0;
}
.main-container .container-content li .li-left{
	width: 280px;
	height:auto;
	overflow: hidden;
}
.main-container .container-content li .li-left a{
	line-height: 0;
	font-size: 0;
}
.main-container .container-content li .li-left img{
	width: 240px;
	height:160px;
	padding: 0;
}
.main-container .container-content li .li-right{
	width:840px;
	height:auto;
	overflow: hidden;
}
.main-container .container-content li .p-mark{
	float: left;
	width: 100%;
	font-size: 22px;
	font-weight: 300;
	color: #999999;
	line-height: 40px;
}

.main-container .container-content li a{
	float: left;
	width: 100%;
	line-height: 50px;
	font-size: 18px;
	font-weight: 600;
}
.main-container .container-content li a:hover{
	text-decoration:none;
}
.main-container .container-content li .p-view{
	float: left;
	width: 100%;
	font-size: 15px;
	color: #777777;
	line-height:26px;
}

.main-container .container-content li .btn-view{
	position: absolute;
	bottom: 0;
	right: 20px;
	width: 90px;
	height:36px;
	font-size:14px;
	line-height:36px;
	padding: 0;
	background: #00BE6E;
	color: #fff;
    transition:600ms ease all;
    outline:none;
}
.main-container .container-content li .btn-view:hover{
	text-decoration: none;
	background:#fff;
    color:#00BE6E;
}

.main-container .page-btn {
	float: left;
	width: 1200px;
	margin: 40px 0 20px;
	text-align: center;
}
.main-container .page-btn a {
	cursor: pointer;
	padding: 10px 17px;
	border: solid 1px #dbdbdb;
	font-size: 14px;
	background: #fff;
}
.main-container .num {
	padding: 0 10px;
}
.main-container .page-btn a:hover, .page-item:hover {
	color: #fff;
	background: #00BE6E;
	border: 1px solid #00BE6E;
	text-decoration: none;
}
.main-container .page-item {
	padding: 10px 17px;
	text-decoration: none;
	background-color: #ffffff;
	border: 1px solid #dbdbdb;
	color: #666666;
	margin: 0 3px;
	font-size: 14px;
	cursor: pointer;
}
.main-container .page-item.current {
	color: #fff;
	background: #00BE6E;
	cursor: pointer;
	border: 1px solid #00BE6E;
}

/* text-list */
.main .text-container{
	width: 1120px;
	height:auto;
	overflow: hidden;
	padding:20px 40px 40px;
	background: #fff;
	margin: 0 0 50px 0;
}
.main-container .text-list li{
	float:left;
	width: 1120px;
	height:auto;
	font-size: 18px;
	padding: 25px 0;
	line-height: 30px;
	border-bottom: 1px solid #eee;	
}
.main-container .text-list li.li-first{
	border-top:0;
}

.main-container .text-list li a{
	float: left;
}
.main-container .text-list li a:hover{
	text-decoration:none;
}

.main-container .text-list li .p-mark{
	float:right;
	color: #999;
	font-size: 18px;
    font-weight: 300;
}

/* imgtext-list */
.main .imgtext-container{
	width: 1170px;
	height:auto;
	overflow: hidden;
	padding:20px 15px 40px;
	background: #fff;
	margin: 0 0 50px 0;
}
.main-container .imgtext-list .item{
	float:left;
	margin:15px;
	width: 360px;
	height:auto;	
	overflow: hidden;
	background:#f5f5f5;
	transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;
}
.main-container .imgtext-list .item:hover {
	transform:translate(0,-4px);
	-webkit-transform:translate(0,-4px);
	-moz-transform:translate(0,-4px);
	-o-transform:translate(0,-4px);
	-ms-transform:translate(0,-4px);
	-webkit-box-shadow:0px 2px 2px #dedede;
    -moz-box-shadow:0px 2px 2px #dedede;
    box-shadow:0px 2px 2px #dedede;
	background:#00BE6E;
	color:#fff;
}
.main-container .imgtext-list .item:hover .item-title, 
.main-container .imgtext-list .item:hover .item-content
{
	color:#fff;
}

.main-container .imgtext-list  .item-img{
	float:left;
	width: 360px;
	height: 200px;
}
.main-container .imgtext-list .item-title{
	float:left;
	width: 360px;
	margin-top:5px;
	height:40px;
	line-height:40px;
	text-align: left;
	padding-left: 20px;
	font-size:16px;
	font-weight:600;
}
.main-container .imgtext-list  .item-content{
	float:left;
	padding:0 20px;
	height:70px;
	overflow: hidden;
	line-height:24px;
	color:#666;
	font-size:14px;
}


/************************************************************* 新闻详情 ******************************************************************/
.view{
	width: 100%;
	height: auto;
	padding-bottom: 50px;
}
.view .container{ 
	position:relative;
	background-color: #fff;
	height: auto;
	width: 1100px;
	padding: 50px;
    margin-top: -180px;
    box-shadow: 0 1px 20px 0 rgba(0,0,0,0.05);
	z-index: 99;
}
.view .container .container-title{

}
.view .container .container-title .title{ 
	color:#333; 
	text-align:center; 
	padding: 10px 100px 30px;
}
.view .container .container-title .title h1{
	font-size:24px; 
	font-weight:500;
	line-height:30px;
}
.view .container .container-title .title p{ 
	font-family:"仿宋"; 
	color:#555;
	font-size:22px; 
	padding-top:5px; 
}
.view .container .container-title .info{
	color:#aaa; 
	position:relative; 
	padding:15px 40px; 
	line-height: 20px;
	font-size: 15px;
	background-color:#f4f4f4
}
.view .container .container-title .info span{
	margin-right: 20px;
}

.view .container .container-content{
 	padding:10px 0;
}
.view .container .container-content .box{
	position: relative;
	max-width: 600px;
	height: 400px;
	margin: 30px auto;
	overflow: hidden;
}
.view .container .container-content	.box-1 ul li{
	position: relative;
	max-width: 600px;
	height: 400px;
	overflow: hidden;
}
.view .container .container-content	.box-1 ul li img{
	display:block;
	max-width: 600px; 
	height: 400px;
}
.view .container .container-content	.box-1 ul li h2{
	position: absolute;
	left: 0;
	bottom: 0;
	height: 40px;
	width:300px;
	background: rgba(125,125,120,.4);
	text-indent: 2em;
	padding-right:500px ;
	font-size: 15px;
	line-height: 40px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	font-weight: normal;
	color: ghostwhite
}
.view .container .container-content	.box-2{
	position: absolute;
	right:250px;
	bottom: 15px;
}
.view .container .container-content	.box-2 ul li{
	float:left;
	width: 10px;
	height: 10px;
	overflow: hidden; 
	margin: 0 5px; 
	border-radius: 50%;
	background: rgba(0,0,0,0.5);
	text-indent: 100px;cursor: pointer;
}
.view .container .container-content	.box-2 ul .on{
	background: rgba(255,255,255,0.6);
}
.view .container .container-content	.box-3 span{
	position: absolute;
	color: white;
	background: rgba(125,125,120,.2);
	font-family: "宋体";
	width: 50px;
	height: 60px;
	top:50%;
	line-height: 60px;
	font-size:48px;
	margin-top: -30px;
	text-align: center;
	cursor: pointer
}
.view .container .container-content	.box-3 .prev{
	left: 10px;
}
.view .container .container-content	.box-3 .next{
	right: 10px;
}
.view .container .container-content	.box-3 span::selection{
	background: transparent;
}
.view .container .container-content .box-3 span:hover{
	background: rgba(125,125,120,.9);
}


.view .container .container-content p{
	text-indent: 30px;
	line-height: 30px;
	font-size: 16px;
	margin-bottom: 15px;
	/*margin-bottom: 30px;*/
}
.view .container .container-content .fm-box{
	width: 800px;
	overflow: hidden;
	margin-bottom: 40px;
	clear: none;
	padding: 0 100px;
}
.view .container .container-content .fm-box .fm-col{
	width: 400px;
	height: 30px;
	overflow: hidden;
	float: left;
	padding: 0;
}
.view .container .container-content .fm-box b{
	width: auto;
	color: #e94f49;
	font-size: 14px;
}
.view .container .container-content .fm-box span{
	margin-left: 0;
}
.view .container .flow-pic{
	width: 1200px;
	padding: 20px 0 0 0;
}
.view .container .container-foot{
	padding-top: 20px;
}
.view .container .container-foot .container-foot-line{
	height: 30px;
	line-height: 30px;
}
.view .container .container-foot .container-foot-line b,
.view .container .container-foot .container-foot-line a{
	font-family: "\5FAE\8F6F\96C5\9ED1";
	font-size: 15px;	
}
.view .container .container-down{
	margin-top: 50px;
}
.view .container .container-down i{
	display: inline-block;
	width: 18px;
	height: 16px;
	overflow: hidden;
	background: url(../images/icon.png) no-repeat 0 -451px;
	margin: 2px 5px 0 0;
}
.view .container .container-down b,
.view .container .container-down a{
	font-size: 16px;
	font-family: "\5FAE\8F6F\96C5\9ED1";
	color: #00BE6E;
}
.view .container .container-down a:hover{
	text-decoration: underline;
}

.page-box .pagination {
  	width: auto;
	padding-left: 185px;
	margin: 20px 20px 20px 0;
	float: right;
}