@font-face {
	font-family: GothamBold;
	src: url("../fonts/Gotham-Bold.otf") format("opentype");
	src: url("../fonts/Gotham-Bold.eot"); /* IE9 Compat Modes */
	src: url("../fonts/Gotham-Bold.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
	url("../fonts/Gotham-Bold.woff") format("woff"), /* Modern Browsers */
	url("../fonts/Gotham-Bold.ttf") format("truetype"), /* Safari, Android, iOS */
	url("../fonts/Gotham-Bold.svg#svgFontName") format("svg"); /* Legacy iOS */
}

/*common start*/
body, div, ul, li, a, img, p, dl, dt, dd, h1, h2, h3, h4, span, strong, input {
	margin: 0;
	padding: 0;
	list-style: none;
	text-decoration: none;
	border: 0;
	list-style: none; /*font-size: 16px;*/
}

body { /*font-size:12px;*/
	font-family: " ";
	color: #333;
}

a {
	color: #666;
}

	a:hover {
		color: #f60;
		text-decoration: none;
	}

p {
	line-height: 1.5em;
	padding: 5px 0;
}

.clear {
	margin: 0;
	padding: 0;
	font-size: 0;
	clear: both;
}

.wapper {
	max-width: 1200px;
	margin: 0 auto;
}

html {
	font-size: 100% !important; /* 10÷16=62.5% */
}

body {
	font-size: 12px;
	font-size: 1.2rem; /* 12÷10=1.2 */
}
/*@media only screen and (min-width: 481px){
    html {
        font-size: 94%!important;  15.04÷16=94% 
    }
}*/
/*@media only screen and (min-width: 561px){
    html {
        font-size: 109%!important;  17.44÷16=109% 
    }
}*/
@media only screen and (min-width: 768px) {
	html {
		font-size: 125% !important; /* 20÷16=125% */
	}
}


.top {
	width: 100%;
	height: 110px;
	z-index: 6;
	position: fixed;
	top: 0px;
	left: 0;
	background: #fff;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
}

	.top .box {
		position: relative;
		height: 110px;
	}

.logo {
	float: left;
	width: 26%;
	height: 100%;
	margin-left: 2%;
	position: relative;
}

	.logo img {
		max-width: 100%;
		max-height: 95%;
		position: absolute;
		z-index: 666;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		margin: auto 0;
	}

.menu {
	float: right;
	height: 50px;
	line-height: 50px;
	width: 70%;
	margin-top: 60px;
}

.menubg {
	position: absolute;
	width: 100%;
	height: 250px;
	background: #fff;
	top: 110px;
	display: none;
	left: 0;
}

.menu ul {
	text-align: right;
}

	.menu ul li {
		display: inline-block;
		position: relative;
		margin: 0 10px;
	}

		.menu ul li a.on {
			color: #ca1f1f;
			background: url(../images/menubg1.png) bottom center no-repeat;
		}

		.menu ul li dl {
			background: none;
			width: 100%;
			position: absolute;
			left: 0px;
			top: 50px;
			display: none;
			padding-top: 10px;
		}

			.menu ul li dl dd { /*border-bottom:#ddd dotted 1px;*/
			}

				.menu ul li dl dd a {
					font-size: 14px;
					color: #666;
					display: block;
					padding: 0;
					text-align: center;
					line-height: 37px;
				}

					.menu ul li dl dd a:hover {
						color: #ff0404; /*background:#CCC; */
						border: none;
					}

.menu a {
	font-size: 16px;
	color: #000;
	text-decoration: none;
	display: block;
	text-align: center;
	padding: 0 20px;
}

a.menu_hover {
	color: #ca1f1f;
	background: url(../images/menubg1.png) bottom center no-repeat;
}


.nav {
	margin: 0px;
	width: 100%;
	float: left;
	background: #fff;
	z-index: 999;
	position: relative;
	display: none;
}

.nav-item {
	float: left;
	list-style: none;
	zoom: 1;
	width: 100%;
	margin: 0px;
	padding: 0px;
	text-align: center;
}

	.nav-item a {
		display: block;
		font-weight: 800;
		padding: 10px 0px;
		text-transform: uppercase; /*border-top: 1px ridge #723516;*/
		color: #252525;
		-webkit-transition: color .2s linear,background .2s linear;
		-moz-transition: color .2s linear,background .2s linear;
		-o-transition: color .2s linear,background .2s linear;
		transition: color .2s linear,background .2s linear;
		font-size: 15px;
	}

		.nav-item a:hover {
			color: #900;
		}

.nav-mobile {
	cursor: pointer;
	position: fixed;
	z-index: 999;
	background: url(../images/nav_logo.png) 0px 0px no-repeat;
	height: 34px;
	width: 32px;
	top: 8px;
	right: 8px;
	display: block;
}

.nav-list {
	width: 100%;
	height: 100%;
	padding-bottom: 50%;
	float: left;
	display: none;
	position: relative;
	z-index: 999;
}

.nav ul { /*padding-top:2%;*/
}

.nav-inner {
	display: none;
}

.nav-active, .nav-active-inner .nav-inner {
	display: block;
}


/*---------------------------轮换图片-------------------------------*/
.slide_container {
	position: relative;
	float: left;
	width: 100%;
}

.rslides {
	position: relative;
	list-style: none;
	overflow: hidden;
	width: 100%;
	padding: 0;
	margin: 0;
}

	.rslides li {
		-webkit-backface-visibility: hidden;
		position: absolute;
		display: none;
		width: 100%;
		left: 0;
		top: 0;
	}

		.rslides li:first-child {
			position: relative;
			display: block;
			float: left;
		}

	.rslides img {
		display: block;
		height: auto;
		float: left;
		width: 100%;
		border: 0;
	}

.slide {
	position: relative;
	list-style: none;
	overflow: hidden;
	width: 100%;
	padding: 0;
	margin: 0;
}

	.slide li {
		position: absolute;
		width: 100%;
		left: 0;
		top: 0;
	}

	.slide img {
		display: block;
		position: relative;
		z-index: 1;
		height: auto;
		width: 100%;
		border: 0;
	}

	.slide .caption {
		display: block;
		position: absolute;
		z-index: 2;
		font-size: 20px;
		text-shadow: none;
		color: #fff;
		background: #000;
		background: rgba(0,0,0, .8);
		left: 0;
		right: 0;
		bottom: 0;
		padding: 10px 20px;
		margin: 0;
		max-width: none;
	}

.slide_nav {
	position: absolute;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	top: 52%;
	left: 0;
	opacity: 0.7;
	z-index: 3;
	text-indent: -9999px;
	overflow: hidden;
	text-decoration: none;
	height: 61px;
	width: 38px;
	background: transparent url("../images/themes.gif") no-repeat left top;
	margin-top: -45px;
}

	.slide_nav:active {
		opacity: 1.0;
	}

	.slide_nav.next {
		left: auto;
		background-position: right top;
		right: 0;
	}
/*---------------------------轮换图片 End-------------------------------*/

.bannerbg {
	position: relative;
	margin-top: 110px;
}

.scroll_01 {
	width: 100%;
	position: absolute;
	z-index: 5;
	top: 40%;
	left: 0;
}

	.scroll_01 .bd {
		max-width: 90%;
		margin: 0 auto;
	}

		.scroll_01 .bd ul li {
			text-align: center;
			font-size: 72px;
			font-size: 3.6rem;
			color: #fff;
			line-height: 1.5em;
			max-height: 3em;
			overflow: hidden;
		}


.biaoti1 {
	text-align: center;
}

	.biaoti1 h2 {
		font-weight: normal;
		font-size: 32px;
		font-size: 20px;
		color: #0c4386;
		line-height: 1.5em;
		/* letter-spacing: 4px; */
		font-family: " ";
	}

	.biaoti1 span {
		font-weight: normal;
		display: block;
		font-size: 52px;
		font-size: 27px;
		line-height: 1.5em;
		color: #000;
		font-family: GothamBold;
	}

.biaoti4 {
	text-align: center;
}

	.biaoti4 h2 {
		font-size: 36px;
		font-size: 1.8rem;
		color: #ff0404;
		line-height: 1.5em;
	}

		.biaoti4 h2 img {
			vertical-align: middle;
			max-height: 48px;
		}

		.biaoti4 h2 b {
			font-weight: 600;
		}

	.biaoti4 span {
		font-weight: normal;
		display: block;
		font-size: 24px;
		font-size: 1.2rem;
		line-height: 1.5em;
		color: #7f7f7f;
		margin-top: 5px;
	}



.con1bg {
	padding: 100px 0;
	overflow: hidden;
}

.con1 {
}

	.con1 ul {
	}

		.con1 ul li {
			float: left;
			width: 22.33%;
			margin: 50px 1% 0 1%;
		}

			.con1 ul li .al {
				float: left;
				width: 9%;
			}

				.con1 ul li .al table {
					border-spacing: 0;
				}

				.con1 ul li .al td {
					vertical-align: middle;
					height: 54px;
				}

				.con1 ul li .al img {
					max-width: 100%;
				}

			.con1 ul li .ar {
				float: right;
				width: 88%;
				color: #252525;
			}

				.con1 ul li .ar h3 {
					font-weight: normal;
					font-size: 24px;
					font-size: 1.1rem;
					line-height: 2em;
					height: 2em;
					overflow: hidden;
				}

				.con1 ul li .ar span {
					display: block;
					font-size: 16px;
					font-size: .8rem;
					line-height: 2em;
					height: 6em;
					overflow: hidden;
					margin: 1% 0;
				}

				.con1 ul li .ar a {
					color: #7f7f7f;
					font-size: 16px;
					font-size: .8rem;
				}

					.con1 ul li .ar a:hover {
						color: #ff0404;
					}

.con11 {
}

	.con11 ul {
	}

		.con11 ul li {
			float: left;
			width: 31.33%;
			margin: 50px 1% 0 1%;
		}

			.con11 ul li .al {
				float: left;
				width: 9%;
			}

				.con11 ul li .al table {
					border-spacing: 0;
				}

				.con11 ul li .al td {
					vertical-align: middle;
					height: 54px;
				}

				.con11 ul li .al img {
					max-width: 100%;
				}

			.con11 ul li .ar {
				float: right;
				width: 88%;
				color: #252525;
			}

				.con11 ul li .ar h3 {
					font-weight: normal;
					font-size: 24px;
					font-size: 1.1rem;
					line-height: 2em;
					height: 2em;
					overflow: hidden;
				}

				.con11 ul li .ar span {
					display: block;
					font-size: 16px;
					font-size: .8rem;
					line-height: 2em;
					height: 6em;
					overflow: hidden;
					margin: 1% 0;
				}

				.con11 ul li .ar a {
					color: #7f7f7f;
					font-size: 16px;
					font-size: .8rem;
				}

					.con11 ul li .ar a:hover {
						color: #ff0404;
					}

.con12 {
}

	.con12 ul {
	}

		.con12 ul li {
			float: left;
			width: 31.33%;
			margin: 50px 1% 0 1%;
		}

			.con12 ul li .al {
				float: left;
				width: 9%;
			}

				.con12 ul li .al table {
					border-spacing: 0;
				}

				.con12 ul li .al td {
					vertical-align: middle;
					height: 54px;
				}

				.con12 ul li .al img {
					max-width: 100%;
				}

			.con12 ul li .ar {
				float: right;
				width: 88%;
				color: #252525;
			}

				.con12 ul li .ar h3 {
					font-weight: normal;
					font-size: 24px;
					font-size: 1.1rem;
					line-height: 2em;
					height: 2em;
					overflow: hidden;
				}

				.con12 ul li .ar span {
					display: block;
					font-size: 16px;
					font-size: .8rem;
					line-height: 2em;
					height: 6em;
					overflow: hidden;
					margin: 1% 0;
				}

				.con12 ul li .ar a {
					color: #7f7f7f;
					font-size: 16px;
					font-size: .8rem;
				}

					.con12 ul li .ar a:hover {
						color: #ff0404;
					}

.con5bg {
	padding: 100px 0;
	overflow: hidden;
	background: #fbfbfb;
}

.con5 {
}

	.con5 .main {
		margin-top: 50px;
	}

		.con5 .main h3 {
			font-weight: normal;
			font-size: 24px;
			font-size: 1.2rem;
			line-height: 2em;
			text-align: right;
		}

			.con5 .main h3 a {
			}

				.con5 .main h3 a:hover {
					color: #ff0404;
				}

	.con5 ul {
	}

		.con5 ul li {
			float: left;
			width: 48%;
			margin: 10px 1% 0 1%;
			position: relative;
		}

			.con5 ul li img {
				width: 100%;
				float: left;
				cursor: pointer;
				height: 300px;
				object-fit: cover;
			}

			.con5 ul li:hover img {
				-webkit-filter: grayscale(100%);
				-moz-filter: grayscale(100%);
				-ms-filter: grayscale(100%);
				-o-filter: grayscale(100%);
				filter: grayscale(100%);
				filter: gray;
			}

			.con5 ul li .txt {
				position: absolute;
				width: 87%;
				height: 100%;
				top: 0;
				left: 42px;
				/* display: none; */
				color: #ffffff;
				/* margin: 0 auto; */
				/* display: block; */
			}

			.con5 ul li:hover .txt {
				display: block;
			}

			.con5 ul li .txt table {
				border-spacing: 0;
				height: 100%;
			}

				.con5 ul li .txt table td {
					width: 100%;
					height: 100%;
					text-align: center;
					vertical-align: middle;
				}

			.con5 ul li .txt h2 {
				font-weight: normal;
				font-size: 42px;
				font-size: 1.2rem;
				/*line-height:2em; height:2em;*/
				overflow: hidden;
				/* font-family: GothamBold; */
				margin-bottom: 8px;
			}

			.con5 ul li .txt p {
				padding: 0;
				font-size: 16px;
				/*line-height:0.5em; height:3em;*/
				overflow: hidden;
			}



.con7bg {
	padding: 100px 0;
	overflow: hidden;
}

.con7 {
}

	.con7 .main {
		margin-top: 50px;
	}

		.con7 .main img {
			width: 100%;
		}
/*.con7 ul{}
.con7 ul li{ float:left; width:23%; margin:1% 1% 0 1%; text-align:center;}
.con7 ul li img{ max-width:100%;}*/


.con8 {
	padding: 100px 0;
	height: 700px;
	overflow: hidden;
}
/*.c8_l{ float:left; width:50%; text-align:center; padding-top:10%;}
.c8_l img{ max-width:100%;}*/
.c8_r {
	float: right;
	width: 59%; /* background:url(../images/op0.5.png) repeat; color:#fff;*/
	padding: 0;
}

	.c8_r .biaoti1 {
		text-align: left;
	}

	.c8_r .main {
		margin-top: 30px;
	}

		.c8_r .main p {
			line-height: 2em
		}
	/*.c8_r h2{ font-size:60px; line-height:2em;}*/
	.c8_r p {
		padding: 0;
		font-size: 16px;
		font-size: .8rem;
		line-height: 1.5em;
		color: #fff;
	}

		.c8_r p span {
			display: block;
		}


.con6bg {
	overflow: hidden;
	padding: 100px 0;
}

.con6 {
	max-width: 952px;
	margin: 0 auto;
	box-shadow: 0px 0px 30px rgba(0,0,0,0.1);
}

	.con6 .tit {
		text-align: center;
		color: #fff;
		background: #0c4386;
		padding: 30px 0;
	}

		.con6 .tit h2 {
			font-weight: 600;
			font-size: 36px;
			font-size: 1.8rem;
			line-height: 1.5em;
		}

		.con6 .tit h3 {
			font-weight: normal;
			font-size: 24px;
			font-size: 1.2rem;
			line-height: 1.5em;
		}

	.con6 .main {
		padding: 30px 5% 100px 5%;
		position: relative;
	}

.con6_lt {
	float: left;
	width: 38%;
	padding-top: 31px;
}

	.con6_lt ul {
		padding: 0 25%;
	}

		.con6_lt ul li {
			float: left;
			width: 48%;
			margin: 0 1%;
			text-align: center;
			position: relative;
		}

			.con6_lt ul li a > img {
				max-width: 100%;
				opacity: 0.9;
			}

				.con6_lt ul li a > img:hover {
					opacity: 1;
				}

			.con6_lt ul li .ewm {
				background: #fff;
				width: 100px;
				height: 100px;
				position: absolute;
				top: 50px;
				left: 0;
				display: none;
			}

			.con6_lt ul li:hover .ewm {
				display: block;
			}

			.con6_lt ul li .ewm img {
				width: 100px;
				height: 100px;
			}

.con6_rt {
	float: left;
	width: 60%;
	text-align: left;
}

	.con6_rt ul li {
		font-size: 20px;
		font-size: 0.8rem;
		line-height: 2em;
	}

		.con6_rt ul li b {
			font-weight: normal;
			/*font-family:Impact;*/
			font-family: GothamBold;
			font-size: 24px;
			font-size: 01rem;
		}

		.con6_rt ul li a:hover {
			color: #ff0404;
		}

.con6_wz {
	width: 152px;
	height: 152px;
	position: absolute;
	bottom: -76px;
	left: 42%;
}

	.con6_wz img {
		width: 152px;
		height: 152px;
	}
/*.con6 .top6{ height:100px; padding:50px 0; background:#fc101e; color:#fff; line-height:100px;}
.con6 .top6 h4{ font-weight:normal; font-size:60px;}
.con6 .top6 h4 img{ height:100px; vertical-align:middle;}
.con6 .btm6{ padding:50px 0;}
.con6 .btm6 ul li{ font-size:60px; line-height:1.5em;}
.con6 .btm6 ul li img{ height:60px; vertical-align:middle;}*/


.foot_bg {
	height: 120px;
	background: #111;
	color: #fff;
	text-align: center;
	overflow: hidden;
	padding: 0 2%;
}

.foot_1 {
	float: left;
}

.foot_3 {
	float: right;
	font-size: 14px;
	font-size: .7rem;
	color: #7f7f7f;
	line-height: 20px;
	padding-top: 50px;
	height: 20px;
	overflow: hidden;
}

/*Add------------------------------------------------------------------------------*/
.inside {
	overflow: hidden;
	padding-bottom: 20px;
	margin-top: 20px;
}

.weizhi {
	height: 40px;
	line-height: 40px;
	/* background: url(../images/ff.png) left center no-repeat; */
}

	.weizhi strong {
		float: left;
		font-size: 22px;
		padding-bottom: 2px;
		color: #0c4386;
		height: 37px;
		/* padding-left: 30px; */
	}

	.weizhi span {
		float: right;
		padding-right: 10px;
		font-size: 16px;
		color: #222
	}

		.weizhi span b {
			background: #0c4386;
			color: #FFF;
			margin-right: 10px;
			padding: 2px 5px;
		}

	.weizhi a {
		font-size: 16px;
		color: #333;
	}

		.weizhi a:hover {
			color: #c03;
		}

.inside_con {
	padding: 15px 0 0 0;
	font-size: 16px;
}

@media screen and (max-width:720px) {
	.inside_con {
		margin-top: 35px;
	}
}
/*Add------------------------------------------------------------------------------*/


.inbanner {
	margin-top: 110px;
}

	.inbanner .img {
	}

		.inbanner .img img {
			width: 100%;
			float: left;
		}


.tit1 {
	text-align: center;
}

	.tit1 img {
		max-width: 50%;
	}


.joinbg {
	padding: 100px 0;
}

.join {
}

	.join .main {
		margin-top: 50px;
	}

.tree {
}

.tree_box {
	overflow: hidden;
}

.tree_one, .tree_two {
	display: none;
	overflow: hidden;
}

.tree_box h3 {
	font-weight: normal;
	font-size: 20px;
	font-size: 1rem;
	position: relative;
	height: 59px;
	line-height: 59px;
	border-top: 1px solid #ccc;
}

	.tree_box h3 span {
		background: url(../images/join01.png) center no-repeat;
		position: absolute;
		right: 0px;
		top: 0px;
		height: 59px;
		width: 59px;
		cursor: pointer;
	}

.tree_box:hover h3 span {
	-ms-transform: rotate(180deg); /* IE 9 */
	-moz-transform: rotate(180deg); /* Firefox */
	-webkit-transform: rotate(180deg); /* Safari 和 Chrome */
	-o-transform: rotate(180deg); /* Opera */
}

.tree_box h3 a {
}

	.tree_box h3 a:hover {
		color: #ff0404;
	}

.tree_one {
	font-size: 16px;
	font-size: .8rem;
	line-height: 1.5em;
	color: #999;
	padding: 0 2em 30px 2em;
}

	.tree_one h2 {
		font-weight: normal;
		font-size: 16px;
		font-size: .8rem;
		line-height: 2em;
	}

	.tree_one dl dd {
	}


.dsyybg {
	padding: 100px 0;
}

.dsyy {
}

	.dsyy .main {
		margin-top: 50px;
	}

		.dsyy .main .txt {
			font-size: 16px;
			font-size: .8rem;
			line-height: 2em;
			margin-top: 100px;
		}

		.dsyy .main .mid {
			margin-top: 100px;
		}

			.dsyy .main .mid ul {
			}

				.dsyy .main .mid ul li {
					float: left;
					width: 31.33%;
					margin: 0 1%;
					text-align: center;
				}

					.dsyy .main .mid ul li .img {
						height: 80px;
					}

						.dsyy .main .mid ul li .img img {
							max-width: 100%;
							height: 50px;
						}

					.dsyy .main .mid ul li span { /*display:block;*/
						font-size: 16px;
						font-size: .8rem;
						line-height: 1.5em;
						height: 2em;
						overflow: hidden;
					}

		.dsyy .main .btm {
			text-align: center;
			margin-top: 30px;
		}

			.dsyy .main .btm img {
				max-width: 100%;
				margin-top: 100px;
			}


.ggtfbg {
	padding: 100px 0;
}

.ggtf {
}

	.ggtf .main {
		margin-top: 50px;
	}

.ggtf01 {
}

	.ggtf01 .txt {
		font-size: 16px;
		font-size: .8rem;
		line-height: 2em;
		margin-top: 100px;
	}

	.ggtf01 .list {
		font-size: 16px;
		font-size: .8rem;
		line-height: 1.5em;
		margin-top: 100px;
	}

		.ggtf01 .list ul li {
			float: left;
			width: 31.33%;
			margin: 0 1%;
		}


.tit2 {
	background: url(../images/ggtf01.png) center repeat-x;
	text-align: center;
}

	.tit2 h2 {
		font-weight: normal;
		font-size: 24px;
		font-size: 1.2rem;
		line-height: 2em;
		margin-top: 100px;
	}

		.tit2 h2 span {
			padding: 0 50px;
			background: #fbfbfb;
			color: #999;
		}

.ggtf02 {
	margin-top: 50px;
}

	.ggtf02 .list {
		margin-top: 100px;
	}

		.ggtf02 .list ul li {
			float: left;
			width: 31%;
			margin: 0 1%;
			border-right: 1px solid #ccc;
			text-align: center;
		}

			.ggtf02 .list ul li h2 {
				font-weight: normal;
				font-size: 24px;
				font-size: 1.2rem;
				line-height: 3em;
				height: 3em;
				overflow: hidden;
				color: #ff0404;
			}

				.ggtf02 .list ul li h2 b {
					font-size: 48px;
					font-size: 2.4rem;
				}

				.ggtf02 .list ul li h2 strong {
					font-size: 72px;
					font-size: 3.6rem;
				}

			.ggtf02 .list ul li h3 {
				font-weight: normal;
				font-size: 20px;
				font-size: 1rem;
				line-height: 1.5em;
				height: 1.5em;
				overflow: hidden;
			}

			.ggtf02 .list ul li h4 {
				font-weight: normal;
				font-size: 16px;
				font-size: .8rem;
				line-height: 1.5em;
				height: 1.5em;
				overflow: hidden;
			}

.ggtf03 {
	margin-top: 50px;
}

	.ggtf03 .list {
		margin-top: 100px;
	}

		.ggtf03 .list ul li {
			float: left;
			width: 31.33%;
			margin: 0 1%;
			text-align: center;
		}

			.ggtf03 .list ul li h2 {
				font-size: 20px;
				font-size: 1rem;
				line-height: 2em;
				height: 2em;
				overflow: hiddend;
				color: #ff0404;
			}

			.ggtf03 .list ul li p {
				padding: 0;
				font-size: 16px;
				font-size: .8rem;
				line-height: 1.5em;
				height: 3em;
				overflow: hidden;
			}

.ggtf04 {
	margin-top: 50px;
}

	.ggtf04 .list {
		text-align: center;
		margin-top: 30px;
	}

		.ggtf04 .list img {
			max-width: 100%;
			margin-top: 100px;
		}


.hwyxbg {
	padding: 100px 0;
}

.hwyx {
}

	.hwyx .main {
		margin-top: 50px;
	}

.hwyx01 {
}

	.hwyx01 .txt {
		font-size: 16px;
		font-size: .8rem;
		line-height: 2em;
		margin-top: 100px;
	}

	.hwyx01 .img {
		text-align: center;
		margin-top: 30px;
	}

		.hwyx01 .img img {
			max-width: 100%;
			margin-top: 100px;
		}

.hwyx02 {
	margin-top: 50px;
}

	.hwyx02 .list {
	}

		.hwyx02 .list ul li {
			float: left;
			width: 31.33%;
			margin: 60px 1% 0 1%;
			text-align: center;
		}

			.hwyx02 .list ul li h2 {
				font-weight: normal;
				font-size: 24px;
				font-size: 1.2rem;
				line-height: 2em;
				height: 2em;
				overflow: hidden;
				color: #ff0404;
			}

			.hwyx02 .list ul li p {
				padding: 0;
				font-size: 16px;
				font-size: .8rem;
				line-height: 1.5em;
				height: 9em;
				overflow: hidden;
			}

.hwyx03 {
	margin-top: 50px;
}

	.hwyx03 .img {
		text-align: center;
		margin-top: 100px;
	}

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

.hwyx04 {
	margin-top: 50px;
}

	.hwyx04 .list {
		margin-top: 30px;
	}

		.hwyx04 .list .img {
			text-align: center;
		}

			.hwyx04 .list .img img {
				max-width: 100%;
				margin-top: 100px;
			}


.ppqabg {
	padding: 100px 0;
}

.ppqa {
}

	.ppqa .main {
		margin-top: 50px;
	}

.ppqa01 {
}

	.ppqa01 .txt {
		font-size: 16px;
		font-size: .8rem;
		line-height: 2em;
		margin-top: 100px;
	}

	.ppqa01 .list {
		font-size: 16px;
		font-size: .8rem;
		line-height: 1.5em;
		margin-top: 100px;
	}

		.ppqa01 .list ul li {
			float: left;
			width: 31.33%;
			margin: 0 1%;
		}

	.ppqa01 .img {
		text-align: center;
		margin-top: 50px;
	}

		.ppqa01 .img img {
			max-width: 100%;
			margin-top: 100px;
		}


.wlggbg {
	padding: 100px 0;
}

.wlgg {
}

	.wlgg .main {
		margin-top: 50px;
	}

.wlgg01 {
}

	.wlgg01 .txt {
		font-size: 16px;
		font-size: .8rem;
		line-height: 2em;
		margin-top: 100px;
	}

	.wlgg01 .list {
		font-size: 16px;
		font-size: .8rem;
		line-height: 1.5em;
		margin-top: 100px;
	}

		.wlgg01 .list ul li {
			float: left;
			width: 31.33%;
			margin: 0 1%;
		}

.wlgg02 {
	margin-top: 50px;
}

	.wlgg02 .list {
		margin-top: 30px;
	}

		.wlgg02 .list .img {
			text-align: center;
		}

			.wlgg02 .list .img img {
				max-width: 100%;
				margin-top: 100px;
			}



.xmtyxbg {
	padding: 100px 0;
}

.xmtyx {
}

	.xmtyx .main {
		margin-top: 50px;
	}

.xmtyx01 {
}

	.xmtyx01 .txt {
		font-size: 16px;
		font-size: .8rem;
		line-height: 2em;
		margin-top: 100px;
	}

	.xmtyx01 .list {
		font-size: 16px;
		font-size: .8rem;
		line-height: 1.5em;
		margin-top: 100px;
	}

		.xmtyx01 .list ul li {
			float: left;
			width: 31.33%;
			margin: 0 1%;
		}

	.xmtyx01 .img {
		text-align: center;
		margin-top: 50px;
	}

		.xmtyx01 .img img {
			max-width: 100%;
			margin-top: 100px;
		}

.xmtyx02 {
	margin-top: 50px;
}

	.xmtyx02 .list {
		margin-top: 30px;
	}

		.xmtyx02 .list .img {
			text-align: center;
		}

			.xmtyx02 .list .img img {
				max-width: 100%;
				margin-top: 100px;
			}





@media(max-width: 1024px) {
	img {
		max-width: 100%;
	}

	.top {
		height: 50px;
	}

		.top .box {
			height: 50px;
		}

	.logo {
		width: 50%;
		height: 100%;
	}

	.menu {
		display: none;
	}

	.nav {
		display: block;
	}

	.bannerbg {
		margin-top: 50px;
	}

	.scroll_01 .bd ul li {
		font-size: 24px;
		font-size: 1.2rem;
		line-height: 1.5em;
		max-height: 3em;
		overflow: hidden;
	}

	.con1 {
		padding: 0 1%;
	}

		.con1 ul li {
			float: left;
			width: 48%;
			margin: 50px 1% 0 1%;
		}

	.con5 {
		padding: 0 1%;
	}

	.con7 {
		padding: 0 1%;
	}

	.con8 {
		padding: 100px 1%;

	}

	.c8_r {
		float: right;
		width: 60%;
	}

	.con6 {
		max-width: 80%;
	}

	.con6_wz {
		left: 40%;
	}

	.foot_bg {
		height: auto;
	}

	.foot_1 {
		float: none;
	}

	.foot_3 {
		float: none;
		line-height: 1.5em;
		height: auto;
		overflow: hidden;
		padding: 0 0 10px 0;
		margin: 0;
	}

	.inbanner {
		margin-top: 50px;
	}
}

@media(max-width: 768px) {
	.con1bg {
		padding: 50px 0;
	}

	.con1 ul li {
		width: 98%;
		margin: 30px 1% 0 1%;
	}

		.con1 ul li .ar h3 { /* font-size:24px;*/
			line-height: 2em;
			height: auto;
			overflow: hidden;
		}

		.con1 ul li .ar span { /* font-size:20px;*/
			line-height: 1.5em;
			height: auto;
			overflow: hidden;
		}
	.con11 ul li {
		width: 98%;
		margin: 30px 1% 0 1%;
	}

		.con11 ul li .ar h3 { /* font-size:24px;*/
			line-height: 2em;
			height: auto;
			overflow: hidden;
		}

		.con11 ul li .ar span { /* font-size:20px;*/
			line-height: 1.5em;
			height: auto;
			overflow: hidden;
		}
	.con5bg {
		padding: 50px 0;
		overflow: hidden;
		background: #fbfbfb;
	}

	.con5 .main {
		margin-top: 30px;
	}

		.con5 .main h3 { /* font-size:24px;*/
			line-height: 2em;
		}

	.con5 ul li {
		float: left;
		width: 98%;
		margin: 10px 1% 0 1%;
	}

	.con7bg {
		padding: 50px 0;
	}

	.con7 .main {
		margin-top: 30px;
	}

	.con8 {
		padding: 50px 1% 200px 1%;
		height: auto;
		overflow: hidden;
	}

	.c8_r {
		float: right;
		width: 95%;
		padding: 10px;
	}

	.con6bg {
		padding: 50px 0;
	}

	.con6_lt {
		float: none;
		width: 100%;
		padding: 0;
	}

	.con6_rt {
		float: none;
		width: 100%;
		text-align: center;
		margin-top: 30px;
	}

	.con6_wz {
		left: 38%;
	}

	.biaoti1 h2 {
		font-size: 15px;
		line-height: 1.5em;
	}

	.biaoti1 span {
		font-size: 30px;
		line-height: 1.5em;
	}
}

@media(max-width: 650px) {
	.con6_wz {
		left: 35%;
	}
}

@media(max-width: 540px) {
	.con6_wz {
		left: 32%;
	}
}

@media(max-width: 480px) {
	.con6_wz {
		left: 30%;
	}
}

@media(max-width: 414px) {
	.con6_wz {
		left: 26%;
	}
}

@media(max-width: 375px) {
}




.casebg {
	padding: 100px 0;
}

.case {
}

	.case .main {
		margin-top: 50px;
	}

		.case .main ul {
		}

			.case .main ul li {
				float: left;
				width: 48%;
				margin: 10px 1% 0 1%;
				position: relative;
			}

				.case .main ul li img {
					width: 100%;
					float: left;
					cursor: pointer;
					height: 300px;
					object-fit: cover;
				}

				.case .main ul li:hover > img {
					-webkit-filter: grayscale(100%);
					-moz-filter: grayscale(100%);
					-ms-filter: grayscale(100%);
					-o-filter: grayscale(100%);
					filter: grayscale(100%);
					filter: gray;
				}

				.case .main ul li .txt {
					position: absolute;
					width: 100%;
					height: 100%;
					top: 0;
					left: 0;
					display: none;
					color: #ffffff;
				}

				.case .main ul li:hover .txt {
					display: block;
				}

				.case .main ul li .txt table {
					border-spacing: 0;
					height: 100%;
				}

					.case .main ul li .txt table td {
						width: 100%;
						height: 100%;
						text-align: center;
						vertical-align: middle;
					}

				.case .main ul li .txt h2 {
					font-weight: normal;
					font-size: 1.2rem;
					line-height: 2em;
					height: 2em;
					overflow: hidden;
				}

				.case .main ul li .txt p {
					padding: 0;
					font-size: 0.7rem;
					line-height: 1.5em;
					height: 3em;
					overflow: hidden;
				}

.tanchBox {
}

.tanchbg {
	max-width: 1200px;
	margin: 0 auto;
	margin-top: 10%;
	background: #fff;
	position: relative;
}

.tc_close {
	width: 36px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	font-size: 36px;
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
}

	.tc_close img {
		width: 36px;
		height: 36px;
	}

	.tc_close a {
		display: block;
		color: #f00;
		opacity: 0.8;
	}

		.tc_close a:hover {
			opacity: 1;
		}

.tanch {
	padding: 25px 25px;
}

.tanch_lt {
	float: left;
	width: 73%;
	overflow: hidden;
}
/* 本例子css -------------------------------------- */
.slideBox {
	position: relative;
	overflow: hidden;
	margin: 10px auto;
	max-width: 100%; /* 设置焦点图最大宽度 */
}

	.slideBox .hd {
		width: 100%;
		height: 10px;
		padding: 5px 0;
		position: absolute;
		z-index: 6;
		bottom: 0;
		left: 0;
		text-align: center;
	}

		.slideBox .hd ul li {
			float: none;
			margin: 0 5px;
			padding: 0;
			display: inline-block;
			width: 10px;
			height: 10px;
			background: #fff;
			color: #fff;
			border-radius: 100%;
			overflow: hidden;
		}

			.slideBox .hd ul li.on {
				background: #ff0404;
				color: #ff0404;
			}

	.slideBox .bd {
		position: relative;
		z-index: 0;
	}

		.slideBox .bd ul li {
			position: relative;
			text-align: center;
			margin: 0;
			padding: 0;
		}

			.slideBox .bd ul li img {
				background: url(../images/loading.gif) center center no-repeat;
				vertical-align: top;
				width: 100%; /* 图片宽度100%，达到自适应效果 */
			}

			.slideBox .bd ul li a {
				-webkit-tap-highlight-color: rgba(0,0,0,0);
			}
/* 去掉链接触摸高亮 */

.tanch_rt {
	float: right;
	width: 25%;
}

	.tanch_rt h2 {
		font-weight: normal;
		font-size: 48px;
		line-height: 1.5em;
		height: 1.5em;
		overflow: hidden;
	}

	.tanch_rt h3 {
		font-weight: normal;
		font-size: 24px;
		line-height: 1.5em;
		height: 1.5em;
		overflow: hidden;
	}

	.tanch_rt p {
		padding: 0;
		font-size: 14px;
		color: #7f7f7f;
		line-height: 1.5em;
		height: 15em;
		overflow: hidden;
		margin-top: 15px;
	}

	.tanch_rt h4 {
		font-size: 36px;
		line-height: 36px;
		margin-top: 1em;
	}

		.tanch_rt h4 b {
			font-size: 20px;
			line-height: 20px;
		}


@media(max-width: 768px) {
	.case .main {
		padding: 0 1%;
	}

		.case .main ul li {
			float: left;
			width: 98%;
			margin: 10px 1% 0 1%;
		}

	.tanchbg {
		margin-top: 0;
	}

	.tanch {
		padding: 40px 20px 20px 20px;
	}

	.tanch_lt {
		float: none;
		width: 100%;
		overflow: hidden;
	}

	.tanch_rt {
		float: none;
		width: 100%;
	}

		.tanch_rt h2 {
			font-size: 48px;
			line-height: 1.5em;
			height: auto;
			overflow: hidden;
		}

		.tanch_rt h3 {
			font-size: 24px;
			line-height: 1.5em;
			height: auto;
			overflow: hidden;
		}

		.tanch_rt p {
			font-size: 14px;
			line-height: 1.5em;
			height: auto;
			overflow: hidden;
		}
}













.service01bg {
	margin-top: 50px;
}

.service01 {
}

	.service01 .main {
		margin-top: 30px;
	}

		.service01 .main ul {
		}

			.service01 .main ul li {
				float: left;
				width: 31.33%;
				margin: 0 1%;
			}

				.service01 .main ul li .img {
					height: 90px;
				}

					.service01 .main ul li .img table {
					}

						.service01 .main ul li .img table td {
							text-align: center;
							vertical-align: middle;
							height: 90px;
						}

					.service01 .main ul li .img img {
						max-width: 100%;
						max-height: 90px;
					}

				.service01 .main ul li .txt {
					padding: 0 0 0 30%;
				}

					.service01 .main ul li .txt dl dd {
						font-size: 36px;
						line-height: 1.5em;
					}

.service02bg {
	margin-top: 50px;
}

.service02 {
}

	.service02 .main {
	}

		.service02 .main ul li {
			float: left;
			width: 14.66%;
			height: 70px;
			margin: 2% 1%;
		}

			.service02 .main ul li table {
				border-spacing: 0;
			}

				.service02 .main ul li table td {
					text-align: center;
					vertical-align: middle;
					height: 70px;
				}

			.service02 .main ul li img {
				max-width: 100%;
				max-height: 70px;
			}

.service03bg {
	margin-top: 50px;
}

.service03 {
}

	.service03 .main {
	}

		.service03 .main ul {
		}

			.service03 .main ul li {
				float: left;
				width: 14.66%;
				margin: 1% 1%;
				text-align: center;
			}

				.service03 .main ul li img {
					max-width: 100%;
				}

@media(max-width: 1024px) {
	.service01 .main ul li {
		float: left;
		width: 98%;
		margin: 2% 1% 0 1%;
	}

		.service01 .main ul li .txt {
			padding: 0 0 0 40%;
		}

			.service01 .main ul li .txt dl dd {
				font-size: 24px;
			}

	.service02 .main ul li {
		float: left;
		width: 31.33%;
		margin: 2% 1%;
	}

	.service03 .main ul li {
		float: left;
		width: 23%;
		margin: 1% 1%;
	}
}

@media(max-width: 480px) {
	.service02 .main ul li {
		float: left;
		width: 48%;
		margin: 2% 1%;
	}
}


.tree2 {
}

.tree_box2 {
	overflow: hidden;
	padding: 0;
	margin: 0;
}

	.tree_box2 h3 {
		position: relative;
		height: 3em;
		line-height: 3em;
		text-align: center;
		font-size: 16px;
		font-weight: normal;
	}

		.tree_box2 h3 a {
			padding: 0;
			margin: 0;
			font-size: 16px;
			font-weight: normal;
		}

.tree_one2 {
	display: none;
	overflow: hidden;
	padding: 0;
	margin: 0;
}

	.tree_one2 li {
		padding: 0;
		margin: 0;
		line-height: 2em;
		font-size: 15px;
	}

		.tree_one2 li a {
			padding: 0;
			margin: 0;
			font-size: 15px;
			font-weight: normal;
		}


@media screen and (max-width:762px) {
	.weizhi span {
		width: 100%;
		padding-right: 0;
	}
}