.rightside{
	position:fixed;
	top:80%;
	right:10px;
	z-index:999;
	width:.8rem;
	z-index:99;
}
.news li{
	float:none;
}
.commonbox .fr .list input[type="button"] {
    width: 123px;
    height: 46px;
    background: #005BAC;
    border-radius: 5px;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 46px;
    position: absolute;
    right: 5px;
    top: 3px;
}
.nojob{
	text-align:center;
	padding-top:.5rem;
}
.nojob p{
	font-size:.24rem;
	margin-top:.4rem;
}
.nojob img{
	display:block;
	margin:0 auto;
	max-width:90%;
	width:3rem;
}
.layers,.layers2{
	position:fixed;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.5);
	z-index:99;
	top:0;
}

.layers2{
	display:none;
}
.rightside li>a img{
	width:.8rem;
}
.rightside li>a .code{
	position:absolute;
	top:0;
	left:-170px;
	width:160px;
	background:#fff;
	padding:10px;
	box-shadow:0 0 3px #ccc;
	display:none;
}
.rightside li>a:hover .code{
	display:block;
}
.rightside li>a .code img{
	width:140px;
}
.rightside li img{
	display:block;
	margin:0 auto 5px;
}
.rightside li span{
	font-size:14px;
	display:block;
	text-align:center;
}

.phoneheader{
	height: 1.3rem;
	background: #FFFFFF;
	line-height:1.3rem;
	padding:0 .4rem;
	z-index:999;
	position:fixed;
	top:0;
	width:100%;
	box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.08);
}
.phoneheader .fr img.code{
	height:.4rem;
	margin-right:.5rem;
}
.phoneheader .fr a{
	    border: 1px solid #333;
	    width: 1.4rem;
	    height: 0.5rem;
	    line-height: .5rem;
	    color: #333;
	    border-radius: 0.2rem;
	    display: inline-block;
	    text-align: center;
	    vertical-align: middle;
	    margin-left: 0.2rem;
}
.newslist li .tyle{
	display:flex;
	align-items:center;
	font-size:14px;
	color:#333;
	font-weight:bold;
}
.newslist li .tyle a{
	font-size:14px;
	color:#333;
	font-weight:bold;
}
.sebox{
	position:absolute;
	top:0.2rem;
	width:100%;
	left:0;
	display:flex;
	justify-content:space-between;
	align-items:center;
	background:#fff;
	padding:0 .6rem 0 .3rem;
	display:none;
}
.sebox img{
	height:.35rem;
}
.sebox button{
	height: .9rem;
	line-height:.9rem;
	width:1rem;
	background:url(../images/se2.png)  no-repeat center center/.4rem;
}
.sebox form{
	width:6rem;
	display:flex;
	justify-content:space-between;
	align-items:center;
	height: .9rem;
	line-height:.9rem;
	padding-left:.4rem;
	background: #FFFFFF;
	border: 1px solid #D2D2D2;
}
.sebox form input{
	width:80%;
}
.phoneheader .fl img{
	height:.3rem;
}
.phoneheader .fr img.se{
	height:.37rem;
}
.pop3{
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 520px;
    z-index: 9999;
    background: #fff;
    padding: 50px 40px;
    background: #FFFFFF;
    border-radius: 5px;
    display: none;
	padding:.4rem .3rem !important;
}
.pop3 textarea{
	width:100%;
	resize:none;
	height:2rem;
	    border: 1px solid #DCDCDC;
}
.phoneheader .fr img.menu{
	margin-left:.3rem;
	height:.3rem;
}
.phoneheader .fr img.del{
	margin-left:.7rem;
	height:.35rem;
	display:none;
}
.hotsearch,.mobile-container{
	background:#f8f8f8;
	top:0;
	padding-top:1.3rem;
	width:100%;
	position:fixed;
	height:100%;
	width:100%;
	padding:1.4rem .3rem .6rem;
	display:none;
	overflow-y:scroll;
	z-index:99;
}
html.active{
	overflow-y:hidden;
}
.mobile-container{
	overflow:hidden;
}
.mobile-container .subs li{
	border-bottom: 1px solid #D2D2D2;
	line-height:.8rem;
}

.mobile_nav>ul>li{
	line-height:1.2rem;
	
}

.mobile_nav>ul>li>a{
	font-size: .32rem;
	font-family:SourceHanSansCN-Medium;
	font-weight: 500;
	color: #333333;
	border-bottom: 1px solid #D2D2D2;
	display:block;
	background:url(../images/xl2.png) no-repeat right .2rem center/.2rem;
}
.mobile_nav>ul>li.active>a{
		background:url(../images/xl3.png) no-repeat right .2rem center/.2rem;
}
.mobile_nav>ul>li:nth-of-type(4)>a{
	background:none;
}
.mobile_nav>ul>li .sub{
	
	flex-wrap:wrap;
	padding-top:.2rem;
	border-bottom: 1px solid #D2D2D2;
	display:none;
}
.mobile_nav>ul>li .sub.active{
	display:flex;
}
.mobile_nav>ul>li .subs{
	display:none;
}
.mobile_nav>ul>li .subs.active{
	display:block;
}
.mobile_nav>ul>li .sub li{
	width:22.5%;
	background: #FFFFFF;
	border-radius:.2rem;
	height:1.4rem;
	padding-top:.2rem;
	margin:0 .2rem .2rem 0;
	text-align:center;
}
.mobile_nav>ul>li .sub li:nth-of-type(4n){
	margin-right:0;
}
.mobile_nav>ul>li .sub li i{
	height:.8rem;
	display:flex;
	align-items:center;
	justify-content:center;
}
.mobile_nav>ul>li .sub li span{
	display:block;
	text-align:center;
	line-height:.3rem;
	color: #666666;
	font-size:.2rem;
}
.mobile_nav>ul>li .sub li i img{
	max-width:80%;
	max-height:80%
}
.hotsearch h2,.hotsearch >ul>li{
	font-size: .24rem;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #000000;
	line-height:1rem;
	border-bottom: 1px solid #D2D2D2;
}
.hotsearch .last{
	position:absolute;
	bottom:.5rem;
	width:100%;
	left:0;
}
.mobile_nav .last{
	margin-top:.3rem;
	position:fixed;
	bottom:.5rem;
	width:100%;
	left:0;
}
.hotsearch .last ul,.mobile_nav .buy{
	display:flex;
	align-items:center;
	justify-content:center;
}
.hotsearch .last li,.mobile_nav .buy li{
	margin:0 .4rem;
}
.hotsearch .last >a,.mobile_nav .last>a{
	width: 4rem;
	height: .88rem;
	line-height: .88rem;
	font-size: .24rem;
	display:block;
	margin:.2rem auto 0;
	background:url(../images/ico04.png) no-repeat left 40% center/.3rem;
	padding-left:2rem;
	box-sizing:border-box;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #666666;
	
	border: 1px solid #D2D2D2;
	border-radius: .44rem;
}
.top {
	height: 30px;
	background: #000000;
	line-height: 30px;
	padding: 0 80px;
}

