@charset "UTF-8";



/*css 初始化 */



html,

body,

ul,

li,

ol,

dl,

dd,

dt,

p,

h1,

h2,

h3,

h4,

h5,

h6,

form,

fieldset,

legend,

img {

	margin: 0;

	padding: 0;

}



fieldset,

img,

input,

button {

	border: none;

	padding: 0;

	margin: 0;

	outline-style: none;

}



ul,

ol {

	list-style: none;

}



input {

	padding-top: 0;

	padding-bottom: 0;

}



select,

input {

	vertical-align: middle;

}



select,

input,

textarea {

	font-size: 12px;

	margin: 0;

}



textarea {

	resize: none;

}



img {

	border: 0;

	vertical-align: middle;

	max-width: 100%;

}



table {

	border-collapse: collapse;

}



body {

	font: 12px/150% Arial, Verdana, "\5b8b\4f53";

	color: #666;

	background: #fff;

	font-family: "微软雅黑";

}



.clearfix:before,

.clearfix:after {

	content: "";

	display: table;

}



.clearfix:after {

	clear: both;

}



.clearfix {

	*zoom: 1;

}



a {

	color: #666;

	text-decoration: none;

}



h1,

h2,

h3,

h4,

h5,

h6 {

	text-decoration: none;

	font-weight: normal;

	font-size: 100%;

}



s,

i,

em {

	font-style: normal;

	text-decoration: none;

}



.fl {

	float: left

}



.fr {

	float: right

}



.clearfix {

	zoom: 1;

}





/*header*/



.header {

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	z-index: 999;

}



.header_t {

	position: relative;

	width: 100%;

}



.logo {

	position: absolute;

	left: 40px;

	top: 20px;

	z-index: 999;

}



.right_ce {

	position: relative;

	width: 100%;

	text-align: center;

}



.vguyq {

	color: #666;

	font-size: 14px;

	line-height: 24px;

	transition: all ease .3s;

}



.right_ce li {

	display: inline-block;

	margin: 0 23px;

}



.right_ce li a {

	font-size: 16px;

	color: #fff;

	line-height: 36px;

	position: relative;

	padding: 28px 0 6px;

	display: block

}



.right_ce li a::after {

	content: '';

	display: block;

	position: absolute;

	left: 0;

	bottom: 0;

	width: 0;

	height: 1px;

	background: #fff;

}

.right_ce li a:hover::after {

	width: 100%;

	transition: width .3s

}



.right_ce li a.on::after {

	content: '';

	display: block;

	position: absolute;

	left: 0;

	bottom: 0;

	width: 100%;

	height: 1px;

	background: #fff;

}



.hei_number {

	position: absolute;

	right: 40px;

	top: 28px;

	font-size: 22px;

	line-height: 36px;

	color: #fff;

	background: url(/watermark.php?src=template/demo/images/num.png) left center no-repeat;

	padding-left: 30px;

	font-family: Arial;

}



.banner {

	position: static;

	width: 100%;

	height: 100vh;

	overflow: hidden;

}



.banner .swiper-container {

	position: relative;

	width: 100%;

	height: 100%;

}



.banner img {

	width: 100%;

	height: 100%;

}



.banner .swiper_text {

	position: absolute;

	top: 50%;

	left: 8.6%;

}



.banner .swiper-container .swiper-slide::after {

	content: "";

	display: block;

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	bottom: 0;

	background: rgba(0, 0, 0, .4);

	z-index: 2;

}



.swiper-slide-active .tunvz {}



.tunvz {

	position: absolute;

	top: 50%;

	left: -100%;

	width: auto;

	color: #fff;

	line-height: 1.3;

	transform: translateY(-50%);

	-moz-transform: translateY(-50%);

	-webkit-transform: translateY(-50%);

	z-index: 9999;

	opacity: 0;

	transition: all 1.2s ease;

}



.swiper-slide-active .tunvz {

	left: 9.6%;

	opacity: 1;

}



.tunvz h3 {

	font-size: 36px;

	line-height: 60px;

	color: #fff

}



.tunvz h3 span {

	font-size: 48px;

	display: block;

	margin-bottom: 10px;

	color: #fff

}





/*index_zl*/



.index_zl {

	width: 100%;

	background: #fff;

	padding: 50px 0 30px 0;

}



.zl_main {

	max-width: 1600px;

	margin: auto;

	position: relative;

}



.zl_t {

	width: 100%;

	position: relative;

	padding-bottom: 54px;

}



.zl_t .dh {

	font-size: 70px;

	line-height: 70px;

	font-family: Helvetica;

	color: #000;

}



.zl_t .dh_t {

	font-size: 36px;

	line-height: 1;

	font-weight: bold;

	color: #222;

	margin-bottom: 23px

}



.dh_txt {

	width: 685px;

	font-size: 14px;

	line-height: 24px;

	color: #666;

}



.zl_t .bdv {

	font-size: 70px;

	line-height: 70px;

	font-family: Helvetica;

	color: #000;

	display: table;

	position: absolute;

	right: 0;

	top: 110px;

}



.zl_t .bdv span {

	width: 300px;

	height: 2px;

	background: #222;

	display: inline-block;

	position: absolute;

	top: 9px;

	right: 65px;

}



.zl_main .zl_lis {

	width: 100%;

	display: table;

	border-bottom: 2px solid #222;

	padding-bottom: 60px;

	overflow: hidden;

}



.zl_main .zl_lis li {

	width: 20%;

	float: left;

	box-sizing: border-box;

	padding: 60px 20px 54px 40px;

	background: #fff;

	transition: all ease .3s;

	border-radius: 3px;

	margin: 0 5.125% 0 0.5%;

	cursor: pointer;

}



.zl_lis .icon {

	width: 100%;

	height: 100px;

	transition: all ease .3s;

}



.zl_lis .icon1 {

	background: url(/watermark.php?src=template/demo/images/icon1.png) left top no-repeat;

}



.zl_lis li:hover .icon1 {

	background-image: url(/watermark.php?src=template/demo/images/icon1-ac.png);

}



.lis_t {

	font-size: 24px;

	color: #222;

	line-height: 36px;

	font-weight: bold;

	margin-bottom: 28px;

	transition: all ease .3s

}



.txtz {

	font-size: 14px;

	line-height: 24px;

	transition: all ease .3s;

}



.har {

	width: 0;

	height: 10px;

	margin-top: 45px;

	background: url(/watermark.php?src=template/demo/images/hrz.png) right center no-repeat;

	transition: all ease .3s;

}



.zl_lis .icon2 {

	background: url(/watermark.php?src=template/demo/images/icon2.png) left top no-repeat;

}



.zl_lis li:hover .icon2 {

	background-image: url(/watermark.php?src=template/demo/images/icon2-ac.png);

}



.zl_lis .icon3 {

	background: url(/watermark.php?src=template/demo/images/icon3.png) left top no-repeat;

}



.zl_lis li:hover .icon3 {

	background-image: url(/watermark.php?src=template/demo/images/icon3-ac.png);

}



.zl_lis .icon4 {

	background: url(/watermark.php?src=template/demo/images/icon4.png) left top no-repeat;

}



.zl_lis li:hover .icon4 {

	background-image: url(/watermark.php?src=template/demo/images/icon4-ac.png);

}



.zl_main .zl_lis li:nth-child(4n) {

	margin: 0 0 0 8px;

}



.zl_lis li:hover a,

.zl_lis li:hover div {

	color: #fff;

}



.zl_lis li:hover {

	background: #21abd7;

}



.inde_al {

	width: 100%;

	padding: 30px 0 80px

}



.dh_txt1 {

	font-size: 14px;

	line-height: 24px;

	color: #666;

	padding-top: 30px;

}



.zlai_title {

	font-size: 36px;

	line-height: 36px;

	color: #222;

	font-weight: bold;

}



.zl_main .morez {

	font-family: 'sheepsansbold';

	font-size: 16px;

	line-height: 36px;

	color: #000;

	background: url(/watermark.php?src=template/demo/images/icon5.png) right center no-repeat;

	padding-right: 35px;

	display: block;

	position: absolute;

	right: 0;

	top: 59px;

}



.zl_main_menu {

	width: 100%;

	display: table;

	margin-top: 30px;

	overflow: hidden;

}



.zl_main .zl_lis li:hover .har {

	width: 48px;

}



.zl_main_menu li {

	height: 28px;

	line-height: 26px;

	float: left;

	border: 1px solid #666;

	border-radius: 14px;

	margin-right: 10px;

}



.zl_main_menu li a {

	padding: 0 20px;

	display: inline-block;

	font-size: 16px;

	border-radius: 14px;

	color: #666;

	transition: all ease .3s;

}



.zl_main_menu li:hover {

	border-radius: 14px;

	background: #222;

}



.zl_main_menu li:hover a {

	color: #fff;

}



.zl_main_menu li.on {

	background: #222;

}



