@charset 'utf-8';

input {

	font-family: "微软雅黑";

}



html {

	width: 100%;

}





/*header*/



.header {

	height: 112px;

	width: 100%;

	z-index: 990;

	background: #fff;

}



.header .pc_header {

	max-width: 1300px;

	margin: 0 auto;

}



.header .logo a {

	float: left;

	width: 251px;

	height: 67px;

	margin-top: 22px;

}



.header .logo .csy {

	width: 134px;

	height: 42px;

	border: 2px solid #dddddd;

	margin-left: 20px;

	margin-top: 35px;

	float: left;

	padding: 0 10px;

	box-sizing: border-box;

}



.header .logo {

	width: 405px;

	height: 112px;

	float: left;

}



.kx {

	width: 100%;

	height: 50px;

	display: none;

}



.header .logo .csy p {

	width: 100%;

	height: 20px;

	font-size: 14px;

	line-height: 20px;

}



.header .logo img {

	display: block;

	width: 100%;

	height: 100%;

}



.nav_pho {

	display: none;

}



.nav {

	float: left;

	overflow: hidden;

	margin-left: 60px;

}



.nav p {

	float: left;

	margin-left: 20px;

	line-height: 110px;

	border-bottom: 2px solid #fff;

}



.nav p a {

	font-size: 16px;

	color: #222;

	display: block;

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

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

	-ms-transition: all 0.4s ease-in-out;

	-o-transition: all 0.4s ease-in-out;

	transition: all 0.4s ease-in-out;

}



.nav p.act a,

.nav p:hover a {

	color: #2596d9;

}



.nav p.act,

.nav p:hover {

	border-bottom: 2px solid #2596d9;

}



.dianhua {

	width: 168px;

	height: 112px;

	float: right;

	font-size: 20px;

	line-height: 112px;

	vertical-align: middle;

}



.dianhua img {

	margin-right: 5px;

}



.nav_pholist {

	display: none;

	position: fixed;

	top: 50px;

	right: 0;

	width: 100%;

	background: #fff;

	z-index: 901;

	overflow: hidden;

	overflow-y: auto;

	border-top: 1px solid #eee;

	border-bottom: 1px solid #eee;

	padding: 10px 0;

	text-align: center;

}



.nav_pholist p {

	line-height: 50px;

	border-bottom: 1px solid #e3e3e3;

}



.nav_pholist p a {

	display: block;

	font-size: 18px;

	color: #666;

}



.nav_pholist p a .img1 {

	float: left;

	display: inline-block;

	margin: 0.13rem 0.3rem 0;

}



.nav_pholist p a .img2 {

	float: right;

	margin-right: 0.50rem;

	width: 7px;

	height: 12px;

	margin-top: 21.5px;

}



.nav_pholist p.act a {

	color: #000;

	font-weight: 600;

}









.footer{

	width: 100%;

	height: 100%;

	background: #323232;

}

.pc_footer{

	max-width: 1200px;

	min-width: 1024px;

	margin: 0 auto;

	padding: 30px 0 30px 10px;

	box-sizing: border-box;

}

.pc_footer ul{

	width: 12%;

	float: left;

	height: 100%;

}

.pc_footer ul:first-child{

	margin-right: 6%;

}

.pc_footer ul:last-child{

	border-right: 1px solid #424447;

}

.pc_footer ul p a{

	color: #fff !important;

	font-size: 16px;

	height: 40px;

	line-height: 40px;

}

.pc_footer ul li a{

	height: 30px;

	line-height: 30px;

	font-size: 14px;

	color: #999;

}

.pc_footer .f-right{

	width: 20%;

	height: 100%;

	float: right;

}

.pc_footer .f-right .zxzx{

	width: 178px;

	height: 46px;

	border:  2px solid #fff;

	color: #fff;

	font-size: 16px;

	line-height: 46px;

	text-align: center;

	border-radius:40px;

	margin: 0 auto

}

.pc_footer .f-right .zxzx:hover{

	background: #fff;

	color: #323232;

}

.pc_footer .f-right p{

	width: 176px;

	height: 30px;

	line-height: 30px;

	font-size: 14px;

	margin: 5px auto;

	color: #fff;

}

.pc_footer .f-right .zjh{

	width: 200px;

	height: 50px;

	font-size: 25px;

	color: #fff;

	margin: 0 auto;

	font-weight: bold;

}