.top span,
.top a,
.top .fl {
	font-size: 14px;
	font-family: PingFang;
	font-weight: 500;
position:relative;
	color: #CCCCCC;
	height: 30px;
	line-height: 30px;
	display:inline-block;
}

.top .fr ul{
	width: 85px;
	height: 70px;
	background: #FFFFFF;
	box-shadow: 0px 1px 7px 0px rgba(0, 0, 0, 0.08);
	border-radius: 3px;
	position:absolute;
	top:30px;
	left:0;
	display:none;
}
.top .fr >span:hover ul{
	display:block;
}
.top .fr li a{
	margin:0;
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #000000;
	display:block;
	padding-left:10px;
}
.top .fr  li{
	line-height:35px;
}
.top span,
.top a {
	margin-left: 50px;
}

.top img {
	margin-right: 2px;
}

.header {
	height: 80px;
	background: #FFFFFF;
	box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.08);
	line-height: 80px;
	padding: 0 .8rem;
	box-sizing: border-box;
}

.header .fr {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 80%;
}

.header .fr>ul>li {
	display: inline-block;
	vertical-align: top;
	margin: 0 .3rem;

}
.header .fr>ul>li .buy{
	position: absolute;
	    left: 50%;
	    line-height: 45px;
	    width: 200px;
	    background: #FFFFFF;
	    border-radius: 3px;
	    margin-left: -100px;
	    display: none;
	    z-index: 999;
	    padding: 15px;
	    box-sizing: border-box;
		
		display: none;
		align-items:center;
		border-radius:10px;
		justify-content:space-between;
	    box-shadow: 0px 1px 7px 0px rgb(0 0 0 / 8%)
}
.header .fr>ul>li:hover .buy{
	display:flex;
}
.header .fr>ul>li:hover,
.header .fr>ul>li.active{
	background:url(../images/line3.png) no-repeat left bottom;
}
.header .fr>ul>li:hover .sub,
.header .fr>ul>li:hover .subs {
	display: block;
}

.header .fr>ul>li:nth-of-type(3),
.header .fr>ul>li:nth-of-type(5),
.header .fr>ul>li:nth-of-type(6){
	position: relative;
}

.header .fr>ul>li>a {
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #0F0C0C;
}

.header .fr>ul>li .subs {
	width: 100%;
	position: absolute;
	left: 0;
	padding-top: 30px;
	line-height: 30px;
	display: none;
	background:#fff;
z-index:999;
	box-shadow: 0px 1px 7px 0px rgba(0, 0, 0, 0.08);
}

.header .fr>ul>li .subs .wrap {
	width: 74%;
	margin: 0 auto;
}

.header .fr>ul>li .subs h2 {
	font-size: 24px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #444444;
	line-height: 60px;
	border-bottom: 1px solid #EEEEEE;
	margin-bottom: 20px;
}

.header .fr>ul>li .subs li {
	width: 12%;
	display: inline-block;
	vertical-align: top;
	margin-bottom: 20px;
}

.header .fr>ul>li .subs li i {
	height: 80px;
	display: block;
}

.header .fr>ul>li .subs li i img {
	max-height: 70px;
	max-width: 100%;
}

.header .fr>ul>li .subs li span {
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #666666;
	line-height: 30px;

}

.header .fr>ul>li .subs li:hover span {
	text-decoration: underline;
	color: #005BAC;
}

.header .fr li .sub {
	position: absolute;
	left: 50%;
	line-height: 45px;
	width: 150px;
	background: #FFFFFF;
	border-radius: 3px;
	margin-left: -75px;
	display: none;
	z-index: 999;
	padding: 0 18px;
	box-sizing: border-box;
	box-shadow: 0px 1px 7px 0px rgba(0, 0, 0, 0.08);
}

.header .fr li .sub li {
	line-height: 45px;
	height: 45px;
	margin: 0;
	text-align: center;
	width: 100%;
	border-bottom: 1px dashed #E5E5E5;
}

.header .fr li .sub li:last-child {
	border: none;
}

.header .fr li .sub li a {
	font-size: 14px;
	font-family: SourceHanSansCN-Medium;
	font-weight: 500;
	color: #666666;

	text-align: center;
}

.header .fr li .sub li:hover a {
	text-decoration: underline;
	color: #005BAC;
}

.header .fr form,
.footertop form {
	width: 100%;
	display: flex;
	
	height: .8rem;
	line-height:.8rem;
	background: #FFFFFF;
	border: 1px solid #D2D2D2;
	justify-content: space-between;

}

.header .fr form input,
.footertop form input {
	background: none;
	width:90%;
	padding-left:.1rem;
}

.header .fr form button,
.footertop form button {
	line-height: .8rem;
	height: .8rem;
	width: 50px;
	background: url(../images/ico5.png) no-repeat center center/18px;
}

.footer {
	background: #F2F2F2;
}

.footertop {
	
	padding:.4rem 0;
}

.footertop .menus {
	font-size: 16px;
	font-family: PingFang;
	font-weight: 500;
	color: #666666;
}

.wrap {
	width: 92%;
	margin: 0 auto;
}

.footer .navs {
	border-bottom: 1px solid #E6E6E6;
	
}

.footer .navs dl {
	display: inline-block;
	vertical-align: top;
	width: 100%;
}

.footer .navs dt {
	font-size: .32rem;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #333333;
	line-height:1rem;
	border-bottom: 1px solid #D2D2D2;
	    background: url(../images/xl2.png) no-repeat right 0.2rem center/0.2rem;
	
}
.footer .navs dt.active{
	  background: url(../images/xl3.png) no-repeat right 0.2rem center/0.2rem;
}
.footer .navs dd {
	font-size: .24rem;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #666666;
	line-height: .8rem;
	display:none;
	border-bottom: 1px solid #D2D2D2;
}

.footer .ico ul {
	display: flex;
	align-items: center;
	padding: .5rem 0;
	justify-content: center;
}

.footer .ico span {
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #666666;
}

.footer .ico li {
	display: inline-block;
	vertical-align: top;
	margin-left: 20px;
}

.copy {
	
	background: #E6E6E6;
	padding:.4rem .7rem;
}

.copy img {
	width: 0.3rem;
    display: inline-block;
    margin: 0 0.1rem;
}

.copy a {
	color: #666
}

.copy p {
	font-size: .24rem;
	line-height:.36rem;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #666666;
	text-align: center;
}
.banner {
	margin-top:1.3rem;
}
	