.zl_main_menu li.on a {

	color: #fff;

}



.zl_amin_case {

	width: 100%;

	display: table;

	margin-top: 40px;

}



.zl_amin_case li {

	width: 32.5%;

	float: left;

	margin-right: 1.25%;

	margin-bottom: 20px;

	transition: all ease;

	.3s;

	cursor: pointer;

}



.zl_amin_case li:hover {

	box-shadow: 0 0 15px 1px rgba(0, 0, 0, .1);

}



.image {

	width: 100%;

	overflow: hidden;

}



.im_box {

	width: 100%;

	box-sizing: border-box;

	border: 1px solid #ebebeb;

	border-top: none;

	padding: 20px 20px 0;

}



.box_tit {

	width: 100%;

	position: relative;

	line-height: 36px;

}



.tin1 {

	font-size: 16px;

	font-weight: bold;

	color: #222;

}



.pin2 {

	color: #666;

	font-size: 14px;

}



.iconz {

	position: absolute;

	right: 0;

	top: 20px;

}



.iconz span {

	display: inline-block;

	width: 18px;

	height: 16px;

	margin-left: 10px;

}



.icon6 {

	background: url(/watermark.php?src=template/demo/images/icon6.png) center center no-repeat;

}



.icon7 {

	background: url(/watermark.php?src=template/demo/images/icon7.png) center center no-repeat;

}



.monez {

	width: 100%;

	border-top: 1px solid #e3e3e3;

	margin-top: 7px;

	font-size: 14px;

	color: #666;

	line-height: 36px;

	padding: 7px;

	background: url(/watermark.php?src=template/demo/images/cin.png) right center no-repeat;

	transition: all ease .3s;

	box-sizing: border-box;

	padding-left: 0;

}



.zl_amin_case li .image img {

	width: 100%;

	-moz-transition: all 0.5s linear;

	-o-transition: all 0.5s linear;

	transition: all 0.5s linear;

}



.zl_amin_case li:hover .image img {

	webkit-transform: scale(1.05);

	-moz-transform: scale(1.05);

	-ms-transform: scale(1.05);

	transform: scale(1.05);

}



.zl_amin_case li:nth-child(3n) {

	margin-right: 0;

}



.idnex-sj {

	position: relative;

	overflow: hidden;

}



.ccknss {

	padding: 50px 0;

	padding-top: 70px;

}



.vid {

	display: block;

}



.video-l {

	position: absolute;

	top: 0;

	left: 0;

	display: block;

}



.wrac {

	z-index: 1;

	position: relative;

	margin: auto;

	background: -moz-linear-gradient(left, rgba(23, 9, 49, .6) 0%, rgba(30, 95, 116, .6) 100%);

	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(23, 9, 49, .6)), to(rgba(30, 95, 116, .6))));

	background: -webkit-linear-gradient(left, rgba(23, 9, 49, .6) 0%, rgba(30, 95, 116, .6) 100%);

	background: -o-linear-gradient(left, rgba(23, 9, 49, .6) 0%, rgba(30, 95, 116, .6) 100%);

	background: -ms-linear-gradient(left, rgba(23, 9, 49, .6) 0%, rgba(30, 95, 116, .6) 100%);

	width: 100%;

	height: 100%;

}



.fuvqm {}



.din_list {

	width: 1140px;

	margin: 0 auto;

	padding: 180px 0

}



.wrac_lm {

	overflow: hidden;

}



.wrac_lm li {

	float: left;

	width: 33.33%;

	height: 280px;

}



.lomz {

	border-bottom: 1px solid rgba(255, 255, 255, .2);

	position: relative;

	height: 280px;

	text-align: center;

	border-right: 1px solid rgba(255, 255, 255, .2);

}



.lmoz_txt {

	position: absolute;

	top: 50%;

	width: 100%;

	font-size: 16px;

	color: #fff;

	transform: translateY(-50%)

}



.number-wrap {

	display: block;

	font: normal 92px/1 'AkzidenzGrotesk-BoldCondAlt';

	color: #fff;

	letter-spacing: 2px;

}



.iconca {

	display: inline-block;

	font-size: 72px;

	vertical-align: 13px

}



.small-titleik {

	font-size: 16px;

	color: #fff;

}



.wrap:after,

.wrap:before {

	content: "";

	display: table;

}



.text-wrap {

	position: absolute;

	top: 50%;

	width: 100%;

	font-size: 16px;

	color: #fff;

	transform: translateY(-50%);

}



.fan {

	width: 100%;

	padding: 80px 0;

	padding-top: 30px;

}



.zl_main_box {

	width: 100%;

	background: #373737;

	display: table;

}



.img_lf {

	float: left;

	width: 60%;

}



.img_lf img {

	max-width: 100%;

	border: 0;

	vertical-align: middle;

}



.txt_bolf {

	width: 40%;

	float: left;

	padding: 8.5% 0 0 80px;

	display: inline-block;

	box-sizing: border-box;

}



.botile {

	font-size: 36px;

	font-weight: bold;

	color: #fff;

	line-height: 1;

	margin-bottom: 20px

}



.txtz {

	max-width: 475px;

	font-size: 14px;

	line-height: 28px;

	color: #fff;

}



.tolf_list {

	margin-top: 53px;

	width: 100%;

}



.tolf_list li {

	float: left;

	margin: 0 20px 20px 0;

}



.tolf_list li a {

	line-height: 36px;

	border: 1px solid #bbb;

	border-radius: 19px;

	padding: 0 21px;

	color: #bbb;

	font-size: 14px;

	display: block;

	transition: all ease .3s;

}



.tolf_list li:hover a {

	color: #222;

	background: #fff;

	border: 1px solid #fff;

}



.arc_list1 {

	width: calc(700% + 70px);

	display: inline-block;

	left: 0;

	position: relative;

	transition: all ease 1s;

	padding-top: 40px;

}



.art_box {

	width: calc(100% / 7);

	display: inline-block;

	float: left;

	padding-right: 10px;

	box-sizing: border-box;

}



.box1 {

	width: 24%;

	margin-right: 1.33%;

	float: left;

	transition: all ease .3s;

	margin-bottom: 12px;

}



.box1:nth-child(4n) {

	margin-right: 0;

}



.art_box .box1 a {

	display: inline-block;

	width: 100%

}



.imagex {

	width: 100%;

}



.wracq {

	position: relative;

	overflow: hidden;

	width: 100%;

	padding: 0 7.8%;

	box-sizing: border-box;

}



.box_midle {

	width: 100%;

	height: 270px;

	box-sizing: border-box;

	background: #f7f7f7;

	padding: 0 30px;

}



.bom_time {

	color: #999;

	font-family: 'sheepsansbold';

	font-weight: bold;

	font-size: 48px;

	line-height: 50px;

	border-bottom: 1px solid #dbdbdb;

	padding: 22px 0 16px;

	background: url(/watermark.php?src=template/demo/images/cinz.png) right 54px no-repeat;

	transition: all ease .3s;

}



.jxnew .zl_main {

	max-width: 1610px;

	overflow: hidden;

	padding: 0 5px;

	margin: auto;

	position: relative;

	-webkit-box-sizing: border-box;

}



.jxnew {

	width: 100%;

	background: #fff;

	overflow: hidden;

}



.bom_time span {

	font-size: 16px;

	line-height: 20px;

	font-weight: initial;

	display: block;

}



.titlemn {

	font-size: 16px;

	line-height: 36px;

	color: #000;

	margin-top: 30px;

	overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis;

}



.desc {

	font-size: 14px;

	line-height: 24px;

	color: #666;

	margin-top: 14px;

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-line-clamp: 2;

	-webkit-box-orient: vertical;

}



.box1:hover {

	box-shadow: 0 0 10px 0 rgba(0, 0, 0, .3);

}



.box2 {

	width: 30%;

	margin-right: 0.625%;

	float: left;

}



.box_midlec {

	margin-bottom: 10px;

}



.box3_t {

	width: 100%;

	height: 130px;

	margin-bottom: 10px;

	box-sizing: border-box;

	padding: 30px;

	background: #f4f4f4 url(/watermark.php?src=template/demo/images/icon5.png) 95% 60px no-repeat;

	transition: all ease .3s;

}



.box3 {

	float: left;

	width: 38.75%;

}



.inqz {

	font-size: 48px;

	font-weight: bold;

	line-height: 50px;

	font-family: 'sheepsansbold';

	color: #999;

	float: left;

	margin-right: 30px;

	transition: all ease .3s;

}



.inqz span {

	font-size: 16px;

	display: block;

	line-height: 20px;

}



.tinq {

	width: 410px;

	float: left;

	font-size: 16px;

	line-height: 26px;

	color: #000;

	padding-top: 10px;

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-line-clamp: 2;

	-webkit-box-orient: vertical;

}



.footer {

	width: 100%;

	position: relative;

	overflow: hidden;

}



