/* css reset */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { padding:0; margin:0;}
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0;max-width: 100%; }
a { color:#000; text-decoration:none; }
a:hover { color: #ecc454; }
address, caption, cite, code, dfn, em, th, var { font-weight: normal; font-style: normal; }
ol, ul { list-style: none; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; }
q:before, q:after { content:""; }
/* css base */
body { font-family:"微软雅黑"; font-size:12px; color:#2b2b2b; line-height:1.8;}
.left{ float:left;}
.right{ float:right;}
.clearfix:after{  content: "."; display: block;height: 0;clear: both; visibility: hidden;}
*{
	margin: 0;
	padding: 0;
}
.wrap{
	width: 1440px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}
.wrap2{
	width: 1000px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}
.wrap3{
	width: 1300px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}
.wrap4{
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}
.wrap5{
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}
.header{
	position: relative;
}
.header canvas{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 200;
}
.header .wrap{
	position: relative;
	z-index: 201;
}

.banner{
	overflow: hidden;
}
.banner img{
	display: block;
	max-width: 100%;
	margin: 0 auto;
}
.banner .swiper-container {
    /* max-height: 965px; */
}
.banner .swiper-container img{
	display: block;
	max-width: 100%;
	
}
.banner  .swiper-container-vertical > .swiper-pagination-bullets{
	top: 50%;
	right: 20%;
}
.banner .swiper-pagination{
	z-index: 200;
	border-right: 3px solid rgba(255,255,255,0.6);
}
.banner  .swiper-pagination-bullet{
	opacity: 1;
	width: 12px;
	height: 12px;
	background:#000;
	font-size: 30px;
	background: none;
	color: #8f9195;	
	background: #ddd;
	position: relative;
	
}
.banner .swiper-pagination-bullet-active{
	background: #fdd14c;
	color: #ecc454;
	font-size: 40px;
}
.top{
	width: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 20;
	background: rgba(59,79,99,0.6);
	border-bottom: 1px solid #7a8794;

}
.logo{
	float: left;
	margin: 20px 0;
}
.logo img{
	display: block;
}
.nav{
	float: right;	
}
.nav dl{
	float: left;
	height: 56px;
	line-height: 56px;
	overflow: hidden;
	font-size: 14px;
	width: 72px;
	margin: 26px 8px 0;
	text-align: center;
	position: relative;
}
.nav dl a{
	height: 112px;
	overflow: hidden;
	display: block;
}
.nav dl:hover  a{
	transform: translateY(-56px);
}
.nav dl:after{
	content: "";
	display: block;
	width: 47px;
	height: 4px;
	background: #ecc454;
	position: absolute;
	left: 50%;
	bottom: 0px;
	z-index: 21;
	margin-left: -23px;
	display: none;
}
.nav dl:hover:after{
	display: block;
}
.nav dl.act:after{
	content: "";
	display: block;
	width: 47px;
	height: 4px;
	background: #ecc454;
	position: absolute;
	left: 50%;
	bottom: 0px;
	z-index: 21;
	margin-left: -23px;
}
.nav a{
	color: #FFFFFF;
}
.search{
	float: right;
	margin-left: 28px;	
	width: 202px;
	margin-right: 4px;
	margin-top: 12px;
}
.search .tel{
	font-size: 14px;
	color: #FFFFFF;
	background: url(../img/tel.png) no-repeat 30px 5px;
	padding-left: 30px;
	margin-bottom: 6px;
	text-align: right;
}
.search_input{
	width: 100%;
	height: 22px;
	line-height: 22px;
	border: 1px solid #75818e;
	border-radius: 10px;
	position: relative;
}
.search_input input.inp_1{
	width: 100%;
	height: 100%;
	padding: 0 5px;
	padding-right: 70px;
	box-sizing: border-box;
	outline: none;
	border: none;
	background: none;
	color: #FFFFFF;
}
.search_input input.inp_2{
	position: absolute;
	top: 2px;
    right: 10px;
	z-index: 30;
	outline: none;
	border: none;
	color: #FFFFFF;
	padding-right: 25px;
	background: url(../img/search.png) no-repeat right center;
	cursor: pointer;
}
/*公用标题*/
.pub_title{
	text-align: center;
	margin: 55px 0;
}
.pub_title dl dt{
	font-size: 48px;
}
.pub_title dl dd{
	font-size: 30px ;
	text-align: center;
	display: inline-block;	
}
.pub_title dl dd:before{
	content: "";
	display: inline-block;
	width: 300px;
	height: 1px;
	background: #ecc454;
	margin-right: 80px;
}
.pub_title dl dd:after{
	content: "";
	display: inline-block;
	width: 300px;
	height: 1px;
	background: #ecc454;
	margin-left: 80px;
}
/*关于我们*/
.about{
	
} 
.about_word{
	padding: 0px 5% 42px;
	line-height: 30px;
	font-size: 14px;
}
.about_video{
	background: url(../img/about_bg.jpg) no-repeat center bottom;
	height: 510px;
}
.about_list{
	text-align: center;
}
.about_list video{
	display: block;
	margin: 0 auto;
    width:840px;
    height:440px;
    z-index:999;
    outline:none;
}
.a_more a{
	display: block;
	background: url(../img/about_more.jpg) no-repeat center center;
	width: 294px;
	height: 32px;	
	line-height: 32px;
	text-align: center;
	margin: 50px auto 0;
	color: #FFFFFF;
	font-size: 14px;
}
.pro_list{
	
}
.pro_list .team{
	position: relative;
	height: 550px;
	color: #FFFFFF;
}
.pro_list .team .wrap{
	height: 100%;
}
.pro_list .team:before{
	content: "";
	position: absolute;
	background: rgba(0,0,0,0.8);
	left: 0px;
	top: 0px;
	z-index: 20;
	width: 100%;
	height: 100%;
	transition: all ease-in-out .5s;
}

.pro_list .team dl{
	position: relative;
	top: 50%;
    transform: translateY(-50%);
	width: 249px;
	left: 5%;
	margin: 5px 0;
	z-index: 200;
}
.pro_list .team dl:before{
	display: block;
	content: "";
	width: 1px;
	height: 60px;
	background: #FFFFFF;
	margin: 0 auto;
	transform: translateX(50px) skewX(-45deg);
}
.pro_list .team dl:after{
	display: block;
	content: "";
	width: 1px;
	height: 60px;
	background: #FFFFFF;
	margin: 0 auto;
	transform: translateX(-72px) skewX(-45deg);
}
.pro_list .team dl dt{
	font-size: 30px;
	transition: all ease-in-out .5s;
}
.pro_list .team dl dd{
	font-size: 16px;
	transition: all ease-in-out .5s;
}
.pro_list .team dl a{
	color: #FFFFFF;
	padding: 3px 8px;
	border: 1px solid #FFFFFF;
	margin-top: 15px;
	display: block;
	text-align: center;
	margin-left: auto;
	width: 108px;
	height: 24px;
	line-height: 24px;
	margin-right: 0px;
	position: absolute;
	bottom: 0px;
	right: 0px;
	z-index: 20;
}
.pro_list .team:hover:before{
	background: rgba(0,0,0,0.6);
}
.pro_list .team:hover dl a{
	background: #ECC454;
}
.pro_list .team:hover dl dt{
	transform: translateX(-30px);
}
.pro_list .team:hover dl dd{
	transform: translateX(30px);
}
.ypl_more a{
	background: url(../img/about_more.jpg) no-repeat center center;
	width: 294px;
	height: 32px;
	line-height: 32px;
	display: block;
	margin: 35px auto;
	text-align: center;
	color: #FFFFFF;
}
.news{
	
}
.news .n_team{
	width: 480px;
	height: 318px;
	float: left;
	position: relative;
}
.news .n_team dl{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	color: #FFFFFF;
}
.news .n_team dl  a{
	display: block;
	width: 100%;
	height: 100%;
	color: #FFFFFF;
}
.news .n_team dl dt{
	font-size: 14px;
}
.news .n_team dl dd{
	font-size: 18px;
}
.news .n_team dl:before{
	display: block;
	content: "";
	width: 1px;
	height: 60px;
	background: #FFFFFF;
	margin: 0 auto;
	transform: translateX(50px) skewX(-45deg);
}
.news .n_team dl:after{
	display: block;
	content: "";
	width: 1px;
	height: 60px;
	background: #FFFFFF;
	margin: 0 auto;
	transform: translateX(-72px) skewX(-45deg);
}
.news  .news_wrap{
	padding: 10px 20px;
	color: #000000;
}
.news  .news_wrap span{
	display: block;
	font-weight: bold;
}
.news  .news_wrap h4{
	font-size: 18px;
	font-weight: bold;
	border-bottom: 2px solid #e5e5e5;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding: 6px 0 ;
}
.news  .news_wrap p{
	-webkit-line-clamp: 3;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	line-height: 24px;
	margin: 16px 0;
	font-size: 14px;
}
.news  .news_wrap .news_more a{
	position: absolute;
	left: 20px;
	bottom: 0px;
	z-index: 20;
	font-weight: bold;
	font-size: 14px;
}
/*加盟*/
.join_in{
	background: url(../img/join_bg.jpg) no-repeat center top;
	height: 767px;
	margin-top: 90px;
	position: relative;
}
.join_in .wrap{
	position: relative;
	z-index: 201;
}
.join_in canvas{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 200;
}
.join_in .pub_title{
	color: #FFFFFF;
}
.join_in  .join_list{
	
}
.join_in  .join_list dl{
	color: #929196;
	float: left;
	text-align: center;
	font-size: 16px;
	width: 23%;
	margin: 30px 1%;
}
/*留言*/
.message{
	margin: 76px 0;
}
.m_le{
	width: 415px;
	padding: 0 60px;
	float: left;
	font-size: 14px;
	font-weight: bolder;
	text-align: center;
}
.m_ri{
	width: 843px;
	height: 60px;
	line-height: 60px;
	padding: 3px;
	box-sizing: border-box;
	border: 1px solid #e9e9e9;
	float: right;
	position: relative;
}
.m_ri form{
	height:100%;
}
.m_ri input{
	border: none;
	outline: none;
}
.m_ri input.inp_3{
	width: 100%;
	height: 100%;
	display: block;
	float: right;
	padding-left: 25px;
	padding-right: 130px;
	box-sizing: border-box;
	font-size: 16px;
	color: #a5a5a5;
}
.m_ri input.inp_4{
	position: absolute;
	top: 3px;
	right: 3px;
	z-index: 20;
	width: 116px;
	height: 52px;
	background: #ECC454;
	border: none;
	cursor: pointer;
	color: #FFFFFF;
	font-size: 14px;
}
/*footer*/
.footer{
	background: #1a2c3d;
	color: #FFFFFF;
	font-size: 14px;
}
.footer a:hover{
	text-indent:underline;
}
.foot_nav{
	font-size: 14px;
	text-align: center;
	border-bottom: 1px solid #33414f;
}
.foot_nav ul li{
	display: inline-block;
	width: 14%;
	padding: 18px 0;
}
.foot_nav ul li a{
	color: #FFFFFF;
}
.foot_word{
	margin: 60px 0;
}
.f_logo{
	float: left;
	margin-top: 25px;
}
.foot_word .wrap{
	padding: 0 37px;
	box-sizing: border-box;
}
.foot_con{
	float: left;
	width: 400px;
	margin: 0 120px;
}
.foot_con dl{
	background: url(../img/tel1.png) no-repeat left center;
	padding-left: 66px;
	margin-bottom: 8px;
}
.foot_con dl dt{
	color: #696e75;
}
.foot_con dl dd{
	font-size: 26px;
	line-height: 30px;
}
.foot_parster{
	float: left;
	margin: 40px 0;
}
.foot_parster p{
	color: #727981;
}
.f_wechat{
	float: right;
	text-align:center;
}
.foot_yright{
	text-align: center;
	border-top: 1px solid #33414f;
	padding: 22px 0;
	color: #47505a;
}
.foot_yright a{
	color: #47505a;
}

/*main*/
.main{
	
}
.column{
	background: #000000;
}
.column ul li{
	width: 16.66%;
	height: 48px;
	line-height: 48px;
	float: left;
	text-align: center;
	background: url(../img/p1.jpg) no-repeat right center;
}
.column ul li:hover{
	background: #263c51;
}
.column ul li.act{
	background: #263c51;
}
.column ul li a{
	display: block;
	color: #a3a3a3;
	font-size: 16px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.main_title{
	margin: 70px 0;
}
.main_title_l{	
	float: left;
}
.main_title_l dl{
	width: 276px;
	background: url(../img/line.png) no-repeat center center;
}
.main_title_l dl dt{
	font-size: 35px;
	line-height: 30px;
}
.main_title_l dl dd{
	font-size: 24px;
	padding-left: 55px;
	font-weight: bold;
}
.main_title_l dl dd em{
	margin-right: 17px;
}
.main_title_l dl dd i{
	font-style: inherit;
}
.m_location{
	float: right;
	margin-right: 64px;
	color: #a3a3a3;
	margin-top: 34px;
}
.m_location a{
	color: #a3a3a3;
}
.main_t{
	text-align: center;
	font-size: 24px;
	margin: 70px 0;
}
.main_t h4:before{
	content: "";
	display: inline-block;
	width: 300px;
	height: 1px;
	background: #868183;
	margin-right: 60px;
}
.main_t h4:after{
	content: "";
	display: inline-block;
	width: 300px;
	height: 1px;
	background: #868183;
	margin-left: 60px;
}
.m_pro_list{
	
}
.m_pro_list .pro_team{
	width: 425px;
	margin-bottom: 50px;
	margin-right: 76px;
	margin-bottom: 45px;
	float: left;
}
.m_pro_list .pro_team:nth-child(3n+3){
	margin-right: 0px;
}
.m_pro_list .pro_team img{
	display: block;
	max-width: 100%;
	max-height: 100%;
	margin: 0 auto;
}
.m_pro_list .pro_team .p_pho{
	height: 291px;
	display: table-cell;
	vertical-align: middle;
}
.m_pro_list .pro_team  .p_word h4{
	font-size: 14px;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	box-sizing: border-box;
	background: url(../img/video_right.png) no-repeat right center;
	padding-right: 50px;
}

/*分页*/
.padding{
	text-align: center;
	margin: 70px 0;
}
.padding ul li{
	display: inline-block;
	margin: 0 8px;
}
.padding ul li.active span{
	color:#f6cc56;
}
.case{
	
}
.case .case_team{
	width: 578px;
	margin: 0 70px 20px;
	float: left;
}
.case .case_team dl dt{
	width: 578px;
	height: 323px;
	display: table-cell;
	vertical-align: middle;
}
.case .case_team dl dt img{
	display: block;
	max-width: 100%;
	margin: 0 auto;
}
.case .case_team dl dd{
	font-size: 14px;
	padding: 5px 0;
}
.case .case_team dl dd span{
	display: block;
	float: left;
	width: 70%;
}
.case .case_team dl dd  em{
	float: right;
	
}
/*新闻列表*/
.news_list{
	
}

.news_list .news_team{
	
}

.news_list .news_team .news_pho{
	width: 50%;
	height: 314px;
	float: left;	
}
.news_list .news_team:nth-child(even) .news_pho{
	float: right;
}
.news_list .news_team .news_word{
	width: 50%;
	height: 314px;
	padding: 35px;
	box-sizing: border-box;
	float: left;
}
.news_list .news_team .news_word .news_time{
	font-size: 18px;
	margin-bottom: 15px;
	font-weight: bold;
}
.news_list .news_team .news_word dt{
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 15px;
}
.news_list .news_team .news_word dl dd{
	display: -webkit-box;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	font-size: 14px;
}
.news_list .news_team .news_word  .news__list_more{
	margin-top: 50px;
	width: 88px;
	height: 32px;
	line-height: 32px;
	background: #555555;
	color: #FFFFFF;
	text-align: center;
}
.news_list .news_team .news_word  .news__list_more a{
	display: block;
	color: #FFFFFF;
}
/*招聘列表*/
.job{
	
}
.job_team{
	border-bottom: 1px solid #f1f1f1;
	margin-bottom: 20px;
}
.job_team h4{
	font-size: 18px;
	font-weight: bold;
}
.job_team .job_word{
	margin: 20px 0;
}
.job_team .job_word .job_le{
	float: left;
	width: 80%;
}
.job_team .job_word .job_le p{	
	font-size: 14px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
}
.job_team .job_word .job_more{
	float: right;
	font-size: 16px;	
}
.job_team .job_word .job_more a{
	color: #ff9702;
}
/*联系我们列表*/
.contact{
	
}
.c_top{
	height: 242px;
	color: #FFFFFF;
}
.c_top .c_top_le{
	height: 242px;
	background: url(../img/contact_bg.png) no-repeat center center;
	width: 765px;
	float: left;
	padding: 70px 45px;
	box-sizing: border-box;
}
.c_top .c_top_le .c_word{
	float: left;
	width: 323px;
	line-height: 26px;
}
.c_top .c_top_le  .c_tel{
	float: right;
	text-align: left;
	background: url(../img/contact_tel.png) no-repeat left center;
	padding-left: 75px;
}
.c_top .c_top_le  .c_tel dl dt{
	font-size: 12px;
}
.c_top .c_top_le  .c_tel dl dd{
	font-size: 30px;
}
.c_top .c_top_ri{
	height: 242px;
	width: 527px;
	float: right;
	text-align: center;
	background: url(../img/contact_bg2.jpg) no-repeat center center;
}
.c_top .c_top_ri dl{
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}
.c_top .c_top_ri dl dt{
	border: 2px solid #FFFFFF;
	display: inline-block;
	font-size: 18px;
	padding: 3px;
	margin-bottom: 15px;
}
.c_top .c_top_ri dl dd{
	font-size: 14px;
}
.map{
	margin: 30px 0 80px;
}
.map #map{
	height: 480px;
}
/*留言列表*/
.message_list{
	margin-bottom: 110px;
}
.message_box{
	background: url(../img/message_bg.jpg) no-repeat center center;
	height: 630px;
	padding: 120px 235px;
	box-sizing: border-box;
}
.message_box .message_team{
	margin-bottom: 30px;
}
.message_box .message_team input{
	width: 280px;
	height: 30px;
	line-height: 30px;
	border: 1px solid #bfbfbf;
	padding: 0 8px;
	outline: none;
	
}
.message_box .message_team textarea{
	width: 100%;
	height: 96px;
	outline: none;
	border: 1px solid #bfbfbf;
	padding: 5px;
}
.message_box .sub input{
	width: 260px;
	height: 32px;
	line-height: 32px;
	background: #007AFF;
	color: #FFFFFF;
	border: none;
	margin-left: auto;
	display: block;
	margin-right: 0px;
	cursor: pointer;
}
.pro_de_list{
	padding: 0 80px;
}
.pro_de_le{
	width: 731px;
	float: left;
}
.pro_de_le img{
	display: block;
}
.pro_de_ri{
	width: 435px;
	float: right;
}
.pro_de_ri h4{
	font-size: 18px;
	font-weight: bold;
	margin: 30px 0;
}
.pro_de_ri ul li{
	font-size: 14px;
	margin-bottom: 10px;
}
.pro_de_ri .hot_tel{
	background: url(../img/pro_de.png) no-repeat 80px center;
    padding-top: 8px;
    margin-top: 40px;
}
.pro_de_ri .hot_tel dl dt{
	font-size: 14px;
}
.pro_de_ri .hot_tel dl dd{
	font-size: 24px;
}
.pro_s{
	margin-top: 75px;
}
.pro_s ul li{	
	float: left;
	margin-right: 20px;	
}
.pro_s ul li img{
	display: block;
	width: 123px;
	height: 84px;
	border: 1px solid #7e7e7f;
}
/*pro_de_bot*/
.pro_de_bot{
	
}
.pro_de_bot h4{
	font-size: 16px;
	padding: 14px 0;
	border-bottom: 1px solid #747475;
	margin: 50px 0;
	font-weight: bold;
}
.other{
    margin-top: 60px;
    margin-bottom: 60px;
}
.other .wrap{
	padding: 0 80px;
	box-sizing: border-box;
}
.other  h4{
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 15px;
}
.other .swiper-button-next, .other .swiper-button-prev{
	background: url(../img/prev.png) no-repeat center center;
	top:60%;
}
.other .swiper-button-next{
	background: url(../img/next.png) no-repeat center center;
}
.menubtn{
	display: none;
}

/*添加*/

.Lleft{float:left}
.Rright{float:right}
.clear{clear:both;}
*{padding:0;margin:0;}
ul,li{list-style: none;}
a{text-decoration: none;}

/********* about **********/
.jj-tx{margin-top:50px;}
.jj-tx p{
    text-align: justify;
    color:#818181;
    font-size:14px;
    text-indent: 2em;
    line-height:24px;
}
.jj-video{
    position: relative;
    height:500px;
    margin-top:50px;
}
.jj-video>div{
    position: absolute;
}
.jj-video1{
    width:335px;
    height:85px;
    right:0;
}
.jj-video2{
    width:700px;
    height:350px;
    background: pink;
    z-index:2;
    top:50px;
    right:250px;
}
.jj-video2 video{
	display:block;
	width:100%;
	height:100%;
	object-fit: fill;
	outline:none;
}
.jj-video2 p video{
	display:block;
	width:100%;
	height:100%;
}
.jj-video3{
    width:280px;
    height:200px;
    background: #6978a9;
    bottom:0;
}
.jj-video4{
    background: #E5E7E9;
    width:100px;
    height:100px;
    right:150px;
    top:84px;
}
.jj-cu{
    margin-top:50px;
}
.jj-cu-ti{margin-bottom:20px;}
.jj-cu1{
    background: url(../img/244.jpg) no-repeat center center;
    width:1200px;
    height:207.5px;
    background-size:100% 100% ;
    text-align: center;
}
.jj-cu1 p{
    color:white;
    font-size:20px;
}
.jj-cu1 p:first-child{
    padding-top:70px;
    margin-bottom:10px;
}
.jj-cu2>div>div{
    float:left;
    margin-right:5px;
    width:147px;
    height:388px;
    margin-top:10px;
    text-align: center;
    line-height:147px;
    color:white;
    font-size:20px;
    font-weight: bold;
    writing-mode:tb-rl
}

.jj-cu2-1{
    background: url(../img/205_06.jpg) no-repeat center center;
}
.jj-cu2-2{
    background: url(../img/205_08.jpg) no-repeat center center;
}
.jj-cu2-3{
    background: url(../img/205_10.jpg) no-repeat center center;
}
.jj-cu2-4{
    background: url(../img/205_12.jpg) no-repeat center center;
}
.jj-cu2-5{
    background: url(../img/205_14.jpg) no-repeat center center;
}
.jj-cu2>div:nth-child(2)>img{
    width:430px;
    height:388px;
    margin-top:10px;
}
.jj-cu3>div:first-child{
    width:755px;
    margin-top:10px;
    height:200px;
    background: url(../img/4652.jpg) no-repeat center center;
}
.jj-cu3>div:first-child p{
    color:white;
    padding-left:30px;
    font-size:18px;
}
.jj-cu3>div:first-child p:first-child{
    padding-top:70px;
    margin-bottom:10px;
    
}
.jj-cu3>div:nth-child(2){
    background: url(../img/205_25.jpg) no-repeat center center;
    width:430px;
    margin-top:10px;
    height:200px;
}
.jj-cu3>div:nth-child(2) p{
    color:white;
    padding-left:30px;
    font-size:18px;
}
.jj-cu3>div:nth-child(2) p:first-child{
    padding-top:70px;
    margin-bottom:10px;
}
.jj-yu{
    margin-top:50px;
}
.jj-yu-ti>a:nth-child(2){
    color:#2C4598;
    text-decoration:none;
    display:block;
    font-weight: bold;
    font-size:18px;
    margin-top:-40px;
}
.jj-yu .swiper-slide img{
    width:100%;
}
.jj-yu .swiper-container{
    padding:50px 0;
    background: black;
}
.jj-fe{
    margin-top:50px;
    margin-bottom:50px;
}
.jj-yu>.jj-yu-ti img{
    margin-left:-10px;
}
.jj-fe>.jj-yu-ti img{
    margin-left:-30px;
}
.jj-li>ul>li{
    float:left;
    width:400px;
}
.jj-li{
    margin-top:30px;
}
.jj-li>ul>li>a{
    display:block;
    margin-bottom:20px;
    margin-left:15px;
    margin-right:15px;
}
.jj-li>ul>li>a>img{width:100%;}
.jj-li>ul>li>a>p{
    text-align: center;
    padding:10px 0;
    color:#282828;
}

/*******  join   ***********/
.tikk{
    position: relative;
    height:60px;
    margin-bottom:30px;
}
.tikk>div:nth-child(1){
    /* position: absolute; */
    /* border-top:1px solid #959696; */
    /* width:200px; */
    /* left:150px; */
    /* top:15px; */
}
.tikk>div:nth-child(2){
    text-align: center;
    color:#585858;
    font-size:22px;
    margin-top:15px;
}
.tikk>div:nth-child(3){
    position: absolute;
    border-top:1px solid #959696;
    width:200px;
    top:15px;
    right:150px;
}
.kk1{
    background: url(../img/369369_02.jpg) no-repeat center center;
    height:420px;
    margin-bottom:200px;
    /* background-size:100% 100% ; */
}
.kk1-bg{
    padding-top:80px;
    color:white;
}
.kk1-bg p{
    width:1000px;
    margin:0 auto;
    line-height: 30px;
    text-align: justify;
    text-indent: 2em;
}
.kk1-tu{
    display:flex;
    justify-content: space-between;
    margin-top:60px;
}
.kk1-tu img{
    display:block;
    width:215px;
}
.kk2{
    width:1200px;
    margin:0 auto;
    margin-bottom:100px;
}
.kk2-list{
	float:left;
	positiion:relative;
	margin-left:25px;
	margin-right:25px;
}
.kl1{
	position:absolute;
	height:250px;
	transition:all .5s;
}
.kl2{
	border-radius:50%;
	background:url(../img/qiu.png) no-repeat center center;
	height:190px;
	width:100%;
	padding: 100px 0px 0 0px;
	positiion:absolute;
	top:0px;
	left:0;
	opacity:0;
	transition:all .5s;
	transform:scale(0.1)
}
.kk2-list:hover .kl2{
	opacity:1;
	transform:scale(1.1)
}
.kk2-list:hover .kl1{
	opacity:0;
	transform:scale(0.1)
}
.kl2>div{
	width:75%;
	margin:0 auto;
	font-size:12px;
	color:white;
}
.size-kk{
    width:129px;
    height:129px;
    padding-top:30px;
    display:block;
    padding-bottom:20px;
}
.kk2 img{
    display:block;
    margin:0 auto;
}
.kk2>div>div{
    width:250px;
    text-align: center;
}
.kk3{
	width:100%;
}
.kk3 img{
    width:100%;
}
.kk4{
    width:800px;
    margin:50px auto;

}
.kk4 img{
    width:100%;
}
.kk5{
    margin-top:30px;
    margin-bottom:100px;
}
.kk5 .swiper-slide img{
    width:100%;
}
.kk5 p{
    text-align: center;
    color:#454545;
    margin-top:0px;
}
.kk6>div{
    display:flex;
    justify-content: space-between;
    margin-bottom:30px;
}
.kk6-lis{
    position: relative;
    width:225px;
    height:225px;
}
.kk6-lis>img{
    position: absolute;
    display:block;
    width:100%;
    top:0;
}
.kk6-lis>div{
    z-index:29999;
    position: absolute;
    top:0;
    width:180px;
    margin-left:22.5px;
}
.kk6-lis>div>p:first-child{
    margin-top:55px;
    margin-bottom:30px;
    color:#282828;
}
.kk6-lis>div>p:last-child{
    font-size:12px;
    color:#282828;
    line-height:22px;
}
.kk7{
    background: url(../img/369369_45.jpg) no-repeat center center;
    background-size:100% 100% ;
    height:300px;
    margin-top:50px;
    padding: 50px 0;
}
.kk7-ti{
    text-align: center;
    margin-top:30px;
    font-size:20px;
    margin-bottom:30px;
}
.kk7-in>div:first-child input{
    display:block;
    width:250px;
    /* height:40px; */
    padding:5px 10px;
    margin-bottom:10px;
    margin-left:180px;
}
.kk7-in>div:nth-child(2) textarea{
    display:block;
    width:700px;
    height:160px;
}
.kk7 button{
    width:200px;
    height:30px;
    text-align: center;
    line-height: 30px;
    margin-top:10px;
    float:right;
    border:none;
    background: #0E76D9;
    color:white;
}
.banner_sm {
	display:none;
}
.banner_sm .swiper-pagination-bullet-active{
	background: #ecc454;
}
.news_list2{
	
}
.news_list2 ul li{
	width:33.33333%;
	float:left;
}



/*网站模板  pc*/

/*详情页 begin*/
.ypl_de{
	margin:35px 0 ;
}
.ypl_center{
	text-align: center;
}
.ypl_center h4{
	font-size:24px;
	margin: 15px auto 5px;
	font-weight: bold;
}
.ypl_pho{
	margin: 25px 0;
}
.ypl_word{
	text-align: left;
	margin-bottom: 30px;
}
.ypl_pag{
	font-size: 14px;
}
/*详情页 end*/

/*网站地图 begin*/
.ypl_map{
	margin: 30px 0 ;
}
.ypl_map ul li{
	padding: 25px 0;
	border-bottom: 1px solid #dddddd;
}
.ypl_map  ul li h3{
	font-size: 18px;
	margin-bottom: 8px;
	font-weight: bold;
}
.map_de a{
	padding: 10px;
	font-size: 14px;
}
/*网站地图 end*/

/*留言 begin*/
.ypl_mes{
	margin: 35px 0;
}
.ypl_mes h3{
	font-size: 24px;
	text-align: center;
	font-weight: bold;
	color: #404040;
	margin-bottom: 10px;
}
.ypl_mes h4{
	font-size: 16px;
	text-align: center;
}
.ypl_mes_list{
	padding: 0 2%;
	margin-top: 25px;
}
.ypl_mes_list input{
	display: block;
	height: 45px;
	line-height: 45px;
	width: 100%;
	border: 1px solid #e0dcdc;
	padding: 0 5px;
	box-sizing: border-box;
	margin-bottom: 8px;
	border-radius: 6px;
	-webkit-appearance: none;
}
::-webkit-input-placeholder{
	color: #bbbbbb;
}
.ypl_mes_list textarea{
	height: 180px;
	width: 100%;
	border: 1px solid #e0dcdc;
	padding: 5px;
	box-sizing: border-box;
	margin-bottom: 8px;
	border-radius: 6px;
	-webkit-appearance: none;
}
.ypl_sub{
	margin: 50px 0;
}
.ypl_mes_list .ypl_sub input{
	background: #014e92;
	color: #FFFFFF;
	border: none;
	border-radius: 0;
	width: 20%;
	height: 55px;
	line-height: 55px;
	margin:  0 auto;
	cursor: pointer;
}

.ypl_yz{
	margin: 15px 0;
}
.ypl_yz input,.ypl_yz img{
	width: 25%;
	height: 45px;
	line-height: 45px;
	border: 1px solid #e0dcdc;
	box-sizing: border-box;
	border-radius: 6px;
	float: left;
}
.ypl_yz img{
	margin-left: 10px;
}
/*留言 begin*/

/*分页 begin*/
.ypl_padding{
	text-align: center;
	margin: 50px 0;
}
.ypl_padding ul{
	display: inline-block;
}
.ypl_padding ul li{
	width: 27px;
	line-height: 27px;
	text-align: center;
	display: inline;	
}
.ypl_padding ul li.active span{
	background: #3a3e7a;
	color: #fff;
}
.ypl_padding ul li:first-child a{
	padding: 5px 20px;
}
.ypl_padding ul li:last-child a{
	padding: 5px 20px;
}
.ypl_padding ul li a{
	padding: 5px 10px;
	border: 1px solid #e1e1e1;
}
.ypl_padding ul li span{
	padding: 5px 10px;
	border: 1px solid #e1e1e1;
}
.ypl_padding ul li a:hover{
	background: #3a3e7a;
	color: #FFFFFF;
}
/*分页 end*/

/*联系我们*/
.ypl_contact{
	margin: 30px 0;
}
.ypl_c_word {
	text-align: center;
	font-size: 14px;
	line-height: 30px;
}
.ypl_c_word ul li{
	margin-bottom: 20px;
}
.ypl_c_word ul li h4{
	font-size: 24px;
	margin-bottom: 10px;
}
.ypl_map iframe{
	border: none;
}
body::-webkit-scrollbar {
  width: 10px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
}

/*滚动条里面的滚动的块样式*/
body::-webkit-scrollbar-thumb {
 
  background-color: #f3cf6c;
  background-image: -webkit-linear-gradient(45deg,
      rgba(255, 255, 255, 0.2) 25%,
      transparent 25%,
      transparent 50%,
      rgba(255, 255, 255, 0.2) 50%,
      rgba(255, 255, 255, 0.2) 75%,
      transparent 75%,
      transparent);
}

/*滚动条里面轨道*/
body::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: #61574f;
 
}











@media screen and (min-width: 320px) and (max-width: 768px){
	.wrap{
		width: 100%;
		overflow: inherit;
	}
	.search{
		display: none;
	}
	.nav{
		display: none;
	}
	.top{
		padding: 0 2%;
		box-sizing: border-box;
		position:relative;
		background: rgba(59,79,99,1);
	}
	.menubtn{
		display: block;
	}
	.banner .swiper-container{
		max-height: 400px;
	}
	.pub_title{
		margin: 15px 0;
	}
	.pub_title dl dt{
		font-size: 12px;
	}
	.pub_title dl dd{
		font-size: 16px;
	}
	.pub_title dl dd:before{
		width: 60px;
		margin-right: 20px;
	}
	.pub_title dl dd:after{
		width: 60px;
		margin-left: 20px;
	}
	.about_video{
		height: auto;
		padding: 15px 2%;
	}
	.pro_list .team{
		height: auto;
	}
	.pro_list .team dl{
		transform: translateY(0%);
	}
	.pro_list .team dl dt{
		font-size: 20px;
	}
	.pro_list .team dl dd{
		font-size: 14px;
	}
	.pro_list .team dl a{
		margin-top: 5px;
		bottom: 5px;
	}
	.pro_list .team:hover dl dt{
		transform: translateX(-15px);
	}
	.pro_list .team:hover dl dd{
		transform: translateX(15px);
	}
	.news{
		padding: 15px 2%;
	}
	.news .n_team{
		width: 100%;
		float: none;
		height: 3.5rem;
	}
	.news .news_wrap .news_more a{
		position: relative;
	}
	.join_in{
		height: auto;
		margin-top: 15px;
	}
	.join_in .join_list dl{
		width: 48%;
		margin: 15px 1%;
	}
	.join_in{
		background-size: cover;
	}
	.message{
		margin: 35px 2%;
	}
	.m_le{
		float: none;
		width: 100%;
		box-sizing: border-box;
		padding: 10px 5%;
	}
	.m_ri{
		width: 100%;
		float: left;
		padding: 0 2%;
	}
	.foot_nav{
		display: none;
	}
	.foot_word{
		margin: 25px 0;
	}
	.f_logo{
		float: none;
	}
	.foot_con{
		float: none;
		width: 100%;
		margin: 15px 0;
	}
	.foot_parster{
		float: none;
	}
	.f_wechat{
		float: none;
	}
	.foot_yright{
		padding: 15px 2%;
	}
	.column ul li{
		width: 31%;
		margin: 0 1%;
	}
	.m_location{
		display: none;
	}
	.main_title{
		padding: 0 2%;
		margin: 35px 0;
	}
	.case{
		padding: 0 2%;
	}
	.main_t{
		font-size: 18px;
		margin: 25px 0;
	}
	.main_title_l{
		float: none;
	}
	.main_title_l dl{
		text-align: center;
		width: 100%;
		background: none;
	}
	.main_title_l dl dt{
		font-size: 26px;
	}
	.main_title_l dl dd{
		font-size: 20px;
		padding-left: 0;
	}	
	.main_title_l dl dd i{
		display: none;
	}
	.main_t h4:before{
		width: 30px;
	}
	.main_t h4:after{
		width: 30px;
	}
	.case .case_team{
		width: 100%;
		float: none;
		margin: 0 0px 20px;
	}
	.case .case_team dl dt{
		width: 100%;
        height: 323px;
        display: block;
	}
	.padding{
		font-size: 16px;
		margin: 35px 0;
	}
	.c_top{
		height: auto;
	}
	.c_top .c_top_le{
		float: none;
		width: 100%;
		padding: 15px 0;
		background-size: cover;
		height: auto;
	}
	.wrap3{
		width: 100%;
	}
	.c_top .c_top_le .c_word{
		width: 100%;
		float: none;
		text-align: center;
		margin-bottom: 15px;
	}
	.c_top .c_top_le .c_tel{
		float: none;
		background: none;
		text-align: center;
		padding-left: 0;
	}
	.c_top .c_top_ri{
		height: auto;
		width: 100%;
		float: none;
		padding: 25px 0;
		margin-top: 10px;
		background-size: cover;
	}
	.c_top .c_top_ri dl{
		position: relative;
		transform: translateY(0%);
	}
	.map{
		padding: 0 2%;
		margin-bottom: 25px;
	}
	.job{
		padding: 0 2%;
	}
	.wrap2{
		width: 100%;
	}
	.kk1{
		height: auto;
		margin-bottom: 25px;
		background-size: cover;
		padding-bottom:8px;
	}
	.kk1-bg p{
		width: 100%;
		padding: 0 2%;
		text-align: center;
		box-sizing: border-box;
	}
	.kk1-tu{
		display: block;
	}
	.kk1-tu img{
		display: block;
		width: auto;
		margin: 8px auto;
	}
	.kk2{
		width: 100%;
		margin-bottom: 25px;
	}
	.kk4{
		display: block;
		width: 100%;
	}
	.kk5{
		margin: 30px 0;
	}
	.kk6>div{
		display: block;
	}
	.kk6-lis{
		width: 48%;
		margin: 15px 1%;
		float: left;
		overflow: hidden;
		height: 3.3rem;
	}
	.kk6-lis>div{
		width: 100%;
		margin-left: auto;
		padding: 0 2%;
		box-sizing: border-box;
	}
	.kk7{
		height: auto;
		margin-top: 25px;
        padding: 25px 0;
	}
	.Lleft{
		float: none;
		padding: 0 2%;
		box-sizing: border-box;
	}
	.Rright{
		float: none;
		padding: 0 2%;
		box-sizing: border-box;
	}
	.kk7-in>div:first-child input{
		width: 100%;
		margin-left: 0;
		box-sizing: border-box;
	}
	.kk7-in>div:nth-child(2) textarea{
		width: 100%;
	}
	.message_box{
		height: auto;
		padding: 25px 2%;
	}
	.message_box .message_team{
		width: 100%;
		margin-bottom: 15px;
	}
	.message_box .message_team textarea{
		box-sizing: border-box;
	}
	.message_list{
		margin-bottom: 0px;
	}
	.m_pro_list .pro_team{
		float: none;
		width: 100%;
		margin-right: 0;
	}
	.m_pro_list .pro_team .p_pho{
		height: auto;
		display: block;
	}
	.m_pro_list .pro_team .p_word h4{
		background: none;
		text-align: center;
		padding-right: 0px;
	}
	.pro_de_list{
		padding: 0 5%;
	}
	.pro_de_le{
		float: none;
		width: 100%;
	}
	.pro_de_ri .hot_tel{
		background: none;
	}
	.pro_de_ri{
		float: none;
		width: 100%;
	}
	.pro_de_ri .hot_tel dl dd{
		font-size: 18px;
	}
	.pro_s ul li{
		width: 23%;
		margin: 15px 1%;
	}
	.other .wrap{
		padding: 0 10%;
	}
	.banner{
		display:none;
	}
	.banner_sm {
		display:block;
	}
	.news_list2 ul li{
		width:98%;
		margin:10px 1%;
	}
	.news_list2 ul li:nth-child(2){
		display:none;
	}
	.main_title_l dl dd em{
		display:none;
	}
	.kk2-list{
		width:48%;
		margin:10px 1%;
	}
	.kl1{
		height:auto;
	}
	.kk2>div>div{
		width:48%;
		margin:10px 1%;
		
	}
	.kk2{
		display:none;
	}
	.wrap4{
		width:100%;
	}
	.jj-video{
		height:auto;
		margin-top: 20px;
	}
	.jj-video1{
		display:none;
	}
	.jj-video3{
		display:none;
	}
	.jj-video4{
		display:none;
	}
	.jj-video>div{
		position:relative;
		padding:0 2%;
	}
	.jj-cu1{
		width:100%;
	}
	.jj-cu2>div>div{
		width:31%;
		margin:10px 1%;
	}
	.jj-cu3>div:first-child{
		width:100%;
		
	}
	.jj-cu3>div:nth-child(2){
		width:100%;
		background-size: cover;
	}
	.jj-yu-ti>a:nth-child(2){
		float:right;
		
	}
	.jj-li>ul>li{
		width:100%;
		text-align:center;
	}
	.about_list video{
		width:100%;
		height:380px;
		object-fit: fill;
	}
	.jj-video2{
		width:100%;
		height:auto;
		padding:10px 0;
		top:0px;
		right:0px;
		box-sizing: border-box;
	}
}
@media screen and (min-width: 768px) and (max-width: 1024px){
	.nav{
		display:none;
	}
	.menubtn{
		display:block;
	}
	.banner{
		display:none;
	}
	.banner_sm{
		display:block;
	}
	.banner_sm img{
		display:block;
		width:100%;
		margin:0 auto;
	}
}
@media screen and (min-width: 768px) and (max-width: 1200px){
	.wrap{
		width:100%;
	}
	.search{
		display:none;
	}
	.logo{
		margin-left:2%;
	}
	.pub_title dl dt{
		font-size: 40px;
	}
	.pub_title dl dd:before {		
		width: 200px;		
	}
	.pub_title dl dd:after {		
		width: 200px;		
	}
	.news .n_team{
		width:100%;
	}
	.m_le{
		width:30%;
		padding: 0 4%;
	}
	.m_ri{
		width:60%;
	}
	.foot_nav ul li { 
		width: 13%;		
	}
	.foot_con{
		width:30%;
		margin:0 4%;
	}
	.m_pro_list .pro_team{
		width:48%;
		margin:15px 1%;
	}
	.m_pro_list .pro_team .p_word h4{
		background:none;
	}
	.case .case_team{
		width:48%;
		margin:15px 1%;
	}
	.message_box{
		padding: 60px 10%;
		height:auto;
	}
	.wrap3{
		width:100%;
	}
	.c_top .c_top_le{
		width:60%;
		padding:30px 20px;
		height: 178px;
	}
	.c_top .c_top_le .c_word{
		width:50%;
		height: 178px;
	}
	.c_top .c_top_le .c_tel{
		width:50%;
		box-sizing: border-box;
	}
	.c_top .c_top_ri{
		width:40%;
		height: 178px;
	}
}
@media screen and (min-width: 1201px) and (max-width: 1444px){
	.wrap{
		width: 1200px;
	}
	.news .n_team{
		width:100%;  
	}
}