.banner .swiper-pagination-bullet{
	width: 8px;
	border-radius:0;
	height: 8px;
	border-radius:50%;
	background: #FFFFFF;
	opacity: 0.5;
}
.probox1 .photo>div.swiper-container{
	height:5rem;
}
.probox1 .photo .swiper-slide{
	height:5rem;
	display:flex;
	align-items:center;
	justify-content:center;
}
.banner .swiper-pagination-bullet-active{
	opacity:1;
}
.banner img,.banner {
	width: 100%
}
.banner .swiper-button-prev{
	background:url(../images/prev.png) no-repeat center center;
	left:50px;
}
.banner .swiper-button-next{
	background:url(../images/prev.png) no-repeat center center;
	right:50px;
	transform:rotate(180deg)
}
.projectcon,.service {

	padding:.5rem 0 .8rem;
}
.newslist .font{
	font-size:.24rem;
	line-height:.3rem;
}
.projectcon h2,
.join h2 ,.culture h2,.service h2,
.aboutbox1 h2,.aboutbox2 h2,
.contact h2,.hz h2,.newslist h2{
	font-size: .36rem;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #000000;
	background: url(../images/border.png) no-repeat bottom left/.4rem;
	padding-bottom: .2rem;
	margin-bottom: 1rem;
}

.projectcon li {
	background: #fff;
	width: 48%;
	height:4rem;
	background: #FFFFFF;
	border: 1px solid #EEEEEE;
	margin: 0 4% 20px 0;
	float: left;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	position: relative;
	cursor: pointer;
}

.projectcon li:nth-of-type(2n) {
	margin-right: 0;
}

.projectcon li>img {
	max-width: 100%;
	display: block;
	margin: 0 auto;
	max-height: 1rem;

}

.projectcon li:hover {
	box-shadow: 0 0 5px #ccc;
}



.projectcon li>span {
	font-size:.2rem;
	font-family: MicrosoftYaHeiLight;
	font-weight: 400;
	color: #333333;
	position: absolute;
	bottom: .3rem;
	left: 0;
	width: 100%;
	text-align: center;
}

.projectcon li .layer {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	background: #fff;
	width: 100%;
	padding: .3rem;
	opacity: 0;
	box-sizing: border-box;
}

.projectcon li .layer img {
	max-height: 60px;
}

.projectcon li .layer span {
	display: block;
	font-size: .2rem;
	font-family: MicrosoftYaHeiLight;
	font-weight: 400;
	color: #333333;
	margin:.1rem 0;
}

.projectcon li .layer p {
	font-size: .14rem;
	font-family: MicrosoftYaHeiLight;
	font-weight: 400;
	color: #333333;
	line-height: .3rem;

}

.projectcon li .layer p.link {
	height: auto;
	color: #CF875A;
	margin-top: 0px;
	word-break: break-all;
	margin-top:.1rem;
}

.projectcon li .layer i {
	display: block;
	height: .5rem;
}

.projectcon li .layer i img {
	max-height: .5rem;
}

.projectcon li .layer p:first-of-type {
	height: 1.5rem;
	overflow: hidden;
}

.projectcon a.more,
.join a.more {
	font-size: .24rem;
	font-family: PingFang;
	font-weight: 400;
	color: #333333;
	display: block;
	margin: .4rem auto;
	text-align: center;
	background: url(../images/more.png) no-repeat top center/.6rem;
	padding-top: .8rem;
}

.join,.culture  {

	padding: .6rem 0 .8rem;
}

.join table {
	
	width: 100%;
}

.join table td {
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: rgba(51, 51, 51, 1);
	line-height: 48px;
	text-align: center;
}

.join table th {

	font-size: .28rem;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333333;
	line-height: .8rem;
	text-align: left;
	padding-left: .2rem;
	border-bottom: 1px solid rgba(238, 238, 238, 1);
}

.join table th p {
	font-size: .18rem;
	font-family: Microsoft YaHei;
	font-weight: 400;
}

.join table th p span {
	color: #999999;

}

.join table th.subs {
	text-align: left;
	padding: .3rem;
	display: none;
	background: none;
	background:  #F7F7F7 !important;
	text-align: left !important;
	padding: .3rem !important;
	line-height: 36px;
}

.join table th.subs h2 {
	font-size: 18px;
	color: rgba(51, 51, 51, 1);
	margin: 0;
}

.join table th.subs p {
	font-size: 14px;
	color: #666;


}

.join table th.subs ul li {
	width: 13.2%;
	margin: 0 2% 0 0;
	float: left;

}

.join table th.subs ul li:last-child {
	height: 2rem;
	font-size: 14px;
	font-family: PingFang;
	font-weight: 400;
	color: #333333;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #DEE6F1;
	width: .7rem;
}

.join table th.subs ul li img {
	width: 100%;
	height: 2rem;
}

.join table th.subs .font {
	display: flex;
	align-items: flex-start;
}

.join table th.subs ul li p span {
	font-size: 14px;
}

.join table th.subs span,
.join table th.subs p {
	font-size: .24rem;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #999999;
	line-height:.4rem;
}

.join table th.sub div {
	color: #333;
	margin-left: 10px;
	
}
.join table th.subs .font div{
	width:75%;
}
.join table th.subs p {
	color: #333;
}

.join table td:last-child,
.join table th:last-child {
	width: 140px !important;
	text-align: right;
	font-size: .18rem;
	font-family: PingFang;
	font-weight: 400;
	color: #999999;
}

.join table th:last-child {
	background: url(../images/ico17.png) no-repeat right 30px center/.8rem;
	padding-right: .2rem
}

.join table th:last-child.active {
	background: url(../images/ico18.png) no-repeat right 30px center/.8rem;
	background-color: #005BAC;
	;
}

.join table th.active {
	background-color: #005BAC;
	;
	color: #fff;
}

.join table th.active span,
.join table th.active p {
	color: #fff;
}

.news{
	padding:.5rem 0 .8rem;
}
.newdetail {
	margin-top:1.3rem;
	padding: .7rem 0;
}

.newdetail .fl {
	width: 100%
}
.newdetail .fl p.title {
	font-size: .48rem;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #333333;
	
	padding-bottom: .5rem;

	
}

.newdetail .fl p.time {
	font-size: .24rem;
	font-family: PingFang;
	font-weight: 500;
	color: #666666;
	
	padding-bottom: .5rem;
	border-bottom: 1px solid #E5E5E5;
	margin-bottom:.5rem;
}

.newdetail .fl p.f2 {
	font-size: 18px;
	font-family: PingFang;
	font-weight: 500;
	color: #666666;
	margin: .2rem 0 .5rem;
}

.newdetail .fl .con p {
	font-size: .28rem;
	font-family: PingFang;
	font-weight: 500;
	color: #333333;
	line-height: .48rem ;
}

.newdetail .fl .con img {
	display: block;
	margin: 0 auto;
	max-width: 100%;
	height:auto !important;
}

.chapter {
	border-top: 1px solid #E5E5E5;
	border-bottom: 1px solid #E5E5E5;
	padding: .2rem 0;
	margin-top:1rem;
}