.foot_top {

	width: 100%;

	min-height: 365px;

	padding: 60px 7.8% 18px;

	display: table;

	background: url(/watermark.php?src=template/demo/images/fnm.jpg) center center no-repeat;

	background-size: auto 100%;

	box-sizing: border-box;

}



.foot_top .fo_box>li {

	width: 22%;

	float: left;

	margin-right: 2.6%;

}



.tint {

	font-size: 14px;

	line-height: 28px;

	color: #fff;

	font-weight: bold;

	border-bottom: 1px solid rgba(255, 255, 255, .08);

	padding-bottom: 12px;

}



.footer .tbox {

	font-size: 14px;

	line-height: 28px;

	padding-top: 22px;

}



.txtt {

	color: #999;

	font-size: 14px;

	line-height: 28px;

}



.mor {

	width: 96px;

	height: 32px;

	border: 1px solid #504f4f;

	border-radius: 16px;

	display: block;

	color: #666;

	font-size: 12px;

	margin-top: 32px;

	padding-left: 20px;

	background: url(/watermark.php?src=template/demo/images/nvh.png) 62px center no-repeat;

	transition: all ease .5s;

}



.mor:hover {

	border: 1px solid #fff;

	color: #fff;

	background: url(/watermark.php?src=template/demo/images/ij.png) 62px center no-repeat;

}



.link li {

	width: 50%;

	display: block;

	color: #999;

	float: left;

	transition: all ease .5s;

}



.foot-top li:last-child {

	margin-right: 0;

}



.fnim {

	width: 100px;

	margin-right: 10px;

	float: left;

}



.foot_ff {

	width: 100%;

	padding: 30px 7.8% 18px;

	display: table;

	box-sizing: border-box;

}



.frend_links {

	width: 88%;

	float: left;

}



.linkssq {

	width: 100%;

}



.linkssq li {

	display: inline;

}



.linkssq li a {

	font-size: 12px;

	line-height: 30px;

	color: #666;

	margin-right: 20px;

	transition: all ease .5s;

}



.frend_links a {

	font-size: 12px;

	line-height: 30px;

	color: #666;

	margin-right: 20px;

	transition: all ease .5s;

}



.unm {

	width: 100%;

}



.copy {

	line-height: 28px;

	color: #999;

	margin-top: 10px;

}



.link_bun {

	width: 106px;

	height: 30px;

	border: 1px solid #e4e4e4;

	text-align: center;

	line-height: 28px;

	display: block;

	color: #999;

	float: right;

	transition: all ease .5s;

}



.link_bun:hover {

	color: #222;

}



.box_midle:hover,

.box3_t:hover {

	box-shadow: 0 0 10px 0 rgba(0, 0, 0, .3);

}



.anlm {

	width: 100%;

	padding: 80px 0;

}



.anli_t {

	overflow: hidden;

}



.anliist li {

	float: left;

	border: 1px solid #BBBBBB;

	width: calc(100% / 7 - 10px);

	margin-right: 10px;

	box-sizing: border-box;

	margin-bottom: 10px;

	text-align: center;

	padding: 12px 0;

}



.anliist li:nth-child(7n) {

	margin-right: 0;

}



.anliist li img {

	max-width: 100%;

	vertical-align: middle;

}



.bjn {

	position: absolute;

	right: 0;

	left: 0;

	bottom: 0;

	height: 70px;

	line-height: 70px;

	z-index: 55;

}



.jmq {

	width: 100%;

	height: 100%;

}



.hbv {

	z-index: 56;

	position: absolute;

	bottom: 50px;

	left: 160px;

	width: 52px;

	height: 52px;

	border: 1px solid #fff;

	border-radius: 100%;

	overflow: hidden;

	cursor: pointer;

	z-index: 666;

}



.anliist {

	overflow: hidden;

}



.jxnew .kns,

.zl_main .kns {

	width: 100%;

}



.hbv span {

	position: absolute;

	display: block;

	width: 52px;

	height: 52px;

	margin: 0 auto;

	background: url(/watermark.php?src=template/demo/images/cv.png) no-repeat center center;

	cursor: pointer;

	animation: downico 1.5s ease-out infinite;

}



@keyframes downico {

	0% {

		top: 0;

		opacity: 1;

	}

	30% {

		top: 50%;

		opacity: 0;

	}

	60% {

		top: -50%;

		opacity: 0;

	}

	100% {

		top: 0;

		opacity: 1;

	}

}





/*about*/



.videoic {

	width: 100%;

	height: 100%;

	position: absolute;

	overflow: hidden;

	left: 0;

	top: 0;

}



.about_1 {

	width: 100%;

}



.about1 {

	width: 100%;

	height: 625px;

	text-align: center;

	padding-top: 70px;

	box-sizing: border-box;

}



.abot_l1 {

	font-family: 'gotham-Bold';

	font-size: 48px;

	line-height: 66px;

	color: #222;

}



.abou1_txt {

	width: 900px;

	margin: auto;

	font-size: 14px;

	line-height: 28px;

	color: #222;

	margin-top: 22px

}



.about1_ico {

	margin-top: 40px;

}



.about1_ico img {

	vertical-align: middle;

	max-width: 100%;

}



.about_2 {

	width: 100%;

	height: 650px;

	background: url(/watermark.php?src=template/demo/images/an1.jpg);

	background-size: 100% 100%;

	text-align: center;

	padding: 100px 7.8% 0;

	box-sizing: border-box;

}



.titnj {

	font-weight: bold;

	font-size: 36px;

	color: #fff;

	line-height: 1;

}



.abou2_txt {

	width: 620px;

	margin: 23px auto 0;

	font-size: 14px;

	line-height: 24px;

	color: #fff;

}



.abou2_lis {

	width: 100%;

	position: relative;

	padding: 0 80px;

	margin-top: 65px;

	box-sizing: border-box;

}



.abou2_lis .swiper-container {

	width: 100%;

	height: 100%;

	box-sizing: border-box;

}



.abou2_lis img {

	max-width: 100%;

	vertical-align: middle;

}



.abou2_lis .swiper-button-prev,

.abou2_lis .swiper-button-next {

	width: 60px;

	height: 60px;

	border-radius: 50%;

	border: 2px solid #fff;

	position: absolute;

	top: 59%;

	transform: translateY(-50%);

	cursor: pointer;

	transition: all ease .5s;

	box-sizing: border-box;

}



.abou2_lis .swiper-button-prev {

	background: url(/watermark.php?src=template/demo/images/nqq.png) no-repeat center center;

	left: 0;

}



.abou2_lis .swiper-button-prev:hover {

	background-color: #000;

	border-color: #000;

}



.abou2_lis .swiper-button-next {

	background: url(/watermark.php?src=template/demo/images/dyc.png) no-repeat center center;

	right: 0;

}



.abou2_lis .swiper-button-next:hover {

	background-color: #000;

	border-color: #000;

}



.about_3 {

	width: 100%;

	display: table;

	margin-top: 10px;

}



.tboqc {

	width: 50%;

	float: left;

	padding-left: 7.8%;

	padding-top: 207px;

	box-sizing: border-box;

}



.tb_ti1 {

	font-size: 36px;

	font-weight: bold;

	color: #222;

	line-height: 1;

}



.tb_txtr {

	width: 80%;

	font-size: 14px;

	line-height: 28px;

	color: #222;

	margin-top: 20px;

}



.moyrc {

	margin-top: 40px;

	width: 60px;

	height: 60px;

	border-radius: 50%;

	border: 2px solid #222;

	background: url(/watermark.php?src=template/demo/images/nvz.png) center center no-repeat;

	display: block;

	transition: all ease .5s;

}



.moyrc:hover {

	border-color: #000;

	background-color: #000;

	background-image: url(/watermark.php?src=template/demo/images/qm.png);

}



.imgzv {

	width: 50%;

	float: right;

	overflow: hidden;

}



.imgzv img {

	width: 100%;

	transition: all ease 1s;

}



.about_3:hover .imgzv img {

	transform: scale(1.05);

}



.about_4 {

	width: 100%;

	display: table;

	margin-top: 10px;

	background: #f4f4f4;

}



.bom_lo_img {

	width: 50%;

	float: left;

	overflow: hidden;

}



.bom_lo_img img {

	width: 100%;

	transition: all ease 1s;

}



.about_4:hover .bom_lo_img img {

	transform: scale(1.05);

}



.tb_bon {

	width: 50%;

	padding: 207px 0 0 7.8%;

	float: right;

	box-sizing: border-box;

}



.abo5 {

	width: 100%;

	height: 343px;

	text-align: center;

	padding-top: 80px;

}



.titlk {

	font-size: 36px;

	font-weight: bold;

	color: #222;

}



.textc {

	font-size: 14px;

	line-height: 28px;

	color: #222;

	margin-top: 22px

}



