@charset "utf-8";
/* CSS Document */
*{ margin:0; padding: 0; font-family: Microsoft Yahei, "微软雅黑", Pingfang SC, Helvetica, Arial, "Times New Roman";}
body{ text-align: justify;  max-width: 1920px; margin: 0 auto;}
a{ text-decoration:none; font-size: 16px; color:#000;}
input,select,textarea{ outline:none;  border-radius: 0; -webkit-appearance:none;}
img{ border: none;}

.clear{clear:both;}
.clearfix{ *zoom: 1;}
.clearfix:before{ content: ""; display: table;}
.clearfix:after{ content: ""; display: table; clear: both;}

.pic{ overflow: hidden;}
.pic img{ max-width: 100%; display: block; width: 100%; height: 100%; object-fit: cover; overflow: hidden; transition: all 0.3s;transform: scale(1); max-height:100%;}
.swiper-slide img{ width: 100%; display: block;}

input::-webkit-input-placeholder{		color: #333; font-size: 14px;}
input::-moz-input-placeholder{			color: #333; font-size: 14px;}
input::-ms-input-placeholder{			color: #333; font-size: 14px;}
input::-o-input-placeholder{			color: #333; font-size: 14px;}
textarea::-webkit-input-placeholder{	color: #333; font-size: 14px;}
textarea::-moz-input-placeholder{		color: #333; font-size: 14px;}
textarea::-ms-input-placeholder{		color: #333; font-size: 14px;}
textarea::-o-input-placeholder{			color: #333; font-size: 14px;}

.left{ float:left;}
.right{ float:right;}

.p10{ padding: 10px 0; }
.p20{ padding: 20px 0; }
.p30{ padding: 30px 0; }
.p40{ padding: 40px 0; }
.p50{ padding: 50px 0; }
.p60{ padding: 60px 0; }
.p70{ padding: 70px 0; }
.p80{ padding: 80px 0; }
.p90{ padding: 90px 0; }
.p100{ padding: 100px 0; }
.mt10{ margin-top: 10px !important; }
.mt20{ margin-top: 20px !important; }
.mt30{ margin-top: 30px !important; }
.mt40{ margin-top: 40px !important; }
.mt50{ margin-top: 50px !important; }
.mt60{ margin-top: 60px !important; }
.mt70{ margin-top: 70px !important; }
.mt80{ margin-top: 80px !important; }
.mt90{ margin-top: 90px !important; }
.mt100{ margin-top: 100px !important; }
.w1200{ width: 1200px; margin: 0 auto;}
.mx1200{ max-width: 1200px; width: 94%; margin: 0 auto;}

::-webkit-scrollbar {
	width : 5px;
	height: 1px;
}
::-webkit-scrollbar-thumb {
	border-radius: 10px;
	height: 15px;
	background: #a0a0a0;
}
::-webkit-scrollbar-track {
	background: #f6f8fb;
}


.swiper-slide{
	display: block;
	height: auto !important;
}
.swiper-container,
.swiper-wrapper{
	height: auto !important;
}



.swiper-pagination-switch {
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 10px;
	margin: 0 12px;
	background: #fff;
	cursor: pointer;
	opacity: .5;
}

.swiper-active-switch {
	opacity: 1;
}

.pagination {
	position: absolute;
	z-index: 20;
	left: 0;
	width: 100%;
	bottom: 20px;
	text-align: center;
}




.logo{
	width: 60px;
	padding: 20px 0;
	height: 60px;
}


.header .text{
	margin: 30px 0 0 15px;
}
.header .text h1{
	line-height: 24px;
	font-size: 24px;
}
.header .text p{
	line-height: 12px;
	font-size: 12px;
	color: #888888;
	font-family: "Arial";
	letter-spacing: .3px;
	margin: 5px 0 0 0;
}




.toptel{
	color: #666666;
	margin: 25px 0 0 0;
}
.toptel .iconfont{
	color: #015aaa;
	font-size: 50px;
}
.toptel p{
	float: left;
	font-size: 16px;
	line-height: 16px;
}
.toptel p strong{
	font-size: 26px;
	font-family: "Arial";
	display: block;
	line-height: 24px;
	margin: 5px 0 0 0;
}


.menu{
	background: #015aaa;
}
.menu li{
	display: block;
	float: left;
	line-height: 56px;
	width: 14.285%;
	text-align: center;
}
.menu li a{
	display: block;
	font-size: 16px;
	color: #fff;
	-webkit-transition: all 0.3s;
	-moz-transition: 	all 0.3s;
	-ms-transition: 	all 0.3s;
	-o-transition: 		all 0.3s;
	transition: 		all 0.3s;
}
.menu li.this a,
.menu li:hover a{
	background: #f1811b;
}


.stitle{
	text-align: center;
}
.stitle h3{
	font-size: 100px;
	color: #eeeeee;
	line-height: 80px;
}
.stitle h2{
	font-size: 48px;
	line-height: 48px;
	margin-top: -60px;
}
.stitle p{
	font-size: 18px;
	color: #484848;
	margin: 20px 0 0 0;
}


.pro{
	padding: 100px 0 60px 0;
}
.procate li{
	display: block;
	float: left;
	position: relative;
}
.procate li .pic{
	background: #282828;
}
.procate li .pic img{
	opacity: 0;
}
.procate li:hover .pic img{
	opacity: 1;
}
.procate li .text{
	position: absolute;
	left: 0;
	top: 50%;
	text-align: center;
	width: 100%;
	color: #fff;
	margin-top: -70px;
}
.procate li .text strong{
	font-size: 20px;
	margin: 40px 0 0 0;
	display: block;
}
.procate li .text p{
	font-size: 12px;
	font-family: "Arial";
	text-transform: uppercase;
	margin: 10px 0 0 0;
}


.prolist li{
	display: block;
	float: left;
	width: 277px;
	margin: 0 30px 0 0;
}
.prolist li:last-child{
	margin: 0;
}
.prolist li .pic{
	border: 1px solid #e5e5e5;
	-webkit-transition: all 0.3s;
	-moz-transition: 	all 0.3s;
	-ms-transition: 	all 0.3s;
	-o-transition: 		all 0.3s;
	transition: 		all 0.3s;
}
.prolist li:hover .pic{
	border: 1px solid #015aaa;
}
.prolist li .protitle{
	font-size: 20px;
	text-align: center;
	margin: 25px 0 0 0;
}
.prolist li .text{
	font-size: 14px;
	line-height: 24px;
	color: #666666;
	text-align: center;
	margin: 20px 0 25px 0;
}
.prolist li .more{
	width: 160px;
	line-height: 40px;
	background: #959595;
	margin: 0 auto;
	text-align: center;
	font-size: 16px;
	color: #fff;
	-webkit-transition: all 0.3s;
	-moz-transition: 	all 0.3s;
	-ms-transition: 	all 0.3s;
	-o-transition: 		all 0.3s;
	transition: 		all 0.3s;
}
.prolist li:hover .more{
	background: #f1811b;
}

.bgadv{
	padding: 140px 0 100px 0;
	background: url(../images/bg_adv.jpg) center no-repeat;
	background-size: cover;
}
.bgadv .stitle h2{
	margin-top: 0;
}
.bgadv .stitle h2 span{
	color: #015aaa;
}


.youshi_cate li{
	display: block;
	float: left;
	width: 25%;
	text-align: center;
	border-bottom: 2px solid #dfe0e1;
	cursor: pointer;
	padding: 15px 0;
}
.youshi_cate li.this,
.youshi_cate li:hover{
	border-bottom: 2px solid #f1811b;
}
.youshi_cate li .iconfont{
	font-size: 46px;
	color: #015aaa;
	margin: 0 15px 0 0;
	display: inline-block;
	vertical-align: middle;
}
.youshi_cate li p{
	text-align: left;
	display: inline-block;
	vertical-align: middle;
}
.youshi_cate li p strong{
	display: block;
	font-size: 20px;
}
.youshi_cate li p span{
	color: #484848;
	font-family: "Arial";
	display: block;
	font-size: 12px;
	margin: 5px 0 0 0;
	text-transform: uppercase;
}


.youshitext{
	position: relative;
}
.youshitext .text{
	padding: 70px 45px 45px 70px;
	background: #fff;
	position: absolute;
	right: 45px;
	bottom: 50px;
	width: 340px;
}
.youshitext .text strong{
	display: block;
	font-size: 24px;
}
.youshitext .text span{
	display: block;
	color: #bbbbbb;
	font-size: 12px;
	text-transform: uppercase;
	margin: 0 0 15px 0;
}
.youshitext .text .num{
	width: 80px;
	line-height: 80px;
	text-align: center;
	background: #f1811b;
	color: #fff;
	position: absolute;
	left: -40px;
	top: 70px;
	font-family: "Arial";
	font-size: 36px;
	font-weight: bold;
}
.youshitext .text p{
	color: #484848;
	font-size: 16px;
	line-height: 30px;
}



.about .stitle p{
	line-height: 30px;
}

.envslide .swiper-container{
	width: 150%;
	margin-left: -25%;
}
.envslide li .pic{
	background: #1b1b1b;
}
.envslide li .pic img{
	opacity: .6;
}
.envslide li.swiper-slide-active .pic img{
	opacity: 1;
}


.envslide{
	width: 100%;
	overflow: hidden;
	position: relative;
}
.envslide .iconfont{
	position: absolute;
	width: 56px;
	line-height: 76px;
	color: #fff;
	top: 50%;
	margin-top: -38px;
	z-index: 2;
	background: rgba(255,255,255,.3);
	font-size: 30px;
	text-align: center;
	cursor: pointer;
}
.envslide .arrow_env_left{
	left: 20%;
	transform: rotate(180deg);
}
.envslide .arrow_env_right{
	right: 20%;
}


.envslide .more{
	width: 240px;
	line-height: 56px;
	text-align: center;
	font-size: 20px;
	color: #fff;
	display: block;
	left: 50%;
	margin-left: -120px;
	z-index: 2;
	bottom: 40px;
	position: absolute;
	background: #f1811b;
	transform-origin: bottom;
	-webkit-transition: all 0.3s;
	-moz-transition: 	all 0.3s;
	-ms-transition: 	all 0.3s;
	-o-transition: 		all 0.3s;
	transition: 		all 0.3s;
}
.envslide .more:hover{
	transform: scale(1.1);
}


.honor{
	padding: 130px 0 0 0;
	background: #eeeeee;
}
.honor .stitle h3{
	color: #dddddd;
}



.newscate{
	display: table;
	margin: 0 auto;
}
.newscate li{
	display: block;
	float: left;
	box-sizing: border-box;
	width: 160px;
	line-height: 48px;
	text-align: center;
	margin: 0 7px;
}
.newscate li a{
	display: block;
	border: 2px solid #e5e5e5;
	-webkit-transition: all 0.3s;
	-moz-transition: 	all 0.3s;
	-ms-transition: 	all 0.3s;
	-o-transition: 		all 0.3s;
	transition: 		all 0.3s;
}
.newscate li:hover a{
	border: 2px solid #f1811b;
	color: #fff;
	background: #f1811b;
}




.picnews{
	width: 600px;
}
.picnews span{
	display: block;
	font-size: 24px;
	margin: 34px 0 0 0;
	line-height: 24px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	color: #282828;
	-webkit-transition: all 0.3s;
	-moz-transition: 	all 0.3s;
	-ms-transition: 	all 0.3s;
	-o-transition: 		all 0.3s;
	transition: 		all 0.3s;
}
.picnews:hover span{
	color: #f1811b;
}
.picnews p{
	font-size: 14px;
	color: #666;
	line-height: 24px;
	margin: 20px 0 0 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}


.newslist{
	width: 570px;
}

.newslist li{
	display: block;
	margin: 0 0 18px 0;
}
.newslist li:last-child{
	margin: 0;
}
.newslist li .date{
	width: 140px;
	height: 130px;
	background: #dcdcdc;
	font-size: 48px;
	text-align: center;
	box-sizing: border-box;
	padding: 20px 0 0 0;
	-webkit-transition: all 0.3s;
	-moz-transition: 	all 0.3s;
	-ms-transition: 	all 0.3s;
	-o-transition: 		all 0.3s;
	transition: 		all 0.3s;
}
.newslist li:hover .date{
	background: #f1811b;
	color: #fff;
}
.newslist li .date p{
	font-size: 16px;
}
.newslist li .text{
	width: 430px;
	height: 130px;
	background: #f4f4f4;
	padding: 25px 20px;
	box-sizing: border-box;
}
.newslist li .text span{
	display: block;
	font-size: 18px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.newslist li .text p{
	line-height: 26px;
	color: #666666;
	font-size: 14px;
	max-height: 52px;
	margin: 10px 0 0 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}


.footerbg{
	background: #313131;
	padding: 40px 0 30px 0;
}


.fmenu{
	width: 560px;
}
.fmenu ul{
	float: left;
	margin: 0 60px 0 0;
}
.fmenu ul li{
	display: block;
	line-height: 30px;
	color: #fff;
}
.fmenu ul li a{
	font-size: 14px;
	color: #a4a4a4;
}

.ftitle{
	font-size: 14px;
	color: #fff;
	line-height: 30px;
}

.fcontact{
	width: 335px;
	padding: 0 0 0 90px;
	font-size: 14px;
	line-height: 30px;
	color: #bfbfbf;
	border-left: 1px solid #464646;
	border-right: 1px solid #464646;
	margin: 0 0 20px 0;
}


.fewm{
	text-align: center;
}
.fewm .pic{
	width: 110px;
}
.fewm p{
	font-size: 16px;
	color: #fff;
	margin: 6px 0 0 0;
}


.cr{
	line-height: 50px;
	color: #adadad;
	font-size: 14px;
	border-top: 1px solid #464646;
}
.cr a{
	color: #adadad;
	font-size: 14px;
}



.bannerbg{
	height: 400px;
	background-image: url(../images/banner_about.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.bannerbg .listbanner,
.bannerbg .nbanner{
	height: 400px;
	background-image: url(../images/banner_about.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}


.bnav{
	line-height: 46px;
	background: #eeeeee;
	font-size: 14px;
	color: #666666;
}
.bnav a{
	font-size: 14px;
	color: #666666;
}


.nabout h1{
	font-size: 24px;
	text-align: center;
}
.nabout .text{
	font-size: 14px;
	line-height: 24px;
	color: #666666;
}


.nhonor li{
	width: 286px;
	float: left;
	display: block;
	margin: 0 18.666px 18.666px 0;
}
.nhonor li .pic{
	background: #f4f4f4;
}
.nhonor li:nth-child(4n){
	margin: 0 0 18.666px 0;
}

.nenv li{
	width: 386px;
	float: left;
	display: block;
	margin: 0 21px 21px 0;
}
.nenv li:nth-child(3n){
	margin: 0 0 21px 0;
}




.nnews li{
	display: block;
	margin: 0 0 20px 0;
}
.nnews li:last-child{
	margin: 0;
}
.nnews li a{
	display: block;
	padding: 22px;
	background: #f4f4f4;
	-webkit-transition: all 0.3s;
	-moz-transition: 	all 0.3s;
	-ms-transition: 	all 0.3s;
	-o-transition: 		all 0.3s;
	transition: 		all 0.3s;
}
.nnews li .pic{
	width: 300px;
}
.nnews li .text{
	width: 790px;
	margin: 15px 10px 0 0;
}
.nnews li .text span{
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	font-size: 18px;
	font-weight: bold;
	-webkit-transition: all 0.3s;
	-moz-transition: 	all 0.3s;
	-ms-transition: 	all 0.3s;
	-o-transition: 		all 0.3s;
	transition: 		all 0.3s;
}
.nnews li .text p{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
	max-height: 48px;
	font-size: 14px;
	line-height: 24px;
	margin: 10px 0 0 0;
	color: #666666;
	-webkit-transition: all 0.3s;
	-moz-transition: 	all 0.3s;
	-ms-transition: 	all 0.3s;
	-o-transition: 		all 0.3s;
	transition: 		all 0.3s;
}
.nnews li .text .more{
	font-size: 14px;
	color: #f1811b;
	text-align: right;
	margin: 20px 0 0 0;
	-webkit-transition: all 0.3s;
	-moz-transition: 	all 0.3s;
	-ms-transition: 	all 0.3s;
	-o-transition: 		all 0.3s;
	transition: 		all 0.3s;
}



.nnews li:hover a{
	background: #015aaa;
}
.nnews li:hover .text *{
	color: #fff;
}


.nprocate{
	width: 240px;
}
.nprocate .catetitle{
	line-height: 76px;
	text-align: center;
	color: #fff;
	background: #015aaa;
	font-size: 24px;
	height: 76px;
}
.nprocate .catetitle .iconfont{
	color: #4e8cc4;
	font-size: 30px;
	display: inline-block;
	vertical-align: middle;
	margin: -3px 10px 0 0;
}
.nprocate ul li{
	display: block;
	line-height: 66px;
	background: #282828;
	margin: 2px 0 0 0;
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: 	all 0.3s;
	-ms-transition: 	all 0.3s;
	-o-transition: 		all 0.3s;
	transition: 		all 0.3s;
}
.nprocate ul li a{
	display: block;
	color: #fff;
	padding: 0 0 0 45px;
	font-size: 18px;
}
.nprocate ul li .iconfont{
	position: absolute;
	right: 0;
	top: 0;
	width: 66px;
	line-height: 66px;
	text-align: center;
	font-size: 30px;
	color: #fff;
	opacity: .4;
	-webkit-transition: all 0.3s;
	-moz-transition: 	all 0.3s;
	-ms-transition: 	all 0.3s;
	-o-transition: 		all 0.3s;
	transition: 		all 0.3s;
}
.nprocate ul li:hover{
	background: #f1811b;
}
.nprocate ul li:hover .iconfont{
	opacity: 1;
}
.nprocate .pic{
	margin: 2px 0 0 0;
}


.ncontainer{
	width: 925px;
}

.ntitle{
	font-size: 36px;
	line-height: 36px;
	text-align: center;
}
.ntitle:after{
	margin: 15px auto 0 auto;
	content: '';
	display: block;
	width: 46px;
	height: 4px;
	background: #015aaa;
}


.nculturebg{
	background: url("../images/bg_culture.jpg") center no-repeat;
	background-size: cover;
}
.nculture li{
	width: 360px;
	height: 360px;
	border-radius: 50%;
	background: #fff;
	display: block;
	position: relative;
	float: left;
}
.nculture li .text{
	text-align: center;
	position: absolute;
	width: 100%;
	top: 50%;
	margin-top: -88px;
}
.nculture li .text .iconfont{
	line-height: 60px;
	font-size: 60px;
	color: #f1811b;
}
.nculture li .text strong{
	font-size: 24px;
	margin: 15px 0 10px 0;
	display: block;
}
.nculture li .text p{
	font-size: 16px;
	color: #666666;
	line-height: 30px;
}
.nculture li:nth-child(2){
	background: #015aaa;
	margin: 0 60px;
}
.nculture li:nth-child(2) .text *{
	color: #fff;
}


.nprolist li{
	display: block;
	float: left;
	width: 290px;
	margin: 0 27.5px 15px 0;
}
.nprolist li:nth-child(3n){
	margin: 0 0 15px 0;
}
.nprolist li .pic{
	border: 1px solid #e5e5e5;
	-webkit-transition: all 0.3s;
	-moz-transition: 	all 0.3s;
	-ms-transition: 	all 0.3s;
	-o-transition: 		all 0.3s;
	transition: 		all 0.3s;
}
.nprolist li:hover .pic{
	border: 1px solid #015aaa;
}
.nprolist li p{
	line-height: 50px;
	font-size: 16px;
	text-align: center;
}


.nequslide li .pic{
	margin: 0 6px;
}
.nequslide .iconfont{
	width: 50px;
	line-height: 50px;
	font-size: 30px;
	background: #bfbfbf;
	color: #fff;
	position: absolute;
	top: 50%;
	margin-top: -25px;
	text-align: center;
	cursor: pointer;
	-webkit-transition: all 0.3s;
	-moz-transition: 	all 0.3s;
	-ms-transition: 	all 0.3s;
	-o-transition: 		all 0.3s;
	transition: 		all 0.3s;
}
.nequslide .iconfont:hover{
	background: #f1811b;
	color: #fff;
}
.nequslide .arrow_equ_left{
	left: 6px;
	transform: rotate(180deg);
}
.nequslide .arrow_equ_right{
	right: 6px;
}


.contacttitle{
	font-size: 24px;
	font-weight: bold;
}
.ncontact{
	width: 700px;
}
.ncontacttext{
	padding: 60px 50px;
	background: #f4f4f4;
	font-size: 16px;
	line-height: 36px;
	color: #484848;
}
.ncontacttext .iconfont{
	width: 22px;
	font-size: 22px;
	margin: 0 15px 0 0;
	color: #015aaa;
}

.map{
	overflow: hidden;
}
.map iframe{
	position: relative;
	margin-left: -960px;
	left: 50%;
}


.nmessage{
	width: 460px;
}
.nmessage li{
	display: block;
	margin: 0 0 8px 0;
	position: relative;
}
.nmessage li input[type="text"]{
	padding: 0 20px;
	box-sizing: border-box;
	height: 36px;
	border: none;
	background: #f4f4f4;
	width: 100%;
}
.nmessage li textarea{
	padding: 10px 20px;
	box-sizing: border-box;
	height: 84px;
	border: none;
	background: #f4f4f4;
	width: 100%;
}
.nmessage li input[type="button"]{
	padding: 0 20px;
	box-sizing: border-box;
	height: 36px;
	border: none;
	background: #015aaa;
	width: 100%;
	color: #fff;
	cursor: pointer;
}
.nmessage li img{
	width: 82px;
	height: 35px;
	background: #f4f4f4;
	position: absolute;
	right: 0;
	top: 0;
}


.shonor{
	position: relative;
}
.shonor img{
	max-width: 100%;
	display: block;
	margin: 0 auto;
}
.shonor .more{
	width: 240px;
	line-height: 56px;
	text-align: center;
	font-size: 20px;
	color: #fff;
	display: block;
	left: 50%;
	margin-left: -120px;
	z-index: 2;
	bottom: 40px;
	position: absolute;
	background: #f1811b;
	transform-origin: bottom;
	-webkit-transition: all 0.3s;
	-moz-transition: 	all 0.3s;
	-ms-transition: 	all 0.3s;
	-o-transition: 		all 0.3s;
	transition: 		all 0.3s;
}
.shonor .more:hover{
	transform: scale(1.1);
}