.chapter a {
	display: block;
	font-size: 20px;
	font-family: PingFang;
	font-weight: 500;
	color: #333333;
	line-height: 30px;
}

.page {
	height: 1rem;
	line-height:1rem;
	margin-top:.5rem;
	background: #E6E6E6;
	text-align: center;
	
}
.newslist {
	padding: .5rem 0;
	margin-top:1.3rem;
}

.newslist li {
	padding: .3rem 0;
	border-bottom: 1px solid #E5E5E5;

}

.newslist li a {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}



.newslist li a .text {
	width: 78%;
	position: relative;
}

.newslist li a .text p.title {
	font-size: .24rem;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333333;
	line-height: .36rem;
	height: .36rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width:90%;
}

.newslist li a .text p.font {
	font-size: .24rem;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333333;
	line-height: .45rem;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	margin-top:.1rem;
}


.newslist li a .text .time{
	font-size: .18rem;
	position: absolute;
	right:0;
	top:0;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333333;
}


.newslist li a>img {
	width: 35%;
	height: 1.6rem;
}

.newslist li a .text {
	width: 60%;
}

.newslist li a .text .time {
	position: relative;
	top: 0;
	left: 0;
}

.newslist li a .text p.title {
	font-size: .28rem;
	width: 100%;
	margin-bottom: .1rem;
}

.page form{
	display:flex;
}
.page a,.page span{
	flex:1;
	text-align:center;
	font-size: .24rem;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333333;
}

.page input {
	height: 32px;
	line-height: 32px;
	border: 1px solid rgba(229, 229, 229, 1);
	width: 50px;
	border-radius: 2px;
	text-align: center;
	box-sizing: border-box;
}

.page a:hover,
.page a.active {
	background: #eee;
}

.news .titles{
	display:flex;
	align-items:center;
	justify-content:center;
	padding:.4rem 0;
}
.news .titles a{
	    width: 2.7rem;
	    height: 0.6rem;
	background: #FFFFFF;
	border: 1px solid #313131;
	font-size: .24rem;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333333;
	line-height:.6rem;
	display:inline-block;
	text-align:center;
	margin: 0 0.3rem;
}
.news .titles a.active{
	background: #005BAC;
	color:#fff;
	border:1px solid #005BAC;
}
.news li{
	width:100%;
	float:none;
	margin:0 0% .3rem 0;
}

.news li .pro{
	height:  4.3rem;
	position:relative;
}
.news li .pro img{
	width:100%;
	height:4.3rem;
}
.news li .pro span{
	width: 66px;
	height: 30px;
	line-height:30px;
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #FFFFFF;
	display:block;
	text-align:center;
	position:absolute;
	top:0;
	left:0;
	background: rgba(0, 0, 0, 0.4);
}
.news li .text{
	background: #F8F8F8;
	padding:.3rem .3rem .5rem;
}
.news li .text .font{
	font-size: .28rem;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #333333;
}
.news li .text .time{
	font-size: .24rem;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333333;
	margin:10px 0 20px;
	background:url(../images/time.png) no-repeat left center;
	padding-left:20px;
}
.news li .text .font2{
	font-size: .24rem;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #666666;
	line-height: .37rem;
}


.culture ul {
	display: flex;
	flex-wrap:wrap;
	justify-content: space-between;
}

.culture li {
	
	width: 48%;
	background: #FFFFFF;
	
	margin-bottom:.6rem;
	text-align: center;
}
.culture li img{
	max-width:100%;
	display:block;
	margin:0 auto;
	height:2.7rem;
}
.culture li span {
	font-size: .3rem;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #000000;
	display: block;
	margin: .2rem 0;
}

.culture li p {
	font-size: .2rem;
	font-family: SourceHanSansCN-Light;
	font-weight: 300;
	color: #666666;
	line-height: .3rem;
}

.service li{
	float:left;
	width:100%;
	margin:0 0% .6rem 0;
}
.service li img{
	width:100%;
	height:4rem;
	border-radius:.2rem;
}
.service li:nth-of-type(2n){
	margin-right:0;
}
.service li p{
	font-size: .28rem;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #000000;
	line-height: .4rem;
	height:.4rem;
	padding-left:.5rem;
	overflow:hidden;
	margin-top:20px;
}
.gallery-top .swiper-slide {
	text-align: center;
}

.gallery-top .swiper-slide>img {
	max-width: 100%;
	margin:0 auto .5rem;
	max-height:4rem;
}

.gallery-top .swiper-slide .right {
	width: 100%;
	text-align: left;
}

.gallery-top .swiper-slide .right span.num {
	font-size: .3rem;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333;
	text-align:center;	display: block;
	
}

.gallery-top .swiper-slide .right .txt{
	margin:0rem 0 0 1rem;
	text-align: left;
}

.gallery-top .swiper-slide .right p {
	font-size: .18rem;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #666666;
}

.gallery-top .swiper-slide .right p.title {
	font-size: .36rem;
	margin-bottom: .2rem;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #333333;
}
.gallery-top .swiper-slide .right p.font{
	font-size: .3rem;
	color:rgba(102, 102, 102, 1);
}
.gallery-thumbs {
	margin: 1rem 0 ;
	position: relative;
}

.gallery-thumbs span.line {
	width: 100%;
	background: #E5E5E5;
	height: 1px;
	position: absolute;
	top: 3px;
	left: 0;
}
.aboutbox2{
	padding-bottom:1.4rem;
}
.gallery-thumbs .swiper-slide {
	width: 33% !important;


}

.gallery-thumbs .swiper-slide span {
	font-size: 18px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #D2D2D2;

	margin-top: 10px;
	display: inline-block;
}

.gallery-thumbs .swiper-container {
	width: 75%;
	margin: 0 auto;
}

.gallery-thumbs .swiper-slide {
	background: url(../images/dot2.png) no-repeat left top;
}
.gallery-thumbs .swiper-slide-active span{
	font-weight: bold;
	color: #333333;
}


.gallery-thumbs .swiper-button-prev {
	width: 50px;
	height:50px;
	background: url(../images/next.png) no-repeat center center;
	left: 5%;
	top: 5px;
	transform: rotate(180deg);
}

.gallery-thumbs .swiper-button-next {
	width: 50px;
	height:50px;
	
	background: url(../images/next.png) no-repeat center center;
	right: 5%;
	top: 5px;
}


.aboutbox2 .gallery-top .swiper-slide{
	display:block;
}
.aboutbox1{
	padding:.8rem 0 1rem;
}

.aboutbox1 .fl ,.aboutbox1 .fl img{
	width: 100%
}
.aboutbox1 .fl img{
	margin:0 auto .3rem;
}
.aboutbox1 .fl h2 {
	font-size: .36rem;
	margin-bottom: .6rem;
	font-family: AlibabaPuHuiTi-Regular;
	font-weight: bold;
	color: #333333;
}