.join {

	width: 161px;

	height: 55px;

	line-height: 55px;

	border-radius: 27px;

	background: #2e9ec2 url(/watermark.php?src=template/demo/images/byf.png) 108px center no-repeat;

	display: block;

	margin: 42px auto 0;

	text-align: left;

	padding-left: 35px;

	font-size: 14px;

	font-weight: bold;

	color: #fff;

}



.tgyaaau {

	padding-bottom: 0;

}





/*anli*/



.anban {

	width: 100%;

	height: 540px;

	position: relative;

	transition: all ease .5s;

}



.anban_img {

	width: 100%;

	height: 100%;

	position: absolute;

	overflow: hidden;

	left: 0;

	top: 0;

}



.anban_img img {

	max-width: initial;

	width: auto;

	height: 100%;

	position: absolute;

	top: 0;

	left: 50%;

	transform: translateX(-50%);

}



.anban_n1 {

	position: relative;

	max-width: 1600px;

	height: 100%;

	z-index: 2;

	margin: auto;

	color: #fff;

	padding-top: 275px;

	letter-spacing: 2px;

	transition: all ease .5s;

	box-sizing: border-box;

}



.thbv {

	font-size: 36px;

	font-weight: bold;

	line-height: 1;

}



.tbhv_2 {

	font-size: 16px;

	line-height: 30px;

	margin-top: 12px;

}



.byqumn {

	position: absolute;

	right: 0;

	bottom: 0;

	line-height: 60px;

	font-size: 14px;

	color: #7e7e7e;

	letter-spacing: 2px;

	padding-left: 25px;

	background: url(/watermark.php?src=template/demo/images/ucu.png) left center no-repeat;

	height: 60px;

	z-index: 666;

}



.byqumn a {

	color: #7e7e7e;

	transition: all ease .3s;

}



.byqumn span {

	color: #fff;

}



.byqumn a:hover {

	color: #fff;

}



.ouvm {

	position: absolute;

	left: 0;

	bottom: 0;

	width: 100%;

	height: 60px;

	background: rgba(0, 0, 0, .25);

	box-sizing: border-box;

}



.banmenu {

	position: absolute;

	left: 0;

	bottom: 0;

	width: 100%;

	height: 60px;

	background: rgba(0, 0, 0, .25);

}



.bnic {

	float: left;

	margin-right: 3px;

}



.bnic a {

	font-size: 14px;

	color: #fff;

	line-height: 35px;

	padding: 0 20px;

	display: block;

	transition: all ease .3s;

	border-radius: 15px;

}



.bnic a.on {

	color: #222;

	background: #fff;

}



.kunvz {

	max-width: 1600px;

	margin: auto;

	padding-top: 13px;

	position: relative;

	z-index: 5;

}



.bnic:hover a {

	background: #fff;

	color: #222;

}



.csnh {

	width: 100%;

	background: #f7f7f7;

}



.boxm {

	max-width: 1600px;

	margin: auto;

	padding-bottom: 80px

}



.arcij {

	width: 100%;

	display: table;

	padding: 40px 0 10px;

}



.arcij li {

	width: 24%;

	float: left;

	margin-right: 1.33%;

	margin-bottom: 20px;

}



.arcij li:nth-child(4n) {

	margin-right: 0;

}



.arcij li .lrca_img {

	width: 100%;

	overflow: hidden;

}



.arcij li .lrca_img img {

	transition: all 0.5s linear;

	width: 100%;

}



.arcij li .lrca_img:hover img {

	transform: scale(1.05);

}



.tb_in {

	width: 100%;

	box-sizing: border-box;

	border: 1px solid #ebebeb;

	border-top: none;

	padding: 20px 20px 16px;

	background: #fff;

}



.titins {

	width: 100%;

	position: relative;

	line-height: 36px;

}



.st1 {

	font-size: 16px;

	font-weight: bold;

	color: #222;

}



.st2 {

	font-size: 14px;

	color: #666;

	height: 36px;

	line-height: 36px;

	overflow: hidden;

}



.arcij li:hover {

	box-shadow: 0 0 15px 1px rgba(0, 0, 0, .1)

}



.icmj {

	position: absolute;

	right: 0;

	top: 0;

}



.icmj span {

	display: inline-block;

	width: 18px;

	height: 16px;

	margin-left: 10px;

}



.iyn1 {

	background: url(/watermark.php?src=template/demo/images/icon6.png) center center no-repeat;

}



.iyn2 {

	background: url(/watermark.php?src=template/demo/images/icon7.png) center center no-repeat

}



.page_list {

	max-width: 1600px;

	margin: 0 auto;

}



.page_list a {

	width: 40px;

	height: 40px;

	display: inline-block;

	border: 1px solid #ccc;

	text-align: center;

	line-height: 38px;

	font-size: 16px;

	color: #666;

	background: #fff;

	border-radius: 3px;

	margin-right: 10px;

	transition: all 0.5s linear;

	font-family: 'gotham-Book';

}



.page_list li a.on {

	color: #fff;

	background: #222;

	border: 1px solid #222;

}



.page_list a:hover {

	color: #fff;

	background: #222;

	border: 1px solid #222;

}





/*jjfn*/



.kvr {

	width: 100%;

	background: #f7f7f7;

}



.kv_box {

	max-width: 1600px;

	margin: auto;

}



.kv_bolist {

	width: 100%;

	display: table;

	padding: 40px 0 80px;

}



.kv_bolist ul li {

	width: 32.5%;

	height: 550px;

	float: left;

	background: #fff;

	margin-right: 1.25%;

	margin-bottom: 20px;

	transition: all ease .5s;

}



.kv_bolist ul li a {

	display: block;

	width: 100%;

}



.imgxc1 {

	width: 100%;

	overflow: hidden;

	position: relative;

}



.imgxc1 img {

	width: 100%;

	transition: all ease .4s;

}



.imgxc1::before {

	width: 100%;

	height: 100%;

	position: absolute;

	left: 0;

	top: 0;

	background: url(/watermark.php?src=template/demo/images/vum.png) center center no-repeat;

	content: "";

	z-index: 3;

	opacity: 0;

	transition: all ease .5s;

}



.imgxc1::after {

	width: 100%;

	height: 100%;

	position: absolute;

	left: 0;

	top: 0;

	background: url(/watermark.php?src=template/demo/images/trv.png) center center no-repeat;

	content: "";

	z-index: 2;

	opacity: 0;

	transition: all ease .5s;

}



.kv_bolist ul li:hover {

	box-shadow: 0 0 25px 0 rgba(0, 0, 0, .15);

}



.kv_bolist ul li:hover .imgxc1 img {

	transform: scale(1.1);

}



.kv_bolist ul li:hover .imgxc1::before {

	opacity: 1;

}



.kv_bolist ul li:hover .imgxc1::after {

	opacity: 1;

}



.tobv {

	width: 100%;

	padding: 30px;

	box-sizing: border-box;

}



.tibv_t1 {

	font-size: 22px;

	line-height: 24px;

	color: #222;

	margin-bottom: 24px;

	transition: all ease .5s;

}



.tibv_t2 {

	font-size: 14px;

	line-height: 24px;

	color: #666;

	margin-bottom: 30px;

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-line-clamp: 2;

	-webkit-box-orient: vertical;

}



.tibv_t3 {

	font-size: 14px;

	line-height: 24px;

	color: #999;

	background: url(/watermark.php?src=template/demo/images/trn.png) 68px center no-repeat;

	transition: all ease .5s;

}



.kv_bolist ul li:hover .tibv_t1 {

	color: #21abd7;

}



.kv_bolist ul li:hover .tibv_t3 {

	color: #222;

	background: url(/watermark.php?src=template/demo/images/trvn.png) 68px center no-repeat;

}



.kv_bolist ul li:nth-child(3n) {

	margin-right: 0;

}





/*artin*/



.artinew {

	width: 100%;

	background: #f7f7f7;

	padding: 50px 0 80px;

	box-sizing: border-box;

}



.art_v1 {

	max-width: 1600px;

	margin: auto;

}



.art_v1 ul li {

	background: #fff;

	/* float: left; */

	display: inline-block;

	width: 32%;

	margin-right: 1.25%;

	margin-bottom: 20px;

	transition: all ease .4s;

}



.art_v1 ul li:hover {

	box-shadow: 0 0 25px 0 rgba(0, 0, 0, .14);

}



.art_v1 ul li a {

	display: block;

}



.vuty {

	width: 100%;

	height: 250px;

	box-sizing: border-box;

	padding: 0 30px;

	transition: all ease .3s;

}



.vuy_t1 {

	font-size: 48px;

	font-weight: bold;

	line-height: 50px;

	font-family: 'sheepsansbold';

	color: #999;

	padding: 15px 0 8px;

	background: url(/watermark.php?src=template/demo/images/gyv.png) right 54px no-repeat;

	border-bottom: 1px solid #dbdbdb;

	transition: all ease .3s;

	position: relative;

}



