﻿html{
	font-size: 0.0520833333333333vw;
	
}
body{
	font-family: "PingFang SC", "Microsoft YaHei", "Microsoft YaHei UI", "SimSun", "SimHei", "Arial";
}
ul,li{
	list-style: none;
}
a{
	color: #000;
	text-decoration: none;
}
select::-ms-expand{ 
	display:none; 
}
*{
	padding: 0;
	margin: 0;
	
}
.w1600{
	width: 1600rem;
	margin: auto;
}

.dix{
	display: flex;
}
.jss{
	justify-content: space-between;
}
.jsc{
	justify-content: center;
}
.amc{
	align-items: center;
}

.w1200{
	width: 1200rem;
	margin: auto;
}



.banner{
	position: relative;
	/* height: 100vh; */
}
.banner img{
	display: block;
	width: 100%;
	height: 100%;

}


.bannertxt h3{
	font-size: 80rem;
	color: #333;
	text-align: center;
	margin-top: 150rem;
	font-weight: 500;
}
.bannertxt p{
	font-size: 40rem;
	color: #333;
	text-align: center;
	margin-bottom: 40rem;
}
.bannertxt{
	height: 100%;
	flex-direction: column;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
.bannertxt h3 div{
	font-size: 40rem;
	font-weight: 500;
	margin-top: 20rem;
}
.wsmleft p{
	font-size: 26rem;
	color: #666;
}
.wsmleft span{
	font-size: 34rem;
	color: #333;
}
.wsmright li{
	/* width: 170rem; */
	margin-left: 48rem;
}
.wsmright img{
	width: 90rem;
	height: 90rem;
	margin: auto;
	display: block;
}
.wsmright p{
	font-size: 20rem;
	text-align: center;
	margin: 10rem 0;
	margin-bottom: 0;
}
.wsmright span{
	font-size: 18rem;
	text-align: center;
	display: block;
}
.wsm{
	background: #fffbef;
	padding-top: 40rem;
	padding-bottom: 50rem;
}
.wsmright a{
	font-size: 26rem;
	background: #fff;
	color: #333;
	padding: 0 33rem;
	line-height: 44rem;
	border-radius: 50rem;
	margin-left: 35rem;
}
.hisexian{
	height: 20rem;
	background: #e9e3e2;
}
.abouttxt{
	font-size: 20rem;
	line-height: 30rem;
	color: #333;
	background: #fff;
	padding: 50rem;
	border-radius: 30rem;
	margin-top: 20rem;
}
.abouttxt h3{
	font-size: 34rem;
	color: #333;
	font-weight: 500;
	margin-bottom: 20rem;
}
.aboutindex img{
	display: block;
	margin: auto;
	width: 100%;
}
.aboutindex{
	background: #fffbef;
	padding-bottom: 50rem;
}
.biaoti h3{
	font-size: 34rem;
	color: #333;
	font-weight: 500;
}
.biaoti p{
	font-size: 20rem;
	color: #666;
	margin-top: 5rem;
}
.biaoti{
	text-align: center;
	padding: 50rem 0;
}
.bgg{
	background: #fefcef;
}
.rongyutxt{
	font-size: 26rem;
	color: #333;
	font-weight: 500;
}
.rongyutxt h4{
	font-weight: 500;
	font-size: 36rem;
	background: #fef8d6;
	border-radius: 500rem;
	border:solid 1px #999;
	width: 430rem;
	margin: auto;
	line-height: 58rem;
	margin: 50rem auto;
}
.foot{
	font-size: 26rem;
	color: #333;
	background: url(../img/14.jpg) no-repeat center;
	background-size: 100% 100%;
	height: 278rem;
	display: flex;
	align-items: center;
	line-height: 2;
}


























/* ////导航部分 */
.navtop{
	height: 90rem;
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 10;
}
.navbox{
	height: 90rem;
}
.logo img{
	width: 200rem;
}
.navbox ul li{
	font-size: 22rem;
	line-height: 90rem;
	width: 150rem;
}
.navbox ul li a{
	position: relative;
	line-height: 90rem;
	display: block;
	text-align: center;
	color: #fff;
}
.navbox ul li a:hover{
	color: #fff;
}
.navbox ul li a.on{
	color: #fff;
}
.navbox ul li a:hover::before{
	position: absolute;
	content: "";
	width: 43rem;
	height: 3rem;
	background: #fff;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}
.navbox ul li a.on::before{
	position: absolute;
	content: "";
	width: 43rem;
	height: 3rem;
	background: #fff;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}
.logoimg1{
	display: none;
}
.navtopheader{
	background: #fff;
	box-shadow: 0 1rem 2rem #e1e1e1;
}
.navtopheader .logoimg1{
	display: block;
}
.navtopheader .logoimg2{
	display: none;
}
.navtopheader .navbox ul li a{
	position: relative;
	line-height: 90rem;
	display: block;
	text-align: center;
	color: #333;
}
.navtopheader .navbox ul li a:hover{
	color: #0042b7;
}
.navtopheader .navbox ul li a.on{
	color: #0042b7;
}
.navtopheader .navbox ul li a:hover::before{
	position: absolute;
	content: "";
	width: 43rem;
	height: 3rem;
	background: #0042b7;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}
.navtopheader .navbox ul li a.on::before{
	position: absolute;
	content: "";
	width: 43rem;
	height: 3rem;
	background: #0042b7;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

.banner .swiper-slide{
	height: 100vh;
	overflow: hidden;
}
.banner .swiper-slide img{
	display: block;
	width:100%;
	object-fit: cover;
}
.biaotileft span{
	width: 75rem;
	height: 7rem;
	background: #0042b7;
	display: block;
	margin-right: 20rem;
}
.biaotileft h3{
	color: #0042b7;
	font-size: 40rem;
}
.biaotiright p{
	font-size: 20rem;
	color: #9e9e9f;
	letter-spacing: 5.8rem;
}
.biaotiright span{
	font-size: 12rem;
	color: #9e9e9f;
	display: block;
	margin-top: 5rem;
}
.pt100{
	padding-top: 100rem;
}
.pt170{
	padding-top: 170rem;
}
.pb100{
	padding-bottom: 100rem;
}
.pt80{
	padding-top: 80rem;
}
.pt50{
	padding-top: 50rem;
}
.pb120{
	padding-bottom: 120rem;
}
.pb150{
	padding-bottom: 150rem;
}
.hangyecleft{
	font-size: 22rem;
	color: #444444;
	width: 1200rem;
	line-height: 2;
}
.wenhao{
	width: 109rem;
	height: 87rem;
}
.shangeyoushi li{
	width: 342rem;
	height: 475rem;
	margin: 0 88rem;
}
.shangeyoushi li{
	display: flex;
	align-items: flex-end;
}
.shangeyoushi li div{
	padding: 26rem;
}
.shangeyoushi li h3{
	font-size: 32rem;
	color: #fff;
}
.shangeyoushi li span{
	display: block;
	width: 170rem;
	height: 3rem;
	background: linear-gradient(to right, rgba(255,255,255,1), rgba(255,255,255,0));  
	margin: 10rem 0;
}
.shangeyoushi li p{
	font-size: 16rem;
	color: #fff;
	line-height: 1.5;
}
.bgcolor{
	background: #f2f5fc;
}
.yingyonglist ul{
	flex-wrap: wrap;
}
.yingyonglist li{
	width: 407rem;
	height: 244rem;
	margin-bottom: 66rem;
	position: relative;
	border-radius: 10rem;
	overflow: hidden;
}
.yingyonglist li img{
	transition: all 0.3s;
	width: 407rem;
	height: 244rem;
}
.yingyonglist li:hover img{
	transform: scale(1.1);
}
.yingyonglist li div{
	height: 45rem;
	width: 100%;
	background: url(../image/13.png) no-repeat center;
	background-size: 100% 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	display: flex;
	align-items: flex-end;
	line-height: 1;
	padding-top: 15rem;
	padding-bottom: 13rem;
}
.yingyonglist li div h3{
	font-size: 28rem;
	color: #fff;
	margin-left: 50rem;
}
.yingyonglist li div p{
	font-size: 26rem;
	font-weight: lighter;
	color: #fff;
	margin: 0 6rem;
}
.yingyonglist li div span{
	font-size: 18rem;
	font-weight: 100;
	color: #fff;
}
.youshi{
	position: relative;
}
.dayinwen{
	position: absolute;
	left: 96rem;
	top: 125rem;
	/* width: 767rem; */
	height: 75rem;
}
.xiaowenhao{
	width: 109rem;
	height: 87rem;
	position: absolute;
	top: 200rem;
	right: 0;
}
.youshilist li{
	width: 412rem;
	height: 246rem;
	background: linear-gradient(to top, rgba(255,255,255,1), rgba(244,246,252,1));
	padding:0 30rem;
	box-sizing: border-box;
	overflow: hidden;
	border-radius: 10rem;
	margin-top: 62px;
}
.youshilist ul{
	flex-wrap: wrap;
}
.youshilist li{
	transition: all 0.3s;
}
.youshilist li img{
	width: 108rem;
	height: 124rem;
}
.youshilist li:hover{
	margin-top: 30rem;
	box-shadow: 0 5rem 16rem #e5e5e5;
}
.youshilist li dl dt{
	color: #dfe0e3;
	font-size: 86rem;
	font-weight: bold;
}
.youshilist li dl dd{
	font-size: 26rem;
	color: #5b5b5b;
	font-weight: bold;
	margin-top: 10rem;
}
.youshilist li p{
	font-size: 17rem;
	color: #5b5b5b;
	text-align: right;
	margin-top: 16rem;
	line-height: 1.5;
}
.rongyulist ul{
	flex-wrap: wrap;
}
.rongyulist li{
	margin: 0 22rem;
	margin-top: 40rem;
	transition: all 0.3s;
}
.rongyulist li:hover{
	margin-top: 20rem;
}
.rongyulist li img{
	box-shadow: 0 5rem 10rem #999;
	width: 215rem;
	height: 303rem;
}
.rongyulist li:last-child img{
	box-shadow: 0 5rem 10rem #999;
	width: 475rem;
	height: 303rem;
}
.w1360{
	width: 1360rem;
	margin: auto;
}
.rongyu{
	position: relative;
}
.ditu img{
	width: 882rem;
	height: 726rem;
	display: block;
	margin: auto;
	filter: drop-shadow(-6px 11px 6px #7b7b7b);
}
.shuzitop{
	display: flex;
	align-items: flex-end;
}
.shuzitop p{
	font-size: 37rem;
	color: #606060;
	margin-right: 5rem;
}
.shuzitop h3{
	font-size: 70rem;
	font-weight: bold;
	color: #126deb;
	display: flex;
	align-items: center;
	line-height: 1;
}
.shuzitop h3 span{
	font-weight: 500;
	display: flex;
	align-items: flex-start;
	font-size: 66rem;
}
.shuzitop h3 div{
	font-size: 40rem;
	line-height: 34rem;
}
.shuzi ul{
	margin-top: 60px;
}
.shuzi li{
	font-size: 20rem;
	color: #606060;
	border-bottom: solid 1px #7d7d7d;
  	width: 266rem;
	padding: 5rem 0;
}
.ditu{
	position: relative;
}
.shuzi{
	position: absolute;
	bottom: -76rem;
	left: 0;
}
.lx{
	background: url(../image/32.png) no-repeat center;
	height: 750rem;
}
.lxleft p{
	font-size: 33rem;
	color: #fff;
	margin-bottom: 20rem;
	letter-spacing: 6rem;
}
.lxleft span{
	font-size: 26rem;
	color: #fff;
	display: block;
}
.lxleft {
	width: 610rem;
	/* height: 121rem; */
	text-align: center;
}
.lxleft img{
	max-width: 100%;
}
.lxright{
	width: 463rem;
	height: 530rem;
	background: #f2f5fc;
	border-radius: 20rem;
	padding:46rem;
	box-sizing: border-box;
}
.lxright h3{
	font-size: 33rem;
	color: #000c98;
	margin-bottom: 8rem;
}
.lxright p{
	font-size: 15rem;
	color: #606060;
	margin-bottom: 15rem;
}
.lxright input{
	height: 44rem;
	background: #fff;
	display: block;
	padding: 0 15rem;
	font-size: 16rem;
	color: #333;
	border: none;
	width: 100%;
	box-sizing: border-box;
	margin-bottom: 16rem;
}
.lxright textarea{
	height: 104rem;
	background: #fff;
	display: block;
	padding: 15rem;
	font-size: 16rem;
	color: #333;
	border: none;
	width: 100%;
	box-sizing: border-box;
	font-family: "PingFang SC", "Microsoft YaHei", "Microsoft YaHei UI", "SimSun", "SimHei", "Arial";
	margin-bottom: 16rem;
}
.lxright button{
	height: 53rem;
	background: linear-gradient(to right, #069aed, #3309ec);
	display: block;
	width: 100%;
	color: #fff;
	border: none;
	border-radius: 10rem;
	font-size: 24rem;
	cursor: pointer;
}
.lxright button:hover{
	background: linear-gradient(to right, #1392d0, #2b0bb9);
}
.proleft li{
	display: flex;
	justify-content: space-between;
	width: 670rem;
	border-bottom: solid 1px #0331a5;
	margin-bottom: 70rem;
	align-items: flex-end;
}
.proleft li img{
	width: 132rem;
	height: 104rem;
	
}
.proleft li{
	transition: all 0.6s;
}
.proleft li:hover{
	margin-left: 50rem;
}
.proleft div{
	width: 496rem;
	font-size: 20rem;
	color: #444444;
	line-height: 36rem;
	margin-bottom: 15rem;
	text-indent: 2em;
}
.proright{
	width: 478rem;
	height: 530rem;
}
.proright img{
	display: block;
	width: 478rem;
	height: 530rem;
}
.lxc{
	height: 100vh;
	background-size: cover;
}
.news ul{
	flex-wrap: wrap;
}
.news li{
	width: 420rem;
	border-radius: 16rem;
	overflow: hidden;
	background: #fff;
	padding-bottom: 30rem;
	margin-bottom: 44rem;
	transition: all 0.3s;
}
.news li:hover{
	margin-top: -20rem;
	box-shadow: 0 5rem 10rem #e5e5e5;
}
.news li .newpic{
	width: 420rem;
	height: 250rem;
	display: block;
	
}
.news li h3{
	padding: 0 26rem;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	font-size: 24rem;
	color: #333;
	margin-top: 5rem;
}
.news li .xinxi{
	padding: 15rem 26rem;
	font-size: 16rem;
	color: #999;
}
.news li span{
	display: flex;
	align-items: center;
}
.news li span img{
	margin-right: 10rem;
}

.news li p{
	padding: 0 26rem;
	font-size: 16rem;
	color: #999;
	line-height: 1.5;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:2; 
    overflow: hidden;
	margin-top: 20rem;
}
.newsbox{
	padding: 50rem ;
	background: #fff;
	border-radius: 16rem;
}
.newsbox h3{
	font-size: 24rem;
	color: #333;
	text-align: center;
}
.newsbox .xinxi{
	padding: 20rem 26rem;
	font-size: 16rem;
	color: #999;
}
.newsbox .xinxi span{
	margin: 0 20rem;
	display: flex;
	align-items: center;
}
.newsbox .xinxi span img{
	margin-right: 10rem;
}
.zhengwen{
	font-size: 16rem;
	color: #666;
	line-height: 2;
	padding: 30rem 0;
	border-top: solid 1px #e5e5e5;
}
.aboutleft{
	width: 43%;
	display: flex;
	align-items: center;
}
.aboutrigt{
	width: 50%;
}
.aboutbox{
	padding: 100rem 0;
}
.aboutrigt img{
	display: block;
	max-width: 100%;
}
.bgcolor2{
	background: #e1e8f6;
}
.aboutleft .abouttext{
	font-size: 20rem;
	color: #444444;
	line-height: 2;
}
.abouttext a{
	height: 46rem;
	background: linear-gradient(to right, #069aed, #3309ec);
	display: block;
	width: 130rem;
	color: #fff;
	border: none;
	border-radius: 10rem;
	font-size: 16;
	cursor: pointer;
	text-align: center;
	line-height: 46rem;
	margin-top: 30rem;
}
.qiyeyuanjing{
	margin-top: -100rem;
}
.qiyeyuanjing li{
	width: 400rem;
	margin:0 0rem;
	background: #fff;
	border-radius: 16rem;
	overflow: hidden;
	text-align: center;
	padding: 50rem 0;
	box-shadow: 0 5rem 5rem #e3e3e3;
}
.qiyeyuanjing li img{
	margin-bottom: 15rem;
	width: 108rem;
	height: 125rem;
}
.qiyeyuanjing li h3{
	font-size: 24rem;
	color: #444;
	margin-bottom: 15rem;
}
.qiyeyuanjing li p{
	font-size: 18rem;
	color: #444;
}
.lx{
	position: relative;
	background-size: 100% 100%;
}
.beian{
	position: absolute;
	font-size: 16rem;
	bottom: 30rem;
	color: #fff;
	left: 0;
	width: 100%;
	text-align: center;
}