.aboutbox1 .fl p{
	font-size: .28rem;
	font-family: Microsoft YaHei;
font-weight: 400;
color: #000000;
	line-height:.36rem;
	text-indent: 2em;
	margin-bottom:.3rem;
}

.aboutbox1 .fr {
	width: 100%;
	margin-top:.3rem;
}
.product{
	margin-top:1.3rem;
	padding:.4rem 0 .5rem;
}
.product li{
	
	margin-bottom:.7rem;
}
.product li a img{
	border-radius: .2rem;
	width:100%;
}
.product li a div{
	width:100%;
	box-sizing:border-box;
	padding:.3rem 0 0 .3rem;
}
.product li a div .font3,
.product li a div .font{
	font-size: .2rem;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #000000;
}
.product li a div .font3{
	font-size: .24rem;
}
.product li a div .font{
	font-weight:bold;
}
.product li a div .font2{
	font-size: .36rem;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #000000;
	font-weight:bold;
	margin:.1rem 0;
}
.product li a div span{
	width: 1.6rem;
	height: .6rem;
	background: #000000;
	border-radius: .2rem;
	font-size: .24rem;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #FFFFFF;
	line-height: .6rem;
	display:block;
	text-align:center;
	margin-top:.2rem;
}


.commonbox{
	margin-top:1.3rem;
	padding:.7rem 0;
}
.commonbox .fl{
	width:100%;
	
}
.commonbox .fl img{
	display:block;
	margin:0 auto .4rem;
	width: 1.8rem;
	height:1.8rem;
	border-radius: 50%;
}
.commonbox .fl  span{
	font-size: .36rem;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #000000;
	display:block;
	text-align:center;
}
.commonbox .fl li{
	line-height:.68rem;
	width:2rem;
	height: .68rem;
	background: #E6E6E6;
	border-radius: .34rem;
	font-size:.24rem;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #666666;
	margin:0 .1rem;
}
.commonbox .fl ul{
	margin-top:.4rem;
	display:flex;
	align-items:center;
	justify-content:center;
}
.commonbox .fl li a{
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color:rgba(102, 102, 102, 1);
	display:block;
	text-align:center;
}
.commonbox .fl li.active{
	background: #005BAC;
	border-radius: 18px;
}
.commonbox .fl li.active a{
	color:#fff;
}
.commonbox .fr{
	width:100%;
	margin-top:.4rem;
}
.commonbox .fr h2{
	font-size: 24px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #000000;
	margin-bottom:50px;
}
.commonbox .fr .lists{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
.commonbox .fr .list{
	height: 56px;
	background: rgba(255, 255, 255, 0);
	border: 1px solid #A0A0A0;
	border-radius: 5px;
	width:100%;
padding-left:25px;
box-sizing:border-box;
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #999999;
	margin-bottom:.4rem;
	position:relative;
}
.commonbox .fr .lists>input{
	width:100%;
	padding-left:.4rem;
	box-sizing:border-box;
	height: .9rem;
	background: rgba(255, 255, 255, 0);
	border: 1px solid #A0A0A0;
	line-height:.9rem;
	margin-bottom:.4rem;
}
.commonbox .fr .list span{
	display:block;
}
.commonbox .fr .lists textarea{
	height: 3rem;
	background: rgba(255, 255, 255, 0);
	border: 1px solid #A0A0A0;
	border-radius: 5px;
	width:100%;
	padding-left:.1rem;
	box-sizing:border-box;
	margin-top:.3rem;
	resize:none;
}
.commonbox .fr  button{
	width: 100px;
	height: 32px;
	background: #005BAC;
	border-radius: 16px;
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 32px;
	display:block;
	text-align:center;
	margin-top:40px;
}
.commonbox .fr .list input,
.commonbox .fr .list select{
	width:100%;
	border:none;
}
.commonbox .fr .list select{
	background:url(../images/xl.png) no-repeat right 10px center;
}

.commonbox .fr #distpicker2{
	width:100%;
	display:flex;
	justify-content:space-between;
}
.commonbox .fr #distpicker2 select{
	background:url(../images/xl.png) no-repeat right 10px center;
	height: 56px;
	
	border: 1px solid #A0A0A0;
	line-height:56px;
	width:32%;
	font-size:14px;
	padding-left:.2rem;
}
.commonbox .fr .up{
	display:flex;
	justify-content:space-between;
	margin-bottom:30px;
	align-items:center;
	width:40%;
}
.commonbox .fr .up img{
	width: 66px;
	height: 66px;
	
	border-radius: 50%;
}
.commonbox .fr .up a{
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	text-decoration: underline;
	color: #333333;
	position:relative;
}
.commonbox .fr .up a input{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	opacity:0;
}

.commonbox .fr .collect li{
	width:48%;
	float:left;
	margin:0 4% .4rem 0;
}
.commonbox .fr .collect li:nth-of-type(2n){
	margin-right:0;
}
.commonbox .fr .collect li i{
	display:flex;
	align-items:center;
	justify-content:center;
	height:3rem;
}
.commonbox .fr .collect li i img{
	display:block;
	margin:0 auto;
	max-width:80%;
	max-height:80%;
	
}
.commonbox .fr .collect li span{
	font-size: .32rem;
	font-family: MicrosoftYaHeiLight;
	font-weight: bold;
	color: #333333;
	margin:10px 0 20px;
	display:block;
	text-align:center;
	height:.9rem;
	overflow:hidden;
}
.commonbox .fr .collect li>a{
	width: 1.8rem;
	height: .66rem;
	background:url(../images/del.png) no-repeat left .2rem center;
	
	border: 1px solid #EEEEEE;
	border-radius:.3rem;
	font-size: .24rem;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333333;
	line-height:.66rem;
	display:block;
	padding-left:.5rem;
	box-sizing:border-box;
	margin:0 auto;
}
.commonbox .fr .page{
	text-align:right;
}
.contact,.hz{
	padding:.7rem 0 1rem;
}

.contact .box{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	
}
.contact .box .list{
	
	width:100%;
	background: #FFFFFF;
	border-radius: .2rem;
	padding:.5rem 1rem;
	box-shadow:0 0 4px #ccc;
	box-sizing:border-box;
	margin-bottom:.3rem;
	position:relative;
}
.contact .box .list> img{
	display:block;
	margin:0 auto;
	width:2.2rem;
	position:absolute;
	right:.5rem;
	top:.6rem;
}
.contact .box .map{
	width:100%;
	height: 4.6rem;
	box-shadow:0 0 4px #ccc;
	border-radius: 10px;
	overflow:hidden;
}
.contact .box .map img{
	height: 4.6rem;
	width:100%;
}