.vuy_t1 span {

	font-size: 16px;

	line-height: 20px;

	display: block;

}



.vuy_t1::after {

	display: block;

	content: '';

	position: absolute;

	left: 0;

	transition: all ease .4s;

	height: 1px;

	background: #bbb;

	width: 30px;

	bottom: 0;

}



.art_v1 ul li:hover .vuy_t1::after {

	width: 100%;

}



.vuy_t11 {

	font-size: 16px;

	line-height: 36px;

	color: #000;

	margin-top: 20px;

	overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis;

}



.vuy_t2 {

	font-size: 14px;

	line-height: 24px;

	color: #666;

	margin-top: 10px;

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-line-clamp: 2;

	-webkit-box-orient: vertical;

}



.art_v1 ul li:nth-child(3n) {

	margin-right: 0;

}



.page_l {

	max-width: 1600px;

	margin: 30px auto 0;

	text-align: center;

}



.page_l ul {

	display: inline-block;

}



.page_l li {

	display: inline-block;

}



.page_l a {

	text-align: center;

	transition: all 0.5s linear;

	font-family: 'gotham-Book';

	display: block;

	    float: left;

	padding: 6px 8px;

	border: 1px solid #ccc;

	border-radius: 3px;

	line-height: 28px;

	font-size: 16px;

	color: #666;

	margin: 0 6px;

}



.page_l a.active {

	background: #222;

	color: #fff;

}



.zxan {

	max-width: 1600px;

	background: #fff;

	margin: 60px auto 0;

	padding: 34px 30px 27px;

	box-sizing: border-box;

}



.zxtitle {

	font-size: 18px;

	line-height: 30px;

	color: #999

}



.zxan .listn {

	width: 100%;

	padding-top: 24px;

}



.zxan .listn li {

	width: 32.5%;

	float: left;

	margin-right: 1.25%;

}



.zxan .listn li a {

	display: block;

	width: 100%;

}



.imgbq {

	width: 100%;

	overflow: hidden;

}



.imgbq img {

	width: 100%;

	-moz-transition: all 0.5s linear;

	-o-transition: all 0.5s linear;

	transition: all 0.5s linear;

}



.tb_lvq {

	width: 100%;

	padding: 20px 20px 0;

	line-height: 36px;

	position: relative;

	box-sizing: border-box;

}



.tav_l1 {

	font-size: 16px;

	font-weight: bold;

	color: #222;

}



.tav_l2 {

	font-size: 14px;

	color: #666;

}



.tav_icon {

	position: absolute;

	right: 10px;

	top: 30px;

}



.tav_icon span {

	width: 18px;

	height: 16px;

	margin-left: 10px;

	display: block;

	float: left;

}



.tav_icon span.icon_g1 {

	background: url(/watermark.php?src=template/demo/images/ac1.png) no-repeat center center;

}



.tav_icon span.icon_g2 {

	background: url(/watermark.php?src=template/demo/images/ac2.png) no-repeat center center;

}



.zxan .listn li:hover {

	box-shadow: 0 0 15px 0px rgba(0, 0, 0, .1);

}



.zxan .listn li:hover .imgbq img {

	transform: scale(1.05);

}



.zxan .listn li:nth-child(3n) {

	margin-right: 0;

}



.xlwm {

	width: 100%;

	background: #f7f7f7;

	padding: 40px 0 80px;

}



.yrvny {

	max-width: 1600px;

	margin: auto;

}





/*wzmb*/



.rybq {

	transition: all ease .6s;

}



.arcij li:hover .rybq {

	padding-left: 12px;

}





/*article*/



.data_desc {

	font-size: 14px;

	line-height: 36px;

	padding-top: 8px;

	padding-bottom: 8px;

	color: #ddd;

}



.data_desc a {

	font-size: 14px;

	color: #ddd;

}



.vutrz {

	font-size: 30px;

	line-height: 50px;

	font-weight: bold;

	color: #fff;

}



.gangfv {

	border-bottom: 1px solid rgba(255, 255, 255, .15);

	padding-bottom: 12px;

}



.artc_ar {

	width: 100%;

	background: #f7f7f7;

	padding: 50px 0 80px;

}



.ar_arle {

	max-width: 1600px;

	margin: auto;

	overflow: hidden;

}



.lef_box {

	width: 68.75%;

	float: left;

	margin-right: 1.25%;

}



.rig_box {

	width: 30%;

	float: right;

}



.top_lt {

	background: #fff;

	padding: 34px 30px 40px;

	box-sizing: border-box;

}



.cjnmy {

	line-height: 2;

	text-align: left;

	font-size: 14px

}



.smoing {

	font-size: 14px;

	color: #999;

	margin-top: 10px;

}



.grtv {

	width: 100%;

	border-top: 1px solid #eee;

	color: #999;

	line-height: 30px;

	font-size: 14px;

	position: relative;

	margin-top: 34px;

	padding-top: 20px;

}



.grtv li a {

	color: #566;

}



.xgzmv {

	width: 100%;

	background: #fff;

	padding: 37px 30px 10px;

	box-sizing: border-box;

}



.xgv_tit {

	font-size: 18px;

	line-height: 24px;

	color: #c3c3c3;

}



.lisv_t {

	margin-top: 27px;

}



.img_lovq {

	width: 100%;

	overflow: hidden;

}



.img_lovq img {

	max-width: 100%;

	vertical-align: middle;

	height: auto;

}



.tvtc1 {

	font-size: 16px;

	line-height: 40px;

	color: #222;

	overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis;

	transition: all ease .6s;

}



.tvt_fub {

	font-size: 14px;

	line-height: 20px;

	color: #999;

	transition: all ease .8s;

}



.lisv_t ul li {

	border-bottom: 1px solid #eee;

	padding-bottom: 10px;

	margin-bottom: 13px;

}



.lisv_t ul li:hover .tvtc1,

.lisv_t ul li:hover .tvt_fub {

	padding-left: 8px;

}





/*lxwm*/



.addrv {

	width: 100%;

	background: #fff;

	display: table;

	box-sizing: border-box;

}



.idbox {

	width: 25%;

	height: 295px;

	float: left;

	border-right: 1px solid #e8e8e8;

	padding-left: 2.5%;

	padding-top: 53px;

	box-sizing: border-box;

}



.itx1 {

	font-size: 16px;

	font-weight: bold;

	line-height: 30px;

	color: #222;

}



.dznc {

	font-size: 14px;

	color: #222;

	line-height: 24px;

	padding-left: 33px;

	background: url(/watermark.php?src=template/demo/images/rthv.png) left 3px no-repeat;

	margin-top: 32px;

}



.srrtq {

	background-image: url(/watermark.php?src=template/demo/images/hnq.png);

}



.fuyqv {

	margin-top: 32px;

}



.tyvcq {

	width: 100%;

	margin-top: 35px;

	box-sizing: border-box;

}



.tyvcq a {

	display: inline-block;

	width: 145px;

	height: 45px;

	border: 1px solid #222;

	border-radius: 22px;

	line-height: 43px;

	font-size: 16px;

	font-family: 'Gotham-Bold';

	background: url(/watermark.php?src=template/demo/images/qq.png) 21px center no-repeat;

	padding-left: 43px;

	margin-right: 10px;

	transition: all ease .5s;

	box-sizing: border-box;

}



.tyvcq a:hover {

	background: #222 url(/watermark.php?src=template/demo/images/wrf.png) 21px center no-repeat;

	color: #fff;

}



.idbox:last-child {

	border-right: 0;

}



.map {

	width: 100%;

}



.map img {

	max-width: 100%;

}



.otherz {

	width: 100%;

	display: inline-block;

	margin-top: 10px;

}



.other_lf {

	width: 37.5%;

	height: 629px;

	float: left;

	margin-right: 0.625%;

	background: #fff;

	padding: 60px 40px;

	box-sizing: border-box;

}



.titn1 {

	font-size: 36px;

	font-weight: bold;

	color: #222;

	line-height: 1;

	margin-bottom: 23px;

}



.tint2 {

	font-size: 14px;

	line-height: 24px;

	color: #666;

	margin-bottom: 37px;

}



.btvn {

	color: #222;

	margin-bottom: 50px;

}



.tindc {

	font-size: 16px;

	line-height: 30px;

	font-weight: bold;

	padding-left: 45px;

	margin-bottom: 10px;

}



.vrv {

	background: url(/watermark.php?src=template/demo/images/rejb.png) left center no-repeat;

	padding: 3px 0 3px 45px;

}



.adre_numz {

	font-size: 14px;

	line-height: 26px;

}



.vrvv {

	background: url(/watermark.php?src=template/demo/images/cr.png) left center no-repeat;

}



.other_rgh {

	width: 61.875%;

	float: left;

	background: #fff;

	padding: 60px 50px;

	box-sizing: border-box;

}



.vitid {

	font-size: 36px;

	color: #222;

	line-height: 1;

	font-weight: bold;

	margin-bottom: 23px;

}



