@charset "utf-8";

/* Blood_Wolf专用样式表，支持开源，如有使用或二次开发，请标明出处，谢谢合作！ */
/* 起始样式 */
body {
	font-family: "微软雅黑", Arial, sans-serif;
	margin: 0 auto;
	padding: 0px;
	font-size: 14px;
	height: 100%;
	line-height: 1.5;
	width: 100%;
	color: #222;
}
img{
	object-fit: cover;
}
ul,
ul li,
ol,
ol li,
tr td,
dl,
dd {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

p {
	margin: 0;
	padding: 0
}

.clear {
	clear: both;
	height: 0px;
	line-height: 0px;
	font-size: 0px;
}

a {
	font-size: 14px;
	color: #222;
	text-decoration: none;
	cursor: pointer;
	-webkit-transition: none;
	-moz-transition: none;
	transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear;
	-moz-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear;
	-webkit-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear;
	-o-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear;
}

/*a:hover{ text-decoration:underline;}*/
img {
	vertical-align: middle;
}

.imgs {
	vertical-align: top;
}

.lf {
	float: left;
}

.rg {
	float: right;
}

img {
	border: none;
}

html {
	overflow-x: hidden;
}

div:hover,
li:hover,
tr:hover,
a:hover {
	-webkit-transition: none;
	-moz-transition: none;
	transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear;
	-moz-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear;
	-webkit-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear;
	-o-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear;
}

.text,
textarea,
select {
	outline: none;
	font-family: 微软雅黑;
	color: #666;
	font-size: 12px;
	width: 100%;
}

.ul_lf li,
.ul_js li {
	position: relative;
}

@font-face {
	font-family: myFirstFont;
	src: url('../font/FETTE-ENGSCHRIFT.ttf'),
		url('../font/FETTE-ENGSCHRIFT.eot'),
		url('../font/FETTE-ENGSCHRIFT.svg'),
		url('../font/FETTE-ENGSCHRIFT.woff');
}

::-webkit-scrollbar {
	width: 10px;
}

::-webkit-scrollbar-thumb {
	background: #999999;
	border: 2px solid #fff;
	border-radius: 20px;
}

::-webkit-scrollbar-track {
	background: #fff;
}

/*-webkit-filter: blur(0px); filter: blur(0px);*/
/* 起始样式 End */

/* 公用样式 */
/*.body{ background:url(../images/1_49.jpg) bottom no-repeat fixed;}*/
.video {
	position: fixed;
	z-index: -1;
	left: 0px;
	top: 0px;
	display: none;
}

.video .div1 {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 10;
	width: 100%;
	height: 100%;
	opacity: 0.5
}

.heg {
	height: 86px;
}

.head {
	width: 96%;
    background: #fff;
    height: 86px;
    padding-left: 2%;
    padding-right: 2%;
    min-width: 1130px;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 999;
	display: flex;
	justify-content: space-between;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
}

.logo {
	width: 300px;
	height: 86px;
}

.logo img {
	margin-top: 15px;
	height: 60px;
}

.logo .tit_gb {
	font-size: 16px;
	line-height: 30px;
	float: right;
	border-left: 2px solid #bbb;
	padding-left: 15px;
	margin-top: 15px;
}

.nav {
	/* position: absolute;
	width: 50%; */
	top: 0px;
	left: 470px;
	/*26%*/
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
	flex: 1;
	padding-left: 80px;
}
.nav ul{
	display: flex;
}

.nav li,
.nav:hover .li {
	padding-right: 24px;
	float: left;
	margin-right: 40px;
	line-height: 84px;
	background: url(../images/tj_01.png?v=3) right 40px no-repeat;
	height: 84px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
	position: relative;
}
.nav li.nosub{
	background: none !important;
}
.nav li a,
.nav:hover .li a {
	color: #222;
	display: block;
	padding-top: 0px;
	font-size: 15px;
}

.nav li:hover,
.nav .li,
.nav .li:hover {
	padding-right: 24px;
	background: url(../images/tj_01a.png) right 38px no-repeat;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}

.nav li:hover a,
.nav .li a,
.nav .li:hover a {
	color: #004d8b;
}

.nav li .div1 {
	display: none;
	width: 172px;
	position: absolute;
	top: 86px;
	text-align: center;
	background: #f9fafa;
	padding-top: 17px;
	padding-bottom: 7px;
	border-bottom: 3px solid #999999;
	left: -60px;
}

.nav li .div1 a {
	display: block;
	padding-bottom: 5px;
	color: #999;
	font-size: 12px;
	padding-top: 0px;
	font-weight: normal;
	margin-bottom: 10px;
	line-height: 25px;
	padding-bottom: 0px;
}

.nav li .div1 a:hover {
	background: none;
	text-decoration: underline;
	color: #004d8b;
}

.nav .li .div1 a {
	display: block;
	padding-bottom: 5px;
	color: #999;
	font-size: 12px;
	padding-top: 0px;
	font-weight: normal;
	margin-bottom: 10px;
	line-height: 25px;
	padding-bottom: 0px;
}

.nav .li .div1 a:hover {
	background: none;
	text-decoration: underline;
	color: #004d8b;
}

.other {
	padding-top: 33px;
}

.other a {
	color: #4c4c4c;
	margin-left: 8px;
	margin-right: 8px;
	float: left;
	display: block;
}

.other a:hover {
	color: #004d8b;
}

.other .a1 {
	background: url(../images/1_02.png) center center no-repeat;
	width: 17px;
	height: 12px;
	margin-top: 6px;
}

.other .a1:hover {
	background: url(../images/1_02a.png) center center no-repeat;
}

.other .a2 {
	background: url(../images/1_03.png) center center no-repeat;
	width: 17px;
	height: 17px;
	margin-top: 2px;
	margin-left: 30px;
}

.other .a2:hover {
	background: url(../images/1_03a.png) center center no-repeat;
}

.foot {
	min-width: 1200px;
	background: #1c1a1a;
	/* margin-top:300px;*/
}

.foot_top {
	background: #efefef;
	display: flex;
}

.foot_top .div1 {
	background: #004d8b;
	width: 239px;
	height: 121px;
	line-height: 121px;
	text-align: center;
	color: #ccc;
	font-size: 26px;
}

.foot_top .div3 {
	color: #5e5c5c;
	height: 121px;
	line-height: 121px;
	color: #5e5c5c;
	font-size: 14px;
	flex: 1;
    /* justify-content: space-between; */
    line-height: 1.2;
    align-items: center;
	display: flex;
}

.foot_top .div3 span {
	padding-top: 8px;
	padding-bottom: 0;
	padding-left: 50px;
	margin-left: 40px;
	padding-top: 8px;
	height: 30px;
}

.foot_top .div3 .span1 {
	background: url(../images/ico_email.png) left top no-repeat;
}

.foot_top .div3 .span1 a {
	color: #5e5c5c
}

.foot_top .div3 .span2 {
	background: url(../images/ico_tel.png) left top no-repeat;
}

.foot_top .div3 .span3 {
	background: url(../images/ico_add.png) left top no-repeat;
}

.foot_top .div4 {
	background: #004d8b;
	width: 161px;
	height: 91px;
	padding-top: 30px;
	text-align: center;
}

.foot_top .div4 a {}

.foot_top .div4 .a1 {
	background: url(../images/1_45.png) center center no-repeat;
	margin-left: 43px;
}

.foot_top .div4 .a2 {
	background: url(../images/1_46.png) center center no-repeat;
}

.foot_top .div4 a img {
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}

.foot_top .div4 a:hover img {
	opacity: 1;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
	z-index: 100;
}

.foot_bottom {
	/* height: 70px; */
	overflow: hidden;
}

.foot_bottom .lf {
	width: 100%;
	/* position: absolute; */
	min-width: 1200px;
}

.foot_bottom .lfa {
	padding-right: 161px;
}

.foot_bottom .lfb {
	padding-left: 3%;
	padding-right: 3%;
}

.foot_bottom .lf .div1 {
	height: 124px;
	overflow: hidden;
}

.foot_bottom .lf .div1 .p1 {
	float: left;
}

.foot_bottom .lf .div1 .p2 {
	float: right;
	line-height: 124px;
}

.foot_bottom .lf .div1 .p2 a {
	color: #4c4c4c;
	font-size: 16px;
}

.foot_bottom .lf .div1 .p2 span {
	margin-left: 10px;
	margin-right: 10px;
	color: #4c4c4c;
}

.foot_bottom .lf .div1 .p2 a:hover {
	color: #004d8b;
}

.foot_bottom .lf .div2 {
	line-height: 54px;
	height: 54px;
}

.foot_bottom .lf .div2 .p1 {
	float: none;
	text-align: center;
	font-size: 14px;
	color: #909090;
}

.foot_bottom .lf .div2 .p1 a {
	font-size: 14px;
	color: #909090;
}

.foot_bottom .lf .div2 .p2 {
	float: right;
}

.foot_bottom .lf .div2 a {
	color: #909090;
}

.foot_bottom .lf .div2 a:hover {
	color: #004d8b;
}

.foot_bottom .lf .div2 span {
	margin-left: 10px;
	margin-right: 10px;
	color: #5e5c5c;
}

.foot_bottom .rg {
	background: #aa1f25;
	width: 161px;
	height: 178px;
	overflow: hidden;
}

.foot_bottom .rg img {
	position: relative;
	top: 0px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}

.foot_bottom .rg:hover img {
	top: -10px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}

.foot_moblie {
	display: none;
}

.moblie_head {
	display: none;
}

.a_txt {
	display: none;
}

.index_body .foot {
	margin-top: 0px;
}

@media screen and (max-width: 1600px) and (min-width:1367px) {

	/* 小屏幕的尺寸 */
	.nav {
		left: 36%;
	}

	.nav li,
	.nav:hover .li {
		margin-right: 3%;
	}
	.foot_top .div2 {
		display: none;
	}
	.foot_top .div3 span {
		padding-top: 10px;
		padding-bottom: 10px;
		padding-left: 50px;
		margin-left: 25px;
	}
}

@media screen and (max-width: 1366px) and (min-width:1024px) {

	/* 小屏幕的尺寸 */
	.nav {
		left: 40%;
		width: 68%;
	}

	.nav li,
	.nav:hover .li {
		margin-right: 16px;
	}

	.foot_top .div3 span {
		padding-top: 10px;
		padding-bottom: 10px;
		padding-left: 40px;
		margin-left: 20px;
	}

	.foot_top .div1 {
		width: 200px;
	}
}

@media screen and (max-width: 1300px) {

	/* 小屏幕的尺寸 */
	.foot_top .div4 {
		display: none;
	}
}

@media screen and (max-width: 1023px) and (min-width:0px) {

	/* 移动端的尺寸 */
	.heg {
		height: 67px;
	}

	.head {
		display: none;
	}

	.moblie_head {
		display: block;
		background: #f7f7f7;
		padding: 8px 4%;
		position: fixed;
		width: 92%;
		z-index: 999
	}

	.moblie_head .rg {
		padding-top: 16px;
	}

	.a_txt {
		display: block;
		position: fixed;
		top: 0px;
		left: 0px;
		width: 0px;
		height: 0px;
		overflow: hidden;
		z-index: 1000;
	}

	.a_txt .div1 {
		position: absolute;
		width: 100%;
		height: 100%;
		background: #0b0d19;
		filter: alpha(opacity=0);
		opacity: 0;
		left: 0px;
		top: 0px;
	}

	.a_txt .div2 {
		position: absolute;
		width: 20%;
		left: 0px;
		top: 5%;
		z-index: 100;
		text-align: center;
		filter: alpha(opacity=0);
		opacity: 0;
	}

	.a_txt .div3 {
		position: absolute;
		width: 80%;
		right: 0px;
		top: 0px;
		background: #0b0d19;
		height: 100%;
		z-index: 100;
		right: -80%;
	}

	.a_txt .div3 ul {
		padding-left: 5%;
		padding-right: 5%;
	}

	.a_txt .div3 ul li {
		border-bottom: 1px solid #232530;
	}

	.a_txt .div3 ul li a {
		display: block;
		height: 45px;
		color: #fff;
		line-height: 45px;
		padding-left: 5%;
		font-size: 16px;
		background:
	}

	.a_txt .div3 ul li .div_js1 {
		background: url(../images/7_15.png) 95% center no-repeat;
		-webkit-transition: all 0s;
		-moz-transition: all 0s;
		transition: all 0s;
	}

	.a_txt .div3 ul li .div_js_on1 {
		background: url(../images/7_14.jpg) 95% center no-repeat;
		-webkit-transition: all 0s;
		-moz-transition: all 0s;
		transition: all 0s;
	}

	.a_txt .div3 ul li .div_js_txt1 a {
		height: 40px;
		line-height: 40px;
		font-size: 14px;
	}

	.foot {
		display: none;
	}

	.foot_moblie {
		display: block;
		background: #1a1617;
		text-align: center;
		color: #bbb;
		padding-top: 4%;
		padding-bottom: 4%;
	}

	.foot_moblie a {
		color: #5e5c5c;
	}

	.foot_moblie a:hover {
		color: #004d8b;
	}
}

/* 公用样式 End */

/* Index */
.qs_div {
	width: 100%;
	height: 658px;
	position: relative;
	overflow: hidden;
	background: #fff;
}

.qs_div .qs_bgSet {
	position: relative;
	height: 100%;
}

.qs_div .qs_bgSet li {
	position: absolute;
	width: 100%;
	height: 100%;
	display: none
}

.qs_div .qs_imgSet {
	position: absolute;
	width: 1100px;
	left: 50%;
	margin-left: -550px;
}

.qs_div .qs_imgSet .qs_1_1 {
	position: absolute;
	left: 0px;
	top: 227px;
}

.qs_div .qs_imgSet .qs_1_2 {
	position: absolute;
	left: 640px;
	top: 71px
}

.qs_div .qs_imgSet .qs_2_1 {
	position: absolute;
	left: 0px;
	top: 195px;
}

.qs_div .qs_imgSet .qs_3_1 {
	position: absolute;
	left: 0px;
	top: 227px;
}

.qs_div .qs_imgSet .qs_3_2 {
	position: absolute;
	left: 640px;
	top: 71px
}

.qs_div .qs_imgSet .qs_2_1 {
	position: absolute;
	left: 0px;
	top: 227px;
}

.qs_div .qs_imgSet .qs_2_2 {
	position: absolute;
	left: 640px;
	top: 71px
}

.qs_div .qs_imgSet .qs_4_1 {
	position: absolute;
	left: 0px;
	top: 227px;
}

.qs_div .qs_imgSet .qs_4_2 {
	position: absolute;
	left: 640px;
	top: 130px
}

.qs_div .qs_menuSet {
	position: absolute;
	bottom: 42px;
	left: 50%;
	margin-left: -66px;
}

.qs_div .qs_menuSet li {
	background: #cccccc;
	width: 24px;
	height: 3px;
	margin-left: 10px;
	margin-right: 10px;
	float: left;
	cursor: pointer;
}

.qs_div .qs_menuSet .select,
.qs_div .qs_menuSet li:hover {
	background: #004d8b;
}

.qs_div .qs_prev {
	position: absolute;
	top: 50%;
	left: 5%;
	width: 49px;
	height: 105px;
	margin-top: -52px;
	background: url(../images/1_07.png) center center no-repeat;
	cursor: pointer;
	-webkit-transition: none;
	-moz-transition: none;
	transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear;
	-moz-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear;
	-webkit-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear;
	-o-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear;
}

.qs_div .qs_prev:hover {
	background: url(../images/1_07a.png) center center no-repeat;
	-webkit-transition: none;
	-moz-transition: none;
	transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear;
	-moz-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear;
	-webkit-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear;
	-o-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear;
}

.qs_div .qs_next {
	position: absolute;
	top: 50%;
	right: 5%;
	width: 49px;
	height: 105px;
	margin-top: -52px;
	background: url(../images/1_08.png) center center no-repeat;
	cursor: pointer;
	-webkit-transition: none;
	-moz-transition: none;
	transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear;
	-moz-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear;
	-webkit-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear;
	-o-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear;
}

.qs_div .qs_next:hover {
	background: url(../images/1_08a.png) center center no-repeat;
	-webkit-transition: none;
	-moz-transition: none;
	transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear;
	-moz-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear;
	-webkit-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear;
	-o-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear;
}

.banner {
	display: none;
}

.ss a {
	display: block;
	float: left;
	width: 33.33%;
	position: relative;
}

.ss a .div1 img {
	width: 100%;
	min-height: 150px;
}

.ss a .div2 {
	position: absolute;
	bottom: 20px;
	right: 5%;
	font-size: 18px;
	font-weight: bold;
	/* height: 24px; */
	color: #fff;
	overflow: hidden;
	z-index: 10;
	display: flex;
}

.ss a .div2 .span1 {
	padding-right: 48px;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
	padding-left: 48px;
    line-height: 1.2;
    display: block;
}

.ss a .div2 .span2 {
	position: absolute;
	width: 24px;
	height: 24px;
	background: url(../images/1_18.png) center center no-repeat;
	filter: alpha(opacity=100);
	opacity: 1;
	right: 0px;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
}

.ss a .div2 .span3 {
	position: absolute;
	width: 102px;
	height: 24px;
	background: url(../images/1_19.png?v=1) center center no-repeat;
	filter: alpha(opacity=0);
	opacity: 0;
	right: -102px;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
}

.ss a .div3 {
	background: url(../images/8_35.png) repeat;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 7;
	top: 0px;
	left: 0px;
	filter: alpha(opacity=0);
	opacity: 0;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
}

.ss a:hover .div2 .span1 {
	padding-right: 127px;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
}

.ss a:hover .div2 .span2 {
	right: -24px;
	filter: alpha(opacity=0);
	opacity: 0;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
}

.ss a:hover .div2 .span3 {
	right: 0px;
	filter: alpha(opacity=100);
	opacity: 1;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
}

.ss a:hover .div3 {
	filter: alpha(opacity=100);
	opacity: 1;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
}

.dd {
	position: relative;
	background: #2d2b2c;
	display: none;
}

.dd .div1 {
	position: absolute;
	top: 0px;
	left: 0px;
}

.dd .div1 img {
	width: 1920px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}

.dd .div2 {
	position: relative;
	left: 8.5%;
	padding-top: 120px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}

.dd .div2 .p1 {
	color: #ccc;
	background: url(../images/1_21.jpg) top left no-repeat;
	padding-top: 32px;
	font-size: 30px;
	line-height: 32px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}

.dd .div2 .p2 {
	color: #575757;
	font-size: 22px;
	margin-top: 18px;
	text-transform: uppercase;
	font-family: Calibri;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}

.dd .div3 {
	overflow: hidden;
	position: relative;
	margin-top: 10px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}

.dd .div3 .div3a {
	position: relative;
	left: 8.5%;
	overflow: hidden;
	padding: 50px 0px;
	z-index: 100;
}

.dd .div3 #roll {
	width: 200%;
}