.pc_footer .f-right .wx{

	width: 108px;

	height: 138px;

	margin-left: 20px;

}

.pc_footer .f-right .wx img{

	width: 108px;

	height: 108px;

}

.pc_footer .f-right .wx p{

	height: 30px;

	line-height: 30px;

	width: 100%;

	text-align: center;

	color: #fff;

}

.fff{

	width: 100%;

	height: 68px;

	border-top: 1px solid;

	text-align: center;

	line-height: 68px;

	color: #999;

	font-size: 14px;

}

.sj-f{

	display: none;

}



.ph_footer{

	display: none;

}







.fix-right {

	width: 83px;

	height: 335px;

	position: fixed;

	right: 20px;

	top: 40%;

	z-index: 10000;

}



.fix-right .fix-right1 {

	width: 83px;

	height: 83px;

	font-size: 0;

}



.fix-right .fix-right1 img {

	width: 83px;

	height: 83px;

	position: relative;

}

.fix-right .fix-right1 .hezi{

	width: 200px;

	height: 83px;

	position: absolute;

	left: -200px;

	top: 0;

}

.fix-right .fix-right1:hover .tel{

	left: -200px;

}

.fix-right .fix-right1 .tel {

	width: 200px;

	height: 83px;

	position: absolute;

	left:400px;

	top: 0px;

	background: #2596d9;

	text-align: center;

	line-height: 83px;

	color: #fff;

	font-size: 24px;

	display: block;

	transition: 1s all;

}



.fix-right .fix-right2 {

	width: 83px;

	height: 83px;

	margin-top: 1px;

	font-size: 0;

}



.fix-right .fix-right3 {

	width: 83px;

	height: 83px;

	margin-top: 1px;

	position: relative;

	font-size: 0;

}



.fix-right .fix-right3 .wx {

	width: 159px;

	height: 159px;

	position: absolute;

	left: 159px;

	top: -40px;

	transition: 1s all;

}

.fix-right .fix-right3:hover .wx{

	left: -160px;

}



.fix-right .fix-right3 .wx img {

	width: 153px;

	height: 153px;

	border: 3px solid #ccc;

}



.fix-right .fix-right4 {

	width: 83px;

	height: 83px;

	margin-top: 1px;

	font-size: 0;

}



.fix-right img {

	width: 83px;

	height: 83px;

}





/*右侧导航结束*/



.banner{

	width: 100%;

	height: 100%;

	overflow: hidden;

}

.banner img{

	width: 100%;

	height: 100%;

	display: block;

}



.top{

	width: 100%;

	height: 70px;

	border-bottom: 1px solid #e5e5e5;

}

.top ul{

	max-width: 1200px;

	min-width: 1024px;

	margin: 0 auto;

}

.top ul li{

	padding:0  10px;

	height: 68px;

	border-bottom: 2px solid transparent;

	float: left;

	font-size: 16px;

	line-height: 68px;

	color: #111;

	/*box-sizing: border-box;*/

}

.top a{

	color: #111;

}

.top .color{

	color: #0c58c9 !important;

	border-bottom: 2px solid #0c58c9;

}





.content{

	max-width: 1200px;

	min-width: 1024px;

	height: 100%;

	margin: 30px auto 0;

}

.content .content-one{

	width: 100%;

	height: 100%;

	border:  1px solid #e7e7e7;

}

.content .content-one:hover img{

	    transform: scale(1.3);

}

.content .content-one .content-one-left{

	width: 50%;

	height: 100%;

	float: left;

	overflow: hidden;

}

.content .content-one .content-one-left img{

	display: block;

	width: 100%;

	height: 100%;

	transition: 1s all;

}

.content .content-one .content-one-right{

	width: 50%;

	height: 100%;

	float: right;

	padding: 70px 60px;

	float: right;

	box-sizing: border-box;

}



.content .content-one .content-one-right .title{

	font-size: 30px;

	font-family: "微软雅黑";

	font-weight: bold;

}

.content .content-one .content-one-right .talent{

	width: 100%;

	height: 50px;

	line-height: 50px;

	font-size: 25px;  

}