.vitid2 {

	font-size: 14px;

	line-height: 24px;

	color: #666;

	margin-bottom: 24px;

}



.tinqc {

	width: 100%;

	display: table;

	border-bottom: 1px solid #ccc;

	padding: 22px 0;

	box-sizing: border-box;

}



.name_r {

	font-size: 14px;

	color: #222;

	line-height: 28px;

	float: left;

	margin-right: 8px;

}



.srtyv {

	float: left;

}



.liov li {

	float: left;

	margin-right: 10px;

	padding: 0 19px;

	border: 1px solid #222;

	border-radius: 14px;

	height: 28px;

	line-height: 26px;

	cursor: pointer;

	transition: all ease .5s;

	font-size: 14px;

	color: #222;

}



.liov li:hover,

.liov li.active {

	background: #222;

	color: #fff;

}



.form_inp {

	width: 100%;

	display: table;

}



.texq1 {

	width: 47%;

	height: 52px;

	float: left;

	margin-right: 6%;

	font-size: 14px;

	color: #222;

	border-bottom: 1px solid #ccc;

	margin-top: 20px;

}



.texq1:nth-child(2n) {

	margin-right: 0;

}



.texq2 {

	width: 100%;

	height: 66px;

	font-size: 14px;

	line-height: 26px;

	color: #222;

	border-bottom: 1px solid #ccc;

	resize: none;

	margin-top: 35px;

}



.btnvq {

	width: 140px;

	height: 50px;

	background: #222;

	border-radius: 25px;

	font-size: 16px;

	color: #fff;

	font-weight: bold;

	margin-top: 30px;

	cursor: pointer;

}



.fuik {

	font-size: 12px;

	color: #666666;

	line-height: 2;

}



.fuiv {

	position: absolute;

	bottom: 0;

	left: 0;

	padding-bottom: 0;

}



.gyuvz {

	padding: 0px;

	line-height: 60px;

}



.oivbz {

	color: #999;

	font-size: 14px;

	line-height: 28px;

}



.imgcq {

	width: 100%;

	overflow: hidden;

	position: relative;

}



.art_v1 ul li:hover .imgcq img {

	transform: scale(1.1);

}



.imgcq img {

	width: 100%;

	transition: all ease .4s;

}



.imgcq::after {

	width: 100%;

	height: 100%;

	position: absolute;

	left: 0;

	top: 0;

	background: url(/watermark.php?src=template/demo/images/trv.png) center center no-repeat;

	content: "";

	z-index: 2;

	opacity: 0;

	transition: all ease .5s;

}



.imgcq::before {

	width: 100%;

	height: 100%;

	position: absolute;

	left: 0;

	top: 0;

	background: url(/watermark.php?src=template/demo/images/vum.png) center center no-repeat;

	content: "";

	z-index: 3;

	opacity: 0;

	transition: all ease .5s;

}



.jiev::after {

	clear: both;

	display: block;

	content: "";

}



.art_v1 ul li:hover .imgcq::after,

.art_v1 ul li:hover .imgcq::before {

	opacity: 1;

}



.tgewc {

	padding-top: 20px;

}





/*qywh*/



.qywh {

	background: #F5F5F5;

	width: 100%;

	padding: 70px 0;

	overflow: hidden;

}



.unmq {

	width: 50%;

	overflow: hidden;

}



.unmq img {

	width: 100%;

	transition: all .8s ease;

}



.cryvb {

	width: 50%;

	box-sizing: border-box;

	padding-left: 7.8%;

	padding-top: 42px;

}



.tiv_pol {

	font-size: 24px;

	color: #222;

	line-height: 1;

}



.cnmq_list {

	background: #fff;

}



.vun {

	background: #fff;

	overflow: hidden;

	width: 50%;

	float: left;

	transition: all .8s ease;

}



.txtvq {

	width: 80%;

	font-size: 14px;

	line-height: 28px;

	color: #222;

	margin-top: 28px;

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-line-clamp: 3;

	-webkit-box-orient: vertical;

}



.vun:hover .unmq img {

	transform: scale(1.14);

}



.vun:hover {

	background: #21ABD7;

}



.vun:hover .tiv_pol,

.vun:hover .txtvq {

	color: #fff;

}



.wrac_lm li:nth-child(3n) .lomz {

	border-right: 0;

}



.vumqfg {

	max-width: 1600px;

	margin: auto;

	position: relative;

}



.icon_loin {

	display: none;

}



.idnex-sj {

	width: 100%;

	height: 860px;

	position: relative;

	transition: all ease .5s;

}



.vid {

	width: 100%;

	height: 100%;

	position: absolute;

	overflow: hidden;

	left: 0;

	top: 0;

}



.vid img {

	max-width: initial;

	width: auto;

	height: 100%;

	position: absolute;

	top: 0;

	left: 50%;

	transform: translateX(-50%);

}



.din_list1 {

	width: 100%;

	padding: 120px 0 0;

}



.wrac_lm li {

	height: 280px;

}



.fyhvq {

	padding-left: 0;

	padding-right: 0;

}



.swiper-button-prev {

	left: 40px;

}



.swiper-button-next {

	right: 40px;

}



.about_2 {

	width: 100%;

	background: url(/watermark.php?src=template/demo/images/an1.jpg) no-repeat center;

	box-sizing: border-box;

	padding: 70px 0 20px;

	overflow: hidden;

	text-align: center;

	heght: auto

}



.abou_xin_02_box {

	margin-top: 80px;

}



.abou_xin_02 li {

	position: relative;

	overflow: hidden;

}



.abou_xin_02 li::after {

	display: block;

	content: '';

	clear: both;

}



.abou_xin_02 li {

	width: 24%;

	float: left;

	margin-right: 1.33%;

}



.abou_xin_02 li:nth-child(4n) {

	margin-right: 0;

}



.abou_xin_desc {

	position: absolute;

}



.abou_xin_02 li>img {

	transition: all .4s ease;

}



.abou_xin_02 li:hover>img {

	transform: scale(1.21);

}



.abou_xin_desc {

	position: absolute;

	left: 0;

	top: 500px;

	width: 100%;

	height: 100%;

	background: rgba(0, 0, 0, .6);

	transition: all .6s ease;

}



.xin_02_icon {

	width: 60px;

	margin: 20px auto 20px;

}



.abou_xin_desc dd {

	font-size: 22px;

	color: #fff;

	text-align: center;

}



.abou_xin_desc dt {

	font-size: 14px;

	padding: 0 35px;

	color: #fff;

	margin-top: 20px;

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-line-clamp: 4;

	-webkit-box-orient: vertical;

	text-align: left

}



.abou_xin_02 li:hover .abou_xin_desc {

	top: 0;

}