.dd .div3 #roll dd {
	width: 366px;
	float: left;
	background: #f0f2f5;
	position: relative;
	height: 475px;
}

.dd .div3 #roll dd a .p1 {
	position: absolute;
	width: 173px;
	height: 206px;
	left: 50%;
	bottom: 34%;
	margin-left: -86.5px;
	z-index: 100;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}

.dd .div3 #roll dd a .p2 {
	position: absolute;
	width: 100%;
	height: 100%;
	background: #f0f2f5;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}

.dd .div3 #roll dd a .p3 {
	position: absolute;
	bottom: 28%;
	width: 100%;
	text-align: center;
	z-index: 10;
	opacity: 0;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}

.dd .div3 #roll dd a .p4 {
	position: absolute;
	bottom: 20%;
	width: 100%;
	color: #333;
	text-align: center;
	z-index: 10;
	width: 100%;
}

.dd .div3 #roll dd a .p4 span {
	background: #f0f2f5;
	padding: 3px 15px;
	border-radius: 15px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}

.dd .div3 #roll dd a:hover .p1 {
	bottom: 36%;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}

.dd .div3 #roll dd a:hover .p2 {
	background: #fff;
	z-index: 10;
	-webkit-transform-origin: center;
	transform-origin: center;
	-webkit-transform: scale(1.03);
	transform: scale(1.03);
	box-shadow: 0px 0px 2px 1px rgba(216, 217, 220, 0.48);
}

.dd .div3 #roll dd a:hover .p3 {
	opacity: 1;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}

.dd .div3 #roll dd a:hover .p4 span {
	background: #004d8b;
	color: #fff;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}

.dd .div4 {
	background: #f0f2f5;
	width: 200px;
	height: 475px;
	position: absolute;
	bottom: 50px;
	right: 0px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}

.dd .prev {
	background: url(../images/1_25.png) center top no-repeat;
	width: 44px;
	height: 140px;
	position: absolute;
	top: 172px;
	right: 0%;
	cursor: pointer;
	z-index: 100;
	opacity: 0;
}

.dd .next {
	background: url(../images/1_24.png) center top no-repeat;
	width: 44px;
	height: 140px;
	position: absolute;
	top: 172px;
	left: 0%;
	cursor: pointer;
	z-index: 100;
	opacity: 0;
}

.dda {
	display: none;
}

.ff {
	background: #fafafa;
	padding-left: 8%;
	padding-right: 8%;
	min-width: 1130px;
	padding-top: 5%;
	position: relative;
	display: none;
}

.ff .lf {
	width: 54%;
	position: relative;
	z-index: 10;
	background: url(../images/1_33.png) center right no-repeat;
	padding-right: 28px;
}

.ff .lf .div1 img {
	width: 100%;
}

.ff .lf .div2 {
	position: absolute;
	width: 11%;
	top: 33.5%;
	left: 50.2%;
}

.ff .lf .div2 img {
	border: 1px solid #fff;
	width: 100%;
	border-radius: 100%;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
}

.ff .lf .div2 img:hover {
	box-shadow: 0px 0px 40px 1px rgba(227, 229, 230, 0.48);
}

.ff .rg {
	width: 40%;
}

.ff .rg .div1 {
	padding-top: 5%;
}

.ff .rg .div1 img {
	width: 80%;
}

.ff .rg .div2 {
	color: #4c4c4c;
	line-height: 36px;
	font-size: 14px;
	margin-top: 5%;
	background: url(../images/1_32.jpg) bottom left no-repeat;
	padding-bottom: 40px;
}

.gg {
	background: url(../images/1_34.jpg) center top no-repeat;
	padding-left: 8.5%;
	padding-right: 8.5%;
	padding-top: 5%;
	padding-bottom: 5%;
	min-width: 1130px;
}

.gg .div1 {
	background: url(../images/1_35.jpg) top left no-repeat;
	padding-top: 38px;
	color: #333;
	line-height: 32px;
}

.gg .div1 .lf {
	font-size: 30px;
	border-left: 4px solid #004d8b;
	padding-left: 15px;
}

.gg .div1 .rg a {
	color: #004d8b;
	font-size: 16px;
	border-radius: 25px;
	border: 1px solid #004d8b;
	padding: 0 25px;
	display: inline-block;
	line-height: 32px;
	-webkit-transition: all .5s;
	transition: all .5s;	
}

.gg .div1 .rg a:hover {
	color: #004d8b;
	padding-right:20px;
	-webkit-transition: all .5s;
	transition: all .5s;

}

.gg .div2 {
	margin-top: 40px;
}
.gg .div2 ul {
	display: flex;
	flex-wrap: wrap;
}
.gg .div2 ul li {
	width: 22%;
	margin-right: 3.5%;
	float: left;
	background: #fff;
	box-shadow: 0px 0px 40px 10px rgba(0, 0, 0, 0.1);
	padding-top: 2%;
	padding-bottom: 2%;
}
.gg .div2 ul li .p1 {
	width: 100%;
	height: 280px;
	text-align: center;
}

.gg .div2 ul li .p1 img {
	max-width: 100%;
    max-height: 100%;
}

.gg .div2 ul li .p2 {
	padding: 30px 20px;
}

.gg .div2 ul li .p2 .pp1 {
	color: #333;
	font-size: 18px;
	height: 22px;
	overflow: hidden;
	text-align: center;
}

.gg .div2 ul li .p2 .pp2 {
	color: #999;
	font-size: 16px;
	margin-top: 10px;
}

.gg .div2 ul li .p2 .pp3 {
	color: #666;
	font-size: 14px;
	line-height: 24px;
	height: 48px;
	overflow: hidden;
	margin-top: 5px;
}

.div_js_txt2 {
	position: fixed;
	width: 0%;
	height: 0%;
	overflow: hidden;
	z-index: 1001;
	left: 0px;
	top: 0px;
}

.div_js_txt2 .div1 {
	background: #000;
	filter: alpha(opacity=0);
	opacity: 0;
	position: absolute;
	width: 100%;
	height: 100%;
}

.div_js_txt2 .div2 {
	position: absolute;
	width: 1280px;
	height: 725px;
	top: 50%;
	left: 50%;
	margin-top: -362px;
	margin-left: -600px;
	filter: alpha(opacity=0);
	opacity: 0;
}

.div_js_txt2 .div2 .p1 {
	float: left;
	width: 1180px;
	height: 705px;
	padding: 10px;
	background: #fff;
}

.div_js_txt2 .div2 .p2 {
	float: right;
}

.div_js_txt2 .div2 .p2 img {
	-moz-transform 1s;
	-webkit-transition: width 1s, height 1s, -webkit-transform 1s;
	-o-transition: width 1s, height 1s, -o-transform 1s;
}

.div_js_txt2 .div2 .p2 img:hover {
	transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-o-transform: rotate(360deg);
}