.content .content-one .content-one-right  p{

	width: 100%;

	line-height: 30px;

	font-size: 15px;

	color: #333;

	display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 3;

    overflow: hidden;

}



 .content-two{

	width: 100%;

	height: 100%;

	margin: 80px 0 0 0;

	background: #f5f5f5;

	padding: 70px 0 70px 0;

	

}

 .content-two ul{

	

	height: 100%;

	max-width: 1200px;

	min-width: 1024px;

	box-sizing: border-box;

	margin: 0 auto;

	

}

 .content-two ul li{

	width: 22%;

	float: left;

	margin-right: 4%;

	background: #fff;

}

 .content-two ul li:nth-of-type(4n){

	margin-right: 0 !important;

}

 .content-two ul li:hover img{

 	transform: scale(1.3);

 }

 .content-two ul li .top{

 	width: 100%;

 	height: 100%;

 	overflow: hidden;

 }

  .content-two ul li .top img{

  	display: block;

  	width: 100%;

  	height: 100%;

  	transition: 1s all;

  }

  .content-two ul li .bottom{

  	width: 100%;

  	height: 100%;

  	padding: 0 20px;

  	box-sizing: border-box;

  }

   .content-two ul li .bottom .rencai{

   	width: 100%;

   	height: 50px;

   	font-size: 20px;

   	color: #222;

   	line-height: 50px;

   	border-bottom:1px solid #f5f5f5;

   	box-sizing: border-box;

   	overflow: hidden;

   }

 .content-two ul li .bottom ol{

 	width: 100%;

 	height: 100%;

 	line-height: 40px;

 	padding: 0 0 0 10px;

 	margin-bottom: 20px;

 }

 .content-two ul li .bottom ol .dian{

 	width: 100% !important;

 	height: 30px;

 	line-height: 30px;

 	 list-style-type:square;

 	list-style-image: url(../img/dian.jpg) ;

 	vertical-align: middle;

 	font-size: 15px;

 list-style-position: inside;

 	overflow: hidden;

 	

 }































@media only screen and (max-width: 1200px) {

	.dianhua {

		display: none;

	}

}



@media only screen and (max-width: 1024px) {

	.nav {

		display: none;

	}

	.header {

		height: 50px;

	}

	.pc_header {

		height: 50px;

	}

	.logo {

		height: 50px !important;

		width: 155px !important;

	}

	.header .logo a {

		float: left;

		width: 151px;

		height: 40px;

		margin-top: 3px;

	}

	.kx {

		display: block !important;

	}

	.csy {

		display: none;

	}

	.nav_pho {

		display: block !important;

	}

	.nav_pho {

		display: block;

		float: right;

		width: 25px;

		height: 18px;

		margin-top: 16px;

		margin-right: 10px;

	}

	.nav_pho img {

		display: block;

		width: 100%;

		height: 100%;

	}

	.header {

		height: 50px;

		background: #fff;

		position: fixed;

		top: 0;

		box-shadow: 2px 3px 3px rgba(0, 0, 0, 0.1);

	}

	.nav {

		display: none;

	}

	.content{

	max-width: 1024px;

	min-width: 768px;

	height: 100%;

	margin: 30px auto 0;

}

.content .content-one{

	width: 100%;

	height: 100%;

	border:  1px solid #e7e7e7;

}

.content .content-one .content-one-left{

	width: 50%;

	height: 100%;

	float: left;

	overflow: hidden;

}

.content .content-one .content-one-left img{

	display: block;

	width: 100%;

	height: 100%;

}

.content .content-one .content-one-right{

	width: 50%;

	height: 100%;

	float: right;

	padding: 20px 60px;

	float: right;

	box-sizing: border-box;

}



.content .content-one .content-one-right .title{

	font-size: 30px;

	font-family: "微软雅黑";

	font-weight: bold;

}

.content .content-one .content-one-right .talent{

	width: 100%;

	height: 50px;

	line-height: 50px;

	font-size: 25px;  

}

.content .content-one .content-one-right  p{

	width: 100%;

	line-height: 30px;

	font-size: 15px;

	color: #333;

	display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 3;

    overflow: hidden;

}







 .content-two{

	width: 100%;

	height: 100%;

	margin: 80px 0 0 0;

	background: #f5f5f5;

	padding: 70px 0 70px 0;

	

}

 .content-two ul{

	

	height: 100%;

	max-width:1024px;

	min-width: 768px;

	box-sizing: border-box;

	margin: 0 auto;

	

}

 .content-two ul li{

	width: 22%;

	float: left;

	margin-right: 4%;

	background: #fff;

}

 .content-two ul li:nth-of-type(4n){

	margin-right: 0 !important;

}

 .content-two ul li .top{

 	width: 100%;

 	height: 100%;

 	overflow: hidden;

 }

  .content-two ul li .top img{

  	display: block;

  	width: 100%;

  	height: 100%;

  }

  .content-two ul li .bottom{

  	width: 100%;

  	height: 100%;

  	padding: 0 20px;

  	box-sizing: border-box;

  }

   .content-two ul li .bottom .rencai{

   	width: 100%;

   	height: 50px;

   	font-size: 20px;

   	color: #222;

   	line-height: 50px;

   	border-bottom:1px solid #f5f5f5;

   	box-sizing: border-box;

   	overflow: hidden;

   }

 .content-two ul li .bottom ol{

 	width: 100%;

 	height: 100%;

 	line-height: 40px;

 	padding: 0 0 0 10px;

 }

 .content-two ul li .bottom ol .dian{

 	width: 100% !important;

 	height: 30px;

 	line-height: 30px;

 	 list-style-type:square;

 	list-style-image: url(../img/dian.jpg) ;

 	vertical-align: middle;

 	font-size: 15px;

 	color: #666;

 list-style-position: inside;

 	overflow: hidden;

 	

 }







	



}