@media(max-width:1366px) {

	/*index*/

	.banner {

		height: auto;

	}

	.header .logo {

		width: 100px;

	}

	.right_ce li a {

		padding: 15px 0 6px;

		font-size: 14px;

	}

	.hei_number {

		right: 20px;

		top: 16px;

		font-size: 16px;

		padding-left: 22px;

	}

	.zl_main {

		width: 100%;

		padding: 0 40px;

		box-sizing: border-box;

	}

	.jxnew .zl_main {

		width: 100%;

		box-sizing: border-box;

	}

	.zl_main .zl_lis li {

		width: 23%;

		margin: 0 1.125% 0 0.5%;

		padding: 60px 20px 20px 20px;

		box-sizing: border-box;

	}

	.zl_main_menu li a {

		padding: 0 10px;

		font-size: 14px;

	}

	.tunvz h3 {

		font-size: 26px;

		line-height: 40px;

	}

	.tunvz h3 span {

		font-size: 28px;

	}

	.zl_main .morez {

		right: 40px;

	}

	.din_list {

		width: 100%;

		padding: 110px 30px;

		box-sizing: border-box;

	}

	.fan .zl_main {

		width: 100%;

		padding: 0;

	}

	.txt_bolf {

		padding: 4.5% 20px 0 40px;

	}

	.botile {

		font-size: 28px;

	}

	.tolf_list {

		margin-top: 35px;

	}

	.tolf_list li {

		margin: 0 20px 15px 0;

	}

	.tolf_list li a {

		padding: 0px 10px;

	}

	.jxnew .zl_mainv {

		width: 100%;

		padding: 0 40px;

		box-sizing: border-box;

	}

	.box_midle {

		height: 220px;

	}

	.bom_time {

		padding: 10px 0;

	}

	.bom_time {

		font-size: 22px;

	}

	.bom_time span {

		font-size: 16px;

	}

	.bom_time span {

		line-height: 10px;

	}

	.titlemn {

		margin-top: 15px;

	}

	.desc {

		margin-top: 8px;

	}

	.txtt,

	.footer .tbox,

	.oivbz {

		font-size: 12px;

	}

	.foot_top {

		padding: 60px 3.8% 18px;

	}

	.link_bun {

		width: 96px;

	}

	.vumqfg {

		overflow: hidden;

		padding: 0 40px;

		box-sizing: border-box;

	}

	.foot_ff {

		padding: 60px 3.8% 18px;

	}

	/*article*/

	.anban_n1 {

		padding: 0 30px;

	}

	.ar_arle {

		margin: 0 30px;

	}

	.foot_ff {

		padding-top: 30px;

	}

	/*about*/

	.idnex-sj {

		height: 580px;

	}

	.wrac_lm li {

		height: 200px;

	}

	.vid img {

		width: 100%;

	}

	.lomz {

		height: 200px;

	}

	.number-wrap {

		font: normal 64px/1 'AkzidenzGrotesk-BoldCondAlt';

	}

	.iconca {

		font: normal 44px/1 'AkzidenzGrotesk-BoldCondAlt';

	}

	.about_2 {

		height: 550px;

	}

	.cryvb {

		padding-top: 21px;

	}

	.tiv_pol {

		font-size: 20px;

	}

	.txtvq {

		margin-top: 18px;

	}

	.txtvq {

		line-height: 22px;

	}

	/*anli*/

	.anban {

		height: 380px;

	}

	.anban_n1 {

		padding-top: 190px;

	}

	.kunvz {

		width: 100%;

		overflow-x: auto;

		display: flex;

		white-space: nowrap;

	}

	.banmenu {

		padding-left: 30px;

		box-sizing: border-box;

	}

	.boxm {

		padding: 0 30px 80px;

	}

	.arcij li {

		clear: inherit;

		width: 32%;

		margin-right: 2%;

	}

	.arcij li:nth-child(4n) {

		margin-right: 2%;

	}

	.arcij li:nth-child(3n) {

		margin-right: 0;

	}

	/*article*/

	.art_v1 {

		margin: 0 30px;

		box-sizing: border-box;

	}

	.zxan {

		margin: 60px 30px 0;

	}

	/*jjfn*/

	.kv_box {

		margin: 0 30px;

	}

	.byqumn {

		display: none;

	}

	.fuib {

		display: block;

	}

	/*lxwm*/

	.tyvcq a {

		margin-bottom: 20px;

	}

	.liov li {

		height: 24px;

		line-height: 22px;

		font-size: 14px;

		margin-bottom: 5px;

		padding: 0 10px;

	}

	.titn1 {

		font-size: 24px;

	}

	.vitid {

		font-size: 24px;

	}

	.vtfrq {

		display: block !important;

	}

	.xin_02_icon {

		display: none;

	}

	.abou_xin_desc dd {

		margin-top: 30px;

	}

	.abou_xin_desc dd {

		font-size: 18px;

	}

}



@media(max-width:960px) {

	.kv_bolist ul li {

		height: 400px;

	}

	/* .tunvz{display: none;}*/

	/*index*/

	.hei_number {

		display: none;

	}

	.hbv {

		left: 70px;

	}

	.logo {

		width: 120px;

		left: 20px;

		top: 10px;

	}

	.right_ce {

		width: 100%;

		float: right;

		margin-top: 0;

		margin-right: 0;

		padding-right: 20px;

		padding-top: 15px;

		padding: 15px 20px 15px 0;

	}

	.icon_loin img {

		width: 34px;

		cursor: pointer;

	}

	.icon_loin {

		display: block;

		float: right;

	}

	.right_ce ul {

		display: none;

		background-color: rgba(0, 0, 0, .9);

		width: 100%;

		height: 100vh;

		position: absolute;

		top: 0;

		z-index: -1;

		padding-top: 75px;

	}

	.right_ce li {

		display: block;

	}

	.right_ce li a {

		color: #fff;

		width: 100%;

		padding: 0;

		height: 50px;

		line-height: 50px;

		font-size: 16px;

	}

	.right_ce li a.on::after,

	.right_ce li a:hover::after {

		display: none;

	}

	.right_ce li a.on {

		color: #f00;

	}

	.right_ce li a .right_ce li {

		margin: 0 5px;

	}

	.zl_t .dh_t {

		font-size: 26px;

		margin-bottom: 10px;

	}

	.zl_t .dh {

		line-height: 20px;

	}

	.zl_t .bdv {

		line-height: 52px;

	}

	.zl_main {

		padding: 0 30px;

	}

	.zl_lis li .icon1,

	.zl_lis li .icon2,

	.zl_lis li .icon3,

	.zl_lis li .icon4 {

		background-size: 40px

	}

	.zl_main .zl_lis li {

		padding: 30px 10px 30px 10px;

	}

	.lis_t {

		font-size: 16px;

		line-height: 30px;

		margin-bottom: 10px;

	}

	.zlai_title {

		font-size: 22px;

	}

	.zl_main .morez {

		top: 10px;

		right: 40px;

	}

	.zl_main_menu {

		display: flex;

		overflow-x: scroll;

		white-space: normal;

	}

	.zl_main_menu ul {

		display: flex;

		white-space: nowrap;

	}

	.zl_main_menu li {

		margin-bottom: 10px;

	}

	.number-wrap {

		font: normal 60px/1 'AkzidenzGrotesk-BoldCondAlt';

	}

	.iconca {

		font: normal 51px/1 'AkzidenzGrotesk-BoldCondAlt';

	}

	.din_list {

		width: 100%;

		padding: 80px 30px;

	}

	.fan {

		padding: 20px 3% 50px;

		box-sizing: border-box;

	}

	.img_lf {

		width: 100%;

	}

	.txt_bolf {

		width: 100%;

		padding: 4.5% 20px 20px 40px;

	}

	.botile {

		font-size: 26px;

	}

	.vumqfg {

		padding: 0 30px;

	}

	.box_midle {

		padding: 0 15px;

	}

	.foot_top .fo_box>li {

		display: none;

	}

	.foot_top .fo_box>li:first-child,

	.foot_top .fo_box>li:last-child {

		display: block;

	}

	.zl_main .zl_lis {

		padding-bottom: 30px;

	}

	.inde_al {

		padding: 30px 0;

		padding-bottom: 10px;

	}

	.zl_lis .icon {

		height: 60px;

	}

	/*article*/

	.data_desc {

		font-size: 12px;

	}

	.byqumn {

		font-size: 12px;

	}

	.iyb {

		display: none;

	}

	.vutrz {

		font-size: 26px;

	}

	.anban {

		height: 400px;

	}

	.artc_ar {

		padding: 20px 0;

	}

	.lef_box {

		width: 100%;

		float: inherit;

		margin-right: 0;

	}

	.rig_box {

		display: none;

	}

	/*about*/

	.tiv_pol {

		font-size: 18px;

	}

	.txtvq {

		font-size: 14px;

		margin-top: 12px;

		line-height: 18px;

	}

	.about_2 {

		padding-top: 50px;

	}

	.about_2 {

		height: 440px;

	}

	.abou2_lis .swiper-button-prev,

	.abou2_lis .swiper-button-next {

		width: 40px;

		height: 40px;

		top: 73%;

	}

	/*article*/

	.art_v1 ul li {

		background: #fff;

		float: none;

		width: 100%;

		padding-right: 20px;

		padding-left: 20px;

		margin-bottom: 20px;

		box-sizing: border-box;

	}

	.imgcq {

		height: 150px;

		display: none;

	}

	.idnex-sj {

		height: 650px;

	}

	.vtfrq {

		display: block !important;

	}

	.fuiv {

		left: 30px;

	}

	.about_2 {

		height: auto;

		overflow: hidden;

		padding-top: 30px;

		padding-bottom: 30px;

	}

	.abou_xin_02 li {

		width: 49%;

		margin-right: 2%;

		margin-bottom: 12px;

		height: 236px;

	}

	.abou_xin_02 li:nth-child(2n) {

		margin-right: 0;

	}

	.abou_xin_desc dd {

		margin-top: 50px;

	}

}