.contact .box .list.last i{
	margin-top:.4rem;
}
.contact .box .list .code{
	display:flex;
	align-items:center;
	justify-content:center;
}
.contact .box .list .code img{
	width:2rem;
	margin:0 .2rem;
}
.contact .box .list i{
	display:block;
	height:1.1rem;
}
.contact .box .list i img{
	display:block;
	margin:0 auto;
}
.contact .box .list span{
	font-size: .36rem;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #000000;
	display:block;
	text-align:center;
	margin-bottom:.2rem;
}
.contact .box .list p{
	font-size:.24rem;
	color:rgba(102, 102, 102, 1);
	line-height:.3rem;
	text-align:center;
}


.hz .con form{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
.hz .con .list{
	width:100%
}
.hz .con .list textarea{
	height: 3rem;
	resize:none;
	background: #FFFFFF;
	border: 1px solid #DCDCDC;
	border-radius: 5px;
	width:100%;
	padding:.1rem;
	font-size:.24rem;
}
.hz .con .list span{
	font-size: .28rem;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #000000;
	display:block;
	margin-bottom:10px;
}
.hz .con .list input{
	border: 1px solid #DCDCDC;
	border-radius: 5px;
	height: .64rem;
	line-height: .64rem;
	width:100%;
	padding-left:10px;
	margin-bottom:.3rem;
}
.hz .con .list button{
	width: 1.8rem;
	height: .7rem;
	background: #000000;
	border-radius: .35rem;
	font-size: 12px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #FFFFFF;
	line-height:.7rem;
	margin-top:10px;
}
.hz .con .list.long{
	width:100%;
}
.hz .text{
	padding:1rem 0 0 0;
}
.hz .text span{
	font-size: .32rem;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333333;
}
.hz .text p{
	font-size: .28rem ;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #999999;
}
.indexbox1{
	padding:.9rem 0;
}
.indexbox1 h2,.indexbox2 h2,.news h2{
	font-size: .48rem;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #000000;
	background: url(../images/border.png) no-repeat bottom center/.66rem;
	text-align:center;
	padding-bottom: .2rem;
	margin-bottom: .8rem;
}
.indexbox1 ul{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
.indexbox1  li,.indexbox2 li{
	margin-bottom:.3rem;
	width:48%;
	position:relative;
}
.indexbox2 li{
	width:100%;
}
.indexbox1  li img,
.indexbox2 li .pro>img,.indexbox1 .swiper-slide img{
	width:100%;
	
}
.indexbox2 li .pro{
	position:relative;
}
.indexbox2 li div.ico{
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	background: linear-gradient(0deg, #000000 0%, rgba(0,0,0,0) 100%);
	height:.7rem;
	line-height:.7rem;
	padding:0 10px;
}
.indexbox2 li div.ico span{
	    font-size: 14px;
	    font-family: Microsoft YaHei;
	    font-weight: 400;
	    margin-left: 10px;
	    color: #FFFFFF;
}
.indexbox2 li div.ico span img{
	margin-right:10px;
}
.indexbox2 li>a>p{
	
	font-size: .3rem;
	    font-family: Microsoft YaHei;
	    font-weight: bold;
	    color: #333333;
	    line-height: .4rem;
	    height: .4rem;
	    overflow: hidden;
	    padding-left: 10px;
}
.indexbox2 li>a>span{
	font-size: .28rem;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333333;
	padding-left: 10px;
}

.indexbox1 .swiper-slide img{
	height:4.9rem;
}
.indexbox1 ul{
	margin-top:.3rem;
}
.indexbox1 .swiper-pagination{
	text-align:right;
	bottom:.2rem;
	padding-right:.4rem;
}
.probox2 .img img{
	max-width:100%;
	display:block;
	margin:0 auto;
	height:auto !important;
}
.indexbox1 .swiper-pagination-bullet{
	width: .2rem;
	height: .2rem;
	margin:0 10px !important;
	background: rgba(255, 255, 255, 0);
	border: 1px solid #FFFFFF;
	border-radius: 50%;
}
.indexbox1 .swiper-pagination-bullet-active{
	background: #FFFFFF;
}
.indexbox1  li img{
	height:2.4rem;
}


.indexbox2 li a i{
	color:rgba(232, 49, 48, 1);
	font-size:18px;
	margin-left:10px;
}

.news .btn,.indexbox2 .btn{
	text-align:center;
	margin-top:.5rem;
}
.news .btn a,.indexbox2 .btn a{
	width: 2.7rem;
	height: .6rem;
	background: #FFFFFF;
	border: 1px solid #313131;
	font-size: .24rem;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333333;
	line-height:  .6rem;
	margin:0 .3rem;
	display:inline-block;
	text-align:center;
}

.return{
	line-height:70px;
}
.return a{
	font-size: 18px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	text-decoration: underline;
	color: #000000;
}
.probox1{
	margin-top:1.3rem;
}
.probox1 .btn{
	height: 1.3rem;
	line-height:1.3rem;
	background: #F5F5F7;
	display:flex;
	align-items:center;
	justify-content:center;
	position:fixed;
	top:1.3rem;
	width:100%;
	z-index:999;
}
.probox1 .photo{
	padding-top:1rem;
}

.probox1 .photo .img img{
	max-width:80%;
	display:block;
	margin:0 auto;
	max-height:90%;
}
.probox1 .photo>div{
	width:100%;
	text-align:center;
	margin-top:1rem;
}
.probox1 .photo>div h3{
	font-size: .48rem;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #000000;
	
}
.probox1 .photo>div .btn{
	text-align:center;
	margin:20px 0 30px;
}
.probox1  .btn a{
	width: 3rem;
	height: .8rem;
	background: #FFFFFF;
	border: 1px solid #000000;
	border-radius: .4rem;
	font-size: .34rem;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #000000;
	line-height:.8rem;
	padding-left:1.3rem;
	box-sizing:border-box;
	margin:0 .3rem;
	background:url(../images/ico21.png) no-repeat left .7rem center/20px;
	display:inline-block;
}
.probox1  .btn a:last-of-type{
	background:url(../images/ico22.png) no-repeat left .7rem center/20px;
	background-color: #005BAC;
	color:#fff;
	border: 1px solid #fff;
}
.probox1 .btn a:last-of-type.active{
background:url(../images/ico22.png) no-repeat left .7rem center/20px;
	background-color: #999;
	border:1px solid #999;
}
.probox1 .photo>div p{
	font-size: .36rem;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #000000;
	line-height: .45rem;
	width:48%;
	display:inline-block;
	background:url(../images/dot4.png) no-repeat left center/15px;
	padding-left:15px;
	text-align:left;
}
.probox1 ul{
	display:flex;
	justify-content:space-between;
	align-items:flex-start;
	padding:30px 0;
	border-top:1px solid #D2D2D2;
	margin-top:1rem;
	flex-wrap:wrap;
}
.probox1 li{
	width:100%;
	align-items:center;
	display:flex;
	margin-bottom:.5rem;
	justify-content:space-between;
	
}
.probox1 li img{
	max-height:1rem;
	max-width:20%
}
.probox1 li div{
	width:70%
}
.probox1 li  p{
	font-size: .24rem;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #000000;
}

.probox2{
	background:#f5f5f7;
	padding-top:.5rem;
}
.probox2 .tab1{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
.probox2 .tab1 li{
	width:100%;
	height: 4rem;
	background: #FFFFFF;
	border-radius:.2rem;
	margin-bottom:.5rem;
	padding:1rem .5rem 0;
	display:flex;
	justify-content:space-between;
	align-items:flex-start;
}
.probox2 .tab1 li span{
	font-size: .36rem;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #000000;
	margin-bottom:.5rem;
	display:block;
}
.probox2 .tab1 li p{
	font-size: .24rem;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #666666;
	line-height: .36rem;
}
.probox2 .tab1 li div{
	width:3rem;
}
.probox2 .tab1 li img{
	width:2rem;
}
.probox2 .tab2 h2,
.probox2 .tab3 h2,
.probox2 .tab4 h2,
.probox2 .tab5 h2{
	font-size: .48rem;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #000000;
	text-align:center;
	margin-bottom:.6rem;
}
.probox2 .tab2 li{
	background: #FFFFFF;
	border-radius: .2rem;
	padding:.5rem .4rem;
	box-sizing:border-box;
	margin-bottom:.4rem;
}
.probox2 .tab2 li .font2{
	margin-top:.2rem;
}
.probox2 .tab2 li .font1,
.probox2 .tab2 li .font2{
	display:flex;
	justify-content:space-between;
	align-items:flex-start;
}
.probox2 .tab2 li .font1 p{
	font-size: .36rem;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #000000;
	line-height: 36px;
	width:96%
}
.probox2 .tab2 li .font1 span{
	font-size: .3rem;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #005BAC;
	margin-top:.1rem;
}
.probox2 .tab2 li .font2 p{
	font-size: .28rem;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #666666;
	line-height: .36rem;
	width:96%
}
.probox2 .tab2 li .font2 span{
	font-size: .24rem;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #999999;
}
.probox2 .tab1,.probox2 .tab2{
	margin-bottom:.5rem;
}
.probox2 .tab3 ul{
	background: #FFFFFF;
	border-radius: 20px;
	margin-bottom:1rem;
	padding:.5rem .4rem;
}
.probox2 .tab4 ul{
	background: #FFFFFF;
	border-radius: 20px;
	padding:0 .4rem;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	margin-bottom:1rem;
}
.probox2 .tab5 ul{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	padding-bottom:40px;
}
.probox2 .tab3 li{
	font-size: .28rem;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333333;
	line-height: .36rem;
	background:url(../images/dot.png) no-repeat left top;
	padding:0 0 20px 30px;
}
.probox2 .tab3 li:last-child{
	background:url(../images/dot2.png) no-repeat left top;
}
.probox2 .tab4 li{
	border-bottom:1px solid #E5E5E5;
	line-height:1.4rem;
	padding-left:.5rem;
	font-size: .24rem;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #999999;width:100%;
}
.probox2 .tab4 li span{
	color: #333333;
	width:1rem;
}
.probox2 .tab4 li:last-child{
	border:none;
}
.probox2 .tab5  li{
	width:48%;
	margin:0 4% .3rem 0;
}
.probox2 .tab5 li:nth-of-type(2n){
	margin-right:0;
}
.probox2 .tab5  li img{
	width:100%
}

.probox3 .text{
	padding:50px 0 70px;
}
.probox3 .text li{
	display:flex;
	align-items:flex-start;
	justify-content:space-between;
}
.probox3 .text li span{
	font-size: .24rem;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333333;
}
.probox3 .text li div{
	width:80%;
}
.probox3 .text li  p{
	font-size: .24rem;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #999999;
	
}
.probox3 .text li{
	margin-bottom:.4rem;
}

.probox3 .photo{
	display:flex;
	flex-wrap:wrap;
	padding-bottom:.8rem;
	justify-content:space-between;
}

.probox3 .photo li{
	height: 2.4rem;
	background: #FFFFFF;
	border: 1px solid #EEEEEE;
	border-radius: 20px;
	width:48%;
	margin-bottom:.3rem;
	display:flex;
	align-items:center;
	justify-content:center;
}
.probox3 .photo li img{
	max-width:100%;
	max-height:80%
}

.layers{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0, 0, 0, 0.3);
	z-index:999;
	display:none;
}
.pops,.pop2s{
	width:92%;
	z-index:9999;
	background:#fff;
	padding:.8rem 0 2rem;
	background: #FFFFFF;
	border-radius: 5px;
	margin:1.3rem auto 0;
	
}
.pop2s{
	position:fixed;
	top:50%;
	left:50%;
	padding:.4rem 0;
	width:88%;
	text-align:center;
	transform:translate(-50%,-50%)
}
.pop2s p{
	font-size:20px;
	margin:0 auto 20px;
}
	
.pop2s img.code{
	width:150px;
}
.pops h2{
	font-size: .4rem;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #000000;
	text-align:center;
	margin-bottom:.5rem;
}
.pops img.del,.pop2s .del{
	position:absolute;
	right:10px;
	top:10px;
	cursor:pointer;
	width:20px;
}
.pops input[type="text"],
.pops input[type="tel"]{
	height: .7rem;
	background: #FFFFFF;
	border: 1px solid #DCDCDC;
	border-radius: 5px;
	width:100%;
	margin-bottom:.2rem;
	line-height:.7rem;
	padding-left:10px;
}
.pops button{
	height: .7rem;
	line-height:.7rem;
	color:#fff;
	background: #005BAC;
	border: 1px solid #DCDCDC;
	border-radius: 5px;
	width:100%;
	font-size: .26rem;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #FFFFFF;
	margin:.7rem auto 0;
}
.pops .code{
	position:relative;
}
.pops .code input[type="button"]{
	width: 1.6rem;
	height:.6rem;
	background: #005BAC;
	border-radius: 5px;
	font-size: .22rem;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #FFFFFF;
	line-height:.6rem;
	position:absolute;
	right:5px;
	top:3px;
}
.pops .check,.pops p{
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #000000;
	margin:10px 0;
}
.pops .check span,.pops p a{
	color:rgba(0, 91, 172, 1)
}
.pops p{
	margin:30px 0 0;
}
.pops .last{
	display:flex;
	justify-content:space-between;
	align-items:center;
		margin:30px 0 0;
}
.pops .last p{
	margin:0;
}

@media screen and (min-width:1000px) and (max-width:1400px) {
	.header .fr>ul>li{
		margin:0 .2rem;
	}
	.header .fr{
		width:85%
	}
	.wrap{
		width:80%;
	}
	
}


.video{
	padding:.3rem 0 1rem;
}
.video .menu{
	margin-bottom:.3rem;
	
	    display: flex;flex-wrap:wrap;
	 /*   white-space: nowrap; */
}
.video .menu a{
	width: 24%;
	
	height: .4rem;
	background: #F6F7F8;
	border: 1px solid #F1F2F3;
	border-radius: 5px;
font-size: .24rem;
font-family: Microsoft YaHei;
font-weight: 400;
color: #6F767A;
line-height:.4rem;
display:inline-block;
text-align:center;
margin:0 .08rem .1rem 0;
vertical-align:top;
}
.video .menu a:first-of-type{
	height: .4rem;
	line-height:.4rem;
	float:left;
	background:#15579f;
	color:#fff;
}
.video .menu a:nth-of-type(4n){
	margin-right:0;
}
.video .tab1 .list{
	display:block;
	justify-content:space-between;
	align-items:flex-start;
}
.video .tab1 .list .pro{
	width:100%;
	position:relative;
}
.video .tab1 .list .pro>a>img{
	width:100%;
	height:4.2rem;
	border-radius: 5px;
}
.video .tab1 .list .pro .text,
.video .tab2  li .text{
	background: linear-gradient(0deg, #000000 0%, rgba(0,0,0,0) 100%);
	position:absolute;
	bottom:0;
	width:100%;
	height:1rem;
	padding:0 .2rem;
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.video .tab1 .list .pro .text p{
	font-size: .28rem;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #FFFFFF;
}
.video .tab1 .list .pro .text .ico span,
.video .tab2  li .text .ico span{
	font-size: .24rem;
	font-family: Microsoft YaHei;
	font-weight: 400;
	margin-left:10px;
	color: #FFFFFF;
}
.video .tab1 .list .pro .text .ico span img,
.video .tab2  li .text .ico span img{
	margin-right:10px;
}
.video .tab1 .list ul{
	width:100%;
	margin-top:.3rem;
}
.video .tab1 .list li{
	width:48%;
	float:left;
	margin:0 4% .3rem 0;
}
.video .tab1 .list li:nth-of-type(2n){
	margin-right:0;
}
.video .tab1 .list li>a>.pro,
.video .tab2  li .pro{
	width:100%;
	position:relative;
}
.video .tab1 .list li>a>.pro>img,
.video .tab2  li>a>.pro>img{
	height: 2.2rem;
	width:100%;
	border-radius: 5px;
}

.video .tab1 .list li>a>.pro .text,
.video .tab2  li .text{
	height:35px;
	padding:0 10px;
}
.video .tab1 .list li>a>.pro .text>span,.video .tab2  li .text>span{
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #FFFFFF;
}
.video .tab1 .list li>a>p,.video .tab2  li>a>p{
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #333333;
	line-height: 25px;
	height: 25px;
	overflow:hidden;
	padding-left:10px;
}
.video .tab1 .list li>a>p img,
.video .tab1 .list li>a>p img{
	margin-left:5px;
}
.video .tab1 .list li>a>span,.video .tab2  li>a>span{
	font-size: 12px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333333;
	padding-left:10px;
}
.video .tab1 .list li>a>span img,
.video .tab2  li>a>span img{
	margin-right:4px;
	vertical-align:middle;
	display:inline-block;
}
.video .tab1{
	margin-bottom:.4rem;
}
.video .tab2{
	margin-bottom:.2rem;
}
.video .tab2 .title{
	font-size: .3rem;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333333;
	margin-bottom:.2rem;
}
.video .tab2 .title img{
	margin-right:8px;
}
.video .tab2  li{
	float:left;
	width:48%;
	margin:0 4% .3rem 0;
}
.video .tab2  li:nth-of-type(2n){
	margin-right:0;
}

.videodetail {
	margin-top:1.5rem;
}
.videodetail  .fl{
	width:100%
}
.videodetail  .fl video{
	width:100%;
	
}
.videodetail  .fl .text{
	padding:.2rem;
	background: #F7F7F7;
	border-radius: 5px;
	
	margin:.1rem 0 .2rem;
	
}
.videodetail  .fl .text p{
	font-size:.3rem;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #333333;
	margin-bottom:10px;
}
.videodetail  .fl .text span{
	font-size: .24rem;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333333;
}
.videodetail  .fl .text span img{
	margin-right:10px;
}
.videodetail  .fl .text .ico a,
.videodetail  .fl .text .ico span{
	font-size: .24rem;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #666666;
	margin-right:.2rem;
	line-height:30px;
	display:inline-block;
}
.videodetail  .fl .text .ico a{
	background:url(../images/vo11.png) no-repeat left center/.35rem;
	padding-left:.45rem;
	
}
.videodetail  .fl .text .ico a.ico1{
	background:url(../images/vo11.png) no-repeat left center/.35rem;
	padding-left:.45rem;
	
}
.videodetail  .fl .text .ico a.ico1.active{
	background:url(../images/vo16.png) no-repeat left center/.35rem;
	padding-left:.45rem;
	
}
.videodetail  .fl .text .ico a.ico2{
	background:url(../images/vo13.png) no-repeat left center/.35rem;
	padding-left:.45rem;
	
}
.videodetail  .fl .text .ico a.ico2.active{
	background:url(../images/vo17.png) no-repeat left center/.35rem;
	padding-left:.45rem;
	
}

.videodetail  .fl .text .ico img{
	width:.35rem;
	margin-right:.1rem;
}
.videodetail  .fl >p{
	font-size: .24rem;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333333;
	line-height: .4rem;
	padding-bottom:.2rem;
	border-bottom:1px solid #eee;
}
.videodetail  .fr{
	width:100%;
	margin-top:.4rem;
}
.videodetail  .fr h2{
	font-size:.3rem;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333333;
	padding-bottom:.2rem;
	border-bottom:1px solid #eee;
	margin-bottom:.2rem;
}
.videodetail  .fr h2 img{
	margin-right:8px;
}
.videodetail  .fr li a{
	display:flex;
	align-items:flex-start;
	justify-content:space-between;
}
.videodetail  .fr li a .pro{
	width:45%;
	position:relative;
}
.videodetail  .fr li a .pro p{
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #FFFFFF;
	position:absolute;
	right:10px;
	bottom:10px;
}
.videodetail  .fr li a .text{
	width:50%;
	
}
.videodetail  .fr li a .text p.font{
	font-size: .24rem;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333333;
	line-height: .4rem;
	height:.8rem;
	overflow:hidden;
	
}
.videodetail  .fr li a .text p.time{
	font-size: .22rem;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333333;
	margin:.2rem 0 .1rem;
}
.videodetail  .fr li a .text p.num span{
	font-size: .24rem;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #999999;
	margin-right:15px;
}
.videodetail  .fr li a .pro img{
	width:100%;
	height: 2rem;
}
.videodetail  .fr li{
	margin-bottom:.2rem;
}