.div_js_txt2a {
	display: none;
}

@media screen and (max-width: 1600px) and (min-width:1024px) {

	/* 移动端的尺寸 */
	.qs_div .qs_prev {
		left: 0%;
	}

	.qs_div .qs_next {
		right: 0%;
	}

	.dd .div1 img {
		width: 1600px;
	}

	.dd .div3 #roll dd {
		width: 280px;
		float: left;
		background: #f0f2f5;
		position: relative;
		height: 363px;
	}

	.dd .div2 {
		padding-top: 80px;
	}

	.dd .div2 .p1 {
		color: #ccc;
		background: url(../images/1_21.jpg) top left no-repeat;
		padding-top: 32px;
		font-size: 30px;
		line-height: 32px;
	}

	.dd .div2 .p2 {
		color: #575757;
		font-size: 22px;
		margin-top: 18px;
		text-transform: uppercase;
		font-family: Calibri;
	}

	.dd .div3 #roll dd a .p1 {
		bottom: 28%;
	}

	.dd .div3 #roll dd a .p3 {
		bottom: 22%;
	}

	.dd .div3 #roll dd a .p4 {
		bottom: 14%;
	}

	.dd .div3 #roll dd a:hover .p1 {
		bottom: 32%;
	}

	.dd .div4 {
		height: 363px;
		position: absolute;
		bottom: 50px;
		right: 0px;
	}
}

@media screen and (max-width: 1023px) and (min-width:0px) {

	/* 移动端的尺寸 */
	.qs_div {
		display: none;
	}

	.banner {
		width: 100%;
		height: 100%;
		display: block;
	}

	.banner .flexslider {
		position: relative;
		height: auto;
		overflow: hidden;
	}

	.banner .slides {
		position: relative;
		z-index: 1;
	}

	.banner .slides li {
		height: auto;
	}

	.banner .slides li img {
		width: 100%;
		height: auto
	}

	.banner .flex-control-nav {
		position: absolute;
		bottom: 10px;
		z-index: 99;
		width: 100%;
		left: 0px;
		text-align: center;
	}

	.banner .flex-control-nav li {
		display: inline-block;
		width: 34px;
		height: 5px;
		margin: 0 5px;
	}

	.banner .flex-control-nav li span {
		display: none;
	}

	.banner .flex-control-nav li a {
		float: left;
		width: 34px;
		height: 2px;
		cursor: pointer;
		background: #ccc;
	}

	.banner .flex-control-nav li a.flex-active {
		background: #004d8b;
	}

	.banner .flex-direction-nav {
		display: none;
	}
	.ss{
		padding:20px;
	}
	.ss a {
		width: 100%;
		margin-bottom: 20px;
	}

	.ss a .div2 {
		bottom: 10px;
	}

	.ss a .div2 .span1 {
		font-size: 14px;
		padding-right: 30px;
	}

	.ss a .div2 .span2 {
		background-size: 15px;
	}

	.ss a .div2 .span3 {
		display: none;
	}

	.ss a:hover .div2 .span1 {
		padding-right: 30px;
		-webkit-transition: all .5s;
		-moz-transition: all .5s;
		transition: all .5s;
	}

	.ss a:hover .div2 .span2 {
		right: 0px;
		filter: alpha(opacity=100);
		opacity: 1;
	}

	.ss a:hover .div2 .span3 {
		display: none;
	}

	.dd {
		display: none;
	}

	.dda {
		display: none;
		background: #2d2a2c;
		padding-top: 10%;
		padding-bottom: 10%;
	}

	.dda .div1 {
		text-align: center;
		color: #fff;
	}

	.dda .div1 .p1 {
		font-size: 16px;
	}

	.dda .div1 .p2 {
		text-transform: uppercase;
	}

	.dda .div2 {
		text-align: center;
		margin-top: 5%;
		position: relative;
		padding-left: 5%;
		padding-right: 5%;
		overflow: hidden;
	}

	.dda .div2 .slides li {
		overflow: hidden;
	}

	.dda .div2 .slides li a {
		width: 100%;
		text-align: center;
		display: block;
	}

	.dda .div2 .slides li a .p2 {
		margin-top: 10%;
	}

	.dda .div2 .slides li a .p2 span {
		background: #004d8b;
		color: #fff;
		padding: 3px 15px;
		border-radius: 15px;
	}

	.dda .flex-control-nav {
		display: none;
	}

	.dda .flex-prev {
		background: url(../images/1_24.png) center left no-repeat;
		width: 44px;
		height: 140px;
		position: absolute;
		left: 0px;
		top: 50%;
		margin-top: -70px;
	}

	.dda .flex-next {
		background: url(../images/1_25.png) center left no-repeat;
		width: 44px;
		height: 140px;
		position: absolute;
		right: 0px;
		top: 50%;
		margin-top: -70px;
	}

	.ff {
		min-width: 0px;
		padding-left: 5%;
		padding-right: 5%;
	}

	.ff .lf {
		width: 100%;
		padding-right: 0px;
		background: url(../images/1_33.png) top right no-repeat;
		background-size: 150px;
	}

	.ff .rg {
		width: 100%;
	}

	.ff .rg .div1 {
		padding-top: 0px;
	}

	.ff .rg .div2 {
		line-height: 26px;
		padding-bottom: 5%;
	}

	.gg {
		background: #2c2a2b;
		padding: 5%;
		min-width: 0px;
		margin-top: 0%;
	}

	.gg .div1 {
		background: url(../images/1_35.jpg) top left no-repeat;
		background-size: 30px;
		padding-top: 3%;
		line-height: 22px;
	}

	.gg .div1 .lf {
		font-size: 16px;
		color: #fff;
	}

	.gg .div1 .rg a {
		font-size: 12px;
	}

	.gg .div2 {
		margin-top: 0;
	}

	.gg .div2 ul li {
		width: 100%;
		margin-right: 0%;
		margin-top: 5%;
	}

	.gg .div2 ul li .p1 img {
		max-width: 100%;
    	max-height: 100%;
	}

	.gg .div2 ul li .p2 {
		padding: 5%;
	}

	.gg .div2 ul li .p2 .pp1 {
		font-size: 16px;
		font-weight: bold;
	}

	.gg .div2 ul li .p2 .pp2 {
		font-size: 14px;
		margin-top: 2%;
	}

	.gg .div2 ul li .p2 .pp3 {
		margin-top: 1%;
	}

	.div_js_txt2 {
		position: fixed;
		width: 0%;
		height: 0%;
		overflow: hidden;
		z-index: 1001;
		left: 0px;
		top: 0px;
	}

	.div_js_txt2 .div1 {
		background: #000;
		filter: alpha(opacity=0);
		opacity: 0;
		position: absolute;
		width: 100%;
		height: 100%;
	}

	.div_js_txt2 .div2 {
		position: absolute;
		width: 90%;
		top: 35%;
		left: 5%;
		height: auto;
		margin-top: 0;
		margin-left: 0;
		filter: alpha(opacity=0);
		opacity: 0;
	}

	.div_js_txt2 .div2 .p1 {
		float: none;
		width: 90%;
		padding: 5%;
		background: #fff;
		height: auto;
	}

	.div_js_txt2 .div2 .p2 {
		float: none;
		position: absolute;
		top: -30px;
		right: 0px;
	}

	.div_js_txt2 .div2 .p2 img {
		width: 25px;
	}

	.div_js_txt2a {
		display: block;
	}

	.div_js_txt2a {
		position: fixed;
		width: 0%;
		height: 0%;
		overflow: hidden;
		z-index: 1001;
		left: 0px;
		top: 0px;
	}

	.div_js_txt2a .div1 {
		background: #000;
		filter: alpha(opacity=0);
		opacity: 0;
		position: absolute;
		width: 100%;
		height: 100%;
	}

	.div_js_txt2a .div2 {
		position: absolute;
		width: 90%;
		top: 35%;
		left: 5%;
		height: auto;
		margin-top: 0;
		margin-left: 0;
		filter: alpha(opacity=0);
		opacity: 0;
	}

	.div_js_txt2a .div2 .p1 {
		float: none;
		width: 90%;
		padding: 5%;
		background: #fff;
		height: auto;
	}

	.div_js_txt2a .div2 .p2 {
		float: none;
		position: absolute;
		top: -30px;
		right: 0px;
	}

	.div_js_txt2a .div2 .p2 img {
		width: 25px;
	}
}

/* Index End */

/* Main */
.main_banner {
	/* position:relative; left:50%; margin-left:-960px; width:1920px;*/
}

.main_banner img {
	width: 100%;
}

.div_nav {
	background: #e6e6e6;
	height: 50px;
}

.div_box {
	background: #fff;
}
.div_box img{
	max-width:100%;
}
.div_nav ul {
	background: url(../images/2_02.jpg) left top no-repeat;
	padding-left: 1px;
	margin: 0 auto;
	width: 100%;
}

.div_nav ul li {
	background: url(../images/2_02.jpg) right top no-repeat;
	width: 203px;
	float: left;
	line-height: 50px;
	padding-right: 1px;
}

.div_nav ul li a,
.div_nav ul:hover .li a {
	display: block;
	text-align: center;
	color: #666;
	font-size: 16px;
}

.div_nav ul li a:hover,
.div_nav ul .li a,
.div_nav ul .li a:hover {
	/* background: url(../images/2_03.jpg) center top repeat-x; */
	color: #004d8b;
	border-bottom: 2px solid #004d8b;
    line-height: 48px;
}

.div_case ul {
	width: 1224px;
}

.div_case1 {
	width: 1320px;
	/*margin:0 auto;*/
	padding-top: 90px;
	/*text-align:center;*/
	color: #666 !important;
}

.div_case1 .div1 {
	background: url(../images/2_08.jpg) center bottom no-repeat;
	padding-bottom: 60px;
	color: #333;
	font-size: 18px;
}

.div_case1 .div1 span {
	border: 2px solid #51555e;
	padding: 8px 16px;
}

.div_case1 .div2 {
	color: #575757;
	font-size: 14px;
	line-height: 30px;
	margin-top: 25px;
}

.div_case1 .div3 {
	margin: 0 auto;
	margin-top: 35px;
	cursor: pointer;
	background: url(../images/2_07.jpg) center center no-repeat;
	width: 18px;
	height: 18px;
}

.div_case1 .div3 img {
	display: none;
}

.div_case1 .div3_a_on {
	background: url(../images/2_07a.jpg) center center no-repeat;
}

.div_case1 .div3_txt {
	margin-top: 0%;
}

.div_case1 .div4 {
	margin-top: 45px;
}

.div_case1 .div4 img {
	width: 100%;
}

.div_case1 .div5 {
	margin-top: 45px;
	color: #808080;
	font-size: 16px;
	line-height: 36px;
	border-bottom: 2px solid #51555e;
	padding-bottom: 45px;
}

.div_case1 .div6 {
	margin-top: 69px;
	position: relative;
}

.div_case1 .div6 .slides li {
	overflow: hidden;
}

.div_case1 .div6 .slides li a {
	width: 32%;
	text-align: center;
	display: block;
	float: left;
	margin-right: 2%;
}

.div_case1 .div6 .slides li a .p1 {
	background: url(../images/2_13.jpg) center top no-repeat;
	padding-top: 24px;
	color: #51555d;
	font-size: 18px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}

.div_case1 .div6 .slides li a .p2 {
	border: 1px solid #cfcfcf;
	margin-top: 25px;
}

.div_case1 .div6 .slides li a .p2 img {
	width: 100%;
}