@media (max-width: 768px) {

	/*index*/

	.foot_top .fo_box>li {

		display: none !important;

	}

	.foot_top {

		padding: 20px 7.8% 18px;

		overflow: hidden;

		min-height: 300px;

	}

	.zl_main .morez {

		top: 0;

		line-height: 20px;

	}

	.tint {

		display: none;

	}

	.foot_top .fo_box>li {

		width: 100%;

	}

	.footer .tbox {

		padding-top: 0;

	}

	.foot_ff {

		display: none;

	}

	.foot_top .fo_box>li:last-child {

		display: block !important;

	}

	/*about*/

	.abou1_txt {

		width: 100%;

		padding: 0 30px;

		box-sizing: border-box;

	}

	.qywh {

		display: none;

	}

	.abou2_lis .swiper-button-prev,

	.abou2_lis .swiper-button-next {

		top: 63%;

	}

	.abot_l1 {

		font-size: 32px;

		line-height: 42px;

	}

	.about1 {

		height: 554px;

		padding-top: 55px;

	}

	.about1_ico {

		width: 40%;

		margin: 40px auto 0;

		margin-top: 20px;

	}

	.abou2_txt {

		width: 100%;

	}

	.thbv {

		font-size: 24px;

	}

	.bnic a {

		line-height: 25px;

		padding: 0 10px;

	}

	/*anli*/

	.banmenu {

		height: 50px;

		padding-left: 15px;

	}

	.boxm {

		padding: 0 30px 50px;

	}

	.arcij li {

		width: 48%;

		margin-right: 4% !important;

	}

	.arcij li:nth-child(2n) {

		margin-right: 0 !important;

	}

	.kv_bolist ul li:nth-child(3n) {

		margin-right: 4%;

	}

	.kv_bolist ul li {

		width: 48%;

		margin-right: 4%;

		height: 420px;

	}

	.kv_bolist ul li:nth-child(2n) {

		margin-right: 0;

	}

	.byqumn {

		display: block !important;

		left: 30px;

		right: inherit;

		display: none !important;

	}

	.ouvm {

		padding-left: 30px;

	}

	.vvvqz {

		display: none !important;

	}

	.fuib {

		display: none !important;

	}

	.idnex-sj {

		height: 580px;

	}

	.foot_ffitx1 {

		display: none;

	}

	.vtfrq {

		display: block !important;

	}

	.vuy_t1 {

		font-size: 36px;

	}

	.fuiv {

		left: 32px;

	}

	.swiper-button-prev {

		left: 10px;

	}

	.swiper-button-next {

		right: 10px;

	}

	.anlm {

		padding-top: 40px;

	}

	.pin2 {

		overflow: hidden;

		white-space: nowrap;

		text-overflow: ellipsis;

	}

	.zl_amin_case li {

		width: 49.375% !important;

	}

	.zl_amin_case li {

		margin-right: 1.25% !important;

	}

	.zl_amin_case li:nth-child(2n) {

		margin-right: 0 !important;

	}

	/**/

	.abou_xin_02 li {

		width: 49%;

		margin-right: 2%;

		margin-bottom: 12px;

		height: auto;

	}

}



@media (max-width: 414px) {

	.tunvz {

		transform: translateY(1%);

	}

	.tunvz h3 {

		font-size: 14px;

		line-height: 2;

	}

	.tunvz h3 span {

		font-size: 16px;

	}

	.din_list {

		padding-top: 30px;

	}

	/*index*/

	.zl_main {

		padding: 0 20px;

	}

	.logo {

		width: 94px;

	}

	.hbv,

	.swiper-button-prev,

	.swiper-button-next {

		display: none;

	}

	.zl_t .dh {

		font-size: 40px;

	}

	.zl_t .dh_t {

		font-size: 18px;

	}

	.zl_t .dh_txt {

		width: 100%;

		font-size: 14px;

	}

	.zl_t .bdv {

		top: initial;

		bottom: -5px;

		font-size: 40px;

	}

	.zl_t .bdv span {

		width: 100px;

	}

	.icon_loin img {

		width: 25px;

	}

	.zl_main .zl_lis li {

		width: 47%;

		margin: 0 1.5%;

	}

	.zlai_title {

		font-size: 18px;

	}

	.zl_main .morez {

		right: 20px;

		font-size: 14px;

	}

	.zl_amin_case li {

		width: 100%;

		margin-right: 0;

	}

	.wrac_lm li {

		width: 50%;

		height: 175px;

	}

	.number-wrap {

		font: normal 30px/1 'AkzidenzGrotesk-BoldCondAlt';

	}

	.iconca {

		font-size: 20px;

		position: relative;

		bottom: -7px;

	}

	.small-titleik {

		padding-top: 20px;

	}

	.lomz {

		height: 175px;

	}

	.wrac_lm li:nth-child(2n) .lomz {

		border-right: 0;

	}

	.wrac_lm li:nth-child(3n) .lomz {

		border-right: 1px solid rgba(255, 255, 255, .2);

	}

	.wrac_lm li:last-child .lomz {

		border-right: 0;

	}

	.botile {

		font-size: 18px;

		margin-bottom: 10px;

	}

	.tolf_list li {

		float: left;

		margin: 0 10px 10px 0;

	}

	.tolf_list li a {

		line-height: 30px;

		border-radius: 15px;

		padding: 0 10px;

		font-size: 14px;

	}

	.vumqfg {

		padding: 0 20px;

	}

	.txt_bolf {

		padding: 40px 25px 35px;

	}

	.box1 {

		width: 100%;

	}

	.anliist li {

		width: calc(100% / 4 - 10px);

	}

	.anliist li:nth-child(7n) {

		margin-right: 10px;

	}

	.anliist li:nth-child(4n) {

		margin-right: 0;

	}

	.anliist li:nth-child(n+13) {

		display: none !important;

	}

	.anlm {

		padding: 40px 0;

	}

	.foot_top {

		min-height: 220px;

	}

	.foot_ff {

		display: block;

	}

	.linkssq {

		display: none;

	}

	.link_bun {

		display: none;

	}

	.tint {

		display: block;

	}

	.foot_ff {

		overflow: hidden;

		padding: 10px 0;

	}

	.frend_links {

		width: 100%;

		text-align: center;

	}

	.wrac_lm li:nth-child(n+5) .lomz {

		border-bottom: 0;

	}

	.copy {

		margin-top: 0;

	}

	/*article*/

	.anban_n1 {

		padding: 0 12px;

	}

	.vutrz {

		font-size: 18px;

		line-height: 32px;

	}

	.byqumn {

		left: 12px;

	}

	.byqumn,

	.inmqqe {

		display: none;

	}

	.ar_arle {

		margin: 0 12px;

	}

	.top_lt {

		padding: 10px;

	}

	.foot_ff {

		padding: 15px 3%;

	}

	/*about*/

	.din_list1 {

		padding-top: 40px;

	}

	.titnj {

		font-size: 26px;

	}

	.bvyuq .swiper-button-prev,

	.bvyuq .swiper-button-next {

		display: block !important;

	}

	/*anli*/

	.thbv {

		font-size: 20px;

		line-height: 40px;

	}

	.anban_n1 {

		padding-top: 150px;

	}

	.tbhv_2 {

		font-size: 14px;

		line-height: 20px;

		margin-top: 20px;

	}

	.vimdnb {

		margin: 0 30px;

	}

	.arcij li {

		width: 100%;

	}

	.boxm {

		padding: 0 20px 50px;

	}

	/*artiuc*/

	.art_v1 {

		margin: 0 12px;

	}

	.artinew {

		width: 100%;

		background: #f7f7f7;

		padding: 20px 0 20px;

	}

	.zxan {

		display: none;

	}

	.tgewc {

		padding-top: 0;

	}

	.art_v1 ul li {

		padding-right: 20px;

		padding-left: 20px;

	}

	.vuty {

		padding: 0;

	}

	/*articl*/

	.kv_bolist ul li {

		width: 100%;

		height: auto;

		margin-right: 0;

	}

	.kv_box {

		margin: 0 20px;

	}

	.vgrhqz,

	.chetbz {

		display: none !important;

	}

	.dznc {

		background: none;

	}

	/*lxwm*/

	.idbox {

		width: 50%;

		height: 175px;

		padding-left: 2%;

		padding-top: 20px;

		border-bottom: 1px solid #ccc

	}

	.dznc {

		font-size: 12px;

		line-height: 24px;

		padding-left: 10px;

	}

	.tyvcq {

		padding-left: 10px;

	}

	.itx1 {

		font-size: 14px;

		padding-left: 10px;

	}

	.fuyqv {

		padding-left: 10px;

	}

	.tyvcq,

	.fuyqv {

		margin-top: 15px;

	}

	.tyvcq a {

		height: 35px;

		line-height: 35px;

	}

	.other_lf,

	.other_rgh {

		width: 100%;

		padding: 40px 20px;

		padding-bottom: 0;

	}

	.other_rgh {

		padding-bottom: 30px;

	}

	.other_lf {

		margin-right: 0;

	}

	.btvn {

		margin-bottom: 70px;

	}

	.foot_ffitx1 {

		display: block;

	}

	.vuy_t1 {

		background-position-y: 68px;

	}

	.kv_bolist,

	.xlwm {

		padding-bottom: 40px;

	}

	.fiunmv {

		margin: 0 12px;

	}

	.fuiv {

		left: 12px;

	}

	.other_rgh {

		position: relative;

		margin-top: -110px;

	}

	.btvn {

		margin-bottom: 35px;

	}

	.vitid2 {

		margin-bottom: 0;

	}

	.btnvq {

		width: 80px;

		height: 30px;

		font-size: 12px;

	}

	.zl_amin_case li {

		width: 100% !important;

		margin-right: 0 !important;

	}

}



@media (max-width: 375px) {

	/*index*/

	.page_l a{margin: 0;}

}