@media only screen and (max-width: 768px) {

	.fix-right{

		display: none;

	}

	.nav_pholist {

		height: 100%;

	}

	.pages {

		padding: 30px 0;

		text-align: center;

	}

	

	

	

	

 .content-two{

	width: 100%;

	height: 100%;

	margin: 80px 0 0 0;

	background: #f5f5f5;

	padding: 70px 0 70px 0;

	

}

 .content-two ul{

	

	height: 100%;

	max-width:768px;

	min-width: 640px;

	box-sizing: border-box;

	margin: 0 auto;

	

}

 .content-two ul li{

	width: 48%;

	float: left;

	margin-right: 4%;

	background: #fff;

}

 .content-two ul li:nth-of-type(2n){

	margin-right: 0 !important;

}

 .content-two ul li .top{

 	width: 100%;

 	height: 100%;

 	overflow: hidden;

 }

  .content-two ul li .top img{

  	display: block;

  	width: 100%;

  	height: 100%;

  }

  .content-two ul li .bottom{

  	width: 100%;

  	height: 100%;

  	padding: 0 20px;

  	box-sizing: border-box;

  }

   .content-two ul li .bottom .rencai{

   	width: 100%;

   	height: 50px;

   	font-size: 20px;

   	color: #222;

   	line-height: 50px;

   	border-bottom:1px solid #f5f5f5;

   	box-sizing: border-box;

   	overflow: hidden;

   }

 .content-two ul li .bottom ol{

 	width: 100%;

 	height: 100%;

 	line-height: 40px;

 	padding: 0 0 0 10px;

 }

 .content-two ul li .bottom ol .dian{

 	width: 100% !important;

 	height: 30px;

 	line-height: 30px;

 	 list-style-type:square;

 	list-style-image: url(../img/dian.jpg) ;

 	vertical-align: middle;

 	font-size: 15px;

 	color: #666;

 list-style-position: inside;

 	overflow: hidden;

 	

 }

	







.footer .pc_footer{

	display: none;

}

.fff{

	display: none;

}

.ph_footer{

	width: 100%;

	height: 60px;

	background:#2586d9 ;

	position: fixed;

	left: 0;

	bottom:0;

	display: block;

	

}



.ph_footer ul{

	width: 100%;

	height:100%

}

.ph_footer ul li{

	width: 25%;

	height: 60px;

	float: left;

	padding: 5px 0 0 0 ;

}

.ph_footer ul li .img{

	width: 25px;

	height: 25px;

	margin: 0 auto;

}

.ph_footer ul li .img img{

	width: 100%;

	height: 100%;

}

.ph_footer ul li p{

	width: 100%;

	height: 30px;

	font-size: 12px;

	line-height: 30px;

	text-align: center;

	color: #fff;

}

.sj-f{

	width: 100%;

	height: 60px;

	margin-bottom: 60px;

	text-align: center;

	border-top: 1px solid #ccc;

	display: block;

}

.sj-f p{

	width: 100%;

	height: 30px;

	line-height: 30px;

	font-size: 12px;

}





.content{

	max-width: 768px;

	min-width: 640px;

	height: 100%;

	margin: 30px auto 0;

}



.content .content-one{

	width: 100%;

	height: 100%;

	border: 0;

	border-bottom:  1px solid #e7e7e7;

	padding: 0 20px;

	box-sizing: border-box;

}

.content .content-one .content-one-left{

	width: 100%;

	height: 100%;

	float: left;

	overflow: hidden;

}

.content .content-one .content-one-left img{

	display: block;

	width: 100%;

	height: 100%;

}

.content .content-one .content-one-right{

	width: 100%;

	height: 100%;

	float: right;

	padding: 20px 0;

	float: right;

	box-sizing: border-box;

}



.content .content-one .content-one-right .title{

	font-size: 30px;

	font-family: "微软雅黑";

	font-weight: bold;

}

.content .content-one .content-one-right .talent{

	width: 100%;

	height: 50px;

	line-height: 50px;

	font-size: 25px;  

}

.content .content-one .content-one-right  p{

	width: 100%;

	line-height: 30px;

	font-size: 15px;

	color: #333;

	display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 3;

    overflow: hidden;

}



	

	

}



