/* CSS Document */
@charset "utf-8";

@font-face{
     font-family: 'myfont'; 
     src: url('../fonts/SourceHanSansCN-Light.otf');
}
@font-face{
     font-family: 'myfont1'; 
     src: url('../fonts/SourceHanSansCN-Normal.otf');
}

/* basic */
body{font-size:12px;font-family: myfont;;line-height: 26px;color: #000; background:#fff;}
a{text-decoration:none; color:#000;}
a:hover{text-decoration:none;color:#f0101a;}
.mc{color: #f0101a}
.cy{color: #eb6100}
.bgc{background-color: #f0eff5}
.center{width: 80%;margin: auto;}

/* header*/
.header{
	width:100%;
	height: 120px;
	z-index: 5;
	position: fixed;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.4);
}
.header .logo{
	margin: 40px 0 0 40px;
}

.header .nav{
	font-size: 16px;
	padding-top: 10px;
	margin-right: 7%;
}
.header .nav li{
	width: 80px;
	text-align: center;
	height: 100px;
	line-height: 100px;
	float: left;
}
.header .nav li>a{
	font-size: 16px;
	color: #fff;
}
.header .iconfont{
	color: #fff;
	font-size: 20px;
	margin-top: 2px;
	display: block;
}


.swiper-container	img{
	width: 100%;
}

.norlogo{
	height: 40px;
	line-height: 40px;
	padding: 1.5vw 0;
	font-size: 1.1vw;
	color: #333;
	font-family: myfont1;
	font-weight: bold;
}
.norlogo a{
	font-size: 0.9vw;
	font-weight: normal;
	color: #888;
}
.norlogo img{
	width: 2.1vw;
}
.norlogo li{
	float: left;
	margin-left: 50px;
}
.norlogo .on a{
	color: #333;
}
.norlogo li.on{
	border-bottom: 2px solid #f11f28;
}


.clist{
	padding: 5vw 10%;
	background: #f6f6f6;
	width: 80%;
	margin: auto;
}
.clist li{
	width: 31%;
	float: left;
	margin-left: 2%;
	margin-bottom: 2%;
	overflow: hidden;
	border-radius: 20px;
}
.clist li .img{
	overflow: hidden;
}
.clist li img{
	width: 100%;
}
.clist li img:not(.noscale){
	transition: all 2s ease 0s;
}
.clist li img:hover:not(.noscale){
	transform: scale(1.2);
}
.clist li .con{
	background: #fff;
	padding: 1.2vw 1.5vw;
	overflow: hidden;
}
.clist li .con h1 a{
	font-size: 1vw;
	line-height: 1.6vw;
	display: block;
	overflow: hidden;
	font-family: myfont1;
}
.clist li .con h2{
	color: #666;
	font-size: 0.8vw;
	line-height: 1.2vw;
	margin-top: 0.5vw;
	overflow: hidden;
}

.newslist{
	background: #f6f6f6;
	width: 100%;
	overflow: hidden;
}
.newslist .swiper-slide{
	position: relative;
}
.newslist .con{
	position: absolute;
	left: 10vw;
	top: 18vw;
	background: #fff;
	width: 26vw;
	height: 11vw;
	overflow:hidden;
}
.newslist .box{
	padding: 1.5vw 2vw;
	overflow: hidden;
}
.newslist h1{
	font-size: 1.3vw;
	font-family: myfont1;
	font-weight: bold;
}
.newslist h3{
	font-size: 0.8vw;
	font-family: myfont1;
	margin-top: 0.3vw;
	margin-bottom: 0.3vw;
}
.newslist h2{
	font-size: 0.7vw;
	color: #959595;
	font-family: myfont1;
	line-height: 1vw;
}
.newslist h4{
	font-size: 0.7vw;
	font-family: myfont1;
	margin-top: 0.6vw;
}
.newslist h4 a{
	color: #959595;
}

.serlist{
	padding: 5vw 10% 2vw;
	background: #f6f6f6;
	width: 80%;
	margin: auto;
	overflow: hidden;
}
.serlist ul{
	width: 100%;
}
.serlist li{
	width: 23%;
	margin-right: 2%;
	float: left;
	overflow: hidden;
	margin-bottom: 3vw;
}
.serlist li img{
	width: 100%;
}
.serlist li .con{
	background: #fff;
	padding: 2vw 0 0;
	height: 8vw;
	overflow: hidden;
	text-align: center;
	font-size: 0.8vw;
	color: #959595;
	line-height: 1.4vw;
}
.imore{
	font-size: 1vw;
	font-weight: bold;
	text-align: center;
	font-family: myfont1;
	line-height: 2vw;
	cursor: pointer;
}
.imore h2{
	width:1.5vw;
	height: 3px;
	background: #000;
	margin: auto; 
}

/*footer*/
.footer{
	background: #000;
}
.fcenter{
	width: 90%;
	margin: auto;
}
.footer .main{
	width: 100%;
	height: auto;
	padding: 100px 0;
}
.fnav{
	width: 60%;
}
.fnav dl{
	float: left;
	margin-right: 10%; 
}
.fnav dt{
	font-size: 18px;
	margin-bottom: 20px;
}
.fnav dt a{
	color: #fff;
}
.fnav dd{
	font-size: 14px;
	line-height: 32px;
}
.fnav dd a{
	color: #959595;
}
.f_tel{
	font-size: 14px;
	color: #959595;
}
.f_tel .title{
	font-size: 18px;
	margin-bottom: 20px;
	color: #fff;
}

.footer .right{
	margin-top: 10px;
	margin-right: 5%;
}
.footer .right li{
	width: 110px;
	overflow: hidden;
	float: left;
	margin-right: 50px;
}
.footer .right li:last-child{
	margin-right: 0px;
}
.footer .right li img{
	width: 110px;
	margin-bottom: 10px;
}
.link {
	width: 100%;
	font-size: 14px;
	color: #959595;
	padding-bottom: 30px;
	border-bottom: 1px solid #c0c0c0;
}
.link a{
	color: #959595;
}
.link span{
	margin-right: 20px;
}

.footer .bottom{
	padding: 40px 0 60px;
	overflow: hidden;
	font-size: 14px;
	color: #959595;
}
.footer .bottom a{
	color: #959595;
}
.footer .sta{
	margin-left: 20px;
	margin-top: -10px;
}

/*内页*/
/*内页公共样式*/
.toppic{
	width: 100%;
	height: auto;
	overflow: hidden;
}
.toppic img{
	width: 100%;
}
.location{
	
	margin: 20px 0 30px;
}
.location .center{
	height: 32px;
	line-height: 32px;
	background: #f0f0f0;
	position: relative;
}
.location a{
	color: #818181;
}
.location ul{
	position: absolute;
	top: 0;
	left: 0;
}
.location li{
	padding: 0 20px;
	float: left;
}
.location li.on{
	background: #f0101a;
} 
.location li.on a{
	color: #fff;
}
.place {
	position: absolute;
	top: 0;
	right: 10px;
}
.place span{
	display: inline-block;
	height: 32px;
	line-height: 32px;
	margin: 0 5px;
}
.place span img{
	margin-top: -5px;
}


.nlists{
	background: #f6f6f6;
	width: 100%;
	overflow: hidden;
}
.nlists img{
	width: 100%;
}
.nlists li{
	padding: 90px 0;
	border-bottom: 1px solid #c8c8c8;
}
.nlists li:last-child{
	border-bottom: 0;
}
.news_more{
	width: 80%;
	margin: 0 auto 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	color: #fff;
	background: #f39800;
	border-radius: 16px;
	cursor: pointer;
	font-size: 18px;
}

.nlist{
	padding: 5vw 0;
	background: #f2f2f2;
}
.nlist .title{
	font-size: 1.4vw;
	font-family: myfont1;
	margin-bottom: 1.5vw;
	margin-top: 3vw;
}
.nlist .title span{
	margin-left: 5px;
	color: #ff0000;
}
.nlist .con{
	padding-left: 3vw;
	font-size: 1.2vw;
	height: auto;
	line-height: 2vw;
	margin-bottom: 15px;
}
.nlist .con a{
	color: #333333;
}
.nlist .con .icon{
	margin-right: 1vw;
}
.nlist li:first-child{
	margin-top: 0;
}
.nlist li:last-child{
	margin-bottom: 2vw;
}

.news_detail{
	width: 100%;
	text-align: center;
	line-height: 50px;
}
.news_detail span{
	padding: 0 10px;
	font-size: 14px;
}

.center1{
	width: 60%;
	margin: auto;
	overflow: hidden;
}
.article1{
	padding: 100px 0;
}
.article1 h1{
	font-size: 24px;
	color: #000;
	text-align: center;
}
.article1 h2{
	font-size: 18px;
	color: #333;
	text-align: center;
	margin-top: 30px;
	margin-bottom: 30px;
}

.ser .main{
	background: #f6f6f6;
	padding-bottom: 100px;
}
.center2{
	width: 97%;
	margin: auto;
}
.center2 ul{
	width: 70%;
	margin: auto;
	overflow: hidden;
}
.center2 li{
	padding: 170px 0 150px;
}
.center2 li .img{
	width: 25%;
	text-align: center;
	border-right: 1px solid #bbbbbb;
}
.center2 li img{
	width: 70%;
}
.center2 .con{
	width: 70%;
	overflow: hidden;
}
.center2 .con h1{
	font-size: 1.3vw;
}
.center2 .con h2{
	font-size: 1vw;
	font-family: Arial;
	margin: 10px 0;
}
.center2 .con h3{
	font-size: 1vw;
	color: #4d4d4d;
	line-height: 30px;
}

/*@media screen and ( max-width: 1500px ) {
	.center2 .con h1{
		font-size: 22px;
	}
	.center2 .con h2{
		font-size: 12px;
		margin: 0;
	}
	.center2 .con h3{
		font-size: 13px;
		line-height: 22px;
	}
}*/
.ablogo{
	text-align: center;
	padding: 40px 0 50px;
}
.ablogo span{
	text-align: center;
	font-size: 1.5vw;
	padding-bottom: 10px;
	border-bottom: 3px solid #000;
}
.soul img{
	width: 100%;
}
.soul .main{
	background: #f2f2f2;
}
.team .main{
	background: #f2f2f2;
	padding: 50px 0;
}
.team ul{
	width: 96%;
	margin: auto;
}
.team ul li{
	width: 25%;
	float: left;
	text-align: center;
	overflow: hidden;
}
.team li .img{
	width: 40%;
	padding: 2%;
	border-radius: 50%;
	border: 2px solid #afafaf;
	margin: auto;
}
.team li .img img{
	width: 100%;
	border-radius: 50%;
	overflow: hidden;
}
.team li .con{
	width: 60%;
	margin: 50px auto 0;
}
.team li .con h1{
	font-size: 1.5vw;
	font-family: myfont1;
}
.team li .con h2{
	font-size: 1vw;
	margin: 15px 0;
	color: #666;
}
.team li .con h3{
	font-size: 0.8vw;
	color:#959595;
	text-align: left;
}
.team .tmore{
	text-align: center;
}
.team .tmore span{
	font-size: 1.2vw;
	cursor: pointer; 
}
.abottom{
	background: #f2f2f2;
	padding: 100px 0;
	text-align: center;
	font-size: 1.3vw;
}
.abottom a{
	color: #4d4d4d;
	padding-bottom: 10px;
	border-bottom: 2px solid #4d4d4d;
}





.msg tr{
	height: 60px;
}
.msg tr td.title{
	width: 100px;
	color: #333;
	font-size: 14px;
	text-align: right;
}
.msg tr td span{
	color: #f00;
}
.msg input[type=text]{
	width: 260px;
	height: 30px;
	border: 1px solid #cccccc;
}
.msg textarea{
	width: 630px;
	height: 100px;
	border: 1px solid #cccccc;
}
.msg input[type=submit]{
	width: 150px;
	height: 40px;
	text-align: center;
	background: #f39800;
	border: 0;
	color: #fff;
	font-size: 16px;
	cursor: pointer;
}


.article h1{
	line-height: 32px;
	height: 32px;
	text-align: center;
	font-size: 18px;
	color: #333;
	font-weight: bold;
}
.article h2 {
	background: url(../images/anl_l.gif) left 46px repeat-x;
	height: 54px;
	margin-bottom: 40px
}
.article h2 .fr {
	display: inline-block;
	padding: 0 0 0 5px;
	width: 68px;
	text-align: center;
	line-height: 25px;
	height: 25px;
	font-size: 12px;
	color: #fff;
	background: url(../images/anl_ic3.gif) center top no-repeat;
	margin: 33px 0 0;
	z-index:1000;
}
.article h2 .title2{
	text-align: center;
	font-size: 14px;
	color: #666;
	position:relative;
	padding-top: 15px;
}
.article h2 .title2 span{
	margin:0 20px;
}
.article a{
	color: #666;
}
.article .content{
	margin: 30px auto ;
}
.article .from{
	margin: 20px 0px;
	font-size: 16px;
	border-top: 2px solid #ccc;
	padding-top: 20px;
}
.article .newsshare{
	margin-bottom: 20px;
	font-size: 16px;
	color: #034091;
	font-weight: bold;
	position:absolute;
	right:150px;
	top:15px;
}
.trunpage {
	text-indent: 0;
	line-height: 39px;
	height: 39px;
	border: 1px #cacaca dashed;
	border-left: none;
	border-right: 0;
	margin-bottom: 40px;
	font-size: 14px
}
.rcrd {
	margin: 10px 0 0;
	padding: 16px 30px 0 25px;
	font-size: 14px;
	font-family: "Microsoft YaHei";
	height: auto;
	background: #f6f6f6
}

.rcrd b {
	display: block;
	line-height: 30px;
	height: 30px;
	overflow: hidden;
	color: #034091
}
.rcrd li {
	border-bottom: 1px #cacaca dashed;
	padding: 0 0 0 9px;
	line-height: 49px;
	height: 49px;
	overflow: hidden;
	background: url(../images/anl_ic5.gif) left 24px no-repeat
}
.rcrd li:last-child {
	border-bottom: 0;	
}
.rcrd .lst {
	border: 0
}
.rcrd li a {
	color: #666
}
.rcrd li span {
	float: right;
	font-family: "Microsoft YaHei";
	color: #666
}
/*分页*/
.pager{
	text-align: center;
	margin:20px auto;
	font-size: 14px;
}
.pager a{
	margin: 0 5px;
	padding: 2px 15px;
	border: 1px solid #e8e8e8;
}
.pager .prev,.pager .next{
	padding: 2px 10px;
	background: #f0101a
	color: #fff;
}
.pager .current{
	padding: 2px 15px;
	background: #f0101a;
	border: 1px solid #f0101a;
	color: #fff;
}



/*  */
.about_con{
	background-repeat: no-repeat !important;
	background-size: 100% 100% !important;
	width: 100%;
	height: 46vw;
	position: relative;
}
.about_con .about_type{
	width: 32vw;
	height: 24vw;
	position: absolute;
	left: 70%;
	top: 55%;
	transform: translate(-50%,-50%);
}
.about_type .about_swiper{
	width: 100%;
	height: 100%;
}
.about_swiper .swiper-slide{
	width: 100%;
	height: 100%;
}
.about_swiper .swiper-slide img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}