.div_case1 .div6 .slides li a:hover .p1 {
	color: #004d8b;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}

.div_case1 .div6 .flex-control-nav {
	display: none;
}

.div_case1 .div6 .flex-prev {
	background: url(../images/2_11.jpg) center left no-repeat;
	width: 33px;
	height: 150px;
	position: absolute;
	left: -64px;
	top: 50%;
	margin-top: -40px;
}

.div_case1 .div6 .flex-prev:hover {
	background: url(../images/2_11a.jpg) center left no-repeat;
}

.div_case1 .div6 .flex-next {
	background: url(../images/2_12.jpg) center left no-repeat;
	width: 33px;
	height: 150px;
	position: absolute;
	right: -64px;
	top: 50%;
	margin-top: -40px;
}

.div_case1 .div6 .flex-next:hover {
	background: url(../images/2_12a.jpg) center left no-repeat;
}

.div_case1 .div7 {
	display: none
}

.div_case_box {
	max-width: 1200px;
	padding: 60px 20px;
	margin: 0 auto;
		overflow: hidden;
}

.div_case_box .div_case1 {
	width: 100%;
	/*text-align: center;*/
	padding-top: 0;
	font-size: 16px;
    line-height: 1.5;
}
.div_case_box .div_case1 img{
	margin-bottom: 12px;
}

.div_case_box .div_case1 .div1 {
	display: none;
}

.div_case_box .div_case1 .div2 {
	padding-top: 10px;
	background: none;
	margin-top: 0;
}

.div_case_box .div_case_img {
	width: 52%;
	float: left;
}

.div_case_box .div_case_img img {
	width: 100%;
}

.div_case2 {
	background: url(../images/2_14.jpg) center top no-repeat #f2efeb;
	padding-top: 22px;
	margin-top: 107px;
	padding-bottom: 70px;
}

.div_case2 .div1 {
	width: 1320px;
	margin: 0 auto;
}

.div_case2 .div1 .p1 {
	color: #004d8b;
	font-size: 20px;
	border-bottom: 1px dashed #333;
	padding-bottom: 20px;
	padding-top: 10px;
}

.div_case2 .div1 .p2 {
	margin-top: 48px;
}

.div_case2 .div1 .p2 ul li {
	float: left;
	width: 17%;
	margin-right: 3.75%;
}

.div_case2 .div1 .p2 ul li .pp1 img {
	width: 100%;
}

.div_case2 .div1 .p2 ul li .pp2 {
	margin-top: 20px;
	text-align: center;
}

.div_case2 .div1 .p2 ul li .pp2 span {
	color: #333;
	/*border-radius:15px; */
	padding: 5px 15px;
	padding-left: 0px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}

.div_case2 .div1 .p2 ul li:hover .pp2 span {
	/* color:#fff; background:#004d8b;*/
	padding: 5px 15px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}

@media screen and (max-width: 1600px) and (min-width:1024px) {

	/* 移动端的尺寸 */
	.div_case1 {
		width: 1200px;
	}

	.div_case2 .div1 {
		width: 1200px;
	}
}

@media screen and (max-width: 1023px) and (min-width:0px) {

	/* 移动端的尺寸 */
	.main_banner {
		left: 0px;
		margin-left: 0px;
		width: 100%;
		height: 180px;
	}

	.main_banner img {
		width: 100%;
    	height: 100%;
	}

	.div_case1 {
		width: 90%;
		padding-left: 5%;
		padding-right: 5%;
		padding-top: 10%;
	}

	.div_case1 .div2 {
		color: #575757;
		font-size: 14px;
		line-height: 24px;
		margin-top: 3%;
	}

	.div_case1 .div3 {
		margin-top: 3%;
	}

	.div_case1 .div4 {
		margin-top: 5%;
	}

	.div_case1 .div5 {
		margin-top: 5%;
		font-size: 14px;
		line-height: 24px;
		padding-bottom: 5%;
	}

	.div_case1 .div6 {
		display: none;
	}

	.div_case1 .div7 {
		margin-top: 8%;
		position: relative;
		display: block;
		width: 100%;
	}

	.div_case1 .div7 .slides li {
		overflow: hidden;
		width: 100%;
	}

	.div_case1 .div7 .slides li a {
		width: 80%;
		text-align: center;
		display: block;
		margin-left: 10%;
	}

	.div_case1 .div7 .slides li a .p1 {
		background: url(../images/2_13.jpg) center top no-repeat;
		padding-top: 5%;
		color: #51555d;
		font-size: 16px;
		-webkit-transition: all .3s;
		-moz-transition: all .3s;
		transition: all .3s;
	}

	.div_case1 .div7 .slides li a .p2 {
		border: 1px solid #cfcfcf;
		margin-top: 5%;
	}

	.div_case1 .div7 .slides li a .p2 img {
		width: 100%;
	}

	.div_case1 .div7 .slides li a:hover .p1 {
		color: #004d8b;
		-webkit-transition: all .3s;
		-moz-transition: all .3s;
		transition: all .3s;
	}

	.div_case1 .div7 .flex-control-nav {
		display: none;
	}

	.div_case1 .div7 .flex-prev {
		background: url(../images/2_11.jpg) center left no-repeat;
		width: 33px;
		height: 150px;
		position: absolute;
		left: -5%;
		top: 50%;
		margin-top: -50px;
	}

	.div_case1 .div7 .flex-prev:hover {
		background: url(../images/2_11a.jpg) center left no-repeat;
	}

	.div_case1 .div7 .flex-next {
		background: url(../images/2_12.jpg) center left no-repeat;
		width: 33px;
		height: 150px;
		position: absolute;
		right: -5%;
		top: 50%;
		margin-top: -50px;
	}

	.div_case1 .div7 .flex-next:hover {
		background: url(../images/2_12a.jpg) center left no-repeat;
	}

	.div_case_box {
		max-width: unset;
		padding: 0;
	}

	.div_case_box .div_case1 {
		float: none;
		width: 90%;
		padding: 20px;
	}

	.div_case_box .div_case1 .div1 {
		display: none;
	}

	.div_case_box .div_case_img {
		width: 90%;
		padding: 5%;
		float: none;
	}


	.div_case2 {
		margin-top: 10%;
		padding-bottom: 10%;
	}

	.div_case2 .div1 .p1 {
		color: #004d8b;
		font-size: 16px;
		border-bottom: 1px dashed #333;
		padding-bottom: 3%;
		padding-top: 0px;
	}

	.div_case2 .div1 {
		width: 90%;
		padding-left: 5%;
		padding-right: 5%;
	}

	.div_case2 .div1 .p2 {
		margin-top: 5%;
	}

	.div_case2 .div1 .p2 ul li {
		width: 48%;
		margin-right: 0px;
		margin-top: 5%;
	}

	.div_case2 .div1 .p2 ul li .pp2 {
		margin-top: 5%;
	}

	.div_case2 .div1 .p2 ul li:nth-child(2n) {
		float: right;
	}
}

.div_class {
	max-width: 1200px;
	margin: 0 auto;
	padding-top: 2%;
	padding-bottom: 2%;
}

.div_class .div1 .p1 {
	color: #999;
	font-size: 18px;
}

.div_class .div1 .p2 {
	color: #4c4c4c;
	font-size: 20px;
}

.div_class .div2 {
	margin-top: 5%;
}

.div_class .div2 ul{
	display: flex;
    flex-wrap: wrap;
}
.div_class .div2 ul li {
	float: left;
	width: 360px;
	margin-right: 60px;
	margin-bottom: 5%;
	position: relative;
}

.div_class .div2 ul li .p1 {
	position: relative;
	z-index: 100;
}

.div_class .div2 ul li .p2 {
	color: #4c4c4c;
	font-size: 16px;
	margin-top: 5%;
	width: 306px;
	height: 60px;
	overflow: hidden;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}

.div_class .div2 ul li .p3 {
	color: #808080;
	font-size: 14px;
	margin-top: 3%;
	width: 276px;
	overflow: hidden;
	height: 22px;
	background: url(../images/2_43.jpg) center right no-repeat;
	padding-right: 30px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}

.div_class .div2 ul li .p4 {
	width: 306px;
	background: url(../images/2_42.jpg) right bottom no-repeat;
	height: 1px;
	margin-top: 5%;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}

.div_class .div2 ul li .p4a1 {
	background: url(../images/2_33.jpg) right top no-repeat;
	width: 82px;
	height: 83px;
	line-height: 85px;
	position: absolute;
	top: -47px;
	right: 0px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}

.div_class .div2 ul li .p4a2 {
	background: url(../images/2_34.jpg) right top no-repeat;
	width: 82px;
	height: 83px;
	line-height: 85px;
	position: absolute;
	top: -47px;
	right: 0px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}

.div_class .div2 ul li .p4a3 {
	background: url(../images/2_35.jpg) right top no-repeat;
	width: 82px;
	height: 83px;
	line-height: 85px;
	position: absolute;
	top: -47px;
	right: 0px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}

.div_class .div2 ul li .p4a4 {
	background: url(../images/2_36.jpg) right top no-repeat;
	width: 82px;
	height: 83px;
	line-height: 85px;
	position: absolute;
	top: -47px;
	right: 0px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}

.div_class .div2 ul li .p4a5 {
	background: url(../images/2_37.jpg) right top no-repeat;
	width: 82px;
	height: 83px;
	line-height: 85px;
	position: absolute;
	top: -47px;
	right: 0px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}

.div_class .div2 ul li .p4a6 {
	background: url(../images/2_38.jpg) right top no-repeat;
	width: 82px;
	height: 83px;
	line-height: 85px;
	position: absolute;
	top: -47px;
	right: 0px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}

.div_class .div2 ul li:hover .p2,
.div_class .div2 ul li:hover .p3 {
	color: #e52128;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}

.div_class .div2 ul li:hover .p4 {
	background: url(../images/2_42.jpg) left bottom no-repeat;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}

.div_class .div2 ul li:hover .p4a1 {
	background: url(../images/2_33a.jpg) right top no-repeat;
	width: 82px;
	height: 83px;
	line-height: 85px;
	position: absolute;
	top: -47px;
	right: 0px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}

.div_class .div2 ul li:hover .p4a2 {
	background: url(../images/2_34a.jpg) right top no-repeat;
	width: 82px;
	height: 83px;
	line-height: 85px;
	position: absolute;
	top: -47px;
	right: 0px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}

.div_class .div2 ul li:hover .p4a3 {
	background: url(../images/2_35a.jpg) right top no-repeat;
	width: 82px;
	height: 83px;
	line-height: 85px;
	position: absolute;
	top: -47px;
	right: 0px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}

.div_class .div2 ul li:hover .p4a4 {
	background: url(../images/2_36a.jpg) right top no-repeat;
	width: 82px;
	height: 83px;
	line-height: 85px;
	position: absolute;
	top: -47px;
	right: 0px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}

.div_class .div2 ul li:hover .p4a5 {
	background: url(../images/2_37a.jpg) right top no-repeat;
	width: 82px;
	height: 83px;
	line-height: 85px;
	position: absolute;
	top: -47px;
	right: 0px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}

.div_class .div2 ul li:hover .p4a6 {
	background: url(../images/2_38a.jpg) right top no-repeat;
	width: 82px;
	height: 83px;
	line-height: 85px;
	position: absolute;
	top: -47px;
	right: 0px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}

@media screen and (max-width: 1023px) and (min-width:0px) {

	/* 移动端的尺寸 */
	.div_class {
		width: 90%;
		padding-left: 5%;
		padding-right: 5%;
	}

	.div_class .div2 ul li {
		width: 100%;
		margin-right: 0px;
	}

	.div_class .div2 ul li .p1 img {
		width: 100%;
	}

	.div_class .div2 ul li .p1,
	.div_class .div2 ul li .p2,
	.div_class .div2 ul li .p3,
	.div_class .div2 ul li .p4 {
		width: 100%;
		padding-right: 0px;
		margin-top: 3%;
	}

	.div_class .div2 ul li .p3 {
		margin-top: 1%;
	}

	.div_class .div2 ul li .p4a1,
	.div_class .div2 ul li .p4a2,
	.div_class .div2 ul li .p4a3,
	.div_class .div2 ul li .p4a4,
	.div_class .div2 ul li .p4a5,
	.div_class .div2 ul li .p4a6 {
		display: none;
	}
}

.div_cust {
	width: 1340px;
	margin: 0 auto;
	padding-top: 86px;
	padding-bottom: 86px;
}

.div_cust .div1 {
	text-align: center;
	color: #1a1a1a;
	font-size: 48px;
	line-height: 48px;
}

.div_cust .div1 strong {
	color: #ff000c;
	font-family: Fette-Engschrift;
	font-size: 72px;
	line-height: 72px
}

.div_cust .div2 {
	text-align: center;
	color: #4c4c4c;
	font-size: 16px;
	line-height: 30px;
	margin-top: 35px;
}

.div_cust .div3 {
	margin-top: 35px;
	text-align: center;
	color: #333;
	font-size: 14px;
	background: url(../images/2_59.jpg) center bottom no-repeat;
	padding-bottom: 7px;
}

.div_cust .div4 {
	margin-top: 40px;
}

.div_cust .div4 ul li {
	float: left;
	width: 17%;
	margin-right: 3.75%;
	margin-bottom: 2.5%;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}

.div_cust .div4 ul li a {
	display: block;
	border: 1px solid #eeeeee;
	overflow: hidden;
	height: 100%;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
	overflow: hidden;
}

.div_cust .div4 ul li a img {
	width: 100%;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.div_cust .div4 ul li:hover {
	box-shadow: -5px 0 15px #fff, 0 -5px 15px #fff, 0 2px 10px #e9e9e9, 2px 0 10px #e9e9e9;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}

.div_cust .div4 ul li a:hover img {
	-webkit-transform: scale(1.07);
	-moz-transform: scale(1.07);
	-o-transform: scale(1.07);
	-ms-transform: scale(1.07);
	transform: scale(1.07);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

@media screen and (max-width: 1600px) and (min-width:1024px) {

	/* 移动端的尺寸 */
	.div_cust {
		width: 1200px;
	}
}

@media screen and (max-width: 1023px) and (min-width:0px) {

	/* 移动端的尺寸 */
	img {
		max-width: 100% !important;
	}

	.div_cust {
		width: 90%;
		padding: 5%
	}

	.div_cust .div1 {
		font-size: 28px;
		line-height: 28px;
	}

	.div_cust .div1 strong {
		font-size: 28px;
		line-height: 28px
	}

	.div_cust .div2 {
		margin-top: 3%;
		font-size: 14px;
		line-height: 26px;
	}

	.div_cust .div3 {
		margin-top: 3%;
		text-align: center;
		color: #333;
		font-size: 14px;
		background: url(../images/2_59.jpg) center bottom no-repeat;
		padding-bottom: 7px;
	}

	.div_cust .div4 {
		margin-top: 8%;
	}

	.div_cust .div4 ul li {
		float: left;
		width: 48%;
		margin-right: 0%;
		margin-bottom: 5%;
	}

	.div_cust .div4 ul li:nth-child(2n) {
		float: right;
	}

}

.main_banner .div1 {
	position: absolute;
	top: 50%;
	margin-top: -40px;
	width: 1066px;
	left: 50%;
	margin-left: -533px;
}

.main_banner .div1 .p1 {
	color: #fff;
	font-size: 48px;
	text-transform: uppercase;
	padding-top: 22px;
}

.main_banner .div1 .p2 {
	background: #fff;
	height: 80px;
	width: 615px;
}

.main_banner .div1 .p2 .pp1 {
	padding-left: 62px;
	width: 287px;
	padding-right: 61px;
}

.main_banner .div1 .p2 .pp1 .text {
	border: 0px;
	background: none;
	height: 78px;
	line-height: 78px;
	color: #dfdfdf;
	font-size: 24px;
}

.main_banner .div1 .p2 .pp2 {
	width: 204px;
	height: 80px;
}

.main_banner .div1 .p2 .pp2 a {
	display: block;
	background: #ec1c24;
	width: 204px;
	text-align: center;
	padding-top: 23px;
	height: 57px;
}

.main_banner .div1 .p2 .pp2 a:hover {
	background: #d01920
}

.div_pro ul {
	max-width: 1200px;
}

.div_pro1 {
	background: url(../images/3_02.jpg) top left repeat-y;
	width: 1232px;
	margin: 0 auto;
	padding-top: 70px;
	padding-bottom: 70px;
}

.div_pro1 .div1 {
	padding-left: 1px;
	color: #9e9e9e;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: bold;
}

.div_pro1 .div1 strong {
	color: #333;
	font-size: 28px;
}

.div_pro1 .div1 span {
	margin-left: 10px;
	margin-right: 10px;
	color: #9e9e9e;
	font-size: 28px;
}

.div_pro1 .div2 {
	margin-top: 40px;
}
.div_pro1 .div2 ul{
	display: flex;
    flex-wrap: wrap;
}
.div_pro1 .div2 ul li {
	width: 25%;
    margin-left: 0;
    float: left;
    text-align: center;
    padding: 0 20px;
    margin-bottom: 30px;
    box-sizing: border-box;
}
.div_pro1 .div2 ul li a{
	display: block;
}
.div_pro1 .div2 ul li a .p1{
	border: 1px solid #eee;
	height: 280px;
}
.div_pro1 .div2 ul li:hover a .p1{
    box-shadow: 1px 1px 15px rgba(0,0,0,0.2);
}
.div_pro1 .div2 ul li a img{
	max-width: 100%;
	max-height: 100%;
}

.div_pro1 .div2 ul li .p2 .pp1 {
	color: #333;
	font-size: 16px;
	margin-top: 20px;
	overflow: hidden;
}

.div_pro1 .div2 ul li .p2 .pp2 {
	color: #4c4c4c;
	font-size: 16px;
	margin-top: 15px;
	text-transform: uppercase;
	height: 22px;
	overflow: hidden;
}

.div_pro1 .div2 ul li .p2 .pp3 {
	margin-top: 35px;
	opacity: 0;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}

.div_pro1 .div2 ul li:hover .p2 .pp3 {
	opacity: 1;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}

.div_pro1 .div3 {
	margin-top: 50px;
	width: 236px;
	height: 37px;
	position: relative;
	overflow: hidden;
}

.div_pro1 .div3 a {
	display: block;
	background: #ec1c24;
}

.div_pro1 .div3 a .span1 {
	padding-left: 64px;
	color: #e5e5e5;
	font-size: 14px;
	position: relative;
	z-index: 100;
	display: block;
	height: 37px;
	line-height: 37px;
}

.div_pro1 .div3 a .span2 {
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 100;
}

.div_pro1 .div3 a .span3 {
	right: -236px;
	position: absolute;
	background: #d21920;
	width: 236px;
	top: 0px;
	height: 37px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}

.div_pro1 .div3 a:hover .span3 {
	right: 0px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}

.div_pro2 {
	/* background: url(../images/3_10.png) center top repeat-y; */
	width: 1232px;
	margin: 0 auto;
	padding-top: 60px;
    padding-bottom: 20px;
}

.div_pro2 .lf {
	width: 600px;
	padding-left: 20px;
}

.div_pro2 .lf .p1 {
	color: #808080;
	font-size: 16px;
}

.div_pro2 .lf .p1 span {
	color: #004d8b;
}

.div_pro2 .lf .p1 a {
	color: #808080;
}

.div_pro2 .lf .p2 {
	color: #333;
	font-size: 39px;
	margin-top: 45px;
	line-height: 50px;
}

.div_pro2 .lf .p3 {
	color: #4c4c4c;
	font-size: 23px;
	line-height: 38px;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 30px;
	letter-spacing: 5px;
}

.div_pro2 .rg {
	padding-right: 300px;
	width: 250px;
}

.div_pro3 {
	background: #f5f5f5;
	padding-bottom: 80px;
}

.div_pro3 img {
	max-width: 100% !important;
	height: auto !important;
}

.div_pro3 .div1 {
	background: url(../images/3_10.png) center top repeat-y;
	width: 1232px;
	margin: 0 auto;
	padding-top: 80px;
	padding-bottom: 30px;
	color: #666;
	line-height: 30px;
	font-size: 16px;
}

.div_pro3 .div1 .lf {
	width: 500px;
	padding-left: 20px;
}

.div_pro3 .div1 .rg {
	width: 500px;
	padding-right: 150px;
}

.div_pro3 .div1 strong {
	color: #004d8b;
	font-size: 24px;
	line-height: 26px;
}

.div_pro3 .div3 {
	margin-top: 50px;
	width: 236px;
	height: 37px;
	position: relative;
	overflow: hidden;
	margin-left: 20px;
}

.div_pro3 .div3 a {
	display: block;
	background: #ec1c24;
}

.div_pro3 .div3 a .span1 {
	padding-left: 64px;
	color: #e5e5e5;
	font-size: 14px;
	position: relative;
	z-index: 100;
	display: block;
	height: 37px;
	line-height: 37px;
}

.div_pro3 .div3 a .span2 {
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 100;
}

.div_pro3 .div3 a .span3 {
	right: -236px;
	position: absolute;
	background: #d21920;
	width: 236px;
	top: 0px;
	height: 37px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}

.div_pro3 .div3 a:hover .span3 {
	right: 0px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}

@media screen and (max-width: 1023px) and (min-width:0px) {

	/* 移动端的尺寸 */
	.main_banner .div1 {
		display: none;
	}

	.div_pro1 {
		background: none;
		width: 92%;
    	padding: 4%;
	}

	.div_pro1 .div1 {
		padding-left: 0px;
		font-size: 14px;
		font-weight: normal;
	}

	.div_pro1 .div1 strong {
		font-size: 16px;
	}

	.div_pro1 .div1 span {
		font-size: 16px;
	}

	.div_pro1 .div2 {
		margin-top: 5%;
	}

	.div_pro1 .div2 ul li {
		width: 100%;
		margin-left: 0px;
		float: left;
		text-align: center;
		margin-bottom: 5%;
	}
	.div_pro1 .div2 ul li a img{
		max-width: 100%;
		max-height: 100%;
	}
	.div_pro1 .div2 ul li .p2 .pp3 {
		display: none;
	}

	.div_pro1 .div3 {
		margin: 0 auto;
		margin-top: 5%;
	}

	.div_pro2 {
		background: none;
		width: 94%;
		padding: 4%;
	}

	.div_pro2 .lf {
		width: 100%;
		padding-left: 0px;
	}

	.div_pro2 .lf .p1 {
		font-size: 14px;
	}

	.div_pro2 .lf .p2 {
		font-size: 20px;
		margin-top: 5%;
		line-height: 22px;
		text-align: center;
	}

	.div_pro2 .lf .p3 {
		font-size: 16px;
		line-height: 22px;
		margin-top: 2%;
		text-align: center;
	}

	.div_pro2 .rg {
		padding-right: 0px;
		width: 100%;
		text-align: center;
		margin-top: 5%;
	}

	.div_pro3 {
		background: #f5f5f5;
		padding-bottom: 5%;
	}

	.div_pro3 .div1 {
		background: none;
		width: 92%;
		margin: 0 auto;
		padding: 4%;
		color: #666;
		line-height: 30px;
	}
	.div_pro3 .div1 table{
		width:100% !important;
	}

	.div_pro3 .div1 .lf {
		width: 100%;
		padding-left: 0px;
	}

	.div_pro3 .div1 .rg {
		width: 100%;
		padding-right: 0px;
		margin-top: 10%;
	}

	.div_pro3 .div1 strong {
		color: #004d8b;
		font-size: 24px;
		line-height: 26px;
	}

	.div_pro3 .div3 {
		margin: 0 auto;
		margin-top: 5%;
	}
}

.div_res ul {
	max-width: 1200px;
}

.div_res1 {
	max-width: 1200px;
	margin: 0 auto;
	text-align: center;
	padding-top: 80px;
	padding-bottom: 80px;
}

.div_res1 .div2 {
	font-size: 36px;
	color: #1a1a1a;
	line-height: 38px;
	margin-top: 44px;
	padding-top: 60px;
	background: url(../images/4_03.jpg) top center no-repeat;
}

.div_res1 .div3 {
	color: #999;
	margin-top: 25px;
	font-size: 18px;
	line-height: 36px;
}

.div_res1 .div4 {
	margin-top: 47px;
}

.div_res1 .div4 .lf {
	width: 33.33%;
}

.div_res1 .div4 .lf .p1 {
	color: #444444;
	font-size: 80px;
	line-height: 80px;
	text-transform: uppercase;
	font-family: myFirstFont;
}

.div_res1 .div4 .lf .p2 {
	color: #333;
	margin-top: 2px;
}

.div_res1 .div5 {
	margin-top: 40px;
	font-size: 20px;
}

.div_res1 .div5 span {
	border-bottom: 1px solid #f29094;
	color: #004d8b;
	padding-bottom: 7px;
}

.div_res1 .div6 {
	margin-top: 25px;
	font-size: 16px;
	color: #000;
	line-height: 36px;
}

.div_res1 .div7 {
	margin-top: 25px;
	font-size: 14px;
	color: #4c4c4c;
	line-height: 26px;
}

.div_res1 .div8 {
	font-size: 18px;
	margin-top: 44px;
	padding-top: 44px;
	background: url(../images/4_03.jpg) top center no-repeat;
}

.div_res_box {
	max-width: 1500px;
	padding: 0 20px;
	margin: 0 auto;
	padding-top: 40px;
	overflow: hidden;
}

.div_res_box .div_res1 {
	max-width:1200px;
	/*float: right;text-align: left;*/
	padding-top: 0;
}

.div_res_box .div_res1 .div1 {
	display: none;
}

.div_res_box .div_res1 .div2 {
	padding-top: 10px;
	background: none;
	margin-top: 0;
}

.div_res_box .div_res_img {
	width: 52%;
	float: left;
}

.div_res_box .div_res_img img {
	width: 100%;
}

.div_res2 {
	position: relative;
	width: 1400px;
	margin: 0 auto;
	padding-bottom: 100px;
}

.div_res2 .slides li {
	overflow: hidden;
}

.div_res2 .slides li a {
	float: left;
	width: 22%;
	margin-right: 4%;
}

.div_res2 .slides li a .div1 {
	border: 1px solid #efefef;
	padding: 18px;
	margin-top: 10px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}

.div_res2 .slides li a .div1 img {
	width: 100%;
	/*height: 314px;*/
}

.div_res2 .slides li a .div2 {
	color: #333;
	font-size: 14px;
	margin-top: 20px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}

.div_res2 .slides li a:hover .div1 {
	box-shadow: -2px 0 5px #fff, 0 -2px 5px #fff, 0 2px 10px #ebebeb, 2px 0 10px #ebebeb;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}

.div_res2 .slides li a:hover .div2 {
	color: #004d8b;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}

.div_res2 .flex-control-nav {
	display: none;
}

.div_res2 .flex-prev {
	background: url(../images/4_08.png) center left no-repeat;
	width: 49px;
	height: 105px;
	position: absolute;
	left: -64px;
	top: 50%;
	margin-top: -120px;
}

.div_res2 .flex-prev:hover {
	background: url(../images/4_08a.png) center left no-repeat;
}

.div_res2 .flex-next {
	background: url(../images/4_09.png) center left no-repeat;
	width: 49px;
	height: 105px;
	position: absolute;
	right: -64px;
	top: 50%;
	margin-top: -120px;
}

.div_res2 .flex-next:hover {
	background: url(../images/4_09a.png) center left no-repeat;
}

.div_res2a .slides li a .div1 {
	border: 1px solid #efefef;
	padding: 4px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}

.div_res3 {
	display: none;
}

@media screen and (max-width: 1600px) and (min-width:1023px) {

	/* 小屏幕 */
	.div_res2 {
		width: 1200px;
	}
}

@media screen and (max-width: 1023px) and (min-width:0px) {

	/* 移动端的尺寸 */
	.div_res_box {
		max-width: unset;
		padding: 0;
	}

	.div_res_box .div_res1 {
		float: none;
		width: 90%;
	}

	.div_res_box .div_res1 .div1 {
		display: none;
	}

	.div_res_box .div_res_img {
		width: 90%;
		padding: 5%;
		float: none;
	}

	.div_res1 {
		width: 90%;
		padding: 5%;
	}

	.div_res1 .div1 img {
		width: 70%;
	}

	.div_res1 .div2 {
		font-size: 18px;
		line-height: 22px;
		margin-top: 5%;
		padding-top: 5%;
	}

	.div_res1 .div3 {
		color: #999;
		margin-top: 5%;
		font-size: 14px;
		line-height: 26px;
	}

	.div_res1 .div4 {
		margin-top: 5%;
	}

	.div_res1 .div4 .lf {
		width: 33.33%;
	}

	.div_res1 .div4 .lf .p1 {
		color: #444444;
		font-size: 25px;
		line-height: 30px;
		text-transform: uppercase;
	}

	.div_res1 .div4 .lf .p2 {
		color: #333;
		margin-top: 2%;
	}

	.div_res1 .div5 {
		margin-top: 5%;
		font-size: 16px;
	}

	.div_res1 .div6 {
		margin-top: 5%;
		font-size: 16px;
		line-height: 26px;
	}

	.div_res1 .div7 {
		margin-top: 5%;
		font-size: 14px;
		line-height: 26px;
	}

	.div_res1 .div8 {
		font-size: 16px;
		margin-top: 5%;
		padding-top: 5%;
	}

	.div_res2 {
		display: none;
	}

	.div_res3 {
		display: block;
	}

	.div_res3 {
		position: relative;
		width: 100%;
		padding-bottom: 5%;
	}

	.div_res3 .slides li {
		overflow: hidden;
	}

	.div_res3 .slides li a {
		float: left;
		width: 70%;
		margin-left: 15%;
		margin-right: 15%;
	}

	.div_res3 .slides li a .div1 {
		border: 1px solid #efefef;
		padding: 5%;
		overflow: hidden;
	}

	.div_res3 .slides li a .div1 img {
		width: 100%;
		overflow: hidden;
	}

	.div_res3 .slides li a .div2 {
		color: #333;
		font-size: 14px;
		margin-top: 5%;
	}

	.div_res3 .flex-control-nav {
		display: none;
	}

	.div_res3 .flex-prev {
		background: url(../images/4_08a.png) center left no-repeat;
		width: 49px;
		height: 105px;
		position: absolute;
		left: 0px;
		top: 50%;
		margin-top: -110px;
	}

	.div_res3 .flex-next {
		background: url(../images/4_09a.png) center left no-repeat;
		width: 49px;
		height: 105px;
		position: absolute;
		right: 0px;
		top: 50%;
		margin-top: -110px;
	}
}

.div_ser ul {
	width: 408px;
}

.div_ser1 {
	padding-top: 80px;
	padding-bottom: 80px;
	width: 1038px;
	margin: 0 auto;
}

.div_ser1 a {
	display: block;
	text-align: center;
	width: 274px;
	height: 294px;
	background: #f5f5f5;
	float: left;
	margin-right: 101px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}

.div_ser1 a .div1 {
	color: #000000;
	padding-top: 45px;
	font-size: 20px;
}

.div_ser1 a .div2 {
	color: #b2b2b2;
	margin-top: 15px;
}

.div_ser1 a .div3 {
	margin-top: 40px;
	position: relative;
	top: 0px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}

.div_ser1 a:hover {
	background: #fff;
	box-shadow: -2px 0 10px #f5f5f5, 0 -2px 10px #f5f5f5, 0 2px 10px #f5f5f5, 2px 0 10px #f5f5f5;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}

.div_ser1 a:hover .div3 {
	position: relative;
	top: -10px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}

.div_ser2 {
	position: relative;
	left: 50%;
	margin-left: -960px;
	width: 1920px;
}

.div_ser3 {
	width: 1042px;
	margin: 0 auto;
	padding-bottom: 80px;
	padding-top: 80px;
}

.div_ser3 .div1 {
	background: url(../images/5_06.jpg) center left no-repeat;
	padding-left: 75px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.div_ser3 .div1 .p1 {
	font-size: 24px;
	line-height: 26px;
	color: #000;
}

.div_ser3 .div1 .p2 {
	color: #b2b2b2;
	margin-top: 5px;
}

.div_ser3 .div2 {
	margin-top: 65px;
}

.div_ser3 .div2 ul li {
	background: #f2f2f2;
	margin-bottom: 36px;
	border: 1px solid #ececec;
	height: 62px;
	line-height: 62px;
}

.div_ser3 .div2 ul li .lf {
	background: url(../images/5_08.jpg) center left no-repeat;
	padding-left: 140px;
	color: #242424;
	width: 697px;
}

.div_ser3 .div2 ul li .rg {
	width: 197px;
	background: #fff;
	border-left: 1px solid #ececec;
	text-align: center;
	color: #4c4c4c;
}

.div_ser3 .div2 ul li .rg span {
	background: url(../images/5_07.jpg) left center no-repeat;
	padding-left: 32px;
	padding-top: 5px;
	padding-bottom: 5px;
}

@media screen and (max-width: 1023px) and (min-width:0px) {

	/* 移动端的尺寸 */
	.div_ser1 {
		padding: 5%;
		width: 90%;
	}

	.div_ser1 a {
		display: block;
		text-align: center;
		margin-bottom: 5%;
		width: 100%;
		height: 294px;
		background: #f5f5f5;
		float: left;
		margin-right: 101px;
		-webkit-transition: all .3s;
		-moz-transition: all .3s;
		transition: all .3s;
	}

	.div_ser3 {
		padding: 5%;
		width: 90%;
	}

	.div_ser3 .div1 {
		background: url(../images/5_06.jpg) center left no-repeat;
		background-size: 45px;
		padding-left: 55px;
	}

	.div_ser3 .div1 .p1 {
		font-size: 16px;
		line-height: 22px;
	}

	.div_ser3 .div1 .p2 {
		margin-top: 0px;
	}

	.div_ser3 .div2 {
		margin-top: 5%;
	}

	.div_ser3 .div2 ul li {
		height: 45px;
		margin-bottom: 5%;
	}

	.div_ser3 .div2 ul li .rg {
		display: none;
	}

	.div_ser3 .div2 ul li .lf {
		width: auto;
		padding-left: 65px;
		background: url(../images/5_08.jpg) top left no-repeat;
		background-size: 48px;
		height: 45px;
		line-height: 45px;
	}
}

.div_news1 {
	width: 1440px;
	margin: 0 auto;
	padding-top: 20px;
	padding-bottom: 80px;
}

.div_news ul {
	max-width: 1200px;
}

.div_news1 ul li {
	float: left;
	width: 31%;
	margin-right: 3.5%;
	margin-bottom: 40px;
	position: relative;
	top: 0px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}

.div_news1 ul li a {
	display: block;
	border: 1px solid #e8e8e8;
}

.div_news1 ul li .div1 img {
	width: 100%;
}

.div_news1 ul li .div2 {
	padding: 5%;
	font-size: 18px;
	line-height: 20px;
	color: #333;
	padding-bottom: 0px;
	height: 20px;
	overflow: hidden;
	;
}

.div_news1 ul li .div3 {
	color: #999999;
	font-size: 16px;
	margin-top: 3%;
	padding-left: 5%;
	padding-right: 5%;
}

.div_news1 ul li .div4 {
	color: #666;
	font-size: 14px;
	line-height: 24px;
	height: 48px;
	overflow: hidden;
	padding: 5%;
	padding-bottom: 0px;
	margin-bottom: 5%;
	padding-top: 2%;
}

.div_news1 ul li:hover {
	top: -10px;
	box-shadow: -2px 0 10px #e8e8e8, 0 -2px 10px #e8e8e8, 0 2px 10px #e8e8e8, 2px 0 10px #e8e8e8;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}

.page1 {
	display: none;
}

.div_news2 {
	max-width: 1200px;
	margin: 0 auto;
	padding: 50px 160px 100px;
}

.div_news2 img {
	max-width: 100%;
}

.fx a {
	color: #4c4c4c
}

.fx a:hover {
	color: #004d8b
}

.biaoti {
	color: #000;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	margin-top: 3%;
}

.time {
	margin-top: 1.5%;
	text-align: center;
	color: #888888;
	border-bottom: 1px dotted #ccc;
	padding-bottom: 1.2%;
}

.txt {
	margin-top: 2%;
	color: #333;
	font-size: 14px;
	line-height: 30px;
	min-height: 200px;
}

.fh {
	margin-top: 5%;
	padding-top: 2%;
	border-top: 0px dotted #ccc
}

.fh a {
	color: #4c4c4c;
	display: block;
}

.fh a:hover {
	color: #004d8b
}

.fh .rg a {
	line-height: 44px;
}

@media screen and (max-width: 1600px) and (min-width:1024px) {

	/* 移动端的尺寸 */
	.div_news1 {
		width: 1200px;
	}
}

@media screen and (max-width: 1023px) and (min-width:0px) {

	/* 移动端的尺寸 */
	.div_news1 {
		width: 92%;
    	padding: 4%;
	}

	.div_news1 ul li {
		float: left;
		width: 100%;
		margin-right: 0%;
		margin-bottom: 5%;
	}

	.page {
		display: none;
	}

	.page1 {
		display: block;
	}

	.div_news2 {
		width: 92%;
		padding: 4%;
	}

	.biaoti {
		font-size: 18px;
	}
}

.div_contbox {
	width: 1440px;
	margin: 0 auto;
}

.div_cont1 {
	padding-top: 80px;
}

.div_cont1 .lf {
	width: 45%;
	padding-right: 5%;
	background: url(../images/7_04.jpg) right center no-repeat;
}

.div_cont1 .rg {
	width: 45%;
	padding-left: 5%;
}

.div_cont1 .lf .div1 {
	background: url(../images/7_02.jpg) center left no-repeat;
	padding-left: 64px;
}

.div_cont1 .rg .div1 {
	background: url(../images/7_03.jpg) center left no-repeat;
	padding-left: 64px;
}

.div_cont1 .div1 .p1 {
	color: #333;
	font-size: 20px;
}

.div_cont1 .div1 .p2 {
	color: #b2b2b2;
}

.div_cont1 .div2 {
	margin-top: 20px;
	color: #999;
	font-size: 14px;
	line-height: 24px;
}

.div_cont2 {
	background: #f5f5f5;
	margin-top: 80px;
	padding-top: 80px;
	padding-bottom: 80px;
}

.div_cont2 .div1 .p1 {
	width: 19%;
	margin-right: 3%;
	background: #fff;
}

.div_cont2 .div1 .p1 select {
	height: 40px;
	width: 100%;
	padding-left: 2%;
	width: 100%;
	border: 0px;
}

.div_cont2 .div1 .p2 {
	width: 21%;
	background: #fff;
}

.div_cont2 .div1 .p2 input {
	height: 40px;
	line-height: 40px;
	border: 0px;
	padding-left: 3%;
	width: 94%;
	padding-right: 3%;
}

.div_cont2 .div1 .p3 {
	width: 10%;
}

.div_cont2 .div1 .p3 a {
	display: block;
	width: 100%;
	height: 40px;
	line-height: 40px;
	color: #fff;
	background: #c60329;
	text-align: center;
}

.div_cont2 .div1 .p3 a:hover {
	background: #a50323
}

.div_cont2 .div2 {
	background: #8f8f8f;
	padding-left: 4%;
	padding-right: 4%;
	margin-top: 15px;
	height: 45px;
	line-height: 45px;
	color: #fff;
	font-size: 16px;
}

.div_cont2 .div2 .p1 {
	width: 20%;
	margin-right: 1%;
}

.div_cont2 .div2 .p2 {
	width: 11%;
	margin-right: 1%;
}

.div_cont2 .div2 .p3 {
	width: 15%;
	margin-right: 1%;
}

.div_cont2 .div2 .p4 {
	width: 40%;
	margin-right: 1%;
}

.div_cont2 .div2 .p5 {
	width: 10%;
}

.div_cont2 .div3 {
	background: #fff;
}

.div_cont2 .div3 ul li .p1 {
	height: 64px;
	line-height: 64px;
	padding-left: 4%;
	padding-right: 4%;
	border-bottom: 1px solid #e6e6e6;
	color: #808080;
	cursor: pointer;
	font-size: 14px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}

.div_cont2 .div3 ul li .p1 .pp1 {
	width: 20%;
	margin-right: 1%;
}

.div_cont2 .div3 ul li .p1 .pp2 {
	width: 11%;
	margin-right: 1%;
}

.div_cont2 .div3 ul li .p1 .pp3 {
	width: 15%;
	margin-right: 1%;
}

.div_cont2 .div3 ul li .p1 .pp4 {
	width: 40%;
	margin-right: 1%;
}

.div_cont2 .div3 ul li .p1 .pp5 {
	width: 10%;
}

.div_cont2 .div3 ul li .div_js_on,
.div_cont2 .div3 ul li:hover .p1 {
	background: #efefef;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}

.div_cont2 .div3 ul li .div_txt {
	background: #dbdbdb;
	padding: 20px 4%;
	border: 1px solid #e6e6e6;
	color: #333;
}

.div_cont3 {
	padding: 40px 20px;
}

.div_cont3 .div1 {
	width: 1440px;
	height: 563px;
}

.div_cont4 {
	background: url(../images/7_06.png) left 50px no-repeat;
}

.div_cont4 .div1 {
	float: left;
	background: #fff;
	width: 20%;
	text-align: center;
	background: #fff;
	font-size: 40px;
	color: #666;
	box-shadow: -2px 0 15px #f6f6f6, 0 -2px 15px #f6f6f6, 0 2px 15px #f6f6f6, 2px 0 15px #f6f6f6;
	height: 80px;
	line-height: 80px;
	margin-top: 100px;
}

.div_cont4 .div2 {
	width: 78%;
	background: url(../images/7_08.jpg) top right repeat-y;
}

.div_cont4 .div2 .p1 {
	width: 25%;
	background: url(../images/7_08.jpg) left top repeat-y;
	float: left;
	color: #808080;
	line-height: 24px;
	padding-top: 100px;
	padding-bottom: 100px;
}

.div_cont4 .div2 .p1 .pp1 {
	font-size: 16px;
	color: #da2828;
	height: 44px;
	line-height: 22px;
	overflow: hidden;
	padding-left: 10%;
	padding-right: 10%;
}

.div_cont4 .div2 .p1 .pp2 {
	height: 160px;
	padding-left: 10%;
	padding-right: 5%;
	background: url(../images/7_07.jpg) 2% 5px no-repeat;
}

.div_cont4 .div2 .p1 .pp3 a {
	display: block;
	text-align: center;
	background: url(../images/7_09.jpg) center top no-repeat;
	color: #666666;
	padding-top: 40px;
}

.div_cont4 .div2 .p1 .pp3:hover a {
	background: url(../images/7_10.jpg) center top no-repeat;
	color: #ff151f
}

@media screen and (max-width: 1600px) and (min-width:1024px) {

	/* 移动端的尺寸 */
	.div_contbox {
		width: 1200px;
	}

	.div_cont3 .div1 {
		width: 1200px;
	}

	.div_cont4 .div1 {
		width: 10%;
		font-size: 20px;
		font-weight: bold;
	}

	.div_cont4 .div2 {
		width: 88%;
	}
}

@media screen and (max-width: 1023px) and (min-width:0px) {

	/* 移动端的尺寸 */
	.div_contbox {
		width: 90%;
		padding-left: 5%;
		padding-right: 5%;
	}
	.div_cont3 #dizhi.div_contbox
	{
		width:100%;
		padding:0;
	}

	.div_cont1 {
		padding-top: 5%;
	}

	.div_cont1 .lf {
		width: 100%;
		padding-right: 0%;
		background: none;
		border-bottom: 1px solid #ddd;
		margin-bottom: 5%;
		padding-bottom: 5%;
	}

	.div_cont1 .rg {
		width: 100%;
		padding-left: 0%;
	}

	.div_cont1 .lf .div1 {
		background: url(../images/7_02.jpg) center left no-repeat;
		background-size: 60px !important;
	}

	.div_cont1 .rg .div1 {
		background: url(../images/7_03.jpg) center left no-repeat;
		background-size: 60px !important;
	}

	.div_cont1 .div1 .p1 {
		font-size: 16px;
		line-height: 18px;
	}

	.div_cont1 .div1 .p2 {
		line-height: 18px;
	}

	.div_cont1 .div2 {
		margin-top: 5%;
		font-size: 14px;
		line-height: 24px;
	}

	.div_cont2 {
		background: #f5f5f5;
		margin-top: 5%;
		padding-top: 5%;
		padding-bottom: 3%;
	}

	.div_cont2 .div1 .p1 {
		width: 100%;
		margin-right: 0%;
		background: #fff;
		margin-bottom: 3%;
	}

	.div_cont2 .div1 .p1 select {
		height: 40px;
		width: 100%;
		padding-left: 2%;
	}

	.div_cont2 .div1 .p2 {
		width: 100%;
		margin-bottom: 3%;
	}

	.div_cont2 .div1 .p3 {
		width: 100%;
	}

	.div_cont2 .div1 .p3 a {
		display: block;
		width: 100%;
		height: 40px;
		line-height: 40px;
		color: #fff;
		background: #c60329;
		text-align: center;
	}

	.div_cont2 .div1 .p3 a:hover {
		background: #a50323
	}

	.div_cont2 .div2 {
		background: #8f8f8f;
		padding-left: 4%;
		padding-right: 4%;
		margin-top: 15px;
		height: 45px;
		line-height: 45px;
		color: #fff;
		font-size: 16px;
	}

	.div_cont2 .div2 .p1 {
		width: 50%;
		margin-right: 0%;
		text-align: center;
	}

	.div_cont2 .div2 .p2 {
		width: 50%;
		margin-right: 0%;
		text-align: center;
	}

	.div_cont2 .div2 .p3 {
		width: 15%;
		margin-right: 0%;
		display: none;
	}

	.div_cont2 .div2 .p4 {
		width: 33%;
		margin-right: 0%;
		display: none;
	}

	.div_cont2 .div2 .p5 {
		width: 10%;
		display: none;
	}

	.div_cont2 .div3 {
		background: #fff;
	}

	.div_cont2 .div3 ul li .p1 {
		height: 54px;
		line-height: 54px;
		padding-left: 4%;
		padding-right: 4%;
		border-bottom: 1px solid #e6e6e6;
		color: #808080;
		cursor: pointer;
		font-size: 14px;
		-webkit-transition: all .3s;
		-moz-transition: all .3s;
		transition: all .3s;
	}

	.div_cont2 .div3 ul li .p1 .pp1 {
		width: 50%;
		margin-right: 0%;
		text-align: center;
	}

	.div_cont2 .div3 ul li .p1 .pp2 {
		width: 50%;
		margin-right: 0%;
		text-align: center;
	}

	.div_cont2 .div3 ul li .p1 .pp3 {
		width: 33%;
		margin-right: 0%;
		display: none;
	}

	.div_cont2 .div3 ul li .p1 .pp4 {
		width: 33%;
		margin-right: 0%;
		text-align: center;
		display: none;
	}

	.div_cont2 .div3 ul li .p1 .pp5 {
		width: 33%;
		display: none;
	}

	.div_cont2 .div3 ul li .div_js_on,
	.div_cont2 .div3 ul li:hover .p1 {
		background: #efefef;
		-webkit-transition: all .3s;
		-moz-transition: all .3s;
		transition: all .3s;
	}

	.div_cont2 .div3 ul li .div_txt {
		background: #dbdbdb;
		padding: 20px 4%;
		border: 1px solid #e6e6e6;
		color: #333;
	}

	.div_cont3 {
		/* display: none; */
		padding: 20px;
	}


	.div_cont4 {
		background: url(../images/7_06.png) left 50px no-repeat;
		background-size: 80%;
	}

	.div_cont4 .div1 {
		float: none;
		background: #fff;
		width: 80%;
		margin: 0 auto;
		text-align: center;
		background: #fff;
		font-size: 20px;
		color: #666;
		box-shadow: -2px 0 15px #f6f6f6, 0 -2px 15px #f6f6f6, 0 2px 15px #f6f6f6, 2px 0 15px #f6f6f6;
		height: 40px;
		line-height: 40px;
		margin-top: 5%;
	}

	.div_cont4 .div2 {
		width: 100%;
		background: none;
	}

	.div_cont4 .div2 .p1 {
		width: 100%;
		background: none;
		border-bottom: 1px solid #ddd;
		float: left;
		color: #808080;
		line-height: 24px;
		padding-top: 5%;
		padding-bottom: 5%;
	}

	.div_cont4 .div2 .p1 .pp1 {
		font-size: 16px;
		color: #da2828;
		height: auto;
		line-height: 22px;
		overflow: hidden;
		padding-left: 10%;
		padding-right: 10%;
	}

	.div_cont4 .div2 .p1 .pp2 {
		height: auto;
		margin-top: 3%;
	}
}

.div_abo {
	max-width: 1600px;
	margin: 0 auto;
	padding-top: 80px;
	padding-bottom: 80px;
}

/*.div_abo .div1{ background:#fafafa;}*/
.div_abo .div1 .lf {
	width: 33.75%;
	padding: 4%;
	background: #e6e6e6;
}

.div_abo .div1 .lf img {
	width: 100%;
}

.div_abo .div1 .rg {
	padding: 4%;
	width: 50.25%;
}

.div_abo .div1 .rg .p1 {
	font-size: 26px;
	color: #333;
	background: url(../images/8_03.jpg) bottom left no-repeat;
	padding-bottom: 25px;
}

.div_abo .div1 .rg .p2 {
	font-size: 16px;
	color: #333;
	line-height: 28px;
	margin-top: 20px;
}

.div_abo .div1 .rg .p3 {
	font-size: 14px;
	color: #808080;
	line-height: 32px;
	margin-top: 25px;
}

@media screen and (max-width: 1600px) and (min-width:1023px) {

	/* 移动端的尺寸 */
	.div_abo {
		width: 1200px;
	}

	.div_abo .div1 .rg .p3 {
		font-size: 12px;
		color: #808080;
		line-height: 24px;
		margin-top: 25px;
	}
}

@media screen and (max-width: 1023px) and (min-width:0px) {

	/* 移动端的尺寸 */
	.div_abo {
		width: 90%;
		padding: 5%;
	}

	.div_abo .div1 .lf {
		width: 90%;
		padding: 5%;
	}

	.div_abo .div1 .rg {
		width: 90%;
		padding: 5%;
	}

	.div_abo .div1 .rg .p1 {
		font-size: 18px;
		padding-bottom: 5%;
	}

	.div_abo .div1 .rg .p3 {
		font-size: 14px;
		line-height: 28px;
		margin-top: 5%;
	}
}

.div_his {
	width: 958px;
	margin: 0 auto;
	padding-top: 80px;
}

.div_his .div1 {
	text-align: center;
}

.div_his .div2 {
	margin-top: 45px;
	border-left: 1px solid #ddd;
}

.div_his .div2 a {
	display: block;
	width: 33.33%;
	height: 48px;
	float: left;
	border-left: 0px;
	text-align: center;
	line-height: 48px;
}

.div_his .div2 a span {
	display: block;
	border: 1px solid #ddd;
	border-left: 0px;
	color: #1a1a1a;
	font-size: 14px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}

.div_his .div2 a:hover span,
.div_his .div2 .a1 span {
	background: #ededed;
	color: #db2925;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}

.div_his .div3 {
	margin-top: 40px;
}

.div_his .div3 ul {
	background: url(../images/8_11.jpg) 116px top repeat-y;
	padding-bottom: 80px;
}

.div_his .div3 ul li {
	margin-bottom: 25px;
}

.div_his .div3 ul li .p1 {
	width: 121px;
	background: url(../images/8_05.jpg) center right no-repeat;
	line-height: 30px;
	font-size: 18px;
	color: #808080;
}

.div_his .div3 ul li .p2 {
	width: 380px;
	margin-left: 25px;
	color: #808080
}

.div_his .div3 ul li .p3 {
	width: 392px;
}

.div_his .div3 ul li .p3 img {
	width: 100%;
}

@media screen and (max-width: 1023px) and (min-width:0px) {

	/* 移动端的尺寸 */
	.div_his {
		width: 90%;
		margin: 0 auto;
		padding: 5%;
	}

	.div_his .div2 {
		margin-top: 5%;
	}

	.div_his .div3 {
		margin-top: 5%;
	}

	.div_his .div3 ul {
		background: none;
		padding-bottom: 5%;
	}

	.div_his .div3 ul li {
		margin-bottom: 5%;
		border-bottom: 1px solid #ddd;
		padding-bottom: 5%;
	}

	.div_his .div3 ul li .p1 {
		width: 100%;
		background: none;
		line-height: 22px;
		font-size: 14px;
		color: #808080;
		text-align: center;
	}

	.div_his .div3 ul li .p2 {
		width: 100%;
		margin-left: 0px;
		color: #808080;
		font-size: 14px;
	}

	.div_his .div3 ul li .p3 {
		width: 100%;
		margin-top: 3%;
	}

	.div_his .div3 ul li .p3 img {
		width: 100%;
	}
}

.div_hon {
	width: 1200px;
	margin: 0 auto;
	padding-top: 80px;
	padding-bottom: 80px;
}

.div_hon .lf {
	width: 536px;
	height: 380px;
	background: url(../images/8_10.jpg) center center no-repeat;
}

.div_hon .lf ul {
	position: relative;
	top: 21px;
	left: 96px;
	width: 441px;
	height: 294px;
	overflow: hidden;
	text-align: center;
}

.div_hon .lf ul li {
	width: 441px;
	height: 294px;
}

.div_hon .lf ul img {
	height: 100%;
}

.div_hon .rg {
	width: 594px;
	height: 420px;
}

.div_hon .rg ul li {
	float: left;
	width: 268px;
	height: 50px;
	line-height: 50px;
	border: 1px solid #dbdbdb;
	line-height: 50px;
	text-align: center;
	color: #333;
	margin-bottom: 20px;
	margin-right: 20px;
	cursor: pointer;
}

.div_hon .rg ul .current,
.div_hon .rg ul li:hover {
	background: #004d8b;
	color: #fff;
}

@media screen and (max-width: 1023px) and (min-width:0px) {

	/* 移动端的尺寸 */
	.div_hon {
		display: none;
	}

	.div_hon1 {
		padding-top: 5%;
	}

	.div_hon1 .flex-prev {
		margin-top: -70px;
	}

	.div_hon1 .flex-next {
		margin-top: -70px;
	}

	.div_cul .div1 .lf {
		padding: 3% 1% !important;
	}
}

.div_cul {
	min-width: 1200px;
}

.div_cul .div1 .lf {
	width: 36%;
	padding: 3% 5%;
	padding-bottom: 0px;
	margin-left: 10%;
}

.div_cul .div1 .lf .p1 {
	color: #000;
	font-size: 30px;
	background: url(../images/8_13.jpg) left bottom no-repeat;
	padding-bottom: 3%;
	line-height: 30px;
}

.div_cul .div1 .lf .p2 {
	color: #333;
	margin-top: 3%;
	font-size: 24px;
}

.div_cul .div1 .lf .p3 {
	color: #666;
	margin-top: 3%;
	font-size: 14px;
	line-height: 26px;
}

.div_cul .div1 .lf .p4 {
	color: #999;
	margin-top: 3%;
	font-size: 14px;
	line-height: 26px;
}

.div_cul .div1 .rg {
	width: 34%;
}

.div_cul .div1 .rg img {
	width: 100%;
}

.div_cul1 {
	background: url(../images/8_14.jpg) top center no-repeat;
	height: 783px;
}

.div_cul1 .div1 {
	width: 1378px;
	margin: 0 auto;
	padding-top: 145px;
}

.div_cul1 .div1 ul li {
	margin-right: 82px;
	float: left;
	width: 157px;
	height: 157px;
	border: 1px solid #fff;
	color: #fff;
	position: relative;
	cursor: pointer;
}

.div_cul1 .div1 ul li .p1 {
	padding-top: 23px;
	padding-left: 17px;
}

.div_cul1 .div1 ul li .p1 .pp1 {
	height: 38px;
}

.div_cul1 .div1 ul li .p1 .pp2 {
	margin-top: 20px;
}

.div_cul1 .div1 ul li .p1 .pp3 {
	text-transform: uppercase;
}

.div_cul1 .div1 ul li .p2 {
	position: absolute;
	top: -2px;
	left: -2px;
	width: 278px;
	height: 230px;
	background-color: rgb(0 45 82 / 80%);
	border-radius: 5px;
	padding: 20px;
	filter: alpha(opacity=0);
	opacity: 0;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
	display: none;
}

.div_cul1 .div1 ul .li .p2 {
	left: -160px;
}

.div_cul1 .div1 ul li .p2 span {
	font-size: 18px;
}

.div_cul1 .div1 ul li:hover {
	z-index: 10;
}

.div_cul1 .div1 ul li:hover .p2 {
	opacity: 1;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
	display: block;
}

@media screen and (max-width: 1600px) and (min-width:1023px) {

	/* 移动端的尺寸 */
	.div_cul1 .div1 {
		width: 1200px;
	}

	.div_cul1 .div1 ul li {
		margin-right: 45px;
	}
}

@media screen and (max-width: 1023px) and (min-width:0px) {

	/* 移动端的尺寸 */
	.div_cul {
		min-width: inherit;
	}

	.div_cul .div1 .lf {
		width: 90%;
		padding: 3% 5%;
		padding-bottom: 0px;
		margin-bottom: 5%;
	}

	.div_cul .div1 .lf .p1 {
		color: #000;
		font-size: 18px;
	}

	.div_cul .div1 .lf .p2 {
		color: #333;
		margin-top: 3%;
		font-size: 16px;
	}

	.div_cul .div1 .lf .p3 {
		color: #666;
		margin-top: 3%;
		font-size: 14px;
		line-height: 26px;
	}

	.div_cul .div1 .lf .p4 {
		color: #999;
		margin-top: 3%;
		font-size: 14px;
		line-height: 26px;
	}

	.div_cul .div1 .rg {
		width: 100%;
	}

	.div_cul1 {
		height: auto;
	}

	.div_cul1 .div1 {
		width: 90%;
		padding: 5%;
	}

	.div_cul1 .div1 ul li {
		float: left;
		width: 46%;
		border: 1px solid #fff;
		color: #fff;
		position: relative;
		cursor: pointer;
		margin-bottom: 5%;
		margin-right: 0px;
	}

	.div_cul1 .div1 ul li:nth-child(2n) {
		float: right;
	}

	.div_cul1 .div1 ul li .p1 .pp1 {
		height: 38px;
	}

	.div_cul1 .div1 ul li .p1 .pp2 {
		margin-top: 5%;
	}

	.div_cul1 .div1 ul li .p2 {
		display: none;
	}
}

.div_car {
	padding-top: 80px;
	padding-bottom: 80px;
	width: 1200px;
	margin: 0 auto;
}

.div_car ul li {
	float: left;
	width: 375px;
	border: 1px solid #f7f7f7;
	margin-right: 34px;
	margin-bottom: 34px;
}

.div_car ul li .div1 {
	overflow: hidden;
}

.div_car ul li .div1 img {
	width: 100%;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}

.div_car ul li .div2 {
	background: #f7f7f7;
}

.div_car ul li .div2 .lf {
	width: 70%;
	padding: 10px 3%;
	padding-bottom: 0px;
	margin-bottom: 10px;
	color: #333;
	height: 48px;
	line-height: 24px;
	overflow: hidden;
}

.div_car ul li .div2 .rg {
	/*background:#efefef url(../images/8_29.png) center 16px no-repeat;*/
	padding-top: 13px;
	padding-bottom: 20px;
	height: 35px;
	width: 24%;
	text-align: center;
	color: #999999;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}

.div_car ul li:hover {
	border: 1px solid #cfcfcf;
}

.div_car ul li:hover .div1 img {
	-webkit-transform-origin: center;
	transform-origin: center;
	-webkit-transform: scale(0.99);
	transform: scale(0.99);
}

.div_car ul li:hover .div2 .rg {
	background: #e00012 url(../images/8_30.png) center 16px no-repeat;
	color: #fff;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}

@media screen and (max-width: 1023px) and (min-width:0px) {

	/* 移动端的尺寸 */
	.div_car {
		width: 90%;
		padding: 5%;
	}

	.div_car ul li {
		width: 100%;
		border: 0px;
		margin: 0px;
		margin-bottom: 5%;
	}

	.div_car ul li:hover {
		border: 0;
	}

	.div_car ul li:hover .div1 img {
		-webkit-transform-origin: center;
		transform-origin: center;
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

.div_vid {
	background: url(../images/8_31.jpg) top center no-repeat;
}

.div_vid .div1 {
	width: 1109px;
	margin: 0 auto;
	padding-top: 80px;
	padding-bottom: 80px;
	text-align: center;
}

.div_vid .div1 .p2 {
	margin-top: 15px;
	color: #666666;
	font-size: 30px;
	line-height: 32px;
}

.div_vid .div1 .p3 {
	margin-top: 35px;
	color: #999;
	font-size: 18px;
	line-height: 36px;
}

.div_vid .div1 .p4 {
	margin-top: 45px;
	margin-bottom: 45px;
}

.div_none {
	display: none;
}

@media screen and (max-width: 1023px) and (min-width:0px) {

	/* 移动端的尺寸 */
	.div_vid .div1 {
		width: 90%;
		padding: 5%;
	}

	.div_vid .div1 .p1 img {
		width: 100%;
	}

	.div_vid .div1 .p2 {
		margin-top: 5%;
		font-size: 18px;
		line-height: 22px;
	}

	.div_vid .div1 .p3 {
		margin-top: 5%;
		font-size: 16px;
		line-height: 26px;
	}

	.div_vid .div1 .p4 {
		margin-top: 5%;
		margin-bottom: 5%;
	}

	.div_vid .div1 .p5 img {
		width: 100%
	}

	.div_nav ul {
		padding-left: 0px;
		background: none;
	}

	.moblie_nav {
		height: auto;
	}

	.moblie_nav ul {
		width: 100%;
		display: flex;
	}

	.moblie_nav ul li {
		width: 33%;
		padding-right: 0px;
		border-bottom: 1px solid #fff;
	}

	.moblie_nav ul li a {
		background: none;
	}

	.moblie_nav ul li:nth-child(3n) {
		width: 34%;
		background: none
	}

	.div_res ul li a,
	.div_res ul:hover .li a {
		font-size: 12px;
	}

	.video {
		display: none;
	}

	.div_none {
		display: block;
	}
}

/* Page */
.page {
	text-align: center;
}

.page a {
	margin-left: 5px;
	margin-right: 5px;
	padding: 5px 10px;
	color: #333;
}

.page .current a,
.page a:hover {
	background: white;
	color: #000;
}

.page1 {
	text-align: center;
}

.page1 a {
	margin-left: 5px;
	margin-right: 5px;
	padding: 5px 10px;
	color: #333;
}

.page1 .current a,
.page1 a:hover {
	background: #white;
	color: #000;
}

.txt img {
	max-width: 100%;
}

/* Page End */
/* Main End */


/* -webkit-transition: none; -moz-transition: none; transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -moz-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -webkit-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -o-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; 背景渐隐 */
/* -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; 背景滚动*/
/* -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); -ms-transform:scale(1); transform:scale(1); -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; 图片原比例 */
/* -webkit-transform:scale(0.97); -moz-transform:scale(0.97); -o-transform:scale(0.97); -ms-transform:scale(0.97); transform:scale(0.97); -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; 图片缩放 */
/* -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); -ms-transform:scale(1); transform:scale(1); -webkit-transition: all 2s; -moz-transition: all 2s; transition: all 2s; -webkit-transform:scale(1.07); -moz-transform:scale(1.07); -o-transform:scale(1.07); -ms-transform:scale(1.07); transform:scale(1.07); -webkit-transition: all 2s; -moz-transition: all 2s; transition: all 2s; */
/* -moz-transform 1s; -webkit-transition:width 1s, height 1s, -webkit-transform 1s; -o-transition:width 1s, height 1s, -o-transform 1s; 图片360旋转 */
/* transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); 图片360旋转 */
/* -webkit-transition: all 1s; -moz-transition: all 1s; transition: all 1s; transition: all 1s; 3D旋转 */
/* -webkit-transition: all 1s; -moz-transition: all 1s; transition: all 1s; transition: all 1s; transform:rotateY(360deg); -webkit-transform:rotateY(360deg); -moz-transform:rotateY(360deg); 3D旋转 */
/* -webkit-filter: blur(2px); -moz-filter: blur(2px); -ms-filter: blur(2px); filter: blur(2px); 高斯模糊 */

/* e62129 */


.news-so {
	display: inline-block;
	width: 80%;
	background: #fff;
	height: 24px;
	margin-top: 40px;
	height: 70px;
	border: 1px solid #ebebeb;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.13);
	margin-left: 10%;
}

.news-so .news-so-key {
	width: 90%;
	height: 100%;
	border: none;
	float: left;
	color: #999;
	outline: none;
	padding: 0 15px;
	line-height: 100%;
}

.news-so .news-so-btn {
	display: block;
	width: 10%;
	height: 24px;
	float: right;
	border: 0px solid #ddd;
	text-align: center;
	padding: 0 5px;
	background: #fff url(../images/ico_so_gray.jpg) center center no-repeat;
	height: 100%;
	width: 60px;
}