@media only screen and (max-width: 640px) {
	.footer{display: none}

.top{

		width: 100%;
		height: 100%;
		overflow: scroll;

	}

	.top ul{

		width: auto;

	}

	.top ul li{

		padding: 0 15px;

		width: auto;

		height: 48px;

		border-bottom: 2px solid transparent;

		float: left;

		font-size: 16px;

		line-height:48px;

		color: #111;

		text-align: center;

	}

.content{

	max-width: 640px;

	min-width: 320px;

	height: 100%;

	margin: 15px auto 0;

}
	.content .content-one .content-one-right{
		padding: 10px 0
	}
	.content .content-one .content-one-right .title{
		line-height: 40px;
		font-size: 24px
	}
	.content .content-one .content-one-right .talent{
		line-height: 40px;
		height: 100%;
	}



.content-two{

	width: 100%;

	height: 100%;

	margin: 20px 0 0 0;

	background: #f5f5f5;

	padding: 15px 0 15px 0;

	

}

 .content-two ul{

	

	height: 100%;

	max-width:639px;

	min-width: 320px;

	box-sizing: border-box;

	margin: 0 auto;

	

}

 .content-two ul li{

	width: 90%;

	float: none;

	margin-right: 0%;

	background: #fff;

	margin: 0 auto 20px;

}

 .content-two ul li:nth-of-type(2n){

	margin:  0 auto 20px!important;

	float: none;

}

 .content-two ul li .top{

 	width: 100%;

 	height: 100%;

 	overflow: hidden;

 }

  .content-two ul li .top img{

  	display: block;

  	width: 100%;

  	height: 100%;

  }

  .content-two ul li .bottom{

  	width: 100%;

  	height: 100%;

  	padding: 0 20px;

  	box-sizing: border-box;

  }

   .content-two ul li .bottom .rencai{

   	width: 100%;

   	height: 40px;

   	font-size: 18px;

   	color: #222;

   	line-height: 40px;

   	border-bottom:1px solid #f5f5f5;

   	box-sizing: border-box;

   	overflow: hidden;

   }

 .content-two ul li .bottom ol{

 	width: 100%;

 	height: 100%;

 	line-height: 30px;

 	padding: 0 0 0 5px;

 }

 .content-two ul li .bottom ol .dian{

 	width: 100% !important;

 	height: 30px;

 	line-height: 30px;

 	 list-style-type:square;

 	list-style-image: url(../img/dian.jpg) ;

 	vertical-align: middle;

 	font-size: 15px;

 	color: #666;

 	list-style-position: inside;

 	overflow: hidden;

 	margin: 0 !important;

 	

 }

	

	

}





@media only screen and (max-width:450px ) {



}

.banner{display: block}
.sj-banner{display: none}
@media only screen and (max-width: 768px) {
	
	.banner{display: none}
.sj-banner{display: block;width: 100%;height: 100%}
	.sj-banner img{width: 100%;height: 100%;display: block}	
	
}