@charset "UTF-8";
.casr_img {
	top: 900px;
	background-color: #fff;
	position: relative;
	z-index: 100
}

.lightbox img {
	width: 100%;
	height: auto
}

body {
	min-width: 1200px
}

body #LXB_CONTAINER .lxb-container,
body #newBridge {
	display: none
}

.bodyclear {
	clear: both
}

.news_content .casefy {
	margin: 20px 0 100px 0
}

@keyframes comMous {
	0% {
		padding-top: 60px;
		opacity: 0;
		filter: alpha(opacity=0)
	}
	100% {
		padding-top: 0;
		opacity: 1;
		filter: alpha(opacity=100)
	}
}

@-webkit-keyframes comMous {
	0% {
		padding-top: 60px;
		opacity: 0;
		filter: alpha(opacity=0)
	}
	100% {
		padding-top: 0;
		opacity: 1;
		filter: alpha(opacity=100)
	}
}

@-moz-keyframes comMous {
	0% {
		padding-top: 60px;
		opacity: 0;
		filter: alpha(opacity=0)
	}
	100% {
		padding-top: 0;
		opacity: 1;
		filter: alpha(opacity=100)
	}
}

@-o-keyframes comMous {
	0% {
		padding-top: 60px;
		opacity: 0;
		filter: alpha(opacity=0)
	}
	100% {
		padding-top: 0;
		opacity: 1;
		filter: alpha(opacity=100)
	}
}

.comm_f1 .main {
	-webkit-animation: comMous 2s;
	-o-animation: comMous 2s;
	-moz-animation: comMous 2s;
	animation: comMous 2s
}

.comm_f1 {
	background: url(../images/263bg_02.jpg) no-repeat center 70px #454140;
	height: 790px
}

.what {
	width: 750px;
	line-height: 26px;
	margin: 138px auto 0;
	text-align: center;
	color: #fff;
	font-size: 14px
}

.what span {
	font-weight: lighter;
	display: block;
	height: 50px;
	font-size: 30px
}

.xiang {
	margin: 80px 0;
	text-align: center
}

.jishi {
	color: #fff;
	font-size: 14px;
	text-align: center;
	line-height: 20px;
	display: inline-block;
	width: 165px;
	border-left: 1px solid #8d8c8c
}

.xiang a:first-child {
	border: none
}

.jishi img {
	transition: .5s;
	-webkit-transition: .5s;
	display: block;
	margin-left: 62px;
	width: 42px;
	height: 38px
}

.ext_f6_b:hover b img,
.jishi:hover img {
	transform: rotate(360deg);
	-webkit-transform: rotate(360deg)
}

.jishi:hover {
	color: #fff
}

.shenq {
	transition: .5s;
	border-radius: 20px;
	background: #e10413;
	font-size: 14px;
	line-height: 40px;
	display: block;
	width: 170px;
	height: 40px;
	text-align: center;
	color: #fff;
	margin: 0 auto
}

.shenq:hover {
	background: #b20b0b
}

.comm_f2 {
	background: url(../images/263bg_04.jpg) no-repeat center #F1F6FC;
	overflow: hidden
}

.comm_f2-main {
	position: relative;
	width: 1000px;
	margin: 0 auto
}

.comm_f2_left {
	opacity: 0;
	filter: alpha(opacity=0);
	margin: 250px 0 300px -520px;
	width: 520px;
	font-size: 14px;
	line-height: 18px;
	color: #49494e
}

.comm_f2_left span {
	margin-bottom: 10px;
	font-weight: lighter;
	display: block;
	font-size: 30px;
	line-height: 50px
}

.comm_f2-pointer {
	width: 810px;
	height: 560px;
	position: absolute;
	right: 400px;
	bottom: -560px;
	margin-left: -405px;
	opacity: 0;
	filter: alpha(opacity=0)
}

.comm_f3_tit {
	margin: 100px 0 45px 0;
	text-align: center;
	font-size: 14px;
	line-height: 18px;
	color: #49494e
}

.comm_f3_tit span {
	display: block;
	font-size: 30px;
	line-height: 60px
}

.comm_f3 .main {
	opacity: 0;
	filter: alpha(opacity=0)
}

.zf {
	margin-bottom: 100px
}

.zf td {
	width: 333px;
	height: 55px;
	line-height: 55px;
	color: #fff;
	font-size: 18px;
	text-align: center
}

.zf thead {
	background-color: #5271a7
}

.zf tbody {
	background-color: #f4f5f9
}

.zf tbody tr {
	border-bottom: 1px solid #dadada
}

.zf tbody td {
	color: #49494e;
	font-size: 14px
}

.comm_f4 {
	background: url(../images/263bg_07.jpg) no-repeat center
}

.jishi_f4 {
	width: 230px;
	position: relative;
	padding-top: 45px
}

.jishi_f4 img {
	margin-left: 0;
	left: 80px;
	position: absolute;
	top: -10px;
	width: 60px;
	height: 60px
}

.jishi_f5 {
	width: 250px
}

.comm_f4 .xiang {
	margin-top: 70px
}

.comm_f4 .xiang a:first-child {
	transition: 2s;
	opacity: 0;
	filter: alpha(opacity=0)
}

.comm_f4 .xiang a:nth-child(2) {
	transition: 5s;
	opacity: 0;
	filter: alpha(opacity=0)
}

.comm_f4 .xiang a:last-child {
	transition: 7s;
	opacity: 0;
	filter: alpha(opacity=0)
}

.shenq:hover {
	color: #fff
}

.comm_f4 .what span {
	margin-top: 138px;
	height: 40px
}

.comm_f4 .shenq {
	margin-bottom: 138px
}

.comm_f5 {
	background-color: #f4f5f9;
	padding-top: 100px
}

.comm_f5_tit {
	font-weight: lighter;
	text-align: center;
	color: #49494e;
	font-size: 20px;
	line-height: 45px
}

.comm_f5_tit span {
	display: block;
	font-size: 30px
}

.comm_f5_bottom {
	overflow: hidden;
	height: 610px
}

.f5_left {
	margin-top: 150px;
	width: 310px;
	float: left;
	text-align: right
}

.f5_content {
	transition: 2s;
	float: left;
	width: 260px;
	height: 520px;
	margin: 300px 30px 60px 30px
}

.f5_right {
	margin-top: 150px;
	float: left;
	width: 310px
}

.left1 {
	width: 310px;
	font-size: 14px;
	line-height: 44px;
	color: #aaa
}

.left1 span {
	float: right;
	margin-left: 210px;
	font-size: 24px;
	color: #49494e;
	border-bottom: 1px solid #cdcdcd
}

.f5_right .left1 span {
	float: left;
	margin: 0 210px 0 0
}

.left1 {
	margin-bottom: 55px
}

.f5_left .left1 {
	transition: 2s;
	margin-left: -310px
}

.f5_left .leftl {
	margin-left: 0
}

.f5_right .left1 {
	transition: 2s;
	margin-left: 400px
}

.f5_right .leftl {
	margin-left: 0
}

.comm_f6 {
	padding: 100px 0 340px 0;
	background: url(../images/263bg_09.jpg) no-repeat center #4365A5
}

.comm_f6_tit {
	transition: 2s;
	margin-left: -50px;
	opacity: 0;
	filter: alpha(opacity=0);
	font-weight: lighter;
	font-size: 30px;
	line-height: 44px;
	color: #fff;
	text-align: center
}

.jishi_f6 {
	width: 220px;
	position: relative;
	padding-top: 15px;
	border-color: #a1b2d2
}

.jishi_f6 img {
	margin-left: 0;
	left: 86px;
	position: absolute;
	top: -30px;
	width: 43px;
	height: 43px
}

.comm_f6 .xiang {
	margin-top: 50px;
	transition: 2s;
	margin-left: -50px;
	opacity: 0;
	filter: alpha(opacity=0)
}

.comm_f7 {
	background-color: #f4f5f9;
	overflow: hidden
}

.comm_f7-main {
	width: 1000px;
	margin: 0 auto;
	padding: 100px 0 100px
}

.comm_f7 .what {
	color: #49494e;
	margin-top: 0;
	opacity: 0;
	filter: alpha(opacity=0)
}

.comm_f7 .what span {
	margin-top: 0
}

.comm_f7 .xiang {
	height: 43px;
	width: 495px;
	position: relative;
	font-size: 0;
	margin: 40px auto
}

.comm_f7 .xiang .jishi {
	position: absolute;
	top: 0;
	border: none
}

.comm_f7 .xiang .jishi1 {
	left: -700px
}

.comm_f7 .xiang .jishi2 {
	left: 165px;
	border-left: 1px solid #9e9fa3;
	border-right: 1px solid #9e9fa3;
	opacity: 0;
	filter: alpha(opacity=0)
}

.comm_f7 .xiang .jishi3 {
	right: -700px
}

.comm_f7 .xiang .jishi img {
	margin: 0 auto;
	width: 45px;
	height: 44px
}

.comm_f7 .shenq {
	margin-bottom: 0;
	opacity: 0;
	filter: alpha(opacity=0)
}

.comm_f1 .what {
	margin-top: 248px
}

.case-bg {
	min-height: 100%
}

.casede_f1 {
	margin-bottom: 170px;
	height: 730px
}

.casede_f1_tit {
	margin-top: 130px;
	font-size: 30px;
	color: #494949;
	text-align: center
}

.casede_f1_tit span {
	margin: 10px 0 30px 0;
	display: block;
	font-family: fzlantinghei-el-gbkregular;
	color: #939393
}

.casede_f1_tit i {
	display: block;
	margin: 0 auto;
	width: 100px;
	height: 1px;
	background-color: #d3d3d3
}

.cassf1_nr {
	margin-bottom: 100px;
	text-align: center;
	font-size: 14px;
	line-height: 18px;
	color: #7f7f7f
}

.cassf1_nr span {
	display: block;
	font-size: 14px;
	height: 40px;
	margin-top: 23px;
	color: #5b5b5b
}

.casede_f1_ul {
	opacity: 0;
	filter: alpha(opacity=0);
	margin-top: 200px;
	overflow: hidden;
	text-align: center;
	line-height: 17px;
	color: #8f8f8f;
	font-size: 14px
}

.casede_f1_ul li {
	width: 277px;
	float: left
}

.casede_f1_ul li b {
	margin: 0 auto;
	display: block;
	width: 174px;
	height: 174px;
	border-radius: 50%;
	border: 1px solid #dadada;
	-webkit-transition: .5s;
	-ms-transition: .5s;
	-moz-transition: .5s;
	-o-transition: .5s;
	transition: .5s
}

.casede_f1_ul li:hover b {
	border-color: #bbb
}

.casede_f1_ul li span {
	margin: 20px 0 12px 0;
	display: block;
	font-size: 18px;
	color: #5a5a5a
}

.casede_f1_ul li.f1_li2 {
	margin: 0 20px;
	position: relative;
	width: 480px
}

.casede_f1_ul li.f1_li2 i {
	position: absolute;
	right: 0;
	top: 20px;
	width: 1px;
	height: 216px;
	background-color: #e7e7e7
}

.casede_f1_ul li.f1_li2 i:first-child {
	left: 0
}

.casede_f1_ul li.f1_li2 b {
	margin-left: 150px
}

.casede_f1 .casede_f1_tit {
	margin-left: 200px;
	color: #494949;
	opacity: 0;
	filter: alpha(opacity=0)
}

.casede_f1 .cassf1_nr {
	margin-left: -200px;
	opacity: 0;
	filter: alpha(opacity=0)
}

.f1_li1 b {
	background: url(../images/case_03.png) no-repeat center
}

.f1_li1:hover b {
	background: url(../images/case_031.png) no-repeat center
}

.f1_li2 b {
	background: url(../images/case_09.png) no-repeat center
}

.f1_li2:hover b {
	background: url(../images/case_091.png) no-repeat center
}

.f1_li3 b {
	background: url(../images/case_06.png) no-repeat center
}

.f1_li3:hover b {
	background: url(../images/case_061.png) no-repeat center
}

.casede_f1_ul li:hover b {
	border-color: #e10616
}

.casede_f2 {
	background: url(../images/an_02.jpg) no-repeat center #349DBA;
	position: relative
}

.casede_f2>img {
	display: block;
	width: 100%;
	height: auto;
	position: absolute;
	bottom: 200px
}

.casede_f1_tit {
	color: #fff
}

.casede_f2 .casede_f1_tit {
	margin-top: 90px
}

.casede_f2 .casede_f1_tit span {
	color: #fff
}

.casede_f2 .casede_f1_tit i {
	background-color: #7dc0d2
}

.casede_f2 .cassf1_nr {
	margin: 35px 0 390px 0;
	color: #e0edf2
}

.casede_f2 .cassf1_nr span {
	color: #fff;
	font-size: 18px;
	margin: 33px 0
}

.casede_f2 .cassf1_nr1 {
	margin: 0 0 90px 0
}

.casede_f2 .casede_f1_tit {
	opacity: 0;
	filter: alpha(opacity=0);
	margin: 10px 0 200px 0
}

.casede_f3 .cassf1_nr {
	margin: 35px 0 50px 0
}

.site_img {
	margin-bottom: -550px
}

.casede_f4 {
	background: url(../images/case_02.jpg) no-repeat center #2B2B2B
}

.casede_f4 .casede_f1_tit {
	color: #fff;
	margin-top: 100px
}

.casede_f4 .casede_f1_tit span {
	color: #b4b4b4;
	margin-bottom: 50px
}

.casede_f4 .cassf1_nr {
	color: #b4b4b4
}

.casede_f4 .foot_main {
	position: relative;
	height: 900px
}

.casefx_f4 {
	opacity: 0;
	filter: alpha(opacity=0);
	width: 860px;
	margin: 200px auto 0 auto;
	overflow: hidden;
	height: 510px;
	background: url(../images/caseb_03.png) no-repeat center bottom
}

.casefx_f4 .gwfx {
	float: right;
	box-sizing: border-box;
	padding-top: 85px;
	font-size: 19px;
	line-height: 28px;
	height: 300px;
	width: 300px;
	text-align: center;
	color: #fff
}

.casefx_f4 .gwfx span {
	height: 50px;
	display: block;
	font-size: 25px
}

.casefx_f4 .gwfx:first-child {
	float: left
}

.casede_f5 .casede_f1_tit {
	margin-top: 90px
}

.results {
	width: 1100px;
	height: 690px;
	overflow: hidden;
	position: relative
}

.results .hd {
	height: 15px;
	overflow: hidden;
	margin-top: 20px
}

.results .hd ul {
	overflow: hidden;
	zoom: 1;
	width: 100%;
	text-align: center
}

.results .hd ul li {
	display: inline-block;
	margin-right: 10px;
	background: url(../images/redin_03.png) no-repeat center;
	width: 15px;
	height: 15px;
	cursor: pointer
}

.results .hd ul li.on {
	background: url(../images/rehove_03.png) no-repeat center
}

.results .bd {
	position: relative;
	height: 654px;
	z-index: 0
}

.results .bd li {
	zoom: 1;
	vertical-align: middle
}

.results .bd img {
	width: 1100px;
	height: 654px;
	display: block
}

.casede_f6 .casede_f1_tit {
	margin-top: 95px
}

.casede_f6 .index_main {
	margin-bottom: 50px
}

.casede_f6 .cassf1_nr {
	width: 1100px;
	margin: 0 auto;
	text-align: left;
	color: #939393;
	font-size: 14px;
	line-height: 24px
}

.profile {
	width: 100%;
	margin: 50px 0 40px 0;
	text-align: center
}

.profile a {
	transition: .8s;
	-webkit-transition: .8s;
	background-color: #666;
	font-size: 14px;
	margin-right: 20px;
	color: #fff;
	width: 172px;
	text-align: center;
	line-height: 40px;
	display: inline-block;
	border-radius: 20px;
	height: 40px
}

.profile a:hover {
	background-color: #e10413
}

.alzs {
	overflow: hidden;
	width: 100%;
	height: 50px;
	border-bottom: 1px solid #eee
}

.alzs_left {
	float: left
}

.alzs_left a {
	transition: .1s;
	height: 35px;
	line-height: 35px;
	background: url(../images/pre1_05.png) no-repeat right center;
	float: left;
	padding-right: 45px;
	color: #999;
	font-size: 14px
}

.alzs_left a:hover {
	color: #e00616;
	background: url(../images/pre_05.png) no-repeat right center
}

.alzs_left a:first-child {
	background: url(../images/pre_03.png) no-repeat left center;
	padding-left: 45px;
	padding-right: 0
}

.alzs_left a:first-child:hover {
	background: url(../images/pre1_03.png) no-repeat left center
}

.alzs_left span {
	float: left;
	margin: 8px 45px 0 45px;
	height: 20px;
	width: 1px;
	background-color: #dcdcdc
}

.alzs_right {
	float: right;
	width: 502px;
	margin-bottom: 55px
}

.alzs_right span {
	float: left;
	width: 50px;
	line-height: 40px;
	font-size: 14px;
	color: #999
}

.alzsbox {
	float: left;
	width: 293px!important
}

.alzsbox .bds_more {
	font-size: 14px!important;
	color: #999!important;
	line-height: 30px!important;
	background: 0 0!important;
	margin-left: 5px!important;
	padding: 0!important;
	width: 30px!important
}

.alzsbox a {
	width: 28px!important;
	height: 28px!important
}

.alzsbox a.bds_weixin {
	background: url(../images/weix_03.jpg) no-repeat center!important
}

.alzsbox a.bds_weixin:hover {
	background: url(../images/xqan_36.png) no-repeat center!important;
	opacity: 1!important
}

.alzsbox a.bds_tsina {
	background: url(../images/xqan_38.png) no-repeat center!important
}

.alzsbox a.bds_tsina:hover {
	background: url(../images/03.png) no-repeat center!important;
	opacity: 1!important
}

.alzsbox a.bds_qzone {
	background: url(../images/xqan_40.png) no-repeat center!important
}

.alzsbox a.bds_qzone:hover {
	background: url(../images/a.png) no-repeat center!important;
	opacity: 1!important
}

.alzsbox a.bds_renren {
	background: url(../images/renrenatb_05.png) no-repeat center!important
}

.alzsbox a.bds_renren:hover {
	background: url(../images/05.png) no-repeat center!important;
	opacity: 1!important
}

.alzsbox a.bds_sqq {
	background: url(../images/xqan_44.png) no-repeat center!important
}

.alzsbox a.bds_sqq:hover {
	background: url(../images/07.png) no-repeat center!important;
	opacity: 1!important
}

.alzsbox a.bds_h163 {
	background: url(../images/xqan_46.png) no-repeat center!important
}

.alzsbox a.bds_h163:hover {
	background: url(../images/06.png) no-repeat center!important;
	opacity: 1!important
}

.ds-more-services {
	display: none!important
}

.alzsbox a.bds_kaixin001 {
	background: url(../images/kx1.png) no-repeat center!important
}

.alzsbox a.bds_kaixin001:hover {
	background: url(../images/kx.png) no-repeat center!important;
	opacity: 1!important
}

.alzsbox a.bds_ibaidu {
	background: url(../images/ba1.png) no-repeat center!important
}

.alzsbox a.bds_ibaidu:hover {
	background: url(../images/ba.png) no-repeat center!important;
	opacity: 1!important
}

.nr_bottom .alzs_right {
	margin-bottom: 0;
	width: 700px
}

.plsl {
	border-bottom: 1px solid #eee;
	height: 40px;
	font-size: 14px;
	width: 100%;
	color: #999;
	line-height: 40px
}

.alzs_right.czj {
	margin-bottom: 0
}

.wypl {
	overflow: hidden;
	height: 50px
}

.wypl span {
	float: left;
	width: 80px;
	color: #999;
	line-height: 40px;
	font-size: 14px
}

.plnr {
	overflow: hidden
}

.plnr_left {
	width: 80px;
	height: 80px;
	border: 1px solid #e5e5e5;
	float: left
}

.plnr_left img {
	display: block;
	width: 100%;
	height: 100%
}

.plnr_right {
	border: 1px solid #e5e5e5;
	width: 1080px;
	float: left;
	margin-left: 40px
}

.plnr_right textarea {
	width: 1080px;
	height: 130px;
	border: 1px solid #e5e5e5
}

.ds-sort {
	display: none!important
}

#ds-thread #ds-reset li.ds-tab a.ds-current {
	background-color: transparent!important;
	border-color: transparent!important
}

.ad_con {
	padding-top: 130px
}

.adole_left {
	position: absolute;
	z-index: 100;
	float: left;
	background-color: #fff;
	padding: 6px;
	width: 180px;
	height: 147px
}

.adole_left img {
	display: block;
	width: 100%;
	height: 100%
}

.adole_right {
	float: right;
	width: 1022px;
	margin-left: -2px;
	border-left: 2px solid #7e8081
}

.adole_right_tit {
	margin-bottom: 50px;
	font-weight: lighter;
	font-size: 18px;
	color: #fff;
	text-align: right;
	margin-top: 150px
}

.adole_right_tit span {
	display: block;
	font-size: 30px
}

.hd_date {
	margin-top: 38px;
	margin-left: -84px;
	float: left;
	color: #fff;
	width: 90px;
	background: url(../images/czj_dian_06.png) no-repeat 75px
}

.hdnr {
	margin-bottom: 80px;
	float: left;
	margin-left: 45px;
	position: relative;
	width: 966px;
	border-radius: 8px;
	padding: 35px 30px 35px 35px;
	background-color: #fff
}

.hdnr>img {
	position: absolute;
	left: -20px
}

.hdnr_left {
	float: left;
	width: 420px
}

.hdnr_left>b {
	height: 33px;
	display: block;
	font-size: 20px;
	color: #49494e;
	overflow: hidden
}

.hdnr_left p {
	font-size: 14px;
	line-height: 24px;
	height: 72px;
	overflow: hidden;
	color: #49494e;
	margin-top: 10px
}

.hdnr_left>a {
	transition: .5s;
	display: block;
	color: #fff;
	margin: 35px 0 40px 0;
	width: 172px;
	border-radius: 18px;
	height: 36px;
	line-height: 36px;
	background-color: #e10413;
	text-align: center
}

.hdnr_left>a:hover {
	background-color: #ab0904
}

.hdnr .alzs_right {
	float: left
}

.hdnr_right {
	float: left;
	margin-left: 60px
}

.hdnr1 {
	margin-bottom: 160px
}

.about-bg {
	height: 550px
}

.cont {
	position: relative;
	z-index: 100
}

.about_content {
	width: 100%;
	overflow: hidden;
	background-color: #f4f4f4
}

.about_content .index_main {
	width: 1160px
}

.about_xx {
	margin: 65px 0;
	width: 100%;
	text-align: center
}

.about_xx a {
	transition: .8s;
	margin-right: 10px;
	font-size: 14px;
	text-align: center;
	border-radius: 18px;
	background-color: #fff;
	color: #666;
	display: inline-block;
	width: 128px;
	height: 36px;
	line-height: 36px
}

.about_xx a.about_on,
.about_xx a:hover {
	color: #fff;
	background-color: #e10413
}

.about_title {
	text-align: center;
	font-size: 30px;
	color: #353535
}

.about_title span {
	font-family: fzlantinghei-el-gbkregular;
	display: block;
	color: #464646;
	font-weight: lighter
}

.jies,
.jssm {
	margin: 30px 0 65px 0;
	color: #777;
	font-size: 14px;
	line-height: 24px
}

.jies a {
	color: #777
}

.jssm {
	margin: 0 0 65px 0
}

.jssm span {
	display: block;
	height: 50px;
	font-size: 18px;
	color: #222
}

.last_jssm {
	margin-bottom: 0
}

.about_img {
	margin: 28px 0 65px 0
}

.about_img img {
	display: block;
	margin: auto;
	width: 1190px;
	height: 504px
}

.about_content .ext_f6_a {
	padding-top: 0
}

.about_content .ext_f6_a a {
	margin: 0 5px
}

.ctm_img {
	height: 727px;
	overflow: hidden
}

.ctm_f1 {
	overflow: hidden
}

.ctm_f1_left {
	float: left;
	width: 60%;
	overflow: hidden
}

.ctm_f1_right {
	box-sizing: border-box;
	float: left;
	overflow: hidden;
	padding: 10% 5% 8% 4%;
	width: 40%;
	background-color: #e0e0e0
}

.ctm_f1_tit {
	color: #353535;
	font-size: 30px
}

.ctm_f1_tit span {
	margin-bottom: 50px;
	font-family: fzlantinghei-el-gbkregular;
	display: block
}

.ctm_f1_tit i {
	width: 176px;
	display: inline-block;
	background-color: #bcbcbc;
	height: 1px;
	margin-top: 5%
}

.ctm_1_p {
	margin-top: 35px;
	color: #9c9c9c;
	font-size: 14px;
	line-height: 18px
}

.height10 {
	height: 10px
}

.ctm_f2 {
	overflow: hidden
}

.ctm_f2_left {
	width: 40%;
	float: left
}

.shij {
	font-weight: lighter;
	position: absolute;
	top: 120px;
	left: 50%;
	width: 150px;
	margin-left: -75px;
	color: #fff;
	height: 175px;
	font-size: 14px;
	line-height: 20px;
	text-align: center;
	transition: .8s;
	-webkit-transition: .8s;
	-o-transition: .8s;
	-ms-transition: .8s;
	-moz-transition: .8s
}

.shij img {
	display: block;
	margin: 3px auto
}

.shij span {
	display: block;
	font-family: fzlantinghei-el-gbkregular
}

.ctm_f2_left_top {
	position: relative;
	height: 450px;
	background: #292e31 center 0;
	transition: .8s
}

.ctm_f2_left_top.bg {
	background-color: #191c1e
}

.ctm_f2_center {
	float: left;
	width: 20%;
	background: url(../images/ctm_06.jpg) no-repeat center
}

.chengx {
	transition: .8s;
	-webkit-transition: .8s;
	-o-transition: .8s;
	-ms-transition: .8s;
	-moz-transition: .8s;
	color: #939291;
	position: absolute;
	top: 108px;
	left: 0;
	text-align: center;
	width: 100%;
	padding: 20px 30px 0;
	font-size: 14px;
	line-height: 24px;
	opacity: 0;
	filter: alpha(opacity=0)
}

.ctm_f2_left_top:hover .shij {
	opacity: 0;
	filter: alpha(opacity=0)
}

.ctm_f2_left_top:hover {
	background: url(../images/ctm_07.jpg) no-repeat center -15px #2A2C2B
}

.ctm_f2_left_top:hover .chengx {
	opacity: 1;
	filter: alpha(opacity=100);
	padding-top: 0
}

.chengx span {
	color: #fff;
	display: block;
	height: 50px;
	font-size: 18px;
	font-weight: lighter
}

.chengx a {
	transition: .5s;
	margin: 50px auto 0;
	display: block;
	border-radius: 20px;
	border: 1px solid #fff;
	width: 165px;
	text-align: center;
	line-height: 38px;
	color: #fff;
	height: 40px
}

.chengx a:hover {
	background-color: #e10413;
	border-color: #e10413;
	color: #fff
}

.ctm_f2_tit {
	margin-top: 90px;
	font-size: 30px;
	color: #353535;
	text-align: center
}

.ctm_f2_tit span {
	display: block;
	font-family: fzlantinghei-el-gbkregular
}

.join {
	margin: 35px 0 0 0;
	text-align: center;
	color: #7a797c;
	font-size: 14px;
	line-height: 20px
}

.ctm_f2_right_top .chengx {
	filter: alpha(opacity=0);
	opacity: 0
}

.ctm_f2_right_top:hover .chengx {
	filter: alpha(opacity=100);
	opacity: 1
}

.ctm_f3 {
	background: #e0e0e0;
	text-align: center
}

.ctm_f3_tit {
	margin: 100px 0 80px 0;
	color: #353535;
	font-size: 30px
}

.ctm_f3_tit span {
	display: block;
	font-family: fzlantinghei-el-gbkregular
}

.swhz {
	font-size: 14px;
	line-height: 18px;
	color: #9c9c9c
}

.swhz a {
	transition: .5s;
	font-size: 14px;
	display: inline-block;
	margin: 80px 0 100px 0;
	width: 172px;
	height: 40px;
	border-radius: 27px;
	text-align: center;
	line-height: 40px;
	background-color: #e10413;
	color: #fff
}

.swhz a:hover {
	background-color: #bb0a0a;
	border-color: #bb0a0a;
	color: #fff
}

.shangw {
	color: #818181;
	width: 1080px;
	margin: 30px auto;
	text-align: center;
	font-size: 14px;
	line-height: 24px
}

.shangw span {
	display: block;
	font-size: 18px;
	height: 50px;
	color: #353535
}

p.shangw {
	margin-bottom: 55px
}

.ul-grid-trisect {
	overflow: hidden;
	margin-left: 10px
}

.ul-grid-trisect>li {
	width: 33%;
	padding: 15px 19px;
	overflow: hidden;
	float: left;
	position: relative;
	-webkit-box-sizing: border-box;
	display: list-item;
	text-align: -webkit-match-parent
}

.ul-border {
	overflow: hidden
}

.ul-grid-trisect-img {
	overflow: hidden;
	position: relative;
	width: 100%
}

.ul-grid-trisect-img>a {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	-webkit-transition: .8s;
	-ms-transition: .8s;
	-moz-transition: .8s;
	-o-transition: .8s;
	transition: .8s
}

.ul-grid-trisect-img>img {
	display: block;
	width: 100%;
	-webkit-transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-o-transition: .3s;
	transition: .3s
}

.ul-grid-trisect>li:hover .ul-grid-trisect-img>a {
	background-color: rgba(0, 0, 0, .75)
}

.ul-grid-trisect>li:hover .cas_bottom {
	background-color: #fff
}

.ul-grid-trisect h4 {
	position: relative;
	margin: 7px 0 3px
}

.con {
	position: relative;
	z-index: 100;
	 
}

.case_slider {
	position: relative;
	background-color: #fff;
	padding-top: 70px
}

.case_slider .flexslider .slides>li {
	height: 660px;
	-webkit-backface-visibility: hidden;
	position: relative;
	overflow: hidden
}

.case-dot {
	width: 546px;
	height: 546px;
	padding: 170px 83px 0;
	text-align: center;
	background: url(../images/anzx_03.png);
	margin: 60px auto 0
}

.case-dot h3 {
	font-size: 20px;
	color: #fff;
	line-height: 28px;
	margin-bottom: 20px
}

.case-dot p {
	font-size: 12px;
	line-height: 24px;
	color: #e1e1e1;
	height: 120px;
	overflow: hidden;
	margin-bottom: 10px
}

.case-dot a {
	display: block;
	margin: 0 auto;
	line-height: 40px;
	color: #fff;
	border: 1px solid #fff;
	width: 160px;
	height: 40px;
	border-radius: 20px;
	-webkit-transition: .4s;
	-ms-transition: .4s;
	-moz-transition: .4s;
	-o-transition: .4s;
	transition: .4s
}

.case-dot a:hover {
	background-color: #e10616;
	border-color: #e10616
}

.case_con {
	background-color: #f4f4f4;
	overflow: hidden
}

.cas_bottom {
	padding: 25px 20px 15px;
	display: block;
	text-align: left;
	-webkit-transition: .5s;
	-ms-transition: .5s;
	-moz-transition: .5s;
	-o-transition: .5s;
	transition: .5s
}

.cas_bottom>span {
	font-size: 18px;
	height: 42px;
	color: #000;
	display: block;
	line-height: 20px;
	overflow: hidden
}

.cas_bottom>p {
	transition: .5s;
	height: 45px;
	font-size: 14px;
	color: #999;
	line-height: 21px;
	overflow: hidden
}

.case_con .ui-border {
	background-color: #f4f4f4
}

.case_con .ui-grid-trisect>li:hover .ui-border {
	background-color: #f4f4f4
}

.ul-grid-trisect .lj span {
	padding-left: 17px;
	background: url(../images/date_03.jpg) no-repeat left center;
	display: block;
	color: #868585;
	font-size: 14px
}

.ul-grid-trisect .lj {
	transition: .5s;
	background: url(../images/lj_05.jpg) no-repeat right 15px;
	border-top: 1px solid #dbdbdb;
	padding-top: 12px
}

.case_con .ui-grid-trisect>li {
	padding: 18px 19px
}

.case_slider .flex-direction-nav a {
	transition: 1s;
	-webkit-transition: 1s;
	color: transparent;
	position: absolute;
	top: 50%;
	width: 64px;
	height: 64px;
	line-height: 99px;
	overflow: hidden;
	margin: -32px 0 0;
	display: block;
	z-index: 10;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0)
}

.case_slider .flex-direction-nav .flex-next {
	right: -10%;
	background: url(../images/left1.png) no-repeat center
}

.case_slider .flex-direction-nav .flex-prev {
	background: url(../images/left.png) no-repeat center;
	left: -10%
}

.case_slider:hover .flex-next {
	right: 5%;
	opacity: 1;
	filter: alpha(opacity=100)
}

.case_slider:hover .flex-prev {
	left: 5%;
	opacity: 1;
	filter: alpha(opacity=100)
}

.case_con .ui-grid-halve-img>a,
.case_con .ui-grid-trisect-img>a {
	width: 100%;
	overflow: hidden;
	transition: .5s;
	height: 69%
}

.case_con .ui-border:hover .ui-grid-trisect-img a {
	transform: scale(1.05);
	-webkit-transform: scale(1.05)
}

.anl_main {
	width: 1400px;
	margin: 0 auto;
	overflow: hidden
}

.anl_left {
	float: left;
	position: relative;
	width: 67.5%;
	padding-right: 30px;
	margin: 50px 0 30px 0;
	box-sizing: border-box
}

.anl_left img {
	display: block;
	width: 100%;
	height: auto
}

.anl_left i {
	transition: .5s;
	-webkit-transition: .5s;
	display: block;
	width: 97%;
	height: 100%;
	background-color: #000;
	filter: alpha(opacity=0);
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0
}

.gsjs {
	overflow: hidden;
	transition: .5s;
	-webkit-transition: .5s;
	filter: alpha(opacity=0);
	opacity: 0;
	padding: 40px 42px;
	width: 398px;
	left: 50%;
	margin-left: -199px;
	top: 50%;
	margin-top: -83px;
	font-size: 14px;
	line-height: 21px;
	color: #999;
	position: absolute;
	background-color: #fff;
	text-align: center
}

.gsjs span {
	height: 40px;
	display: block;
	font-size: 18px;
	color: #000
}

.gsjs div {
	overflow: hidden;
	height: 63px
}

.anl_left:hover i {
	filter: alpha(opacity=25);
	opacity: .25
}

.anl_left:hover .gsjs {
	filter: alpha(opacity=100);
	opacity: 1
}

.anl_right {
	float: left;
	width: 32.5%;
	margin-top: 50px
}

.anl_right .img {
	width: 100%;
	background-color: #000
}

.anl_right .img img {
	display: block;
	width: 100%;
	height: auto;
	-webkit-transition: .5s;
	-ms-transition: .5s;
	-moz-transition: .5s;
	-o-transition: .5s;
	transition: .5s
}

.anl_right:hover .img img {
	opacity: .25;
	filter: alpha(opacity=25)
}

.anl_bottom {
	width: 100%;
	background-color: #fff;
	padding: 27px 30px;
	box-sizing: border-box
}

.anl_bottom>span {
	height: 30px;
	font-size: 18px;
	color: #000
}

.anl_bottom p {
	height: 48px;
	border-bottom: 1px solid #e5e5e5;
	font-size: 14px;
	line-height: 22px;
	color: #999;
	overflow: hidden;
	margin-top: 12px
}

.anl_date {
	transition: .5s;
	background: url(../images/lj_05.jpg) no-repeat right center
}

.anl_date span {
	display: block;
	padding-left: 17px;
	background: url(../images/date_03.jpg) no-repeat left center;
	color: #868585;
	font-size: 14px
}

.anl_main1 .anl_left {
	margin-top: 25px;
	margin-bottom: 80px;
	padding-right: 0;
	padding-left: 30px
}

.anl_main1 .anl_left i {
	left: 30px
}

.anl_main1 .anl_right {
	margin-top: 25px;
	margin-bottom: 80px
}

.anl_right:hover .anl_date {
	background: url(../images/lj1_03.jpg) no-repeat right center
}

.casec_xx {
	height: 100px;
	background-color: #fff;
	text-align: center
}

.casec_xx a {
	transition: .8s;
	display: inline-block;
	padding: 0 28px;
	margin-top: 33px;
	text-align: center;
	line-height: 36px;
	height: 36px;
	border-radius: 18px;
	font-size: 14px;
	color: #666
}

.casec_xx a.casea_on,
.casec_xx a:hover {
	background-color: #e10413;
	color: #fff
}

@keyframes kOpacity {
	0% {
		opacity: 0;
		filter: alpha(opacity=0)
	}
	100% {
		opacity: 1;
		filter: alpha(opacity=100)
	}
}

@-webkit-keyframes kOpacity {
	0% {
		opacity: 0;
		filter: alpha(opacity=0)
	}
	100% {
		opacity: 1;
		filter: alpha(opacity=100)
	}
}

@-moz-keyframes kOpacity {
	0% {
		opacity: 0;
		filter: alpha(opacity=0)
	}
	100% {
		opacity: 1;
		filter: alpha(opacity=100)
	}
}

@-o-keyframes kOpacity {
	0% {
		opacity: 0;
		filter: alpha(opacity=0)
	}
	100% {
		opacity: 1;
		filter: alpha(opacity=100)
	}
}

.shop_f1 {
	margin-top: 70px;
	background: url(../images/shop_02.jpg) no-repeat center #131313
}

.shop_f1_tit {
	margin-top: 130px;
	text-align: center;
	font-size: 14px;
	line-height: 24px;
	color: #b1b1b1
}

.shop_f1_tit p {
	width: 810px;
	margin: 0 auto
}

.shop_f1_tit span {
	font-weight: lighter;
	display: block;
	height: 50px;
	font-size: 30px;
	color: #fff
}

.ky {
	overflow: hidden;
	width: 1140px;
	margin: 0 auto;
	margin-top: 95px
}

.ky li {
	float: left;
	margin-bottom: 95px;
	width: 255px;
	text-align: center
}

.ky li b {
	font-size: 15px;
	color: #666;
	margin: 0 0 15px 50px;
	width: 165px;
	height: 165px;
	border-radius: 50%;
	border: 1px solid #676767;
	box-sizing: border-box;
	padding-top: 105px;
	display: block;
	font-weight: 400;
	text-align: center;
	-webkit-transition: .8s;
	-ms-transition: .8s;
	-moz-transition: .8s;
	-o-transition: .8s;
	transition: .8s
}

.ky li:hover b {
	border: 1px solid #fff;
	color: #fff;
	transform: rotate(10deg);
	-webkit-transform: rotate(10deg)
}

.ky li:nth-child(2) {
	margin: 0 185px 95px 185px
}

.ky li:nth-child(5) {
	margin: 0 185px 95px 185px
}

.ky li p {
	font-size: 14px;
	line-height: 24px;
	color: #8f8f8e;
	-webkit-transition: .8s;
	-ms-transition: .8s;
	-moz-transition: .8s;
	-o-transition: .8s;
	transition: .8s
}

.ky li:hover p {
	color: #fff
}

.ky li:nth-child(1) b {
	background: url(../images/shop_03.png) no-repeat 32px 30px
}

.ky li:nth-child(1):hover b {
	background: url(../images/shop_03h.png) no-repeat 32px 30px
}

.ky li:nth-child(2) b {
	background: url(../images/shop_05.png) no-repeat 27px 30px
}

.ky li:nth-child(2):hover b {
	background: url(../images/shop_05h.png) no-repeat 27px 30px
}

.ky li:nth-child(3) b {
	background: url(../images/shop_07.png) no-repeat 32px 30px
}

.ky li:nth-child(3):hover b {
	background: url(../images/shop_07h.png) no-repeat 32px 30px
}

.ky li:nth-child(4) b {
	background: url(../images/shop_15.png) no-repeat 32px 30px
}

.ky li:nth-child(4):hover b {
	background: url(../images/shop_15h.png) no-repeat 32px 30px
}

.ky li:nth-child(5) b {
	background: url(../images/shop_13.png) no-repeat 32px 30px
}

.ky li:nth-child(5):hover b {
	background: url(../images/shop_13h.png) no-repeat 32px 30px
}

.ky li:nth-child(6) b {
	background: url(../images/shop_17.png) no-repeat 32px 30px
}

.ky li:nth-child(6):hover b {
	background: url(../images/shop_17h.png) no-repeat 32px 30px
}

.ky li:nth-child(1) {
	-webkit-animation: kOpacity 1s;
	-o-animation: kOpacity 1s;
	-moz-animation: kOpacity 1s;
	animation: kOpacity 1s
}

.ky li:nth-child(2),
.shop_f1_tit {
	-webkit-animation: kOpacity 3s;
	-o-animation: kOpacity 3s;
	-moz-animation: kOpacity 3s;
	animation: kOpacity 3s
}

.ky li:nth-child(3) {
	-webkit-animation: kOpacity 5s;
	-o-animation: kOpacity 5s;
	-moz-animation: kOpacity 5s;
	animation: kOpacity 5s
}

.ky li:nth-child(4) {
	-webkit-animation: kOpacity 7s;
	-o-animation: kOpacity 7s;
	-moz-animation: kOpacity 7s;
	animation: kOpacity 7s
}

.ky li:nth-child(5) {
	-webkit-animation: kOpacity 9s;
	-o-animation: kOpacity 9s;
	-moz-animation: kOpacity 9s;
	animation: kOpacity 9s
}

.ky li:nth-child(6) {
	-webkit-animation: kOpacity 11s;
	-o-animation: kOpacity 11s;
	-moz-animation: kOpacity 11s;
	animation: kOpacity 11s
}

.shop_f2 .shop_f1_tit span {
	color: #333
}

.shop_f2 .shop_f1_tit {
	color: #666;
	margin-top: 100px
}

.shop_f2-img {
	width: 100%;
	height: 450px;
	margin: 80px 0 80px;
	position: relative
}

.shop_f2-img .img1,
.shop_f2-img .img2 {
	position: absolute;
	top: 92px;
	width: 490px;
	height: 295px
}

.shop_f2-img .img1 {
	left: 50%;
	margin-left: -300px
}

.shop_f2-img .img2 {
	right: 50%;
	margin-right: -300px
}

.shop_f2-img .img3 {
	width: 800px;
	height: 450px;
	margin: 0 auto;
	position: relative;
	z-index: 2
}

.shop_f2_bottom {
	overflow: hidden;
	position: relative;
	margin-bottom: 28px
}

.shop_f2_left {
	float: left;
	width: 580px
}

.shop_f2_left .shop_f {
	margin-left: -580px;
	margin-right: 580px
}

.shop_f {
	transition: 2s;
	margin-bottom: 72px;
	height: 170px;
	overflow: hidden;
	background: url(../images/gangg_03.png) no-repeat right center
}

.shop_f p {
	float: left;
	width: 300px;
	margin-left: 10px;
	color: #666;
	font-size: 14px;
	line-height: 24px
}

.shop_f p span {
	font-weight: lighter;
	height: 48px;
	display: block;
	font-size: 20px;
	color: #333
}

.shop_f b {
	opacity: .9;
	filter: alpha(opacity=90);
	margin-left: 20px;
	float: left;
	width: 150px;
	height: 150px;
	border: 1px solid #e5e5e5;
	border-radius: 50%;
	-webkit-transition: .8s;
	-ms-transition: .8s;
	-moz-transition: .8s;
	-o-transition: .8s;
	transition: .8s
}

.shop_f:hover b {
	border-color: #bababa;
	opacity: 1;
	filter: alpha(opacity=100)
}

.shop_f2_bottom .shop_f:nth-child(1) b {
	background: url(../images/shp_07.png) no-repeat 43px 35px #fff
}

.shop_f2_bottom .shop_f:nth-child(2) b {
	background: url(../images/shp_17.png) no-repeat center #fff
}

.shop_f2_bottom .shop_f:nth-child(3) b {
	background: url(../images/shp_24.png) no-repeat center #fff
}

.shop_f2_bottom .shop_f:nth-child(4) b {
	background: url(../images/shp_31.png) no-repeat center #fff
}

.shop_f2_bottom .shop_f2_right .shop_f:nth-child(1) b {
	background: url(../images/shp_10.png) no-repeat 43px 35px #fff
}

.shop_f2_bottom .shop_f2_right .shop_f:nth-child(2) b {
	background: url(../images/shp_15.png) no-repeat center #fff
}

.shop_f2_bottom .shop_f2_right .shop_f:nth-child(3) b {
	background: url(../images/shp_21.png) no-repeat center #fff
}

.shop_f2_bottom .shop_f2_right .shop_f:nth-child(4) b {
	background: url(../images/shp_29.png) no-repeat center #fff
}

.shop_f2_right {
	float: right
}

.shop_f2_right .shop_f {
	margin-right: -580px;
	margin-left: 580px;
	background: url(../images/gangg_03.png) no-repeat left center
}

.shop_f2_right .shop_f p {
	float: right;
	margin-right: 10px
}

.shop_f2_right .shop_f b {
	float: right;
	margin-left: 0;
	margin-right: 20px
}

.shop_f2_center {
	background: url(../images/shug_03.png) repeat-y top center;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -27px;
	width: 54px
}

.shop_f2_center span {
	border-radius: 50%;
	margin-bottom: 187px;
	display: block;
	width: 54px;
	height: 54px;
	color: #fff;
	font-size: 24px;
	background-color: #e10413;
	line-height: 54px;
	text-align: center
}

.shop_f2_center span:nth-child(5) {
	margin-bottom: 0
}

.shop_f2_center b {
	display: block;
	height: 58px;
	background: url(../images/shp_03.png) no-repeat center -3px
}

.shop_f2_center b:last-child {
	background: url(../images/shp_35.png) no-repeat center 44px
}

.shop_f3 {
	background: url(../images/shop_08.jpg) no-repeat center #1B1B1B
}

.shop_f3_bg {
	height: 820px;
	background: url(../images/sc_03.png) no-repeat 161px 106px
}

.shop_f3 .index_main {
	position: relative
}

.shop_f3 .index_main b {
	opacity: 0;
	top: 0;
	filter: alpha(opacity=0);
	left: 0;
	color: #fff;
	position: absolute;
	font-weight: 400
}

.shop_f3 .index_main b img {
	display: inline-block
}

.shop_f3 .index_main b:nth-child(2) {
	left: 207px;
	top: 102px
}

.shop_f3 .index_main b:nth-child(3) {
	left: 133px;
	top: 250px
}

.shop_f3 .index_main b:nth-child(4) {
	left: 232px;
	top: 427px
}

.shop_f3 .index_main b:nth-child(2) img,
.shop_f3 .index_main b:nth-child(3) img,
.shop_f3 .index_main b:nth-child(4) img {
	margin-left: 20px
}

.shop_f3 .index_main b:nth-child(5) {
	left: 656px;
	top: 102px
}

.shop_f3 .index_main b:nth-child(6) {
	left: 800px;
	top: 250px
}

.shop_f3 .index_main b:nth-child(7) {
	left: 747px;
	top: 427px
}

.shop_f3 .index_main b:nth-child(5) img,
.shop_f3 .index_main b:nth-child(6) img,
.shop_f3 .index_main b:nth-child(7) img {
	margin-right: 20px
}

.shop_f3 .index_main b:nth-child(8) {
	text-align: center;
	padding-top: 40px;
	width: 125px;
	border-radius: 50%;
	height: 125px;
	background-color: #e10413;
	left: 489px;
	top: 284px
}

.shop_f3 .index_main b:nth-child(9) {
	left: 475px;
	top: 532px
}

.shop_f3 .index_main span {
	left: 0;
	bottom: 92px;
	text-align: center;
	height: 85px;
	width: 48px;
	padding-top: 75px;
	position: absolute;
	color: #e2e2e2;
	font-size: 14px
}

.shop_f3 .index_main span:nth-child(10) {
	left: 185px;
	background: url(../images/llq_03.png) no-repeat top center
}

.shop_f3 .index_main span:nth-child(11) {
	left: 422px;
	background: url(../images/llq_05.png) no-repeat top center
}

.shop_f3 .index_main span:nth-child(12) {
	left: 645px;
	background: url(../images/llq_07.png) no-repeat top center
}

.shop_f3 .index_main span:nth-child(13) {
	left: 969px;
	background: url(../images/llq_10.png) no-repeat top center
}

.shop_f4 {
	background-color: #f4f4f4
}

.shop_f4_tit {
	margin-top: 100px;
	text-align: center;
	font-size: 14px;
	line-height: 28px;
	color: #999
}

.shop_f4_tit span {
	color: #333;
	font-size: 30px;
	height: 45px;
	display: block;
	font-weight: lighter
}

.shop_f4_bottom {
	width: 1170px;
	margin: 0 auto;
	margin-bottom: -20px;
	margin-top: 80px;
	margin-left: -40px;
	position: relative
}

.shop_f4_bottom a img {
	width: 128px;
	height: 75px;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	display: block;
	margin: 40px auto 0;
	display: block;
	opacity: .6;
	filter: alpha(opacity=60);
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-ms-transition: .5s;
	-o-transition: .5s;
	transition: .5s
}

.shop_f4_bottom>a:hover img {
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-filter: grayscale(0);
	-moz-filter: grayscale(0);
	-ms-filter: grayscale(0);
	-o-filter: grayscale(0);
	filter: grayscale(0);
	filter: gray
}

.shop_f4_bottom a:nth-child(6) {
	margin: -40px 0 75px 191px
}

.shop_f4_bottom a:nth-child(7) {
	margin: -59px 0 75px 76px
}

.shop_f4_bottom a:nth-child(8) {
	margin: -59px 0 75px 76px
}

.shop_f4_bottom a:nth-child(9) {
	margin: -59px 0 75px 75px
}

.shop_f4_bottom a:nth-child(10) {
	margin: -117px 0 146px 308px
}

.shop_f4_bottom a:nth-child(11) {
	margin: -117px 0 146px 76px
}

.shop_f4_bottom a:nth-child(12) {
	margin: -117px 0 146px 77px
}

.shop_f4_bottom a {
	margin-left: 75px;
	background-color: #fff;
	display: inline-block;
	width: 155px;
	height: 155px;
	overflow: hidden;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-ms-transition: .5s;
	-o-transition: .5s;
	transition: .5s
}

.shop_f4_bottom a:hover {
	box-shadow: 2px 2px 4px rgba(0, 0, 0, .1)
}

.shop_f4 .ext_f6_a {
	margin-top: -20px;
	padding-top: 0
}

.shop_f4 .ext_f6_a a {
	margin: 0 5px
}

@keyframes extLeft {
	0% {
		margin-left: -1000px;
		opacity: 0;
		filter: alpha(opacity=0)
	}
	100% {
		margin-left: 0;
		opacity: 1;
		filter: alpha(opacity=100)
	}
}

@-webkit-keyframes extLeft {
	0% {
		margin-left: -1000px;
		opacity: 0;
		filter: alpha(opacity=0)
	}
	100% {
		margin-left: 0;
		opacity: 1;
		filter: alpha(opacity=100)
	}
}

@-moz-keyframes extLeft {
	0% {
		margin-left: -1000px;
		opacity: 0;
		filter: alpha(opacity=0)
	}
	100% {
		margin-left: 0;
		opacity: 1;
		filter: alpha(opacity=100)
	}
}

@-o-keyframes extLeft {
	0% {
		margin-left: -1000px;
		opacity: 0;
		filter: alpha(opacity=0)
	}
	100% {
		margin-left: 0;
		opacity: 1;
		filter: alpha(opacity=100)
	}
}

.ext_f1 {
	margin-top: 70px;
	background: url(../images/tgy_03.jpg) no-repeat center #0E0E0E
}



.ben {
	margin: 120px 0 180px 20px
}

.ext_f1 .ext_f:nth-child(1) {
	-webkit-animation: extLeft 1s;
	-o-animation: extLeft 1s;
	-moz-animation: extLeft 1s;
	animation: extLeft 1s
}

.ext_f1 .ext_f:nth-child(2) {
	-webkit-animation: extLeft 1.5s;
	-o-animation: extLeft 1.5s;
	-moz-animation: extLeft 1.5s;
	animation: extLeft 1.5s
}

.ext_f1 .ext_f:nth-child(3) {
	-webkit-animation: extLeft 2s;
	-o-animation: extLeft 2s;
	-moz-animation: extLeft 2s;
	animation: extLeft 2s
}

.ext_f1 .ext_f:nth-child(4) {
	-webkit-animation: extLeft 2.5s;
	-o-animation: extLeft 2.5s;
	-moz-animation: extLeft 2.5s;
	animation: extLeft 2.5s
}

.ext_f2 {
	height: 670px;
	overflow: hidden
}

.ext_f2_tit {
	margin: 100px 0 80px 0;
	font-weight: lighter;
	text-align: center;
	color: #333;
	font-size: 30px
}

.ext_bot {
	margin-top: 700px;
	margin-bottom: 147px;
	text-align: center;
	font-size: 14px;
	line-height: 24px;
	color: #666;
	float: left;
	width: 387px;
	margin-right: 18px
}

.ext_bot b {
	display: block;
	width: 387px;
	border: 1px solid #eee;
	height: 311px;
	overflow: hidden;
	margin-bottom: 15px
}

.ext_bot img {
	margin-top: -1px;
	display: block;
	width: 100%;
	height: 100%
}

.ext_bot span {
	color: #e10413;
	font-size: 18px
}

.last_ext_bot {
	margin-right: 0
}

.ext_f2 .index_main .ext_bot:nth-child(2) {
	transition: 1s
}

.ext_f2 .index_main .ext_bot:nth-child(3) {
	transition: 1.5s
}

.ext_f2 .index_main .ext_bot:nth-child(4) {
	transition: 2s
}

.ext_f3 {
	background: url(../images/tgy_15.jpg) no-repeat center #161616;
	height: 855px
}

.ext_f3_tit {
	text-align: center;
	color: #fff;
	margin-top: 100px
}

.ext_f3_tit b {
	margin-bottom: 5px;
	font-weight: lighter;
	display: block;
	font-size: 30px
}

.ext_f3_tit span {
	font-weight: lighter;
	display: block;
	font-size: 14px
}

@keyframes extBig {
	0% {
		transform: scale(.5)
	}
	25% {
		transform: scale(.8)
	}
	50% {
		transform: scale(1.1)
	}
	100% {
		transform: scale(1)
	}
}

@-webkit-keyframes extBig {
	0% {
		transform: scale(.5)
	}
	25% {
		transform: scale(.8)
	}
	50% {
		transform: scale(1.1)
	}
	100% {
		transform: scale(1)
	}
}

@-moz-keyframes extBig {
	0% {
		transform: scale(.5)
	}
	25% {
		transform: scale(.8)
	}
	50% {
		transform: scale(1.1)
	}
	100% {
		transform: scale(1)
	}
}

@-o-keyframes extBig {
	0% {
		transform: scale(.5)
	}
	25% {
		transform: scale(.8)
	}
	50% {
		transform: scale(1.1)
	}
	100% {
		transform: scale(1)
	}
}

.extBig {
	-webkit-animation: extBig 2s;
	-o-animation: extBig 2s;
	-moz-animation: extBig 2s;
	animation: extBig 2s
}

.ext_f3-img {
	width: 900px;
	height: 520px;
	margin: 170px auto 0;
	opacity: 0;
	filter: alpha(opacity=0)
}

.ext_f4_tit {
	transition: 2.5s;
	opacity: 0;
	margin: 100px 0 80px 0;
	text-align: center;
	color: #666;
	font-size: 14px;
	line-height: 24px
}

.ext_f4_tit span {
	font-weight: lighter;
	display: block;
	margin-bottom: 20px;
	font-size: 30px;
	color: #333
}

.ext_f4_bot {
	opacity: 0;
	margin-bottom: 100px;
	float: left;
	font-size: 14px;
	line-height: 30px;
	color: #666
}

.ext_f4_bot span {
	margin-right: 20px;
	border: 1px solid #696969;
	text-align: center;
	line-height: 50px;
	float: left;
	width: 50px;
	height: 50px;
	border-radius: 50%
}

.ext_f4_bot b {
	margin-bottom: 25px;
	display: block;
	font-weight: 400
}

.shengs {
	transition: 1.5s;
	text-align: center;
	width: 423px;
	border-right: 1px solid #e5e5e5;
	border-left: 1px solid #e5e5e5
}

.kuai {
	transition: 1s;
	width: 430px;
	margin-left: -500px
}

.youx {
	transition: 2s;
	width: 337px;
	margin-right: -500px;
	text-align: right
}

.ext_f4_bot span.kuai_span {
	margin-left: 100px
}

.ext_f5 {
	background: url(../images/tgy_18.jpg) no-repeat center #010101;
	height: 535px;
	background-size: cover
}

.ext_f5 .ext_f3_tit {
	transition: 2.5s;
	opacity: 0;
	margin: 100px 0 80px
}

.ext_f5 .ext_f3_tit span {
	color: #ccc;
	font-weight: 400
}

.ext_f5_b {
	opacity: 0;
	float: left;
	text-align: center;
	color: #666;
	font-size: 14px;
	-webkit-transition: .5s;
	-ms-transition: .5s;
	-moz-transition: .5s;
	-o-transition: .5s;
	transition: .5s
}

.ext_f5_b.i01,
.ext_f5_b.i03 {
	width: 350px
}

.ext_f5_b.i02 {
	width: 340px;
	margin: 0 80px
}

.ext_f5_b b {
	display: block;
	font-weight: 400;
	margin-top: 17px;
	font-size: 18px;
	color: #666
}

.ext_f5_b:hover b {
	color: #fff;
	-webkit-transition: .5s;
	-ms-transition: .5s;
	-moz-transition: .5s;
	-o-transition: .5s;
	transition: .5s
}

.ext_f5_b i {
	display: block;
	margin: 0 auto;
	width: 105px;
	height: 105px;
	-webkit-transition: .5s;
	-ms-transition: .5s;
	-moz-transition: .5s;
	-o-transition: .5s;
	transition: .5s
}

.ext_f5_b.i01 i {
	background: url(../images/cx_03.png)
}

.ext_f5_b.i01:hover i {
	background: url(../images/cx_03h.png)
}

.ext_f5_b.i02 i {
	background: url(../images/cx_05.png)
}

.ext_f5_b.i02:hover i {
	background: url(../images/cx_05h.png)
}

.ext_f5_b.i03 i {
	background: url(../images/cx_07.png)
}

.ext_f5_b.i03:hover i {
	background: url(../images/cx_07h.png)
}

.ext_f5_b:hover {
	margin-top: -5px;
	color: #fff
}

.ext_f6 .index_main {
	width: 555px
}

.ext_f6 .ext_f4_tit {
	transition: 2.5s;
	opacity: 0
}

.wc,
.xg {
	text-align: center
}

.ext_f6-wrap {
	width: 520px;
	position: relative;
	height: 72px;
	margin: 0 auto
}

.ext_f6_b {
	width: 140px;
	position: absolute;
	top: 0
}

.wc {
	width: 225px;
	border-left: 1px solid #b2b2b2;
	border-right: 1px solid #b2b2b2
}

.ext_f6_b.bj {
	left: -700px
}

.ext_f6_b.wc {
	left: 140px;
	opacity: 0;
	filter: alpha(opacity=0)
}

.ext_f6_b b {
	width: 48px;
	height: 37px;
	margin-bottom: 15px;
	display: block
}

.wc b {
	margin: 0 auto;
	margin-bottom: 15px
}

.xg {
	text-align: right;
	right: -700px
}

.xg b {
	margin-left: 92px
}

.ext_f6_a {
	text-align: center;
	padding: 70px 0 100px
}

.ext_f6_a a {
	transition: .5s;
	margin: 0 5px;
	color: #fff;
	background-color: #666;
	display: inline-block;
	padding: 0 58px;
	border-radius: 20px;
	height: 40px;
	line-height: 40px;
	text-align: center
}

.ext_f6_a a:hover {
	background-color: #e10413
}

.ext_f6_b b img {
	transition: .5s;
	-webkit-transition: .5s;
	-o-transition: .5s;
	-ms-transition: .5s;
	-moz-transition: .5s
}

@keyframes cusF {
	0% {
		opacity: 0;
		filter: alpha(opacity=0)
	}
	100% {
		opacity: 1;
		filter: alpha(opacity=100)
	}
}

@-webkit-keyframes cusF {
	0% {
		opacity: 0;
		filter: alpha(opacity=0)
	}
	100% {
		opacity: 1;
		filter: alpha(opacity=100)
	}
}

@-moz-keyframes cusF {
	0% {
		opacity: 0;
		filter: alpha(opacity=0)
	}
	100% {
		opacity: 1;
		filter: alpha(opacity=100)
	}
}

@-o-keyframes cusF {
	0% {
		opacity: 0;
		filter: alpha(opacity=0)
	}
	100% {
		opacity: 1;
		filter: alpha(opacity=100)
	}
}

.cus_f1 {
	height: 750px;
	background: url(../images/xmdz_02.jpg) no-repeat center 70px #181C1B
}

.cus_f1 .index_main {
	-webkit-animation: cusF 4s;
	-o-animation: cusF 4s;
	-moz-animation: cusF 4s;
	animation: cusF 4s
}

.cus_f1_tit {
	width: 680px;
	margin: 0 auto;
	text-align: center;
	color: #f4f5f9;
	font-size: 14px;
	line-height: 24px;
	padding-top: 250px
}

.cus_f1_tit span {
	font-size: 30px;
	display: block;
	margin: 0 0 23px 0;
	font-weight: lighter
}

.ydjm {
	overflow: hidden;
	margin: 65px 0
}

.jim {
	float: left;
	width: 310px;
	border-left: 1px solid #73716e
}

.jim>img {
	float: left;
	margin-left: 24px;
	width: 48px;
	height: 48px
}

.yd {
	color: #fff;
	float: left;
	font-family: Arial;
	font-size: 10px;
	margin-left: 15px
}

.yd span {
	display: block;
	font-size: 14px;
	font-family: "Microsoft YaHei"
}

.sheji {
	width: 325px
}

.jiem img {
	margin-left: 0
}

.jiem {
	width: 260px;
	border: none;
	margin-left: 0
}

.wxkf {
	width: 260px
}

.cus_f2 {
	background: #f4f5f9;
	padding-top: 67px;
	height: 500px;
	overflow: hidden
}

.cus_f2 .index_main {
	overflow: visible
}

.cus_f2_left {
	float: left;
	width: 556px;
	margin: 0 0 0 -560px;
	opacity: 0;
	filter: alpha(opacity=0);
	padding-top: 94px
}

.cus_f2-line {
	width: 535px;
	height: 1px;
	background-color: #b4b4b4;
	margin: 25px 0
}

.cus_f2_right {
	float: right;
	width: 568px;
	height: 433px;
	position: relative;
	overflow: hidden;
	margin-right: -58px
}

.cus_f2_right .img1,
.cus_f2_right .img2,
.cus_f2_right .img3 {
	position: absolute;
	bottom: 0;
	left: 35px;
	opacity: 0;
	filter: alpha(opacity=0)
}

.cus_f2_right .img1 {
	width: 324px;
	height: 433px;
	left: 0;
	z-index: 4;
	bottom: -200px
}

.cus_f2_right .img2,
.cus_f2_right .img2 img {
	display: block;
	width: 368px;
	height: 349px;
	z-index: 3
}

.cus_f2_right .img3,
.cus_f2_right .img3 img {
	display: block;
	width: 300px;
	height: 339px;
	z-index: 2
}

.cus_f3 {
	background: url(../images/xmdz_04.jpg) no-repeat center #141623;
	height: 601px
}

.cus_f3 .cus_f1_tit,
.cus_f5 .cus_f1_tit {
	padding-top: 138px
}

.cus_f3 a.shenq {
	background: 0 0;
	border: 1px solid #fff
}

.cus_f3 a.shenq:hover {
	background: #e10413;
	color: #fff;
	border-color: #e10413
}

.cus_f3 .index_main {
	opacity: 0;
	filter: alpha(opacity=0)
}

.cus_f3 .ydjm {
	margin: 80px auto;
	width: 1140px
}

.cus_f4 {
	background: #f4f5f9;
	padding: 100px 0 100px
}

.cus_f4-main {
	width: 1200px;
	margin: 0 auto
}

.cus_f4_right {
	width: 536px;
	padding-top: 50px;
	text-align: right;
	float: right;
	margin-right: -560px;
	opacity: 0;
	filter: alpha(opacity=0)
}

.cus_f4-img {
	float: left;
	width: 568px;
	height: 352px;
	margin-left: -100px;
	opacity: 0;
	filter: alpha(opacity=0)
}

.cus_f4-img img {
	display: block;
	width: 568px;
	height: 352px
}

.cus_f5 {
	background: url(../images/xmdz_06.jpg) no-repeat center #403B38;
	height: 588px
}

.cus_f5 .ydjm .jim img {
	width: 57px
}

.cus_f5 .ydjm .wxkf {
	width: 270px;
	margin-left: 25px
}

.cus_f5 .index_main {
	opacity: 0;
	filter: alpha(opacity=0);
	padding-top: 100px
}

.cus_f5 .ydjm {
	margin: 65px auto;
	width: 1070px
}

.cus_f5 .ydjm .jim {
	width: 260px
}

.cus_f5 .ydjm .jim:nth-child(2) {
	width: 290px
}

.cus_f6 {
	background: #f4f5f9;
	padding: 100px 0 80px
}

.cus_f6 .cus_f2_left {
	width: 535px;
	padding-top: 60px
}

.cus_f6-img {
	float: right;
	width: 580px;
	height: 380px;
	margin-right: -100px;
	opacity: 0;
	filter: alpha(opacity=0)
}

.cus_f6-img img {
	display: block;
	width: 580px;
	height: 380px
}

.ui-grid-trisect {
	overflow: hidden;
	margin-left: 10px
}

.ui-grid-trisect>li {
	width: 33%;
	padding: 0 19px 60px;
	overflow: hidden;
	float: left;
	position: relative;
	-webkit-box-sizing: border-box;
	display: list-item;
	text-align: -webkit-match-parent
}

.ui-border {
	transition: .5s;
	text-align: center;
	background-color: #fff
}

.ui-grid-halve-img,
.ui-grid-trisect-img {
	position: relative;
	width: 100%
}

.ui-grid-trisect-img {
	overflow: hidden
}

.ui-grid-halve-img>a,
.ui-grid-trisect-img>a {
	width: 100%;
	display: block;
	overflow: hidden
}

.ui-grid-halve-img>a img,
.ui-grid-trisect-img>a img {
	display: block;
	width: 100%;
	-webkit-transition: 1s;
	-ms-transition: 1s;
	-moz-transition: 1s;
	-o-transition: 1s;
	transition: 1s
}

.ui-grid-trisect>li:hover .ui-grid-halve-img>a img,
.ui-grid-trisect>li:hover .ui-grid-trisect-img>a img {
	-webkit-transform: scale(1.08);
	transform: scale(1.08);
	-o-transform: scale(1.08);
	-moz-transform: scale(1.08);
	-ms-transform: scale(1.08)
}

.ui-grid-trisect h4 {
	position: relative;
	margin: 7px 0 3px
}

.news_content {
	margin: 0 auto
}

.news_con {
	margin: 128px 0 0 0
}

.news_con .about_xx {
	margin: 42px 0
}

.qy_bottom {
	display: block;
	text-align: left;
	padding: 24px 24px 40px 24px
}

.qy_bottom h3 {
	transition: .5s;
	font-size: 18px;
	color: #575757;
	display: block;
	margin: 0 0 18px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.qy_bottom p {
	transition: .5s;
	width: 100%;
	font-size: 14px;
	color: #9c9c9c;
	line-height: 18px;
	margin: 0;
	height: 35px;
	overflow: hidden
}

.qy_bottom span {
	transition: .5s;
	display: block;
	margin-top: 10px;
	font-size: 12px;
	color: #9c9c9c
}

.ui-grid-trisect>li:hover .ui-border {
	background-color: #222
}

.ui-grid-trisect>li:hover .qy_bottom h3,
.ui-grid-trisect>li:hover .qy_bottom p,
.ui-grid-trisect>li:hover .qy_bottom span {
	color: #fff
}

.fy {
	text-align: center;
	width: 100%;
	font-size: 15px;
	margin: 40px 0 100px 0
}

.fy a {
	transition: .2s;
	display: inline-block;
	color: #9c9c9c;
	width: 20px;
	height: 20px;
	line-height: 18px
}

.fy a.fy_prev {
	width: 60px;
	margin-right: 50px
}

.fy a.fy_next {
	width: 60px;
	margin-left: 50px
}

.fy a:hover {
	color: #222;
	font-size: 18px
}

.fy a.fy_next:hover,
.fy a.fy_prev:hover {
	font-size: 15px
}

.case_con .fy {
	margin: 0 0 90px 0
}

.anli {
	overflow: hidden;
	padding-top: 30px;
	margin-top: 70px;
	background: url(../images/hz_bg_02.jpg) no-repeat center #1B1F2A
}

.anxi {
	margin: 110px auto;
	width: 560px;
	overflow: hidden
}

.anxi b {
	margin-top: 118px;
	float: left;
	font-size: 85px;
	color: #fff;
	font-family: Arial
}

.anxi b.anxi_b {
	margin-left: 25px;
	color: #d31313
}

.anxi span {
	margin-top: -15px;
	width: 100%;
	float: left;
	margin-bottom: 80px;
	background: url(../images/hezgs_03.png) no-repeat center;
	height: 60px;
	text-align: center;
	display: block
}

.anxi i {
	float: left;
	display: block;
	width: 100%;
	height: 48px;
	background: url(../images/hezg_03.png) no-repeat center
}

.coo_con {
	margin: 40px 0 10px 0
}

.anxi1 {
	width: 735px
}

.anxi1 span {
	background: url(../images/qwyx_03.png) no-repeat center
}

.anxi1 b {
	margin-left: 45px
}

@keyframes scrone {
	0% {
		margin-left: -40px;
		opacity: 0;
		filter: alpha(opacity=0)
	}
	100% {
		margin-left: 0;
		opacity: 1;
		filter: alpha(opacity=100)
	}
}

@-webkit-keyframes scrone {
	0% {
		margin-left: -40px;
		opacity: 0;
		filter: alpha(opacity=0)
	}
	100% {
		margin-left: 0;
		opacity: 1;
		filter: alpha(opacity=100)
	}
}

@-moz-keyframes scrone {
	0% {
		margin-left: -40px;
		opacity: 0;
		filter: alpha(opacity=0)
	}
	100% {
		margin-left: 0;
		opacity: 1;
		filter: alpha(opacity=100)
	}
}

@-o-keyframes scrone {
	0% {
		margin-left: -40px;
		opacity: 0;
		filter: alpha(opacity=0)
	}
	100% {
		margin-left: 0;
		opacity: 1;
		filter: alpha(opacity=100)
	}
}

@keyframes scrLeft {
	0% {
		margin-left: 1000px;
		opacity: 0;
		filter: alpha(opacity=0)
	}
	100% {
		margin-left: 0;
		opacity: 1;
		filter: alpha(opacity=100)
	}
}

@-webkit-keyframes scrLeft {
	0% {
		margin-left: 1000px;
		opacity: 0;
		filter: alpha(opacity=0)
	}
	100% {
		margin-left: 0;
		opacity: 1;
		filter: alpha(opacity=100)
	}
}

@-moz-keyframes scrLeft {
	0% {
		margin-left: 1000px;
		opacity: 0;
		filter: alpha(opacity=0)
	}
	100% {
		margin-left: 0;
		opacity: 1;
		filter: alpha(opacity=100)
	}
}

@-o-keyframes scrLeft {
	0% {
		margin-left: 1000px;
		opacity: 0;
		filter: alpha(opacity=0)
	}
	100% {
		margin-left: 0;
		opacity: 1;
		filter: alpha(opacity=100)
	}
}

.ter_f1 {
	background: url(../images/ydd_02.jpg) no-repeat center 70px #1A1A1A;
	height: 718px;
	overflow: hidden
}

.ter_f1-main {
	width: 1230px;
	margin: 0 auto;
	padding-top: 150px
}

.ter_f1-img {
	width: 630px;
	height: 490px;
	float: left
}

.ter_f1-img img {
	display: block;
	width: 630px;
	height: 490px
}

.ter_f1 .ter {
	float: right;
	width: 520px;
	color: #fff;
	padding-top: 170px
}

.ter_f1-img {
	-webkit-animation: scrone 1s;
	-moz-animation: scrone 1s;
	-o-animation: scrone 1s;
	animation: scrone 1s
}

.ter span {
	width: 520px;
	margin-bottom: 20px;
	line-height: 45px;
	display: block;
	font-weight: lighter;
	font-size: 30px
}

.ter_f1 .ter span {
	animation: scrLeft 1s;
	-webkit-animation: scrLeft 1s;
	-o-animation: scrLeft 1s;
	-moz-animation: scrLeft 1s
}

.ter p {
	width: 520px;
	font-size: 14px;
	line-height: 24px;
	color: #adadad
}

.ter_f1 .ter p {
	animation: scrLeft 2s;
	-webkit-animation: scrLeft 2s;
	-o-animation: scrLeft 2s;
	-moz-animation: scrLeft 2s
}

.ter a,
.ter_f5 a,
.ter_f6 .index_main>a,
.ter_f8 a {
	margin-top: 25px;
	background-color: #e10413;
	font-size: 13px;
	border-radius: 20px;
	display: block;
	text-align: center;
	line-height: 40px;
	color: #fff;
	width: 170px;
	height: 40px;
	-webkit-transition: .4s;
	-ms-transition: .4s;
	-moz-transition: .4s;
	-o-transition: .4s;
	transition: .4s
}

.ter a:hover,
.ter_f5 a:hover,
.ter_f6 .index_main>a:hover,
.ter_f8 a:hover {
	background-color: #c90b0b
}

.ter_f1 .ter a {
	animation: scrLeft 2.5s;
	-webkit-animation: scrLeft 2.5s;
	-o-animation: scrLeft 2.5s;
	-moz-animation: scrLeft 2.5s
}

.ter_f2 {
	background: #fff;
	padding: 100px 0 75px
}

.ter_f2 .index_main {
	height: 533px;
	position: relative;
	width: 1200px
}

.ter_f2 .ter {
	position: absolute;
	left: 100px;
	top: 130px;
	width: 490px;
	opacity: 0;
	filter: alpha(opacity=0)
}

.ter_f2 .ter span {
	color: #333
}

.ter_f2 .ter p {
	color: #333;
	font-weight: lighter
}

.ter_f2-img {
	width: 533px;
	position: absolute;
	top: 0;
	right: 100px;
	opacity: 0;
	filter: alpha(opacity=0)
}

.ter_f3 {
	background: url(../images/ydd_04.jpg) no-repeat center #090909;
	position: relative;
	height: 701px;
	overflow: hidden
}

.ter_f3 .index_main {
	width: 1200px
}

.ter_f3-img {
	width: 973px;
	height: 644px;
	position: absolute;
	right: 80%;
	bottom: -100px
}

.ter_f3 .ter {
	width: 440px;
	float: right;
	padding-top: 260px;
	opacity: 0;
	filter: alpha(opacity=0)
}

.ter_f3 .ter h3 {
	font-size: 30px;
	color: #fff;
	font-weight: lighter;
	line-height: 44px;
	margin: 0 0 18px 0
}

.ter_f3 .ter p {
	color: #fff;
	font-weight: lighter;
	line-height: 24px
}

.ter_f4 {
	background: #fff
}

.ter_f4 .index_main {
	width: 1200px;
	height: 480px
}

.ter_f4 .ter_f2-img {
	width: 589px;
	height: 484px
}

.ter_f4 .ter span {
	color: #333;
	margin-top: 0
}

.ter_f4 .ter p {
	color: #333;
	margin-top: 0
}

.ter_f4 .ter a {
	margin-top: 25px
}

.ter_f5 {
	background: url(../images/tdd5_bg_02.jpg) no-repeat center #040404
}

.ter_f5_tit {
	margin-bottom: 80px;
	color: #aaa;
	font-size: 14px;
	line-height: 17px;
	text-align: center
}

.ter_f5_tit span {
	font-weight: lighter;
	margin: 100px 0 25px 0;
	display: block;
	color: #fff;
	font-size: 30px
}

.ter_f5_bottom {
	position: relative;
	margin: 0 auto;
	width: 735px;
	height: 375px;
	background: url(../images/ydd_bg_03.png) no-repeat center
}

.ter_f5_bottom b {
	z-index: 100;
	font-weight: 400;
	color: #fff;
	text-align: center;
	transition: .5s;
	overflow: hidden;
	display: block;
	position: absolute;
	border-radius: 50%;
	border: 2px solid #a9a9a9
}

.zz {
	width: 138px;
	line-height: 138px;
	height: 138px;
	top: 85px;
	left: -19px
}

.hwgg {
	width: 165px;
	line-height: 165px;
	height: 165px;
	top: 0;
	left: 155px
}

.mp {
	width: 127px;
	line-height: 127px;
	height: 127px;
	left: 372px;
	top: 28px
}

.zxh {
	width: 149px;
	line-height: 149px;
	height: 149px;
	top: 215px;
	left: 111px
}

.xcc {
	width: 138px;
	line-height: 138px;
	height: 138px;
	top: 171px;
	left: 310px
}

.fs {
	width: 102px;
	line-height: 102px;
	height: 102px;
	left: 462px;
	top: 265px
}

.bzh {
	width: 95px;
	line-height: 95px;
	height: 95px;
	left: 584px;
	top: 54px
}

.qt {
	width: 104px;
	line-height: 104px;
	height: 104px;
	left: 604px;
	top: 204px
}

.ter_f5_bottom b img {
	z-index: 80;
	transition: .5s;
	-webkit-transition: .5s;
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute
}

.ter_f5_bottom b:hover img {
	transform: scale(1.05)
}

.ter_f5 a {
	margin: 80px auto 100px
}

.ter_f5_bottom b span {
	font-size: 16px;
	z-index: 100;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.ter_f6_tit {
	text-align: center;
	margin: 90px 0 80px 0;
	font-size: 14px;
	color: #333
}

.ter_f6_tit span {
	margin-bottom: 5px;
	display: block;
	font-size: 30px;
	font-weight: lighter
}

.ter_f6_bottom {
	text-align: center;
	margin-bottom: 80px
}

.ter_f6_bottom b {
	border-radius: 50%;
	margin: 0 30px;
	transition: .8s;
	-webkit-transition: .8s;
	display: inline-block;
	width: 112px;
	height: 112px
}

.ter_f6_bottom b:hover {
	transform: rotate(360deg);
	-webkit-transform: rotate(360deg)
}

.ter_weixin {
	background: url(../images/xians_10.png) no-repeat center
}

.ter_weixin:hover {
	background: url(../images/yd_10.png) no-repeat center #dd0918
}

.ter_weibo {
	background: url(../images/yd_12.png) no-repeat center
}

.ter_weibo:hover {
	background: url(../images/xians_12.png) no-repeat center #dd0918
}

.ter_qq {
	background: url(../images/xians_03.png) no-repeat center
}

.ter_qq:hover {
	background: url(../images/yd_03.png) no-repeat center #dd0918
}

.ter_xinxi {
	background: url(../images/xians_05.png) no-repeat center
}

.ter_xinxi:hover {
	background: url(../images/yd_05.png) no-repeat center #dd0918
}

.ter_youj {
	background: url(../images/xians_07.png) no-repeat center
}

.ter_youj:hover {
	background: url(../images/yd_07.png) no-repeat center #dd0918
}

.ter_f6 .index_main>a {
	margin: 0 auto;
	margin-bottom: 100px
}

.ter_f7 {
	width: 100%
}

.ter_f7_tit {
	color: #fff;
	text-align: center;
	font-size: 40px;
	margin: 95px 0 90px 0
}

.ter_f7_bottom {
	background: url(../images/yun_03.png) no-repeat center;
	position: relative;
	width: 535px;
	margin: 0 auto;
	margin-bottom: 100px;
	height: 535px;
	border-radius: 50%;
	border: 1px solid #818181
}

.ter_f7_bottom a {
	transition: .5s;
	background-color: #000;
	width: 78px;
	padding-top: 17px;
	height: 78px;
	text-align: center;
	border-radius: 50%;
	border: 1px solid #818181;
	color: #fff;
	position: absolute
}

.jzds {
	top: 48px;
	left: 32px
}

.hysj {
	top: -36px;
	left: 229px
}

.zyja {
	top: 40px;
	left: 420px
}

.xztz {
	top: 235px;
	left: 497px
}

.sjsd {
	top: 423px;
	left: 420px
}

.gd {
	top: 500px;
	left: 229px;
	line-height: 35px
}

.zjx {
	top: 423px;
	left: 40px
}

.chtg {
	top: 235px;
	left: -43px
}

.ter_f7_bottom a:hover {
	border-color: #e10413;
	background-color: #e10413;
	-webkit-box-shadow: 0 2px 3px #f1f1f1);
	-moz-box-shadow: 0 2px 3px #f1f1f1;
	box-shadow: 0 2px 3px #fff)
}

.ter_f8_tit {
	margin: 100px 0 20px -15px;
	width: 1200px;
	height: 306px;
	position: relative;
	background: url(../images/yddd_03.png) no-repeat center
}

.ter_f8_tit span {
	transition: .5s;
	cursor: pointer;
	width: 115px;
	height: 140px;
	display: block;
	position: absolute;
	color: #666;
	font-size: 14px;
	line-height: 30px
}

.ter_f8_tit span.wym {
	width: 110px;
	background: url(../images/ydd8_28.png) no-repeat 28px 66px;
	top: 163px;
	left: 20px
}

.ter_f8_tit span.wym.active,
.ter_f8_tit span.wym:hover {
	background: url(../images/ydwm_25.png) no-repeat 28px 66px
}

.ter_f8_tit span.cpgl {
	background: url(../images/ydd8_10.png) no-repeat top center;
	top: 46px;
	left: 167px;
	text-align: center;
	padding-top: 115px;
	height: 25px
}

.ter_f8_tit span.cpgl.active,
.ter_f8_tit span.cpgl:hover {
	background: url(../images/ydwm_06.png) no-repeat top center
}

.vip {
	background: url(../images/ydwm_21.png) no-repeat bottom center;
	text-align: center;
	top: 110px;
	left: 350px
}

.vip.active,
.vip:hover {
	background: url(../images/ydd8_25.png) no-repeat bottom center
}

.ter_f8_tit span.yxhd {
	left: 550px;
	top: -3px;
	text-align: right;
	padding-top: 115px;
	height: 25px;
	background: url(../images/ydd8_07.png) no-repeat top left
}

.ter_f8_tit span.yxhd.active,
.ter_f8_tit span.yxhd:hover {
	background: url(../images/ydwm_03.png) no-repeat top left
}

.ter_f8_tit span.wz {
	background: url(../images/ydd8_18.png) no-repeat bottom center;
	left: 744px;
	top: 79px;
	text-align: right;
	width: 85px
}

.ter_f8_tit span.wz.active,
.ter_f8_tit span.wz:hover {
	background: url(../images/ydwm_14.png) no-repeat bottom center
}

.ter_f8_tit span.yy {
	padding-top: 115px;
	height: 25px;
	background: url(../images/ydd8_14.png) no-repeat 13px 0;
	left: 931px;
	top: 79px
}

.ter_f8_tit span.yy.active,
.ter_f8_tit span.yy:hover {
	background: url(../images/ydwm_10.png) no-repeat 13px 0
}

.ter_f8_tit span.sjty {
	background: url(../images/ydd8_22.png) no-repeat bottom right;
	top: 109px;
	left: 1066px;
	width: 130px
}

.ter_f8_tit span.sjty.active,
.ter_f8_tit span.sjty:hover {
	background: url(../images/ydwm_18.png) no-repeat bottom right
}

.ter_f8_bottom {
	font-weight: lighter;
	font-size: 14px;
	color: #737373;
	text-align: center
}

.ter_f8_bottom span {
	margin-bottom: 20px;
	display: block;
	font-size: 30px;
	color: #000
}

.ter_f8 a {
	margin: 80px auto 100px
}

.join-bg {
	height: 550px
}

.rxg {
	margin-top: 30px;
	border: 1px solid #ebebeb;
	margin-bottom: 12px;
	padding: 25px 20px;
	background-color: #fff
}

.rxg p {
	margin-bottom: 40px;
	width: 1128px;
	font-size: 14px;
	line-height: 24px;
	color: #757575
}

.rxg p span {
	display: block;
	padding-bottom: 13px;
	font-size: 18px;
	color: #222
}

.zhiw {
	overflow: hidden;
	margin-bottom: 80px
}

.zhiw li {
	margin-bottom: 18px;
	background: #fff;
	padding: 20px;
	border: 1px solid #ebebeb
}

.zpzw {
	cursor: pointer;
	overflow: hidden;
	transition: .5s;
	color: #9e9e9e;
	font-size: 14px;
	line-height: 24px;
	background: url(../images/join_05.png) no-repeat right 30px
}

.zhiw li:hover .zpzw,
.zpzw_on {
	background: url(../images/join_09.png) no-repeat right 30px
}

.zpzw span {
	float: left;
	width: 1000px;
	padding-bottom: 5px;
	display: block;
	font-size: 18px;
	line-height: 24px;
	color: #353535
}

.zpzw b {
	width: 70px;
	text-align: right;
	font-weight: 400;
	float: right;
	color: #9e9e9e;
	font-size: 13px;
	font-family: Arial
}

.zpzw p {
	float: left;
	width: 100%
}

.zwyq {
	overflow: hidden;
	display: none;
	margin: 15px 0 18px 0;
	position: relative;
	width: 1118px
}

.zwyq div {
	float: left;
	border-top: 1px solid #e2e2e2;
	font-size: 14px;
	color: #9e9e9e;
	line-height: 24px;
	width: 640px;
	padding: 10px 0
}

.zwyq div span {
	padding: 30px 0 15px 0;
	font-size: 18px;
	color: #535353;
	display: block
}

.zwyq a {
	right: 0;
	bottom: 10px;
	transition: .5s;
	display: block;
	position: absolute;
	background-color: #e10413;
	font-size: 14px;
	line-height: 36px;
	border-radius: 18px;
	width: 138px;
	height: 36px;
	text-align: center;
	color: #fff
}

.zwyq a:hover {
	background-color: #bf080a
}

.mark {
	z-index: -2;
	position: relative;
	overflow: hidden;
	top: 0;
	left: 0;
	height: 823px;
	margin-top: 70px;
	width: 100%
}

.mark_nr {
	opacity: 1;
	filter: alpha(opacity=100);
	top: 0;
	left: 0;
	position: absolute;
	z-index: -1;
	overflow: hidden;
	text-align: center;
	width: 100%;
	height: 100%
}

.mark_nr>i {
	z-index: 2;
	margin-left: -24px;
	left: 50%;
	width: 48px;
	height: 48px;
	background: url(../images/markj_03.png) no-repeat center;
	display: block;
	position: absolute;
	bottom: 5%
}

.marknr_tit {
	margin-top: 10%;
	font-size: 18px;
	color: #fff;
	font-weight: lighter
}

.marknr_tit span {
	color: #494e59;
	font-size: 12px;
	font-family: Conv_AVENIRNEXTLTPRO-REGULAR;
	letter-spacing: 20px;
	text-indent: 21px;
	display: block;
	text-transform: uppercase
}

.marknr_div {
	margin-top: 80px;
	font-size: 60px;
	color: #fff;
	font-weight: lighter
}

.marknr_div>span {
	line-height: 90px;
	font-family: Arial;
	text-transform: uppercase;
	font-size: 113px;
	display: block;
	font-weight: 700
}

.marknr_div>span span {
	color: #d31313
}

.topic-wrap p {
	color: #fff;
	text-align: center
}

.f1_tit {
	margin-top: 100px;
	font-weight: lighter;
	text-align: center;
	color: #444;
	font-size: 30px
}

.f1_tit span {
	margin-right: 10px;
	font-family: Conv_HelveticaNeue-ThinExt;
	display: inline-block;
	color: #e10413
}

.f1_tit_p {
	margin: 30px 0 35px 0;
	line-height: 28px;
	text-align: center;
	color: #999;
	font-size: 14px
}

.f1_tit_p span {
	margin-bottom: 10px;
	display: block;
	color: #444;
	font-size: 18px
}

.mark_f1_ul {
	overflow: hidden;
	height: 494px
}

.mark_f1_ul li {
	margin-left: 40px;
	float: left;
	width: 270px;
	background: url(../images/qwyx_16.png) no-repeat bottom center
}

.xchc {
	background: url(../images/qwy_10.png) no-repeat 86px 57px;
	transition: .5s;
	margin-left: 20px;
	margin-bottom: 75px;
	width: 235px;
	height: 235px;
	text-align: center;
	color: #999;
	font-size: 14px;
	padding-top: 120px;
	border: 1px solid #d2d2d2;
	border-radius: 50%
}

.mark_f1_ul li:hover .xchc {
	background: url(../images/qwho_10.png) no-repeat 86px 57px
}

.yxck {
	background: url(../images/qwy_03.png) no-repeat 86px 57px
}

.mark_f1_ul li:hover .yxck {
	background: url(../images/qwho_03.png) no-repeat 86px 57px
}

.shqd {
	background: url(../images/qwho_05.png) no-repeat 86px 57px
}

.mark_f1_ul li:hover .shqd {
	background: url(../images/qwy_05.png) no-repeat 86px 57px
}

.ssgt {
	background: url(../images/qwy_07.png) no-repeat 86px 57px
}

.mark_f1_ul li:hover .ssgt {
	background: url(../images/qwho_07.png) no-repeat 86px 57px
}

.xchc span {
	font-size: 18px;
	color: #182234;
	display: block
}

.xchc_nr {
	margin-bottom: 78px;
	text-align: center;
	font-size: 14px;
	line-height: 24px;
	color: #999
}

.mark_f1_ul li:hover .xchc {
	border-color: #e10413
}

.mark_f1_ul li:hover {
	background: url(../images/qwyx_20.png) no-repeat bottom center
}

.mark_f1_ul li:first-child {
	margin-left: 0
}

.marking {
	height: 830px
}

.marking .anxi1 {
	width: 900px;
	font-weight: 700
}

.marking .anxi1 b {
	font-size: 111px
}

.mask_f2 {
	background-color: #ebeef3
}

.mask_f2_bottom {
	width: 1070px;
	margin: 0 auto;
	overflow: hidden
}

.mask_f2_bottom .hd {
	overflow: hidden;
	margin: 20px 0 120px 50%;
	z-index: 1
}

.mask_f2_bottom .hd ul {
	overflow: hidden;
	zoom: 1;
	float: left
}

.mask_f2_bottom .hd ul li {
	float: left;
	margin-right: 15px;
	width: 20px;
	height: 20px;
	background: url(../images/qwyx_24.png) no-repeat center;
	cursor: pointer
}

.mask_f2_bottom .hd ul li.on {
	background: url(../images/qwyx_26.png) no-repeat center
}

.mask_f2_bottom .bd li {
	overflow: hidden;
	position: relative;
	zoom: 1;
	vertical-align: middle
}

.mask_f2_bottom .bd li i {
	top: 100px;
	left: 4px;
	position: absolute;
	display: block;
	width: 369px;
	height: 376px;
	background: url(../images/seo_03.png) no-repeat center
}

.mask_f2_bottom .bd li:first-child img {
	display: block
}

.mask_f2_left {
	overflow: hidden;
	margin: 60px 0 10px 0
}

.mask_f2_left b {
	font-weight: lighter;
	margin-right: 30px;
	font-family: Conv_HelveticaNeue-ThinExt;
	float: left;
	font-size: 48px;
	line-height: 81px;
	text-align: center;
	color: #999;
	border: 1px solid #aeaeaf;
	border-radius: 50%;
	width: 81px;
	height: 81px;
	-webkit-transition: .8s;
	-ms-transition: .8s;
	-moz-transition: .8s;
	-o-transition: .8s;
	transition: .8s
}

.mask_f2_left:hover b {
	border-color: #e10413;
	background-color: #e10413;
	color: #fff
}

.mask_f2_left p {
	margin-top: 7px;
	border-bottom: 1px solid #dcdcdc;
	float: left;
	color: #333;
	font-size: 18px;
	padding-bottom: 16px;
	line-height: 28px
}

.mask_f2_left p span {
	display: block;
	font-size: 16px;
	line-height: 26px;
	color: #666;
	margin-top: 1px
}

.mask_f2_bottom .bd li>p {
	margin-top: -435px;
	float: right;
	width: 397px;
	height: 571px
}

.mask_f3 {
	background-color: #2a333f;
	padding-bottom: 100px;
	overflow: hidden
}

.inner-cent {
	width: 1200px;
	margin: 0 auto
}

.clearfix:after {
	content: '.';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
	color: #666
}

input:-moz-placeholder,
textarea:-moz-placeholder {
	color: #666
}

input::-moz-placeholder,
textarea::-moz-placeholder {
	color: #666
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
	color: #666
}

.fl {
	float: left
}

.fr {
	float: right
}

.mask_f3>a {
	transition: .5s;
	-webkit-transition: .5s;
	color: #fff;
	font-size: 14px;
	background-color: #e10413;
	margin: 0 auto;
	margin-top: 60px;
	display: block;
	width: 172px;
	height: 40px;
	border-radius: 120px;
	text-align: center;
	line-height: 40px
}

.mask_f3 .f1_tit {
	color: #fff
}

.mask_f3 .f1_tit_p {
	color: #666
}

.mask_f3 .f1_tit_p span {
	color: #999
}

.hz:hover,
.mask_f3>a:hover {
	background-color: #c30413
}

.mask_f4 {
	background-color: #ebeef3
}

.mask_f3_bottom img {
	display: block;
	margin: 0 auto
}

.mask_f5_bottom {
	clear: both
}

.mask_f5_left {
	float: left;
	width: 330px;
	margin-top: -7px
}

.mask_f5_left div {
	margin-bottom: 60px;
	font-size: 14px;
	color: #999;
	line-height: 24px;
	padding-left: 50px;
	background: url(../images/qwyx_26.png) no-repeat
}

.mask_f5_left div span {
	margin-bottom: 10px;
	display: block;
	font-size: 18px;
	color: #444
}

.mask_f5_left div i {
	width: 30px;
	height: 27px;
	transition: .5s;
	-webkit-transition: .5s;
	display: inline-block;
	margin-right: 11px
}

.mask_f5_left div i.mask_i1 {
	background: url(../images/hd_10.png) no-repeat center
}

.mask_f5_left div i.mask_i1:hover {
	background: url(../images/hd_101.png) no-repeat center
}

.mask_f5_left div i.mask_i2 {
	background: url(../images/hd_12.png) no-repeat center
}

.mask_f5_left div i.mask_i2:hover {
	background: url(../images/hd_121.png) no-repeat center
}

.mask_f5_left div i.mask_i3 {
	background: url(../images/hd_14.png) no-repeat center
}

.mask_f5_left div i.mask_i3:hover {
	background: url(../images/hd_141.png) no-repeat center
}

.mask_f5_left div i.mask_i4 {
	background: url(../images/hd_03.png) no-repeat center
}

.mask_f5_left div i.mask_i4:hover {
	background: url(../images/hd_031.png) no-repeat center
}

.mask_f5_left div i.mask_i5 {
	background: url(../images/hd_05.png) no-repeat center
}

.mask_f5_left div i.mask_i5:hover {
	background: url(../images/hd_051.png) no-repeat center
}

.mask_f5_left div i.mask_i6 {
	background: url(../images/hd_07.png) no-repeat center
}

.mask_f5_left div i.mask_i6:hover {
	background: url(../images/hd_071.png) no-repeat center
}

.mask_f5_right {
	margin: -100px 0 0 60px;
	width: 800px;
	float: left;
	background: url(../images/qu_03.png) no-repeat top center
}

.mask_f5 .scrollBox {
	width: 940px;
	padding: 10px;
	border-top: 1px solid #fff;
	background: url(../images/oph2_03.png) no-repeat center;
	position: relative
}

.mask_f5 .scrollBox .piclist {
	overflow: hidden;
	zoom: 1
}

.mask_f5 .scrollBox .ohbox {
	overflow: hidden;
	position: relative;
	width: 480px;
	left: 50%;
	margin-left: -143px
}

.mask_f5 .scrollBox {
	margin: 70px 0 0 83px;
	width: 667px;
	position: relative;
	overflow: hidden;
	zoom: 1
}

.mask_f5 .scrollBox .piclist li {
	float: left;
	display: inline;
	width: 269px;
	height: 465px;
	margin: 100px 10px 200px 0
}

.mask_f5 .scrollBox .piclist li img {
	display: block;
	width: 269px;
	height: 465px
}

.mask_f5 .scrollBox .piclist li span {
	height: 25px;
	line-height: 25px;
	display: block;
	text-align: center
}

.mask_f5 .scrollBox .pageBtn span {
	display: block;
	width: 50px;
	height: 50px;
	position: absolute;
	top: 35%;
	cursor: pointer;
	text-indent: -999em;
	overflow: hidden
}

.mask_f5 .scrollBox .pageBtn .prev {
	left: 30px;
	background: url(../images/sto_14.png) no-repeat center
}

.mask_f5 .scrollBox .pageBtn .next {
	left: 555px;
	background: url(../images/sto_17.png) no-repeat center
}

.mask_f5 .scrollBox .pageBtn .list {
	overflow: hidden;
	zoom: 1;
	margin: 10px 0 0 413px
}

.mask_f5 .scrollBox .pageBtn .list li {
	float: left;
	display: inline;
	width: 15px;
	height: 15px;
	background-position: -86px -57px;
	cursor: pointer;
	margin-left: 10px;
	line-height: 10000px;
	overflow: hidden
}

.mask_f5 .scrollBox .pageBtn .list li.on {
	background-position: -114px -57px
}

.mask_f6 {
	background-color: #2a333f
}

.mask_f6 .story_f4_tit {
	color: #fff
}

.mask_f6 .story_f4_p span {
	color: #999
}

.mask_f6_bottom {
	overflow: hidden;
	margin: 50px 0 100px 0
}

.mask_f6_left {
	float: left;
	padding: 0 35px;
	width: 400px
}

.mask_f6_left span {
	color: #fff;
	text-align: center;
	display: block;
	font-size: 18px;
	margin: 60px 0 25px 0;
	-webkit-transition: .5s;
	-ms-transition: .5s;
	-moz-transition: .5s;
	-o-transition: .5s;
	transition: .5s
}

.mask_f6_left:hover span {
	margin-top: 50px;
	color: #e10413
}

.mask_f6_left p {
	font-size: 14px;
	line-height: 24px;
	color: #777
}

.mask_f6_bottom .mask_f6_left:nth-child(2) {
	border-right: 1px solid #4f5760;
	border-left: 1px solid #4f5760
}

.mask_f6_left img {
	display: block;
	margin: 0 auto
}

.mask_f7_bottom {
	overflow: hidden
}

.mask_f7_bottom>a {
	margin-right: 15px;
	float: left;
	background: url(../images/qwyx_13.png) no-repeat center;
	width: 147px;
	height: 170px
}

.mask_f7_bottom>a img {
	display: block;
	margin: 50px auto;
	opacity: .6;
	filter: alpha(opacity=60);
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-ms-transition: .5s;
	-o-transition: .5s;
	transition: .5s
}

.mask_f7_bottom>a:hover img {
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-filter: grayscale(0);
	-moz-filter: grayscale(0);
	-ms-filter: grayscale(0);
	-o-filter: grayscale(0);
	filter: grayscale(0);
	filter: gray
}

.mask_f7_bottom>a:nth-child(1),
.mask_f7_bottom>a:nth-child(14) {
	margin-left: 205px
}

.mask_f7_bottom>a:nth-child(7) {
	margin-top: -30px;
	margin-left: 125px
}

.mask_f7_bottom>a:nth-child(10),
.mask_f7_bottom>a:nth-child(11),
.mask_f7_bottom>a:nth-child(12),
.mask_f7_bottom>a:nth-child(14),
.mask_f7_bottom>a:nth-child(15),
.mask_f7_bottom>a:nth-child(16),
.mask_f7_bottom>a:nth-child(17),
.mask_f7_bottom>a:nth-child(18),
.mask_f7_bottom>a:nth-child(8),
.mask_f7_bottom>a:nth-child(9) {
	margin-top: -30px
}

.hz {
	transition: .5s;
	-webkit-transition: .5s;
	display: block;
	border-radius: 20px;
	margin: 0 auto;
	margin-top: 75px;
	margin-bottom: 100px;
	width: 172px;
	text-align: center;
	color: #fff;
	font-size: 14px;
	background-color: #666;
	height: 40px;
	line-height: 40px
}

.hz:hover {
	background-color: #e10413
}

.mask_left,
.mask_right {
	float: left;
	width: 590px;
	height: 490px;
	background-color: #fff;
	margin-bottom: 100px
}

.mask_c,
.mask_c1 {
	width: 590px;
	overflow: hidden;
	position: relative
}

.mask_c .hd,
.mask_c1 .hd {
	overflow: hidden;
	height: 40px;
	margin: 30px 0
}

.mask_c .hd .next,
.mask_c .hd .prev,
.mask_c1 .hd .next,
.mask_c1 .hd .prev {
	transition: .5s;
	background: url(../images/yxx_05.png) no-repeat center;
	display: block;
	border: 1px solid #dcdcdc;
	width: 50px;
	height: 30px;
	float: right;
	margin-right: 10px;
	overflow: hidden;
	cursor: pointer
}

.mask_c .hd .next,
.mask_c1 .hd .next {
	background: url(../images/yxx_03.png) no-repeat center
}

.mask_c .hd .next:hover,
.mask_c1 .hd .next:hover {
	border-color: #F56E7E;
	background: url(../images/zhan_03.png) no-repeat center
}

.mask_c .hd .prev:hover,
.mask_c1 .hd .prev:hover {
	border-color: #F56E7E;
	background: url(../images/zhan_05.png) no-repeat center
}

.mask_c .hd b,
.mask_c1 .hd b {
	float: left;
	width: 135px;
	height: 43px;
	background: url(../images/jianjian_03.png) no-repeat;
	color: #fff;
	text-align: center;
	line-height: 42px;
	font-size: 18px
}

.mask_c .hd ul,
.mask_c1 .hd ul {
	float: right;
	overflow: hidden;
	zoom: 1;
	margin-top: 10px
}

.mask_c .hd ul li,
.mask_c1 .hd ul li {
	float: left;
	width: 9px;
	height: 9px;
	overflow: hidden;
	margin-right: 5px;
	text-indent: -999px;
	cursor: pointer
}

.mask_c .hd ul li.on,
.mask_c1 .hd ul li.on {
	background-position: 0 0
}

.mask_c .bd,
.mask_c1 .bd {
	padding: 10px
}

.mask_c .bd ul¡ê?.mask_c1 .bd ul {
	overflow: hidden;
	zoom: 1
}

.mask_c .bd ul li {
	margin: 0 18px;
	float: left;
	overflow: hidden;
	text-align: center
}

.mask_c .bd ul li .pic {
	text-align: center
}

.mask_c .bd ul li .pic img {
	width: 530px;
	height: 335px;
	display: block
}

.mask_right {
	margin-left: 17px
}

.mask_c1 .bd ul li {
	margin: 0 18px;
	border: 1px solid #eee;
	float: left;
	overflow: hidden;
	text-align: center
}

.mask_c1 .bd ul li .pic {
	text-align: center
}

.mask_c1 .bd ul li .pic img {
	width: 257px;
	height: 289px;
	display: block
}

.mask_c1 .bd ul li .title {
	padding-bottom: 30px;
	text-align: center;
	font-size: 14px;
	color: #333
}

.mask_f8_bottom {
	width: 1200px
}

.mask_f8 {
	background-color: #ebeef3
}

.hzhs {
	height: 970px;
	margin-top: 70px
}

.story {
	width: 554px;
	margin: 10% auto;
	overflow: hidden
}

.story b {
	margin-top: 20%;
	float: left;
	font-size: 85px;
	color: #fff;
	font-family: Arial
}

.story b.story_b {
	margin-left: 25px;
	color: #d31313
}

.story span {
	margin-top: -15px;
	width: 100%;
	float: left;
	margin-bottom: 80px;
	background: url(../images/hezgs_03.png) no-repeat center;
	height: 60px;
	text-align: center;
	display: block
}

.story i {
	float: left;
	display: block;
	width: 100%;
	height: 48px;
	background: url(../images/hezg_03.png) no-repeat center
}

.story_f2 {
	padding: 50px 85px;
	box-sizing: border-box;
	overflow: hidden;
	background-color: #fff;
	height: 320px
}

.story_f2 a {
	float: left;
	width: 170px;
	height: 75px;
	overflow: hidden
}

.story_f2 a img {
	width: 128px;
	height: 75px;
	display: block;
	margin: 0 auto;
	opacity: .6;
	filter: alpha(opacity=60);
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-ms-transition: .5s;
	-o-transition: .5s;
	transition: .5s
}

.story_f2 a:hover img {
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-filter: grayscale(0);
	-moz-filter: grayscale(0);
	-ms-filter: grayscale(0);
	-o-filter: grayscale(0);
	filter: grayscale(0);
	filter: gray
}

.story_main {
	margin-top: -320px;
	width: 1200px
}

.story_f3_con {
	width: 1200px;
	margin: 0 auto;
	position: relative
}

.story_f3_con .piclist {
	overflow: hidden;
	zoom: 1
}

.story_f3_con .ohbox {
	overflow: hidden;
	background-color: #f5f5f7;
	padding: 0 50px;
	position: relative;
	width: 1200px;
	left: 0
}

.story_f3_con {
	position: relative;
	zoom: 1
}

.story_f3_con .piclist li {
	float: left;
	display: inline;
	margin: 135px 50px;
	width: 270px
}

.story_f3_con .piclist li img {
	display: block;
	margin: 0 auto
}

.story_f3_con .piclist li div>span {
	font-size: 18px;
	margin: 5px 0 25px 0;
	color: #333;
	display: block;
	text-align: center
}

.story_f3_con .piclist li p {
	font-size: 14px;
	line-height: 24px;
	height: 192px;
	overflow: hidden;
	color: #999;
	margin-bottom: 0
}

.story_f3_con .piclist li a {
	transition: .5s;
	font-size: 14px;
	text-align: center;
	line-height: 36px;
	color: #fff;
	display: block;
	margin: 0 auto;
	margin-top: 60px;
	width: 160px;
	height: 36px;
	border-radius: 18px;
	background-color: #ccc
}

.story_f3_con .piclist li a:hover {
	background-color: #e10413
}

.story_f3_con .pageBtn {
	margin-top: -34px;
	overflow: hidden;
	width: 100%
}

.story_f3_con .pageBtn span {
	border-radius: 50%;
	transition: .5s;
	-webkit-transition: .5s;
	display: block;
	width: 50px;
	height: 50px;
	position: absolute;
	top: 50%;
	margin-top: -25px;
	cursor: pointer;
	text-indent: -999em;
	overflow: hidden
}

.story_f3_con .pageBtn .prev {
	left: -70px;
	background: url(../images/hover_03.png) no-repeat center #f5f5f7
}

.story_f3_con .pageBtn .next {
	right: -70px;
	background: url(../images/hover_05.png) no-repeat center #f5f5f7
}

.story_f3_con .pageBtn .prev:hover {
	background: url(../images/hover1_03.png) no-repeat center #cc0a0a
}

.story_f3_con .pageBtn .next:hover {
	background: url(../images/hover1_05.png) no-repeat center #cc0a0a
}

.story_f3_con .pageBtn .list {
	overflow: hidden;
	zoom: 1;
	width: 0;
	height: 0;
	color: transparent
}

.story_f4_tit {
	margin: 100px 0 35px 0;
	font-size: 30px;
	color: #333;
	text-align: center;
	font-weight: lighter
}

.story_f4_tit span {
	font-size: 35px;
	margin-top: 1px;
	font-family: Conv_HelveticaNeue-ThinExt;
	display: inline-block;
	margin-right: 10px;
	color: #e10413;
	position: relative;
	top: 2px
}

.story_f4_p {
	margin-bottom: 40px;
	text-align: center;
	font-size: 14px;
	line-height: 24px;
	color: #999
}

.story_f4_p span {
	height: 40px;
	display: block;
	font-size: 20px;
	color: #555
}

.qy {
	overflow: hidden
}

.qy a {
	display: block;
	width: 560px;
	float: left;
	position: relative;
	margin-bottom: 30px
}

.qy a b {
	overflow: hidden;
	top: 50%;
	margin-top: -52px;
	position: absolute;
	display: block;
	width: 105px;
	height: 105px;
	border-radius: 50%;
	background-color: #fff
}

.qy a b img {
	border-radius: 30px;
	transition: .5s;
	-webkit-transition: .5s;
	width: 100px;
	display: block;
	margin: 22px auto 0
}

.qy a:hover b img {
	transform: scale(1.05);
	-webkit-transform: scale(1.05)
}

.qy a .qy-p {
	width: 525px;
	background-color: #f5f5f7;
	box-sizing: border-box;
	float: right;
	padding: 40px 35px 45px 85px;
	color: #999;
	font-size: 14px;
	line-height: 24px;
	-webkit-transition: .4s;
	-ms-transition: .4s;
	-moz-transition: .4s;
	-o-transition: .4s;
	transition: .4s
}

.qy a:hover .qy-p {
	width: 575px;
	padding-left: 130px
}

.qy a .qy-p p {
	width: 405px;
	height: 48px;
	overflow: hidden
}

.qy a .qy-p span {
	font-size: 18px;
	color: #101624;
	display: block;
	height: 25px;
	overflow: hidden;
	margin-bottom: 10px
}

.qy a:hover .qy-p span {
	color: #e10413
}

.qy a:nth-child(1),
.qy a:nth-child(3),
.qy a:nth-child(5),
.qy a:nth-child(7) {
	margin-right: 45px
}

.ck {
	transition: .5s;
	display: block;
	background-color: #666;
	font-size: 14px;
	margin: 0 auto;
	margin-bottom: 100px;
	margin-top: 15px;
	text-align: center;
	line-height: 40px;
	color: #fff;
	width: 172px;
	height: 40px;
	border-radius: 20px
}

.ck:hover {
	background-color: #e10413
}

.story_f5 {
	background-color: #ebeef3
}

.tjx {
	overflow: hidden;
	padding-top: 10px
}

.tjx span {
	font-size: 14px;
	color: #333;
	text-align: center;
	line-height: 10px;
	padding-bottom: 35px;
	width: 290px;
	margin-left: 13px;
	background-color: #fff;
	float: left;
	-webkit-transition: .5s;
	-ms-transition: .5s;
	-moz-transition: .5s;
	-o-transition: .5s;
	transition: .5s
}

.tjx span:hover {
	margin-top: -10px;
	color: #e10413
}

.tjx span a {
	display: block;
	cursor: pointer;
	margin: 20px auto
}

.tjx span a img {
	display: inline-block;
	border: 2px solid #f0f0f0;
	height: 315px
}

.tjx span:first-child {
	margin-left: 0
}

.story_f5 .ck {
	margin-top: 100px;
	margin-bottom: 100px
}

.line {
	overflow: hidden;
	width: 1025px;
	margin: 0 auto
}

.line a {
	text-align: center;
	margin-left: 50px;
	float: left;
	width: 165px
}

.line a b {
	display: block;
	border-radius: 50%;
	margin-bottom: 20px;
	width: 164px;
	height: 164px;
	border: 1px solid #d2d2d2;
	-webkit-transition: 1s;
	-ms-transition: 1s;
	-moz-transition: 1s;
	-o-transition: 1s;
	transition: 1s
}

.line a:nth-child(1) b {
	background: url(../images/sto_39.png) no-repeat center
}

.line a:nth-child(1):hover b {
	background: #e10413 url(../images/sto_39h.png) no-repeat center
}

.line a:nth-child(2) b {
	background: url(../images/sto_41.png) no-repeat center
}

.line a:nth-child(2):hover b {
	background: #e10413 url(../images/sto_41h.png) no-repeat center
}

.line a:nth-child(3) b {
	background: url(../images/sto_43.png) no-repeat center
}

.line a:nth-child(3):hover b {
	background: #e10413 url(../images/sto_43h.png) no-repeat center
}

.line a:nth-child(4) b {
	background: url(../images/sto_46.png) no-repeat center
}

.line a:nth-child(4):hover b {
	background: #e10413 url(../images/sto_46h.png) no-repeat center
}

.line a:nth-child(5) b {
	background: url(../images/sto_48.png) no-repeat center
}

.line a:nth-child(5):hover b {
	background: #e10413 url(../images/sto_48h.png) no-repeat center
}

.line a:hover b {
	border-color: #e10413;
	color: #e10413;
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);
	-o-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-ms-transform: rotate(360deg)
}

.line a:hover {
	color: #e10413
}

.line a:first-child {
	margin-left: 0
}

.story_a {
	text-align: center;
	margin: 80px 0 100px 0
}

.story_a a {
	margin: 0 7px;
	transition: .5s;
	text-align: center;
	line-height: 40px;
	color: #fff;
	background-color: #666;
	display: inline-block;
	width: 172px;
	height: 40px;
	border-radius: 20px
}

.story_a a:hover {
	background-color: #e10413
}

@keyframes new {
	0%,
	100% {
		opacity: 1;
		filter: alpha(opacity=100)
	}
	50% {
		opacity: .5;
		filter: alpha(opacity=50)
	}
}

.new_seo {
	height: 895px;
	position: relative;
	margin-top: 100px
}

.new_seo i {
	animation: new 2s infinite;
	position: absolute;
	left: 50%;
	margin-left: -19px;
	bottom: 410px;
	width: 38px;
	height: 62px;
	background: url(../images/new_03.png) no-repeat
}

.wzcc {
	margin: 40px 0 10px 0;
	text-align: center;
	color: #767676;
	font-size: 12px;
	line-height: 18px
}

.new_left {
	margin-left: 30px;
	width: 855px;
	float: left
}

.new_zx>a {
	font-size: 15px;
	transition: .5s;
	margin: 5px 20px 20px 215px;
	float: left;
	width: 105px;
	border: 1px solid #dcdcdc;
	text-align: center;
	color: #3d3d3d;
	height: 30px;
	line-height: 30px;
	border-radius: 15px
}

.new_zx>a:hover {
	border-color: #e10413;
	color: #fff;
	background-color: #e10413
}

.new_zx .alzs_right {
	float: left
}

.new_zx {
	overflow: hidden;
	margin-bottom: 80px
}

.new_nr {
	font-size: 14px;
	line-height: 24px;
	color: #777;
	margin-bottom: 45px
}

.new_nr img {
	display: block;
	margin: 45px 0
}

.nr_bottom>a {
	margin-left: 0;
	transition: .5s;
	color: #fff;
	background-color: #e10413;
	border: none
}

.nr_bottom>a:hover {
	background-color: #9e0904
}

.guanj {
	min-height: 25px;
	position: relative;
	padding-left: 60px
}

.guanj span {
	position: absolute;
	top: 5px;
	left: 0;
	display: inline-block;
	font-size: 13px;
	font-weight: 700;
	color: #777
}

.guanj a {
	height: 23px;
	font-size: 13px;
	padding: 0 6px;
	line-height: 23px;
	display: inline-block;
	background-color: #949494;
	color: #fff
}

.other_new {
	overflow: hidden;
	height: 45px;
	margin-top: 10px;
	border-bottom: 1px solid #e5e5e5
}

.other_new a {
	transition: .5s;
	-webkit-transition: .5s;
	color: #999;
	font-size: 14px;
	height: 35px;
	width: 40%;
	line-height: 35px;
	    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.prev_new {
	float: left;
	padding-left: 40px;
	background: url(../images/pre_03.png) no-repeat left center
}

.prev_new:hover {
	color: #e00616;
	background: url(../images/pre1_03.png) no-repeat left center
}

.next_new {
	float: right;
	padding-right: 40px;
	background: url(../images/pre1_05.png) no-repeat right center
}

.next_new:hover {
	color: #e00616;
	background: url(../images/pre_05.png) no-repeat right center
}

#ds-reset .ds-gradient-bg,
#ds-thread #ds-reset .ds-textarea-wrapper {
	background: 0 0!important
}

#ds-thread #ds-reset .ds-textarea-wrapper textarea {
	height: 110px!important
}

#ds-thread #ds-reset .ds-post-options,
#ds-thread #ds-reset .ds-textarea-wrapper {
	border: 1px solid #e5e5e5!important
}

#ds-thread #ds-reset .ds-post-options {
	height: 34px!important
}

#ds-thread #ds-reset .ds-post-options {
	border-top: none!important
}

#ds-thread #ds-reset .ds-post-button {
	box-shadow: none!important;
	font-weight: 400!important;
	font-family: "Microsoft YaHei"!important;
	height: 35px!important;
	text-shadow: none!important;
	border-color: #333!important;
	background: #333!important;
	color: #fff!important
}

#ds-thread #ds-reset .ds-add-emote {
	padding-left: 5px;
	width: 28px!important;
	height: 28px!important;
	background: url(../images/xqan_65.png) no-repeat!important
}

#ds-reset .ds-weixin {
	background: url(../images/weix_03.jpg) no-repeat center!important
}

#ds-reset .ds-weibo {
	background: url(../images/xqan_38.png) no-repeat center!important
}

#ds-reset .ds-qq {
	background: url(../images/xqan_44.png) no-repeat center!important
}

#ds-reset .ds-renren {
	background: url(../images/xqan_42.png) no-repeat center!important
}

#ds-thread #ds-reset a {
	color: transparent!important;
	padding: 0 0 0 5px!important;
	width: 30px!important;
	height: 28px!important
}

#ds-thread #ds-reset .ds-login-buttons .ds-service-list li {
	width: 30px!important
}

#ds-thread #ds-reset .ds-login-buttons p {
	margin: 5px 0!important
}

#ds-thread #ds-reset .ds-login-buttons .ds-service-list li:last-child a {
	color: #999!important;
	line-height: 30px!important;
	width: 100px!important
}

#ds-thread #ds-reset .ds-login-buttons .ds-service-list li:last-child {
	width: 100px!important
}

#ds-thread #ds-reset .ds-login-buttons p {
	color: #999!important
}

#ds-thread #ds-reset .ds-replybox {
	padding: 0 0 0 123px!important
}

#ds-thread #ds-reset .ds-replybox .ds-avatar img {
	width: 80px!important;
	height: 80px!important
}

.new_right {
	float: right;
	width: 252px
}

.new_right_top>span {
	display: block;
	height: 55px;
	font-size: 24px;
	margin-top: 40px;
	color: #e10413
}

.wlyx {
	line-height: 44px;
	border-top: 1px solid #dfe0e1;
	border-bottom: 1px solid #dfe0e1
}

.wlyx a {
	display: inline-block;
	font-size: 14px;
	color: #666;
	margin: 0 10px
}

.wlyx a:hover {
	color: #3a3434
}

.wlyx .wl_center {
	color: #e10413
}

.new_right_bottom {
	margin-top: 65px
}

.new_right_bottom>span {
	font-size: 18px;
	border-bottom: 1px solid #dfe0e1;
	display: block;
	height: 30px;
	color: #777
}

.about_new li a {
	font-size: 13px;
	line-height: 24px;
	color: #979797
}

.about_new li {
	margin-top: 3px
}

.about_new {
	margin-left: 15px;
	margin-top: 10px;
	font-size: 2px;
	list-style: disc;
	color: #979797
}

.guess {
	margin-top: 60px;
	overflow: hidden;
	height: 30px;
	background: #e1e1e1;
	border-bottom: 1px solid #ccc
}

.guess span {
	margin-left: 13px;
	margin-top: 5px;
	float: left;
	color: #555;
	font-size: 14px;
	font-weight: 700
}

.guess a {
	float: right;
	color: #e1e1e1;
	background: url(../images/sx_07.jpg) no-repeat 6px 6px #fff;
	margin: 4px;
	font-size: 13px;
	line-height: 22px;
	text-indent: 2em;
	width: 70px;
	height: 22px;
	border-radius: 11px
}

.ez {
	text-align: center;
	margin: 10px 0
}

.ez a {
	color: #3a3434
}

.about_new li a:hover {
	color: #3a3434;
	text-decoration: underline
}

.ez img {
	display: block;
	margin: 0 auto;
	width: 122px;
	height: 92px
}

.yca {
	margin-left: 20px;
	list-style: square;
	color: #00407b
}

.yca a {
	color: #3a3434;
	font-size: 13px;
	line-height: 24px
}

.yca li {
	margin-top: 2px
}

.yca a:hover {
	color: #201a1a;
	text-decoration: underline
}

.baidut {
	display: block;
	text-align: right;
	font-size: 12px;
	margin-top: 10px;
	color: #aeaeae
}

.foot_left .index_weixin {
	width: 250px;
	overflow: hidden
}

.index_weixin b {
	height: 145px;
	margin-bottom: 40px;
	width: 117px;
	float: left;
	color: #444;
	font-size: 14px;
	display: block;
	text-align: center;
	font-weight: 400
}

.index_weixin b:first-child {
	margin-right: 13px
}

.index_weixin b img {
	display: block;
	margin-bottom: 10px
}

.sol_f1 {
	position: relative;
	margin-top: 70px;
	background: url(../images/solution_02.jpg) no-repeat center
}

.sol_tit {
	font-weight: lighter;
	margin-top: 160px;
	text-align: center;
	color: #fff;
	font-size: 30px
}

.sol_tit span {
	display: block;
	font-size: 48px
}

.sol_tit+p {
	margin-bottom: 297px;
	text-align: center;
	color: #444;
	font-size: 14px;
	font-family: Conv_AVENIRNEXTLTPRO-REGULAR
}

@keyframes soluMove {
	0%,
	100% {
		opacity: 1;
		filter: alpha(opacity=100)
	}
	50% {
		transform: scale(1.2)
	}
}

@-webkit-keyframes soluMove {
	0%,
	100% {
		opacity: 1;
		filter: alpha(opacity=100)
	}
	50% {
		transform: scale(1.2)
	}
}

@-moz-keyframes soluMove {
	0%,
	100% {
		opacity: 1;
		filter: alpha(opacity=100)
	}
	50% {
		transform: scale(1.2)
	}
}

@-o-keyframes soluMove {
	0%,
	100% {
		opacity: 1;
		filter: alpha(opacity=100)
	}
	50% {
		transform: scale(1.2)
	}
}

.sol_tit+p img {
	display: block;
	margin: 0 auto;
	margin-top: 35px;
	-webkit-animation: soluMove 2s;
	-o-animation: soluMove 2s;
	-moz-animation: soluMove 2s;
	animation: soluMove 2s
}

.sol_f2 {
	background: url(../images/jjfa2_02.jpg) repeat center #ECECEC;
	padding: 115px 0 130px
}

.sol_f2-main {
	width: 1200px;
	margin: 0 auto;
	height: 590px
}

.sol_f2_left {
	font-weight: lighter;
	width: 455px;
	float: left;
	text-align: right;
	font-size: 36px;
	line-height: 48px;
	color: #5c6467;
	margin-left: -100px;
	opacity: 0;
	filter: alpha(opacity=0)
}

.sol_f2_left span {
	color: #ff5100
}

.sol_f2_left img {
	display: block;
	float: right;
	margin-top: 95px
}

.sol_f2_right {
	float: right;
	width: 735px;
	height: 590px;
	margin-right: -58px;
	padding-top: 100px
}

.sol_f3 {
	background: url(../images/sol2_02.jpg) no-repeat center #D5D5D5
}

.sol_center {
	height: 830px;
	width: 1200px;
	position: relative;
	margin: 0 auto;
	background: url(../images/h5_03.jpg) no-repeat center
}

.sol_f3_center {
	opacity: 0;
	filter: alpha(opacity=0);
	text-align: right;
	position: absolute;
	font-family: Conv_AVENIRNEXTLTPRO-REGULAR;
	font-size: 11px;
	color: #979797
}

.sol_f3_center span {
	font-size: 30px;
	display: block;
	color: #454545;
	font-family: fzlantinghei-el-gbkregular
}

.men {
	font-weight: lighter;
	position: absolute;
	bottom: 260px;
	right: 0;
	width: 460px;
	color: #5c6467;
	font-size: 18px
}

.men span:first-child {
	display: block;
	font-size: 36px
}

.men span:last-child {
	display: block;
	line-height: 14px;
	margin-top: 20px;
	color: #8b9193;
	font-family: Arial;
	font-size: 10px
}

.sol_f3_center:nth-child(1) {
	top: 330px;
	left: 125px
}

.sol_f3_center:nth-child(2) {
	top: 498px;
	left: 150px
}

.sol_f3_center:nth-child(3) {
	top: 596px;
	left: 438px
}

.sol_f3_center:nth-child(4) {
	top: 227px;
	left: 870px;
	text-align: left
}

.sol_f3_center:nth-child(5) {
	top: 175px;
	left: 650px;
	font-size: 8px
}

.sol_f3_center:nth-child(5) span {
	font-size: 18px;
	text-align: left
}

.zhuant {
	top: 195px;
	left: 308px;
	position: absolute;
	width: 106px;
	height: 38px;
	font-size: 18px;
	font-weight: lighter;
	line-height: 38px;
	text-align: center;
	color: #fff;
	border-radius: 19px;
	background-color: #fb4b00
}

.sol_f4 {
	background: url(../images/sol3_02.jpg) no-repeat center #14141E
}

.sol_f4 .index_main {
	width: 1200px;
	position: relative
}

.sol_f4 .index_main>img {
	transition: 1s;
	position: absolute;
	top: 440px;
	right: 55px
}

.sol_f4_f1 {
	transition: 1s;
	width: 780px;
	margin-left: -780px;
	overflow: hidden;
	margin-top: 100px;
	height: 195px
}

.sf4_left {
	float: left;
	width: 275px;
	color: #fff;
	font-size: 18px
}

.sf4_left span {
	margin-top: 20px;
	font-size: 10px;
	display: block;
	color: #808188;
	line-height: 12px
}

.sf4_left i {
	display: block;
	margin-top: 20px;
	width: 25px;
	height: 4px;
	background: #fff
}

.sf4_center2,
.sf4_right {
	padding: 22px 0 0 30px;
	box-sizing: border-box;
	float: right;
	width: 195px;
	height: 195px;
	background: url(../images/jjfa_23.png) no-repeat 155px 160px #000;
	font-size: 72px;
	color: #fff
}

.sol_f4_f2 {
	transition: 1.5s;
	margin-top: 0;
	margin-left: -780px;
	overflow: hidden;
	width: 780px
}

.sf4_left2 {
	float: right;
	font-size: 24px;
	height: 195px;
	color: #13141d;
	box-sizing: border-box;
	padding: 30px 0 0 30px;
	float: right;
	width: 195px;
	background: url(../images/jjfa_12.jpg) no-repeat 20px 100px #fff
}

.sf4_left2 span {
	display: block;
	color: #b3b3b7;
	font-size: 12px;
	font-family: Conv_AVENIRNEXTLTPRO-REGULAR
}

.sf4_center2 {
	float: right;
	background: url(../images/jjfa_23.png) no-repeat 155px 160px #ff4c00
}

.sf4_left2:nth-child(3) {
	background: url(../images/jjfa_15.jpg) no-repeat 20px 100px #fff
}

.sol_f4_f3 .sf4_left2 {
	float: left
}

.sol_f4_f3 .sf4_center2 {
	float: left;
	background: url(../images/jjfa_23.png) no-repeat 155px 160px #000
}

.sol_f4_f3 {
	transition: 2s;
	margin-bottom: 135px
}

@keyframes toBottom {
	0% {
		margin-top: -100px;
		opacity: 0;
		filter: alpha(opacity=0)
	}
	100% {
		margin-top: 0;
		opacity: 1;
		filter: alpha(opacity=100)
	}
}

@-webkit-keyframes toBottom {
	0% {
		margin-top: -100px;
		opacity: 0;
		filter: alpha(opacity=0)
	}
	100% {
		margin-top: 0;
		opacity: 1;
		filter: alpha(opacity=100)
	}
}

@-moz-keyframes toBottom {
	0% {
		margin-top: -100px;
		opacity: 0;
		filter: alpha(opacity=0)
	}
	100% {
		margin-top: 0;
		opacity: 1;
		filter: alpha(opacity=100)
	}
}

@-o-keyframes toBottom {
	0% {
		margin-top: -100px;
		opacity: 0;
		filter: alpha(opacity=0)
	}
	100% {
		margin-top: 0;
		opacity: 1;
		filter: alpha(opacity=100)
	}
}

.toBottom {
	-webkit-animation: toBottom 1s;
	-o-animation: toBottom 1s;
	-moz-animation: toBottom 1s;
	animation: toBottom 1s
}

.sol_f5 {
	background: #d3d3d3;
	height: 830px;
	padding-top: 115px
}

.sol_f5-img {
	width: 1200px;
	margin: 0 auto;
	padding-top: 40px
}

.sol_f5_tit {
	font-weight: lighter;
	text-align: center;
	font-size: 36px;
	color: #5c6467
}

.sol3left {
	margin-left: 74px
}

.sol_f4 .index_main>img.sol3img {
	top: 140px
}

.sol_f6_center {
	height: 830px;
	position: relative;
	background: url(../images/sol5_07.png) no-repeat center 150px
}

.sol_f6 {
	background: url(../images/sol6_03.jpg) no-repeat center #0E1316
}

.sw {
	position: absolute;
	opacity: 0;
	filter: alpha(opacity=0)
}

.sw:nth-child(1) {
	font-size: 18px;
	color: #000;
	top: 369px;
	left: 500px;
	width: 100px;
	transform: rotate(313deg)
}

.sw:nth-child(2) {
	font-size: 18px;
	color: #ffddcf;
	top: 485px;
	left: 626px;
	width: 100px;
	transform: rotate(313deg)
}

.sw:nth-child(3) {
	font-size: 18px;
	color: #989a9a;
	top: 636px;
	left: 414px;
	width: 120px;
	transform: rotate(36deg)
}

.sw:nth-child(4) {
	font-size: 18px;
	color: #989a9a;
	top: 257px;
	left: 647px;
	width: 150px;
	transform: rotate(32deg)
}

.sw:nth-child(5),
.sw:nth-child(6),
.sw:nth-child(7),
.sw:nth-child(8) {
	top: 107px;
	left: 275px;
	color: #5b5d5e;
	font-size: 14px;
	line-height: 24px
}

.sw:nth-child(5) span,
.sw:nth-child(6) span,
.sw:nth-child(7) span,
.sw:nth-child(8) span {
	font-size: 18px;
	color: #fff;
	background: url(../images/sol5_03.png) no-repeat left center;
	display: block;
	height: 30px;
	line-height: 30px;
	text-indent: 1.5em
}

.sw:nth-child(6) {
	top: 451px;
	left: 151px;
	text-align: right
}

.sw:nth-child(6) span {
	background: url(../images/sol5_13.png) no-repeat 55px center
}

.sw:nth-child(7) {
	padding-left: 25px;
	top: 284px;
	left: 898px
}

.sw:nth-child(8) {
	top: 604px;
	left: 883px
}

.sw:nth-child(7) span {
	text-indent: 2em;
	margin-left: -25px;
	background: url(../images/sol5_09.png) no-repeat left center
}

.sw:nth-child(8) span {
	background: url(../images/hua_03.png) no-repeat left center
}

.sol_f7 {
	padding: 50px 0;
	background: url(../images/zjbj_02.jpg) no-repeat center #D5D5D5
}

.sol_f7_tit {
	font-weight: lighter;
	color: #5c6467;
	font-size: 36px;
	text-align: center
}

.sol_f7 .index_main>a {
	transition: .5s;
	-webkit-transition: .5s;
	text-align: center;
	line-height: 40px;
	color: #fff;
	font-size: 14px;
	display: block;
	width: 172px;
	height: 40px;
	border-radius: 20px;
	background-color: #666;
	margin: 0 auto;
	margin-top: 23px
}

.sol_f7 .fourteen-scroll {
	margin-top: 0
}

.sol_f7 .index_main>a:hover {
	background: #e10413
}

.solve_f1 {
	width: 285px;
	float: left;
	margin-right: 19px
}

.solve1 {
	overflow: hidden;
	padding: 13px;
	margin-bottom: 19px;
	width: 257px;
	border: 2px solid #e8e8e6;
	background-color: #fff
}

.solve1 b {
	cursor: pointer;
	display: block;
	position: relative;
	margin: auto;
	width: 257px;
	height: 302px;
	overflow: hidden
}

.solve1 b img {
	display: block;
	height: 100%;
	width: 100%
}

.solve2 b {
	height: 268px
}

.solve2 i {
	height: 268px
}

.solve_f2 {
	margin-right: 0
}

.solve3 b {
	height: 219px
}

.solve3 i {
	height: 219px
}

.solve4 b {
	height: 351px
}

.solve4 i {
	height: 351px
}

#pho {
	position: relative;
	width: 100%;
	margin: 0 auto
}

#pho b {
	display: block;
	border: 1px solid #eee;
	width: 260px;
	position: relative;
	background: #fff;
	padding-top: 15px
}

#pho li {
	position: absolute;
	text-align: center;
	left: 0;
	top: 0;
	width: 260px;
	padding-right: 7px;
	padding-bottom: 4px;
	cursor: pointer
}

#pho li {
	-webkit-transition: all .7s ease-out .1s;
	-moz-transition: all .7s ease-out;
	-o-transition: all .7s ease-out .1s;
	transition: all .7s ease-out .1s
}

#pho img {
	display: block;
	border: 0;
	margin: 10px auto;
	width: 240px
}

#pho a {
	display: block;
	background-color: #fff;
	overflow: hidden
}

#pho a:hover {
	-webkit-box-shadow: 0 2px 16px rgba(0, 0, 0, .15);
	-moz-box-shadow: 0 2px 16px rgba(0, 0, 0, .15);
	box-shadow: 0 2px 16px rgba(0, 0, 0, .15)
}

#pho a span {
	font-weight: 400;
	font-size: 14px;
	height: 30px;
	color: #666;
	text-align: center;
	display: block;
	margin-top: 10px;
	padding-top: 15px;
	background-color: #fafafa
}

.cont_right {
	width: 1090px;
	margin: 50px auto
}

#overlay_mask {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 100000;
	background: rgba(0, 0, 0, .5);
	display: none
}

#mask_dialog {
	display: none;
	width: 100%;
	height: 100%;
	color: #3e3e3e;
	font-size: 14px;
	background-color: #FFF;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100001;
	opacity: 1
}

#mask_dialog img {
	display: block
}

span.close {
	right: 15px;
	top: 15px;
	position: absolute;
	width: 31px;
	height: 31px;
	cursor: pointer;
	background: url(../images/cuo.png) no-repeat center
}

#overlay_mask span.close:hover {
	background-color: #e10413
}

.fenye2 {
	margin: 85px 0 125px 0;
	float: left
}

.story_main1 {
	margin-top: -320px;
	width: 1200px;
	background: #fff
}

#ds-thread #ds-reset .ds-post-button:hover {
	background-color: #e10413!important;
	border-color: #e10413!important
}

@media (min-width:1180px) {
	.anl_main {
		width: 1120px
	}
	.anl_bottom>span {
		font-size: 13px
	}
	.anl_bottom {
		padding: 10px 30px
	}
	.men span:last-child {
		width: 445px
	}
	.mark_f1_ul li {
		margin-left: 30px
	}
	.mask_f5_left {
		width: 350px
	}
	.mask_f5_right {
		margin: -100px 0 0 40px
	}
	.mask_f5_left p {
		margin-left: 20px
	}
	.cx {
		width: 300px
	}
	.shop_f3_bg {
		background: url(../images/sc_03.png) no-repeat 161px 106px
	}
	.alzs_right {
		width: 458px
	}
}

@media (min-width:1200px) {
	.ctm_f1_right {
		padding: 4% 2% 3.2% 1.5%
	}
	.anl_main {
		width: 1200px
	}
	.anl_bottom>span {
		font-size: 16px
	}
	.anl_bottom {
		padding: 15px 30px
	}
	.ctm_f1_tit {
		font-size: 19px
	}
	.ctm_f1_tit span {
		margin-bottom: -10px
	}
	.ctm_1_p {
		margin-top: 40px;
		margin-bottom: 0;
		line-height: 18px
	}
	.ctm_f2_tit {
		margin-top: 67px
	}
	.ctm_f2_center {
		padding: 2px .8% 33.8% .5%
	}
	.logo {
		left: 20px
	}
	.ctm_1_p span {
		margin: -10px 0 -26px 0;
		display: block;
		line-height: 20px
	}
	.news_content {
		/*width: 1240px*/
	}
	.men span:last-child {
		width: 445px
	}
	.mark_f1_ul li {
		margin-left: 30px
	}
	.mask_f5_left {
		width: 350px
	}
	.mask_f5_right {
		margin: -100px 0 0 40px
	}
	.mask_f5_left p {
		margin-left: 20px
	}
	.cx {
		width: 300px
	}
	.shop_f3_bg {
		background: url(../images/sc_03.png) no-repeat 161px 106px
	}
	.alzs_right {
		width: 458px
	}
}

@media (min-width:1280px)and (max-width:1364px) {
	.ctm_f1_right {
		padding: 5.78% 2% 3% 2%
	}
	.ctm_f1_tit span {
		margin-bottom: -10px
	}
	.ctm_1_p {
		margin-top: 40px
	}
	.ctm_f2_tit {
		margin-top: 67px
	}
	.ctm_f2_center {
		padding: 8px .8% 32.5% .5%
	}
	.anl_main {
		width: 1187px
	}
	.anl_bottom>span {
		font-size: 16px
	}
	.anl_bottom {
		padding: 15px 30px
	}
	.news_content {
		width: 1240px
	}
	.men span:last-child {
		width: 460px
	}
	.mark_f1_ul li {
		margin-left: 40px
	}
	.mask_f5_left {
		width: 330px
	}
	.mask_f5_right {
		margin: -100px 0 0 60px
	}
	.mask_f5_left p {
		margin-left: 0
	}
	.cx {
		width: 340px
	}
	.shop_f3_bg {
		background: url(../images/sc_03.png) no-repeat 161px 106px
	}
	.alzs_right {
		width: 458px
	}
}

@media (min-width:1366px)and (max-width:1438px) {
	.ctm_f1_right {
		padding: 7% 2% 3.6% 2%
	}
	.ctm_f1_tit span {
		margin-bottom: -10px
	}
	.ctm_1_p {
		margin-top: 20px
	}
	.ctm_f2_tit {
		margin-top: 67px
	}
	.ctm_f2_center {
		padding: 0 .8% 31.3% .5%
	}
	.anl_main {
		width: 1187px
	}
	.news_content {
		width: 1240px
	}
	.men span:last-child {
		width: 460px
	}
	.mark_f1_ul li {
		margin-left: 40px
	}
	.mask_f5_left {
		width: 330px
	}
	.mask_f5_right {
		margin: -100px 0 0 60px
	}
	.mask_f5_left p {
		margin-left: 0
	}
	.cx {
		width: 340px
	}
	.shop_f3_bg {
		background: url(../images/sc_03.png) no-repeat 161px 106px
	}
	.alzs_right {
		width: 502px
	}
}

@media (min-width:1440px)and (max-width:1678px) {
	.ctm_f1_right {
		padding: 4.8% 2% 1.9% 2%
	}
	.ctm_f1_tit {
		font-size: 25px
	}
	.ctm_f1_tit span {
		margin-bottom: -10px
	}
	.ctm_1_p {
		margin-top: 20px;
		margin-bottom: 10px
	}
	.ctm_f2_tit {
		margin-top: 67px
	}
	.ctm_f2_center {
		padding: 0 1.2% 28.65% 1.2%
	}
	.ctm_1_p span {
		margin: -8px 0 -15px 0;
		display: block
	}
	.anl_main {
		width: 1400px
	}
	.anl_bottom>span {
		font-size: 18px
	}
	.anl_bottom {
		padding: 27px 30px
	}
	.news_content {
		/*width: 1460px*/
	}
	.men span:last-child {
		width: 460px
	}
	.mark_f1_ul li {
		margin-left: 40px
	}
	.mask_f5_left {
		width: 330px
	}
	.mask_f5_right {
		margin: -100px 0 0 60px
	}
	.mask_f5_left p {
		margin-left: 0
	}
	.cx {
		width: 340px
	}
	.shop_f3_bg {
		background: url(../images/sc_03.png) no-repeat 161px 106px
	}
	.alzs_right {
		width: 502px
	}
}

@media (min-width:1680px)and (max-width:1920px) {
	.ctm_f1_right {
		padding: 7.8% 2% 3.9% 2%
	}
	.ctm_f1_tit {
		font-size: 30px
	}
	.ctm_f1_tit span {
		margin-bottom: -10px
	}
	.ctm_1_p {
		margin-top: 20px;
		margin-bottom: 10px
	}
	.ctm_f2_tit {
		margin-top: 67px
	}
	.ctm_f2_center {
		padding: 0 1.2% 28.65% 1.2%
	}
	.ctm_1_p span {
		margin: 0;
		display: block;
		line-height: 24px
	}
	.anl_main {
		width: 1400px
	}
	.anl_bottom>span {
		font-size: 18px
	}
	.anl_bottom {
		padding: 27px 30px
	}
	.news_content {
		width: 1460px
	}
	.men span:last-child {
		width: 460px
	}
	.mark_f1_ul li {
		margin-left: 40px
	}
	.mask_f5_left {
		width: 330px
	}
	.mask_f5_right {
		margin: -100px 0 0 60px
	}
	.mask_f5_left p {
		margin-left: 0
	}
	.cx {
		width: 340px
	}
	.alzs_right {
		width: 502px
	}
	.casede_f2>img {
		bottom: 126px
	}
}

@media (min-width:1780px) {
	.ctm_f1_right {
		padding: 9.95% 2% 6% 2%
	}
	.ctm_f2_center {
		padding: 10px 1.2% 24.65% 1.2%
	}
	.anl_main {
		width: 1400px;
	}
	.ul-grid-trisect {
		
	
	}
	.anl_bottom>span {
		font-size: 18px
	}
	.anl_bottom {
		padding: 27px 30px
	}
	.ctm_1_p {
		margin-top: 50px;
		margin-bottom: 10px
	}
	.men span:last-child {
		width: 460px
	}
	.mark_f1_ul li {
		margin-left: 40px
	}
	.mask_f5_left {
		width: 330px
	}
	.mask_f5_right {
		margin: -100px 0 0 60px
	}
	.mask_f5_left p {
		margin-left: 0
	}
	.cx {
		width: 340px
	}
	.shop_f3_bg {
		background: url(../images/sc_03.png) no-repeat 161px 106px
	}
	.alzs_right {
		width: 502px
	}
	.casede_f2>img {
		bottom: 126px
	}
}

article,
aside,
dialog,
figure,
footer,
header,
menu,
nav,
section {
	display: block
}

.sr_only {
	display: none
}

.resound_content {
	font-family: Arial, "Microsoft YaHei", sans-serif;
	box-sizing: border-box;
	color: #444;
	transition: .5s;
	will-change: -webkit-filter, filter
}

.resound_content *,
.resound_content :after,
.resound_content :before {
	box-sizing: border-box
}

.ntes_nav_wrap {
	transition: .5s
}

.ntes_nav_wrap .ntes-nav {
	position: relative
}

.ntes_nav_wrap .ntes-nav-main {
	width: auto;
	min-width: 960px;
	padding: 0 30px
}

@media screen and (max-width:767px) {
	.N-nav-bottom,
	.ntes_nav_wrap {
		display: none;
		height: 0
	}
}

.resound_progress {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 3px;
	background-color: #dcdcdc;
	z-index: 100;
	opacity: 0;
	-webkit-transition: .5s;
	transition: .5s;
	will-change: transform, opacity
}

.resound_header_wrap.sticky .resound_progress {
	opacity: 1
}

.resound_progress_bar {
	height: 100%;
	background-color: #1e8d93;
	-webkit-transition: .5s cubic-bezier(0, 1, .5, 1);
	transition: .5s cubic-bezier(0, 1, .5, 1);
	will-change: transform;
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%)
}

.resound_header {
	height: 75px
}

.resound_header_wrap {
	position: relative;
	height: 75px;
	width: 100%;
	top: 0;
	left: 0;
	padding: 0 30px;
	background-color: #fff;
	-webkit-transition: .5s;
	transition: .5s;
	z-index: 100
}

.resound_header_wrap.sticky {
	position: fixed
}

@media screen and (max-width:767px) {
	.resound_header,
	.resound_header_wrap {
		height: 110px
	}
}

.resound_header_logo {
	display: inline-block;
	height: 100%;
	padding: 12px 0 8px
}

.resound_header_logo img {
	height: 100%
}

@media screen and (max-width:767px) {
	.resound_header_logo {
		padding: 16px 0 18px
	}
}

.resound_main {
	position: relative;
	background-color: #fff
}

.resound_main p {
	text-align: justify;
	text-justify: inter-ideograph
}

.resound_main_banner {
	position: relative;
	height: 640px;
	min-height: 450px
}

@media screen and (max-width:767px) {
	.resound_main_banner {
		padding: 0
	}
}

.resound_main_banner_img {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #999 center top no-repeat;
	background-size: cover
}

.resound_main_banner_img:before {
	content: " ";
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .5) 100%);
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .5) 100%);
	background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .5) 100%);
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .5) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#99000000', GradientType=0)
}

.resound_main_banner_img .resound_main_banner_mask {
	width: 100%;
	height: 80%;
	position: relative;
	top: 33.5%;
	background-color: #fff;
	-webkit-transition: .5s cubic-bezier(.3, 0, 0, 1);
	transition: .5s cubic-bezier(.3, 0, 0, 1);
	-webkit-transform: translateY(0);
	transform: translateY(0);
	will-change: transform
}

.resound_content.ontop .resound_main_banner_img .resound_main_banner_mask {
	-webkit-transition: .5s .1s cubic-bezier(.3, 0, 0, 1);
	transition: .5s .1s cubic-bezier(.3, 0, 0, 1);
	-webkit-transform: translateY(100%);
	transform: translateY(100%)
}

@media screen and (max-height:700px) {
	.resound_main_banner_img .resound_main_banner_mask {
		height: 85%;
		top: 29%
	}
}

@media screen and (max-height:640px) {
	.resound_main_banner_img .resound_main_banner_mask {
		height: 88%;
		top: 21%
	}
}

@media screen and (max-width:767px) {
	.resound_main_banner_img .resound_main_banner_mask {
		height: 85%;
		top: 15%
	}
	.resound_content.ontop .resound_main_banner_img .resound_main_banner_mask {
		-webkit-transition-delay: 0s;
		transition-delay: 0s;
		-webkit-transform: translateY(100%);
		transform: translateY(100%)
	}
}

.resound_main_title {
	position: absolute;
	width: 100%;
	bottom: 50%;
	left: 0;
	margin-bottom: 30px;
	-webkit-transform: translateY(50%);
	transform: translateY(50%);
	will-change: transform;
	-webkit-transition: .5s;
	transition: .5s
}

@media screen and (max-width:767px) {
	.resound_main_title {
		margin-bottom: 0
	}
}

.resound_main_title_logo {
	background: url(../images/qua_03.png) no-repeat center;
	text-align: center;
	height: 115px
}

.resound_main_title_logo svg {
	will-change: fill;
	height: 100%;
	fill: #444;
	-webkit-transition: .5s;
	transition: .5s
}

.resound_content.ontop .resound_main_title_logo svg {
	fill: rgba(255, 255, 255, 1)
}

@media screen and (max-width:767px) {
	.resound_main_title_logo {
		height: 60px
	}
}

.resound_main_title_text {
	margin-top: 40px;
	text-align: center;
	font-size: 48px;
	font-weight: lighter;
	line-height: 1em;
	-webkit-transition: .5s;
	transition: .5s;
	will-change: color;
	width: 80%;
	margin: 30px auto
}

.resound_content.ontop .resound_main_title_text {
	-webkit-transition-delay: .1s;
	transition-delay: .1s;
	color: rgba(255, 255, 255, 1)
}

@media screen and (max-width:1366px) {
	.resound_main_title_text {
		margin-bottom: 40px;
		font-size: 40px
	}
}

@media screen and (max-width:767px) {
	.resound_main_title_text {
		width: 560px;
		margin: 0 auto 130px;
		font-size: 70px
	}
}

.resound_main_title_intro {
	font-weight: lighter;
	font-family: fzlantinghei-el-gbkregular;
	position: relative;
	width: 580px;
	margin: 0 auto;
	font-size: 31px;
	color: #888;
	-webkit-transition: .5s;
	transition: .5s;
	will-change: color
}

.resound_main_title_intro.center {
	text-align: center
}

.resound_content.ontop .resound_main_title_intro {
	-webkit-transition-delay: .1s;
	transition-delay: .1s;
	color: rgba(255, 255, 255, 1)
}

@media screen and (max-width:1366px) {
	.resound_main_title_intro {
		width: 545px;
		font-size: 14px
	}
}

@media screen and (max-width:767px) {
	.resound_main_title_intro {
		width: 500px;
		font-size: 26px
	}
}

.resound_main_title_intro_quot {
	display: block;
	position: absolute;
	top: 0;
	height: 25px;
	width: 41px
}

.resound_main_title_intro_quot.left {
	right: 100%;
	margin-right: 30px
}

.resound_main_title_intro_quot.right {
	left: 100%;
	margin-left: 30px
}

.resound_main_title_intro_quot svg {
	will-change: fill;
	height: 100%;
	fill: #888;
	-webkit-transition: .5s;
	transition: .5s
}

.resound_content.ontop .resound_main_title_intro_quot svg {
	-webkit-transition-delay: .1s;
	transition-delay: .1s;
	fill: rgba(255, 255, 255, 1)
}

@media screen and (min-width:0) {
	.resound_main_read_btn {
		background: url(../images/new_03.png) no-repeat;
		position: absolute;
		bottom: 15%;
		left: 50%;
		width: 40px;
		height: 60px;
		margin-left: -14px;
		opacity: 0;
		-webkit-transform: translateY(-200%);
		transform: translateY(-200%);
		visibility: hidden;
		cursor: pointer;
		will-change: opacity, transform;
		transition: .5s;
		z-index: 100
	}
	.resound_main_read_btn:before {
		content: " ";
		display: block;
		width: 100%;
		height: 100%;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg)
	}
	.resound_main_read_btn:after {
		content: " ";
		position: absolute;
		display: block;
		width: 150%;
		height: 150%;
		left: -25%;
		top: 0
	}
	.resound_content.ontop .resound_main_read_btn {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		visibility: visible;
		opacity: 1
	}
	.resound_content.ontop .resound_main_read_btn:hover {
		-webkit-transform: translateY(25%);
		transform: translateY(25%)
	}
}

.resound_main_another {
	position: absolute;
	left: 0;
	bottom: 27%;
	width: 100%;
	text-align: center;
	-webkit-transition-duration: .5s;
	transition-duration: .5s;
	-webkit-transition-delay: .1s;
	transition-delay: .1s;
	-webkit-transition-timing-function: cubic-bezier(.3, 0, 0, 1);
	transition-timing-function: cubic-bezier(.3, 0, 0, 1);
	will-change: transform, opacity;
	transform: translateY(25%)
}

.resound_content.ontop .resound_main_another {
	-webkit-transition-delay: .1s;
	transition-delay: .1s;
	-webkit-transform: translateY(8em);
	transform: translateY(8em);
	opacity: 0
}

@media screen and (max-height:800px) {
	.resound_main_another {
		bottom: 24%
	}
}

@media screen and (max-height:700px) {
	.resound_main_another {
		bottom: 20%
	}
}

@media screen and (max-height:640px) {
	.resound_main_another {
		bottom: 16%
	}
}

@media screen and (max-width:767px) {
	.resound_main_another {
		width: 660px;
		left: 45px;
		bottom: 0;
		border-bottom: 1px solid #dbdbdb;
		-webkit-transform: none;
		transform: none
	}
}

.resound_main_another_face {
	display: inline-block;
	vertical-align: middle;
	width: 50px;
	height: 50px
}

.resound_main_another_face img {
	display: block;
	border-radius: 100%;
	height: 100%
}

@media screen and (max-width:767px) {
	.resound_main_another_face {
		display: block;
		width: 100px;
		height: 100px;
		margin: 0 auto
	}
}

.resound_main_another_name {
	display: inline-block;
	vertical-align: middle;
	line-height: 35px;
	font-size: 14px;
	margin-left: 1em
}

@media screen and (max-width:767px) {
	.resound_main_another_name {
		position: relative;
		top: 3px;
		font-size: 24px;
		line-height: 1em;
		padding-top: 20px;
		padding-bottom: 35px;
		border-bottom: 5px solid #dbdbdb
	}
}

.resound_main_content {
	overflow: hidden;
	background-color: #fff;
	position: relative;
	max-width: 1180px;
	margin: -17em auto 0;
	font-size: 18px;
	-webkit-transition-duration: .5s;
	transition-duration: .5s;
	-webkit-transition-delay: .2s;
	transition-delay: .2s;
	-webkit-transition-timing-function: cubic-bezier(.3, 0, 0, 1);
	transition-timing-function: cubic-bezier(.3, 0, 0, 1);
	will-change: transform, opacity;
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}

.resound_content.ontop .resound_main_content {
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
	-webkit-transform: translateY(8em);
	transform: translateY(8em);
	opacity: 0
}

.resound_main_content p {
	margin-bottom: 1.5em
}

.resound_main_content h3 {
	margin: 2em 0 1em;
	font-size: 28px;
	font-weight: 400
}

@media screen and (max-height:800px) {
	.resound_main_content {
		margin-top: -11em
	}
}

@media screen and (max-height:700px) {
	.resound_main_content {
		margin-top: -9em
	}
}

@media screen and (max-height:640px) {
	.resound_main_content {
		margin-top: -7em
	}
}

@media screen and (max-width:1366px) {
	.new_left {
		width: 810px
	}
	.resound_main_content {
		max-width: 1155px
	}
}

@media screen and (max-width:767px) {
	.resound_main_content {
		margin-top: 6em;
		max-width: 660px;
		font-size: 36px
	}
	.resound_main_content h3 {
		font-size: 42px
	}
	.resound_main_content p {
		line-height: 1.72em
	}
}

.resound_mc_mark {
	display: inline-block;
	position: relative;
	background: 0;
	text-indent: 0;
	color: #444;
	cursor: pointer;
	-webkit-transition: .25s;
	transition: .25s;
	will-change: color
}

.resound_mc_mark:before {
	content: " ";
	display: block;
	position: absolute;
	width: 100%;
	height: .1em;
	bottom: 0;
	background-color: #1e8d93;
	-webkit-transition: .25s;
	transition: .25s;
	will-change: height;
	z-index: -1
}

.resound_mc_mark.active {
	color: #fff;
	transition: .5s
}

.resound_mc_mark.active:before {
	height: 1em;
	bottom: .375em;
	background-color: #22a1a8
}

.resound_mc_important {
	position: relative;
	width: 520px;
	margin: 2em auto;
	padding: 1.5em 0;
	border: 1px solid #dbdbdb;
	border-left: 0;
	border-right: 0;
	color: #888;
	font-size: 24px;
	font-family: NSimSun, "\65b0\5b8b\4f53", SimSun, "\5b8b\4f53", serif;
	font-weight: 700;
	line-height: 1.4em
}

.resound_mc_important:after,
.resound_mc_important:before {
	content: " ";
	display: block;
	position: absolute;
	width: 52px;
	height: 51px;
	color: #dbdbdb;
	background: no-repeat
}

.resound_mc_important:before {
	top: -11px;
	right: 100%;
	background-image: url(images/important_lt.png)
}

.resound_mc_important:after {
	bottom: -11px;
	left: 100%;
	background-image: url(images/important_rb.png)
}

@media screen and (max-width:767px) {
	.resound_mc_important {
		margin: 1em auto;
		font-size: 40px
	}
}

.resound_mc_img {
	position: relative;
	min-height: 64px;
	margin: 2.25em 0;
	box-shadow: 0 0 2px rgba(0, 0, 0, .1)
}

.resound_mc_img img {
	display: block;
	width: 100%
}

.resound_mc_img_text {
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	padding: 20px 2em;
	font-size: 14px;
	color: #fff;
	text-shadow: 0 0 5px rgba(0, 0, 0, .5);
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .65) 100%);
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .65) 100%);
	background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .65) 100%);
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .65) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0)
}

@media screen and (max-width:767px) {
	.resound_mc_img_text {
		font-size: 26px;
		padding: 1em;
		line-height: 1.5em
	}
}

.resound_mc_qrcode {
	text-align: center;
	margin: 3em 0
}

.resound_mc_reference {
	color: #888
}

.resound_mc_reference h3 {
	margin: 3em 0 .7em;
	font-size: 16px;
	line-height: 1.5em;
	border-bottom: 1px solid #ddd
}

.resound_mc_reference p {
	font-size: 14px;
	line-height: 2em;
	margin-bottom: 0
}

.resound_mc_reference.num p {
	display: list-item;
	list-style: decimal;
	margin-left: 1.5em
}

@media screen and (max-width:767px) {
	.resound_mc_reference h3 {
		font-size: 32px
	}
	.resound_mc_reference p {
		font-size: 22px
	}
}

.resound_main_annotation {
	position: relative;
	height: 60px
}

.resound_ma_list {
	display: none
}

.resound_ma_bar {
	position: fixed;
	width: 720px;
	height: 60px;
	left: 50%;
	bottom: 0;
	margin-left: -360px;
	padding: 0 18px;
	border: 1px solid #ddd;
	border-bottom: 0;
	border-top-color: #1e8d93;
	background-color: #fff;
	box-shadow: 0 -2px 3px rgba(0, 0, 0, .1);
	-webkit-transition: .65s .15s cubic-bezier(.3, 0, 0, 1);
	transition: .65s .15s cubic-bezier(.3, 0, 0, 1)
}

.resound_content.ontop .resound_ma_bar,
.resound_ma_bar.hide {
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
	opacity: 0;
	visibility: hidden
}

.resound_ma_bar.sticky {
	position: absolute;
	box-shadow: none;
	border-color: transparent
}

@media screen and (max-width:1366px) {
	.resound_ma_bar {
		width: 680px;
		margin-left: -340px
	}
}

@media screen and (max-width:767px) {
	.resound_ma_bar {
		display: none
	}
}

.resound_mab_list {
	margin-top: 16px
}

.resound_mab_item {
	position: relative;
	float: left;
	height: 26px;
	width: 26px;
	margin-right: 8px;
	cursor: pointer
}

.resound_mab_item_temp {
	display: none
}

.resound_mab_img {
	width: 100%;
	height: 100%;
	border-radius: 100%;
	overflow: hidden;
	background-color: #999;
	will-change: transform, opacity;
	transition: .5s cubic-bezier(.35, 0, .1, 1.45);
	-webkit-transform: scale(.76, .76);
	transform: scale(.76, .76);
	opacity: .4
}

.resound_mab_img img {
	display: block;
	height: 100%;
	margin: 0 auto
}

.resound_mab_item.active .resound_mab_img,
.resound_mab_item.show .resound_mab_img,
.resound_mab_item:hover .resound_mab_img {
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1);
	opacity: 1
}

.resound_mab_item.hide .resound_mab_img {
	-webkit-transform: scale(.2, .2);
	transform: scale(.2, .2);
	opacity: 0
}

.resound_mab_info {
	position: absolute;
	width: 290px;
	left: -20px;
	bottom: 100%;
	margin-bottom: 12px;
	padding: 25px 16px 25px 22px;
	border: 1px solid #ddd;
	border-radius: 2px;
	background-color: #fff;
	box-shadow: 0 -2px 3px rgba(0, 0, 0, .15);
	will-change: transform, opacity;
	transition: .5s cubic-bezier(.35, 0, .1, 1.45);
	opacity: 0;
	-webkit-transform: translateY(12px);
	transform: translateY(12px);
	visibility: hidden
}

.resound_mab_item.active .resound_mab_info {
	-webkit-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
	visibility: visible
}

.resound_mab_info:after,
.resound_mab_info:before {
	content: " ";
	display: block;
	position: absolute
}

.resound_mab_info:before {
	top: 100%;
	left: 19px;
	width: 26px;
	height: 16px
}

.resound_mab_info:after {
	bottom: -5px;
	left: 28px;
	width: 9px;
	height: 9px;
	background-color: #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd
}

.resound_mab_title {
	font-size: 16px;
	line-height: 1em;
	margin-bottom: 12px;
	transition: .5s
}

.resound_mab_info:hover .resound_mab_title {
	color: #1e8d93
}

.resound_mab_summary {
	font-size: 12px;
	color: #888;
	line-height: 1.5em
}

.resound_ma_modal {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 200;
	font-family: Arial, "Helvetica Neue", Helvetica, "Nimbus Sans L", "Liberation Sans", "Hiragino Sans GB", "Microsoft YaHei", "Wenquanyi Micro Hei", "WenQuanYi Zen Hei", "ST Heiti", SimHei, "WenQuanYi Zen Hei Sharp", sans-serif;
	perspective: 640px;
	-webkit-transition: .5s;
	transition: .5s
}

.resound_ma_modal:before {
	content: " ";
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: url(images/ie8obg.png);
	background: rgba(0, 0, 0, .5);
	will-change: opacity;
	-webkit-transition: .5s;
	transition: .5s
}

.resound_ma_modal.hide {
	visibility: hidden
}

.resound_ma_modal.hide:before {
	opacity: 0;
	visibility: hidden
}

.resound_mam_box {
	position: relative;
	top: 15%;
	width: 750px;
	box-sizing: border-box;
	margin: 0 auto;
	padding: 93px 50px 40px;
	background-color: #fff;
	will-change: transform, opacity;
	transition: .5s cubic-bezier(.5, 1.5, .6, 1)
}

.resound_mam_box:before {
	content: " ";
	display: block;
	border-bottom: 1px solid #ddd
}

.resound_ma_modal.hide .resound_mam_box {
	visibility: hidden;
	opacity: 0
}

@media screen and (min-width:768px) {
	.resound_mam_box {
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		box-shadow: 0 0 20px rgba(0, 0, 0, .5)
	}
	.resound_ma_modal.hide .resound_mam_box {
		-webkit-transform: translateY(-50%) translateY(160px);
		transform: translateY(-50%) translateY(160px)
	}
	.resound_mam_close {
		position: absolute;
		top: 0;
		right: -50px;
		height: 35px;
		width: 35px;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		cursor: pointer
	}
	.resound_mam_close:after,
	.resound_mam_close:before {
		content: " ";
		position: absolute;
		left: 0;
		top: 0;
		display: block;
		background-color: #fff;
		transition: .25s cubic-bezier(.5, 2.2, .6, 1)
	}
	.resound_mam_close:before {
		width: 3px;
		height: 100%;
		left: 16px
	}
	.resound_mam_close:after {
		width: 100%;
		height: 3px;
		top: 16px
	}
	.resound_mam_close:hover:before {
		-webkit-transform: rotate(12deg);
		transform: rotate(12deg)
	}
	.resound_mam_close:hover:after {
		-webkit-transform: rotate(-12deg);
		transform: rotate(-12deg)
	}
}

@media screen and (max-width:767px) {
	.resound_mam_box {
		position: absolute;
		width: 100%;
		top: auto;
		bottom: 0;
		padding: 120px 50px 40px;
		box-shadow: 0 0 20px rgba(0, 0, 0, .5);
		-webkit-transition: .5s;
		transition: .5s;
		-webkit-transform-origin: center bottom;
		transform-origin: center bottom
	}
	.resound_ma_modal.hide .resound_mam_box {
		-webkit-transform: translateY(100%);
		transform: translateY(100%)
	}
}

.resound_mam_img {
	width: 100px;
	height: 100px;
	margin: -50px auto 36px;
	overflow: hidden;
	border-radius: 100%;
	background-color: #999
}

.resound_mam_img img {
	display: block;
	height: 100%;
	margin: 0 auto
}

@media screen and (max-width:767px) {
	.resound_mam_img {
		width: 150px;
		height: 150px;
		margin: -75px auto 36px
	}
}

.resound_mam_title {
	text-align: center;
	font-size: 38px;
	line-height: 1em;
	margin-bottom: 32px
}

@media screen and (max-width:767px) {
	.resound_mam_title {
		font-size: 48px;
		margin-bottom: 36px
	}
}

.resound_mam_content {
	font-size: 16px;
	line-height: 1.875em;
	color: #888
}

@media screen and (max-width:767px) {
	.resound_mam_content {
		font-size: 32px;
		line-height: 1.5em
	}
}

.resound_main_side {
	position: fixed;
	top: 0;
	left: 3%;
	height: 100%;
	width: 210px;
	padding-left: 15px;
	-webkit-transition: .5s .05s cubic-bezier(.3, 0, .15, 1);
	transition: .5s .05s cubic-bezier(.3, 0, .15, 1);
	-webkit-transform: translateY(0);
	transform: translateY(0);
	will-change: transform, opacity;
	z-index: 1;
	visibility: visible
}

.resound_content.ontop .resound_main_side {
	opacity: 0;
	z-index: -1;
	-webkit-transform: translateY(50%)!important;
	transform: translateY(50%)!important;
	visibility: hidden
}

.ne_ua_ie8 .resound_main_side,
.ne_ua_ielte8 .resound_main_side {
	position: absolute;
	top: 10%
}

@media screen and (max-width:1366px) {
	.resound_main_side {
		width: 180px
	}
}

@media screen and (max-width:1200px) {
	.resound_main_side {
		display: none
	}
}

.resound_ms_list {
	position: relative;
	top: 50%;
	will-change: transform;
	-webkit-transition: -webkit-transform .25s cubic-bezier(0, .5, .5, 1);
	transition: transform .25s cubic-bezier(0, .5, .5, 1)
}

.resound_ms_list>li {
	position: relative;
	padding-left: 28px;
	height: 200px;
	border-left: 2px dotted #aaa;
	cursor: default
}

.resound_ms_list>li:last-child {
	height: auto;
	border-left-color: transparent
}

.resound_ms_list>li:before {
	content: " ";
	display: block;
	position: absolute;
	width: 32px;
	height: 32px;
	left: -17px;
	top: 0;
	border: 2px solid #ddd;
	border-radius: 100%;
	background: #fff url(images/side_item_icon.png) center no-repeat;
	transition: .5s
}

.resound_ms_list>li:after {
	display: block;
	line-height: 1.5em;
	font-size: 12px;
	font-family: NSimSun, "\65b0\5b8b\4f53", SimSun, "\5b8b\4f53", serif;
	color: #aaa;
	transition: .5s
}

.resound_ms_list>li:hover .resound_ms_title {
	color: #444
}

.resound_ms_list>li:hover .resound_ms_content {
	color: #888
}

.resound_ms_list>li:hover:before {
	border-color: #aaa
}

.resound_ms_list>li.active:before {
	border-color: #1e8d93;
	background: #1e8d93 url(images/side_item_active_icon.png) center no-repeat
}

.resound_ms_list>li.active:after {
	opacity: 0;
	visibility: hidden
}

.resound_ms_title {
	font-size: 14px;
	color: #888;
	transition: .5s
}

.active>.resound_ms_title {
	color: #444
}

.resound_ms_content {
	height: 12em;
	overflow: hidden;
	line-height: 1.5em;
	font-size: 12px;
	font-family: NSimSun, "\65b0\5b8b\4f53", SimSun, "\5b8b\4f53", serif;
	color: #aaa;
	transition: .5s
}

.active>.resound_ms_content {
	color: #888;
	height: 12em
}

.resound_content .share_component {
	position: absolute;
	left: auto;
	top: 300px;
	right: 5%;
	margin-left: auto;
	border: 0;
	-webkit-transition: transform .5s .1s cubic-bezier(.3, 0, 0, 1), opacity .5s .1s cubic-bezier(.3, 0, 0, 1);
	transition: transform .5s .1s cubic-bezier(.3, 0, 0, 1), opacity .5s .1s cubic-bezier(.3, 0, 0, 1);
	will-change: opacity, transform
}

.resound_content .share_component.fixed {
	position: fixed
}

.resound_content .share_component .gotop,
.resound_content .share_component li {
	width: 40px;
	height: 40px;
	margin-bottom: 10px;
	border: 1px solid #aaa;
	border-radius: 100%;
	overflow: hidden
}

.resound_content .share_component .gotop {
	background-position: -6px -56px
}

.resound_content .share_component .gotop:hover {
	background-position: -6px -6px
}

.resound_content .share_component .wx a {
	background-position: -106px -56px
}

.resound_content .share_component .wx a:hover {
	background-position: -106px -6px
}

.resound_content .share_component .wb a {
	background-position: -256px -56px
}

.resound_content .share_component .wb a:hover {
	background-position: -256px -6px
}

.resound_content .share_component .qzone a {
	background-position: -156px -56px
}

.resound_content .share_component .qzone a:hover {
	background-position: -156px -6px
}

.resound_content .share_component .hot {
	display: none
}

.resound_content.ontop .share_component {
	opacity: 0;
	z-index: -1;
	-webkit-transition: .5s;
	transition: .5s;
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
	visibility: hidden
}

@media screen and (max-width:1023px) {
	.share_component {
		display: none
	}
}

@media screen and (max-width:1300px) {
	.story_f3_con .pageBtn .prev {
		border-radius: 50%;
		left: 0;
		border: 1px solid #ddd
	}
	.story_f3_con .pageBtn .next {
		border-radius: 50%;
		right: 0;
		border: 1px solid #ddd
	}
}

.resound_connemt {
	width: 720px;
	margin: 0 auto
}

.resound_connemt .tie-area {
	border-top: 1px solid #ddd
}

@media screen and (max-width:1366px) {
	.resound_connemt {
		width: 680px
	}
}

@media screen and (max-width:767px) {
	.resound_connemt {
		display: none
	}
}

.tie-show {
	display: none!important
}

.resound_review {
	position: relative;
	margin-top: 25px;
	border-top: 5px solid #1e8d93;
	background-color: #000
}

.resound_review:after {
	content: " ";
	display: block;
	clear: both;
	height: 0
}

.resound_review_item {
	position: relative;
	display: block;
	float: left;
	border: 0;
	width: 33.33333333%;
	overflow: hidden;
	background-color: #666
}

@media screen and (max-width:767px) {
	.resound_review_item {
		float: none;
		width: 100%
	}
}

.resound_review_img {
	display: block;
	width: 100%;
	transition: .5s
}

.resound_review_item:hover .resound_review_img {
	-webkit-transform: scale(1.05, 1.05);
	transform: scale(1.05, 1.05)
}

.resound_review_text {
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	padding: 0 1em;
	line-height: 48px;
	font-size: 18px;
	font-family: Arial, "Helvetica Neue", Helvetica, "Nimbus Sans L", "Liberation Sans", "Hiragino Sans GB", "Microsoft YaHei", "Wenquanyi Micro Hei", "WenQuanYi Zen Hei", "ST Heiti", SimHei, "WenQuanYi Zen Hei Sharp", sans-serif;
	color: #fff;
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .65) 100%);
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .65) 100%);
	background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .65) 100%);
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .65) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0)
}

@media screen and (max-width:767px) {
	.resound_review_text {
		background: 0;
		padding: 0;
		font-size: 44px;
		font-weight: 700;
		text-align: center;
		bottom: 50%;
		-webkit-transform: translateY(50%);
		transform: translateY(50%)
	}
}

.resound_footer {
	display: none;
	font-family: Arial, "Helvetica Neue", Helvetica, "Nimbus Sans L", "Liberation Sans", "Hiragino Sans GB", "Microsoft YaHei", "Wenquanyi Micro Hei", "WenQuanYi Zen Hei", "ST Heiti", SimHei, "WenQuanYi Zen Hei Sharp", sans-serif
}

.qrcode_3g {
	display: none
}

@media screen and (max-width:767px) {
	.resound_footer {
		display: block
	}
	.qrcode_3g {
		display: block
	}
	.qrcode_pc {
		display: none
	}
}

.resound_footer_logo {
	display: block;
	height: 90px;
	text-align: center
}

.resound_footer_logo img {
	display: block;
	height: 64px;
	margin: 0 auto;
	padding-top: 13px
}

.resound_footer_copyright {
	height: 90px;
	text-align: center;
	background-color: #333;
	color: #fff;
	font-size: 24px;
	line-height: 90px
}

.resound_menu_btn {
	position: absolute;
	top: 45px;
	padding: 21px 0;
	right: 30px;
	cursor: pointer;
	z-index: 110;
	will-change: transform;
	transition: .5s
}

.resound_menu_btn.sticky {
	position: fixed;
	top: 0
}

@media screen and (max-width:767px) {
	.resound_menu_btn {
		top: 0;
		padding: 40px 0
	}
}

.resound_menu_btn_icon_box {
	width: 35px;
	height: 33px;
	perspective: 35px;
	transform-style: preserve-3d
}

@media screen and (max-width:767px) {
	.resound_menu_btn_icon_box {
		width: 40px;
		height: 35px;
		perspective: 40px
	}
}

.resound_menu_btn_icon {
	position: relative;
	height: 9%;
	top: 45.5%;
	transition: .5s;
	background-color: #1e8d93;
	transform-style: preserve-3d
}

.resound_menu_btn_icon:after,
.resound_menu_btn_icon:before {
	content: " ";
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	left: 0;
	transition: .3s;
	transform-origin: right;
	background-color: #1e8d93;
	transform: rotateY(0) translateY(0)
}

.resound_menu_btn_icon:before {
	top: -500%
}

.resound_menu_btn_icon:after {
	top: 500%
}

.resound_menu_btn:hover .resound_menu_btn_icon:before {
	transform-origin: right;
	-webkit-transform: rotateY(0) translateY(100%) scaleX(.9);
	transform: rotateY(0) translateY(100%) scaleX(.9)
}

.resound_menu_btn:hover .resound_menu_btn_icon:after {
	transform-origin: right;
	-webkit-transform: rotateY(0) translateY(-100%) scaleX(1.1);
	transform: rotateY(0) translateY(-100%) scaleX(1.1)
}

.resound_menu_btn:active .resound_menu_btn_icon {
	transition: .1s
}

.resound_menu_btn:active .resound_menu_btn_icon:before {
	transition: .1s;
	transform-origin: right;
	transform: rotateY(0) translateY(150%) scaleX(.9)
}

.resound_menu_btn:active .resound_menu_btn_icon:after {
	transition: .1s;
	transform-origin: right;
	transform: rotateY(0) translateY(-150%) scaleX(1.1)
}

.resound_menu_btn.close .resound_menu_btn_icon {
	-webkit-transform: rotateZ(-135deg);
	transform: rotateZ(-135deg)
}

.resound_menu_btn.close .resound_menu_btn_icon:before {
	transform-origin: center;
	-webkit-transform: translateY(200%) rotateZ(270deg) scaleX(.5);
	transform: translateY(200%) rotateZ(270deg) scaleX(.5)
}

.resound_menu_btn.close .resound_menu_btn_icon:after {
	transform-origin: center;
	-webkit-transform: translateY(-200%) rotateZ(270deg) scaleX(.5);
	transform: translateY(-200%) rotateZ(270deg) scaleX(.5)
}

.resound_menu_btn.close:hover .resound_menu_btn_icon {
	transform: scale(1.1, 1.1) rotateZ(-135deg)
}

.resound_menu_btn.close:active .resound_menu_btn_icon {
	transition: .1s;
	transform: scale(.95, .95) rotateZ(-135deg)
}

.resound_menu_modal {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 105;
	font-family: Arial, "Helvetica Neue", Helvetica, "Nimbus Sans L", "Liberation Sans", "Hiragino Sans GB", "Microsoft YaHei", "Wenquanyi Micro Hei", "WenQuanYi Zen Hei", "ST Heiti", SimHei, "WenQuanYi Zen Hei Sharp", sans-serif;
	perspective: 640px;
	transition: .5s
}

.resound_menu_modal:before {
	content: " ";
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: url(images/ie8obg.png);
	background: rgba(0, 0, 0, .5);
	will-change: opacity;
	transition: .5s
}

.resound_menu_modal.hide {
	visibility: hidden
}

.resound_menu_modal.hide:before {
	opacity: 0;
	visibility: hidden
}

.resound_menu {
	position: absolute;
	background-color: #fff;
	top: 0;
	right: 0;
	height: 100%;
	width: 600px;
	box-sizing: border-box;
	font-family: Arial, "Helvetica Neue", Helvetica, "Nimbus Sans L", "Liberation Sans", "Hiragino Sans GB", "Microsoft YaHei", "Wenquanyi Micro Hei", "WenQuanYi Zen Hei", "ST Heiti", SimHei, "WenQuanYi Zen Hei Sharp", sans-serif;
	font-size: 16px;
	color: #444;
	box-shadow: 0 0 20px rgba(0, 0, 0, .5);
	z-index: 105;
	transition: .5s;
	will-change: transform
}

.resound_menu_modal.hide .resound_menu {
	-webkit-transform: translateX(100%);
	transform: translateX(100%)
}

@media screen and (max-width:1366px) {
	.resound_menu {
		width: 500px
	}
}

@media screen and (max-width:767px) {
	.resound_menu {
		width: 100%;
		padding: 0 36px 0 48px;
		font-size: 28px
	}
}

.resound_menu_content {
	position: relative;
	height: 70%;
	top: 17%;
	padding: 0 40px 0 60px;
	overflow: auto
}

@media screen and (max-width:1366px) {
	.resound_menu_content {
		padding: 0 36px 0 48px
	}
}

.resound_mc_title {
	font-size: 1.75em;
	font-weight: 400;
	margin-top: 90px;
	border-bottom: 1px solid #eee
}

.resound_mc_title:first-child {
	margin-top: 0
}

.resound_mc_title_text {
	position: relative;
	display: inline-block;
	top: 1px;
	border-bottom: 1px solid #1e8d93
}

.resound_mc_list {
	padding-top: 40px;
	line-height: 1.5em
}

.resound_mc_list_item {
	display: block;
	margin-bottom: 24px;
	text-decoration: none;
	color: #444;
	transition: .25s
}

.resound_mc_list_item.current:before {
	content: " ";
	display: block;
	position: absolute;
	width: 5px;
	left: 0;
	height: 1.25em;
	background: #1e8d93
}

.resound_mc_list_item:hover {
	text-decoration: none;
	color: #1e8d93
}

.resound_mc_list_date {
	float: right
}

.for_lte_ie8 {
	position: fixed;
	bottom: 0;
	right: 0;
	width: 320px;
	padding: 20px 20px 20px 220px;
	background: #1e8d93 url(images/ie8.png) 10px center no-repeat;
	color: #fff;
	font-family: microsoft yahei, "\5fae\8f6f\96c5\9ed1", SimHei, "\9ed1\4f53", sans-serif;
	border: 1px solid #999
}

.for_lte_ie8 hr {
	display: block;
	height: 1px;
	border: 0;
	background-color: #fff
}

.fli_title {
	font-size: 18px;
	font-weight: 700
}

.fli_title_content {
	text-justify: inter-ideograph;
	font-size: 16px;
	display: block;
	text-decoration: none;
	color: #fff
}

.fli_close {
	position: absolute;
	padding: 10px;
	top: 0;
	right: 0;
	font-size: 14px;
	font-weight: 700;
	cursor: pointer
}

.resound_mobile_share {
	display: none
}

@media screen and (max-width:767px) {
	.resound_mobile_share {
		position: fixed;
		display: block;
		transition: .5s;
		bottom: 48px;
		right: 48px;
		height: 112px;
		width: 112px;
		border-radius: 100%;
		background-color: #1e8d93;
		color: #fff;
		box-shadow: 0 0 20px rgba(0, 0, 0, .5);
		font-family: Arial, "Helvetica Neue", Helvetica, "Nimbus Sans L", "Liberation Sans", "Hiragino Sans GB", "Microsoft YaHei", "Wenquanyi Micro Hei", "WenQuanYi Zen Hei", "ST Heiti", SimHei, "WenQuanYi Zen Hei Sharp", sans-serif;
		font-size: 32px;
		line-height: 112px;
		text-align: center
	}
	.resound_content.ontop .resound_mobile_share,
	.resound_mobile_share.hide {
		opacity: .75;
		transform-origin: 100% 100%;
		transform: scale(.75, .75)
	}
}

.newsapp {
	font: 18px/40px 'Microsoft Yahei';
	text-decoration: none;
	color: #252525;
	position: absolute;
	top: 60px;
	right: 100px;
	z-index: 110;
	padding: 21px 0;
	margin-top: -20px;
	will-change: transform;
	transition: .5s
}

.newsapp img {
	float: left;
	width: 40px;
	height: 40px;
	margin-right: 10px
}

.newsapp:hover {
	text-decoration: none;
	-webkit-transform: scale(1.025);
	transform: scale(1.025)
}

.newsapp.sticky {
	position: fixed;
	top: 15px
}

@media screen and (max-width:767px) {
	.newsapp {
		top: 15px;
		padding: 30px 0;
		line-height: 60px;
		font-size: 24px
	}
	.newsapp img {
		width: 60px;
		height: 60px
	}
}

.new_left p {
	font-size: 14px;
	color: #777
}

.fy .xi {
	color: #222;
	font-size: 18px
}

.fy .frist {
	display: none
}

.gsjs font {
	height: 80px;
	padding-bottom: 20px;
	overflow: hidden;
	display: block
}

.case_page_f1 {
	margin-top: 70px;
	height: 630px
}

.case_page_f1 .main {
	text-align: center
}

.case_page_f1_div {
	text-transform: uppercase;
	display: inline-block;
	padding: 40px 20px 30px 20px;
	border: 2px solid #eee;
	margin: 0 auto
}

.case_page_f1_div b {
	line-height: 50px;
	display: block;
	font-family: Arial;
	font-size: 50px;
	color: #fff
}

.case_page_f1_div b span {
	color: #e21e1f
}

.case_page_f1_div>span {
	display: block;
	font-size: 12px;
	color: #6c6d6e
}

.case_page_f1 i {
	margin: 30px auto;
	display: block;
	width: 2px;
	height: 94px;
	background-color: #7d7f81
}

.case_page_f2_top {
	overflow: hidden;
	height: 590px;
	width: 1137px;
	margin: -460px auto 0 auto
}

.case_page_f2_top img {
	display: block;
	width: 870px;
	height: 495px;
	margin: 29px auto
}

.case_page_f2_bottom {
	font-size: 14px;
	color: #818181;
	line-height: 30px;
	width: 1070px;
	margin: 0 auto;
	overflow: hidden
}

.case_page_f2_bottom>span {
	margin: 45px 0 20px 0;
	display: block;
	text-align: center;
	font-size: 20px;
	color: #818181
}

.case_page_f2_div {
	overflow: hidden;
	margin: 90px 0 80px 0
}

.case_page_f2_left {
	float: left;
	width: 560px
}

.case_page_f2_tit {
	line-height: 50px;
	margin-bottom: 40px;
	font-size: 30px;
	color: #3a3a3a;
	overflow: hidden
}

.case_page_f2_tit i {
	margin-right: 5px;
	float: left;
	width: 55px;
	height: 1px;
	background-color: #e73434
}

.case_page_f2_left ul {
	margin-top: 45px;
	overflow: hidden
}

.case_page_f2_left ul li {
	text-align: center;
	font-size: 15px;
	color: #c4c4c4;
	float: left;
	margin-left: 50px
}

.case_page_f2_left ul li i {
	margin: 0 auto 10px auto;
	height: 55px;
	width: 55px;
	border-radius: 50%;
	display: block
}

.case_page_f2_right {
	width: 510px;
	float: right
}

.case_page_f2_right ul {
	overflow: hidden;
	margin-top: 45px
}

.case_page_f2_right ul li {
	margin-left: 55px;
	line-height: 48px;
	width: 200px;
	font-size: 30px;
	color: #d3d3d3;
	float: left;
	font-family: "Microsoft YaHei", Arial
}

.case_page_f2_right ul li:first-child {
	font-size: 30px
}

.case_page1_f4,
.case_page_f3 {
	display: block;
	cursor: pointer
}

.case_page_f3 img {
	display: block;
	width: 100%;
	height: auto
}

.case_page1_f1 {
	margin-top: 70px
}

.case_page1_f1 img {
	display: block;
	width: 100%;
	height: auto
}

.case_page1_f2 {
	background-color: #f6f6f6;
	overflow: hidden
}

.case_page1_f2 .main {
	width: 1200px
}

.case_page1_f2_top {
	font-size: 15px;
	color: grey;
	line-height: 27px
}

.case_page1_f2_tit {
	text-indent: 5px;
	margin: 70px 0 15px 0;
	padding-bottom: 15px;
	border-bottom: 1px solid #cacaca;
	font-size: 20px;
	color: #262424
}

.case_page1_f2_bottom {
	overflow: hidden
}

.case_page1_f2_div {
	margin-left: 52px;
	width: 260px;
	float: left;
	font-size: 15px;
	color: grey;
	line-height: 27px
}

.case_page1_f2_bottom .case_page1_f2_div:first-child {
	margin-left: 0
}

.case_page1_f2_div i {
	margin-left: 9px;
	display: inline-block;
	width: 60px;
	height: 20px;
	border-radius: 4px
}

.case_page1_f3 {
	overflow: hidden
}

.case_page1_f3_left {
	float: left;
	width: 50%;
	height: auto
}

.case_page1_f3_left img,
.case_page1_f4 img {
	display: block;
	width: 100%;
	height: auto
}

.case_page1_f2_top1 .case_page1_f2_tit {
	width: 350px
}

.case_page1_f2_div2 {
	margin-top: 10px
}

.case_page1_f2_div2 img {
	width: 100%;
	display: block
}

.recommend_main {
	width: 1200px;
	margin: auto
}

.tongji a {
	padding-top: 20px;
	padding-right: 5px
}

.qy_bottom font {
	transition: .5s;
	display: block;
	margin-top: 10px;
	font-size: 12px;
	color: #9c9c9c
}

.news_con .grid:hover,
.recommend_main .grid:hover {
	background-color: #222
}

.grid:hover h3,
.grid:hover p,
.news_con .grid:hover font,
.recommend_main .grid:hover span {
	color: #fff
}

.news_con .grid {
	background-color: #fff
}

.recommend_main .grid:hover span {
	background-color: #222
}

.news_con .grid:hover img {
	-webkit-transform: scale(1.08);
	transform: scale(1.08);
	-o-transform: scale(1.08);
	-moz-transform: scale(1.08);
	-ms-transform: scale(1.08)
}

.recommend_main .grid:hover img {
	-webkit-transform: scale(1.06);
	transform: scale(1.06);
	-o-transform: scale(1.06);
	-moz-transform: scale(1.06);
	-ms-transform: scale(1.06)
}

.mask_f2_left p span {
	color: #666;
	font-size: 16px
}

.sol1 {
	height: 850px;
	position: relative;
	margin-top: 70px
}

.sol1_cover {
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../images/solution3_03.png) rgba(8, 8, 8, .75)
}

.sol1_tit {
	text-align: center;
	padding-top: 36px;
	margin: 189px auto 94px;
	background: url(../images/solution_bg1.png) no-repeat top left;
	width: 777px;
	position: relative;
	z-index: 3
}

.sol1_tit span {
	line-height: 34px;
	color: rgba(255, 255, 255, .5);
	font-size: 18px;
	display: block;
	margin-top: 13px
}

.sol1_tit p {
	line-height: 54px;
	color: #fff;
	font-size: 30px;
	margin: 0 0 45px
}

.sol1_tit i {
	display: block;
	width: 50px;
	height: 2px;
	background: rgba(255, 255, 255, .5);
	margin: 0 auto
}

.sol1_con {
	text-align: center;
	position: relative;
	z-index: 3
}

.sol1_con li {
	display: inline-block;
	padding-left: 26px;
	position: relative;
	margin: 0 15px;
	font-weight: lighter;
	color: #fff;
	line-height: 30px;
	font-size: 18px
}

.sol1_con li i {
	width: 16px;
	height: 16px;
	position: absolute;
	left: 0;
	top: 7px;
	background: rgba(217, 8, 27, 06);
	border-radius: 100%;
	font-size: 14px;
	font-family: Arial;
	line-height: 16px;
	color: rgba(255, 255, 255, .5);
	font-style: normal
}

.sol1_a {
	display: block;
	width: 172px;
	height: 40px;
	border: 1px solid rgba(216, 215, 215, .4);
	border-radius: 41px;
	line-height: 41px;
	color: #fff;
	margin: 46px auto 0;
	text-align: center;
	font-weight: lighter;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	-ms-transition: .4s;
	-o-transition: .4s;
	transition: .4s
}

.sol2 {
	width: 100%;
	background: #fff;
	height: 825px;
	padding-top: 100px;
	position: relative;
	overflow: hidden
}

.sol2_con {
	text-align: center;
	position: relative;
	z-index: 3
}

.sol2_con h5 {
	line-height: 30px;
	color: #666;
	font-size: 18px;
	margin: 0 0 11px;
	font-weight: lighter
}

.sol2_con h5 span {
	line-height: 30px;
	color: #666;
	font-size: 20px;
	font-family: Arial
}

.sol2_con h6 {
	margin: 0;
	line-height: 46px;
	color: #333;
	font-size: 30px;
	font-weight: lighter
}

.sol2_con h6 span {
	letter-spacing: -2px;
	line-height: 46px;
	color: #d9081b;
	font-size: 34px;
	font-family: Arial
}

.sol2_pic {
	width: 100%;
	height: 825px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2
}

.sol3 {
	width: 100%;
	height: 808px;
	padding-top: 100px;
	position: relative;
	overflow: hidden
}

.sol3_con1 {
	text-align: center;
	position: relative;
	z-index: 3
}

.sol3_con1 h5 {
	line-height: 46px;
	color: #fff;
	font-size: 30px;
	font-weight: lighter;
	margin: 0 0 8px
}

.sol3_con1 h5 span {
	letter-spacing: -2px;
	line-height: 46px;
	color: #d9081b;
	font-size: 34px;
	font-family: Arial
}

.sol3_con1 p {
	font-size: 18px;
	line-height: 30px;
	color: rgba(255, 255, 255, .7);
	font-weight: lighter
}

.sol3_con2 {
	width: 1200px;
	background: url(../images/solution2_03.png) no-repeat center;
	height: 522px;
	margin: 105px auto 0;
	position: relative
}

.sol3_con2 div {
	position: absolute;
	line-height: 30px;
	font-size: 20px;
	color: #fff;
	padding-left: 33px
}

.sol3_con2 .con1 {
	top: 11px;
	right: 740px;
	background: url(../images/solution4_03.png) no-repeat left center
}

.sol3_con2 .con2 {
	font-size: 18px;
	top: 269px;
	right: 491px;
	background: url(../images/solution4_07.png) no-repeat left center
}

.sol4 {
	width: 1200px;
	margin: 0 auto 100px
}

.sol4_con1 {
	font-size: 30px;
	font-weight: lighter;
	text-align: center;
	line-height: 46px;
	color: #333;
	margin: 90px 0 55px
}

.sol4_con2 {
	overflow: hidden
}

.sol4_con2 li {
	position: relative;
	float: left;
	width: 380px;
	height: 380px;
	margin-left: 30px;
	overflow: hidden;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-ms-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
	margin-top: 15px
}

.sol4_con2 li:first-child {
	margin-left: 0
}

.sol4_con2 li img {
	display: block;
	width: 100%;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-ms-transition: .5s;
	-o-transition: .5s;
	transition: .5s
}

.sol4_con2 li .con {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, .4);
	text-align: center
}

.sol4_con2 li .con .icon {
	width: 89px;
	height: 89px;
	border: 1px solid rgba(255, 255, 255, .5);
	border-radius: 100%;
	margin: 105px auto 0
}

.sol4_con2 li .con h5 {
	position: relative;
	margin: 25px auto 0;
	font-size: 20px;
	line-height: 30px;
	color: #fff;
	display: inline-block;
	padding: 0 20px
}

.sol4_con2 li .con h5:before {
	content: " ";
	display: block;
	background: rgba(255, 255, 255, .5);
	width: 63px;
	height: 1px;
	position: absolute;
	left: -63px;
	top: 15px
}

.sol4_con2 li .con h5:after {
	content: " ";
	display: block;
	background: rgba(255, 255, 255, .5);
	width: 63px;
	height: 1px;
	position: absolute;
	right: -63px;
	top: 15px
}

.sol4_con2 li .con h6 {
	font-size: 14px;
	line-height: 29px;
	color: rgba(255, 255, 255, .5);
	margin: 0
}

.sol4_con2 li:hover {
	margin-top: 0
}

.sol4_con2 li:hover img {
	-webkit-transform: scale(1.04);
	-moz-transform: scale(1.04);
	-ms-transform: scale(1.04);
	-o-transform: scale(1.04);
	transform: scale(1.04)
}

.sol4_a {
	display: block;
	width: 156px;
	height: 41px;
	border: 1px solid #c2c2c2;
	border-radius: 41px;
	line-height: 41px;
	color: #333;
	margin: 80px auto 0;
	text-align: center;
	font-weight: lighter;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	-ms-transition: .4s;
	-o-transition: .4s;
	transition: .4s
}

.sol5 {
	height: 840px;
	padding-top: 95px;
	text-align: center;
	overflow: hidden
}

.sol5 h5 {
	font-size: 30px;
	line-height: 46px;
	color: #fff;
	font-weight: lighter;
	margin: 0 0 9px
}

.sol5 h6 {
	font-size: 18px;
	line-height: 30px;
	color: rgba(255, 255, 255, .5);
	font-weight: lighter;
	margin: 0 0 92px
}

.sol5_con2 {
	width: 1200px;
	height: 346px;
	position: relative;
	margin: 0 auto
}

.sol5_con2.on {
	background: url(../images/ind5_icon.png) no-repeat center
}

.sol5_con2 li {
	width: 143px;
	border: 1px solid rgba(255, 255, 255, .3);
	height: 143px;
	border-radius: 100%;
	position: absolute;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-ms-transition: .5s;
	-o-transition: .5s;
	transition: .5s
}

.sol5_con2 li.li_1 {
	left: 0;
	bottom: 0
}

.sol5_con2 li.li_2 {
	left: 263px;
	top: 66px
}

.sol5_con2 li.li_3 {
	left: 527px;
	top: 0
}

.sol5_con2 li.li_4 {
	right: 265px;
	top: 65px
}

.sol5_con2 li.li_5 {
	right: 1px;
	bottom: 0
}

.sol5_con2 li div {
	height: 74px;
	opacity: .5;
	filter: alpha(opacity=50);
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-ms-transition: .5s;
	-o-transition: .5s;
	transition: .5s
}

.sol5_con2 li .icon1 {
	background: url(../images/solution2_33.png) no-repeat center 44px
}

.sol5_con2 li .icon2 {
	background: url(../images/solution2_22.png) no-repeat center 42px
}

.sol5_con2 li .icon3 {
	background: url(../images/solution2_18.png) no-repeat center 43px
}

.sol5_con2 li .icon4 {
	background: url(../images/solution2_25.png) no-repeat center 45px
}

.sol5_con2 li .icon5 {
	background: url(../images/solution2_30.png) no-repeat center 38px
}

.sol5_con2 li span {
	display: block;
	text-align: center;
	font-size: 20px;
	line-height: 30px;
	color: #fff
}

.sol5_con2 li:hover {
	background: #d9081b
}

.sol5_con2 li:hover div {
	opacity: 1;
	filter: alpha(opacity=100);
	margin-top: 5px
}

.sol5_a {
	display: block;
	width: 156px;
	height: 41px;
	border: 1px solid rgba(216, 215, 215, .4);
	border-radius: 41px;
	line-height: 41px;
	color: #fff;
	margin: 40px auto 0;
	text-align: center;
	font-weight: lighter;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	-ms-transition: .4s;
	-o-transition: .4s;
	transition: .4s
}

.sol6 {
	width: 1200px;
	margin: 95px auto 99px;
	overflow: hidden
}

.sol6 h5 {
	line-height: 46px;
	text-align: center;
	color: #0e050a;
	font-size: 30px;
	font-weight: lighter;
	margin: 0 0 9px
}

.sol6 h6 {
	line-height: 30px;
	text-align: center;
	color: #666;
	font-size: 18px;
	font-weight: lighter;
	margin: 0 0 77px
}

.sol6 ul {
	overflow: hidden
}

.sol6 ul li {
	padding: 0 0 0 67px;
	overflow: hidden;
	float: left;
	border: 1px solid transparent;
	width: 600px;
	height: 256px;
	position: relative;
	z-index: 1;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-ms-transition: .5s;
	-o-transition: .5s;
	transition: .5s
}

.sol6 ul li.two {
	margin-left: -1px;
	border-left: 1px solid #f0efef
}

.sol6 ul li.last {
	margin-top: -1px;
	border-top: 1px solid #f0efef
}

.sol6 ul li:hover {
	border-color: #e36c76;
	z-index: 2;
	padding-left: 57px
}

.sol6 ul li .pic {
	width: 127px;
	height: 127px;
	border: 1px solid #dfdfdf;
	border-radius: 100%;
	float: left
}

.sol6 ul li .con {
	float: left;
	margin: 35px 0 0 28px;
	width: 340px
}

.sol6 ul li .con span {
	display: block;
	line-height: 30px;
	font-size: 18px;
	color: #333
}

.sol6 ul li .con p {
	line-height: 24px;
	font-size: 14px;
	color: #888;
	margin: 6px 0 0 0
}

.sol7 {
	background: #f0efef;
	padding: 95px 0 100px
}

.sol7_wrap {
	margin: 0 auto 0;
	width: 1200px
}

.sol7 h5 {
	line-height: 46px;
	text-align: center;
	color: #333;
	font-size: 30px;
	font-weight: lighter;
	margin: 0 0 9px
}

.sol7 h6 {
	line-height: 30px;
	text-align: center;
	color: #666;
	font-size: 18px;
	font-weight: lighter;
	margin: 0 0 36px
}

.sol7_ul {
	overflow: hidden
}

.sol7_ul a {
	padding-top: 15px;
	float: left;
	display: block;
	width: 380px;
	overflow: hidden;
	height: 478px;
	margin: 20px 30px 0 0;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-ms-transition: .5s;
	-o-transition: .5s;
	transition: .5s
}

.sol7_ul a.three {
	margin-right: 0
}

.sol7_ul a .pic {
	width: 380px;
	height: 321px;
	overflow: hidden
}

.sol7_ul a .pic img {
	display: block;
	width: 100%;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-ms-transition: .5s;
	-o-transition: .5s;
	transition: .5s
}

.sol7_ul a .con {
	padding-top: 18px;
	height: 142px;
	background: url(../images/solution_52.jpg) no-repeat right 126px;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-ms-transition: .5s;
	-o-transition: .5s;
	transition: .5s
}

.sol7_ul a .con span {
	display: block;
	line-height: 30px;
	color: #333;
	font-size: 18px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.sol7_ul a .con p {
	line-height: 24px;
	color: #888;
	font-size: 14px;
	height: 48px;
	border-bottom: 1px solid #d8d7d7;
	overflow: hidden;
	margin: 4px 0 11px;
	font-weight: lighter
}

.sol7_ul a .con i {
	font-style: normal;
	padding-left: 16px;
	background: url(../images/solution_50.jpg) no-repeat left center;
	display: block;
	line-height: 20px;
	font-family: Arial;
	color: #888;
	font-size: 14px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.sol7_ul a:hover {
	padding-top: 0
}

.sol7_ul a:hover img {
	-webkit-transform: scale(1.04);
	-moz-transform: scale(1.04);
	-ms-transform: scale(1.04);
	-o-transform: scale(1.04);
	transform: scale(1.04)
}

.sol7_a {
	display: block;
	width: 172px;
	height: 40px;
	border: 1px solid #b9b8b8;
	border-radius: 41px;
	line-height: 41px;
	color: #333;
	margin: 75px auto 0;
	text-align: center;
	font-weight: lighter;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	-ms-transition: .4s;
	-o-transition: .4s;
	transition: .4s
}

.sol1_a:hover,
.sol4_a:hover,
.sol5_a:hover,
.sol7_a:hover {
	border-color: #d9081b;
	color: #fff;
	background-color: #d9081b
}

.app_tit {
	width: 1200px;
	margin: 0 auto;
	padding-top: 100px;
	text-align: center
}

.app_tit h5 {
	font-size: 30px;
	line-height: 46px;
	color: #333;
	margin: 0 0 20px;
	font-weight: lighter
}

.app_tit .tit2 {
	position: relative
}

.app_tit h6 {
	font-weight: lighter;
	background: #fff;
	z-index: 2;
	font-weight: lighter;
	display: inline-block;
	font-size: 20px;
	line-height: 30px;
	color: #666;
	margin: 0;
	padding: 0 21px;
	position: relative
}

.app_tit h6:before {
	content: " ";
	width: 7px;
	height: 7px;
	position: absolute;
	top: 12px;
	left: -7px;
	background: #d2d2d2;
	border-radius: 100%
}

.app_tit h6:after {
	content: " ";
	width: 7px;
	height: 7px;
	position: absolute;
	top: 12px;
	right: -7px;
	background: #d2d2d2;
	border-radius: 100%
}

.app_tit i {
	display: block;
	position: absolute;
	width: 100%;
	height: 1px;
	background: #d2d2d2;
	top: 15px;
	left: 0
}

.app_tit2 h5 {
	color: #fff
}

.app_tit2 h6 {
	color: rgba(255, 255, 255, .6);
	background: #212121
}

.app_tit2 i {
	background: #444
}

.app_tit2 h6:after,
.app_tit2 h6:before {
	background: #444
}

.dingzhi_a {
	display: block;
	width: 172px;
	height: 40px;
	border: 1px solid rgba(216, 215, 215, .4);
	border-radius: 40px;
	line-height: 41px;
	color: #fff;
	text-align: center;
	font-weight: lighter;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	-ms-transition: .4s;
	-o-transition: .4s;
	transition: .4s
}

.dingzhi_a2 {
	margin: 0 auto;
	border-color: #c2c2c2;
	color: #333
}

.app1 {
	width: 100%;
	height: 800px;
	padding-top: 240px
}

.app1_wrap {
	width: 1200px;
	margin: 0 auto;
	overflow: hidden
}

.app1 .con {
	width: 490px;
	float: right;
	margin-right: 33px
}

.app1 .con h5 {
	font-size: 30px;
	line-height: 46px;
	margin: 0 0 30px;
	color: #fff;
	font-weight: lighter
}

.app1 .con span {
	font-weight: lighter;
	display: block;
	font-size: 20px;
	line-height: 30px;
	color: #fff
}

.app1 .con p {
	font-size: 14px;
	line-height: 28px;
	margin: 7px 0 48px;
	color: rgba(255, 255, 255, .5)
}

.app2 {
	background: url(../images/app2_bg.png);
	height: 800px
}

.app2_ul {
	overflow: hidden;
	padding-top: 45px;
	width: 1200px;
	margin: 0 auto 0
}

.app2_ul li {
	width: 285px;
	height: 405px;
	border: 1px solid #ddd;
	text-align: center;
	background: #fff;
	float: left;
	margin: 50px 0 0 20px;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-ms-transition: .5s;
	-o-transition: .5s;
	transition: .5s
}

.app2_ul li:first-child {
	margin-left: 0
}

.app2_ul li .icon {
	width: 144px;
	height: 144px;
	border: 1px solid #ddd;
	border-radius: 100%;
	margin: 69px auto 26px;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-ms-transition: .5s;
	-o-transition: .5s;
	transition: .5s
}

.app2_ul li .icon1 {
	background: url(../images/applet_19.png) no-repeat center
}

.app2_ul li .icon2 {
	background: url(../images/applet_08.png) no-repeat center
}

.app2_ul li .icon3 {
	background: url(../images/applet_16.png) no-repeat center
}

.app2_ul li .icon4 {
	background: url(../images/applet_22.png) no-repeat center
}

.app2_ul li:hover .icon1 {
	background: url(../images/applet_11.png) no-repeat center;
	border-color: #e10616
}

.app2_ul li:hover .icon2 {
	background: url(../images/applet_05.png) no-repeat center;
	border-color: #e10616
}

.app2_ul li:hover .icon3 {
	background: url(../images/applet_14.png) no-repeat center;
	border-color: #e10616
}

.app2_ul li:hover .icon4 {
	background: url(../images/applet_24.png) no-repeat center;
	border-color: #e10616
}

.app2_ul li span {
	display: block;
	line-height: 28px;
	font-size: 18px;
	color: #333;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-ms-transition: .5s;
	-o-transition: .5s;
	transition: .5s
}

.app2_ul li p {
	line-height: 26px;
	font-size: 14px;
	color: #888;
	margin: 1px 0 0 0;
	height: 78px;
	overflow: hidden
}

.app2_ul li:hover {
	margin-top: 0
}

.app2_ul li:hover span {
	color: #e10616
}

.app3 {
	background: #212121;
	height: 928px
}

.app3 {
	overflow: hidden;
	position: relative
}

.app3_ul {
	width: 1201px;
	margin: 0 auto;
	padding-top: 60px
}

.app3_ul .hd {
	overflow: hidden;
	height: 40px;
	margin-top: 80px
}

.app3_ul .dingzhi_a2 {
	color: #fff;
	opacity: 1
}

.app3_ul .hd .next,
.app3_ul .hd .prev {
	display: none;
	width: 5px;
	height: 9px;
	float: right;
	margin-right: 5px;
	margin-top: 10px;
	overflow: hidden;
	cursor: pointer
}

.app3_ul .hd .next {
	background-position: 0 -50px
}

.app3_ul .hd .prevStop {
	background-position: -60px 0
}

.app3_ul .hd .nextStop {
	background-position: -60px -50px
}

.app3_ul .hd ul {
	text-align: center;
	vertical-align: top
}

.app3_ul .hd ul li {
	width: 18px;
	height: 18px;
	overflow: hidden;
	margin: 0 5px;
	text-indent: -999px;
	cursor: pointer;
	background: #fff;
	border-radius: 100%;
	display: inline-block;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-ms-transition: .5s;
	-o-transition: .5s;
	transition: .5s
}

.app3_ul .hd ul li.on {
	background: #e10616
}

.app3_ul .bd ul {
	overflow: hidden;
	zoom: 1
}

.app3_ul .bd ul li {
	margin: 15px 20px 0 0;
	width: 387px;
	height: 461px;
	float: left;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-ms-transition: .5s;
	-o-transition: .5s;
	transition: .5s
}

.app3_ul .bd ul li .pic {
	width: 387px;
	height: 323px;
	overflow: hidden;
	display: block;
	margin: 0
}

.app3_ul .bd ul li .pic img {
	display: block;
	width: 100%;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-ms-transition: .5s;
	-o-transition: .5s;
	transition: .5s
}

.app3_ul .bd ul li .con {
	display: block;
	background: #fff;
	padding: 35px 40px 0;
	height: 138px
}

.app3_ul .bd ul li .con span {
	display: block;
	border-bottom: 1px solid #e0e0e0;
	line-height: 28px;
	font-size: 18px;
	height: 43px;
	color: #333;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-ms-transition: .5s;
	-o-transition: .5s;
	transition: .5s
}

.app3_ul .bd ul li .con p {
	line-height: 20px;
	font-size: 14px;
	font-family: Arial;
	color: rgba(3, 3, 3, .6);
	margin: 5px 0 0 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.app3_ul .bd ul li:hover {
	margin-top: 0
}

.app3_ul .bd ul li:hover .con span {
	color: #e10616
}

.app3_ul .bd ul li:hover img {
	-webkit-transform: scale(1.04);
	-moz-transform: scale(1.04);
	-ms-transform: scale(1.04);
	-o-transform: scale(1.04);
	transform: scale(1.04)
}

.pageState {
	display: none
}

.app4 {
	height: 774px
}

.app4_ul {
	overflow: hidden;
	padding-top: 60px;
	margin: 0 auto 48px;
	width: 1200px;
	min-height: 389px
}

.app4_ul li {
	float: left;
	width: 213px;
	margin: 13px 0 0 280px;
	text-align: center;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-ms-transition: .5s;
	-o-transition: .5s;
	transition: .5s
}

.app4_ul li:first-child {
	margin-left: 0
}

.app4_ul li div {
	width: 213px;
	height: 213px;
	border-radius: 100%;
	border: 1px solid #c3c3c3;
	margin-bottom: 20px;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-ms-transition: .5s;
	-o-transition: .5s;
	transition: .5s
}

.app4_ul li .pic1 {
	background: url(../images/applet_53.png) no-repeat center
}

.app4_ul li .pic2 {
	background: url(../images/applet_59.png) no-repeat center
}

.app4_ul li .pic3 {
	background: url(../images/applet_64.png) no-repeat center
}

.app4_ul li:hover .pic1 {
	background: url(../images/applet_61.png) no-repeat center;
	border-color: #e10616
}

.app4_ul li:hover .pic2 {
	background: url(../images/applet_60.png) no-repeat center;
	border-color: #e10616
}

.app4_ul li:hover .pic3 {
	background: url(../images/applet_66.png) no-repeat center;
	border-color: #e10616
}

.app4_ul li span {
	font-size: 18px;
	line-height: 28px;
	color: #333;
	display: block;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-ms-transition: .5s;
	-o-transition: .5s;
	transition: .5s
}

.app4_ul li p {
	font-size: 14px;
	line-height: 26px;
	color: #666;
	margin: 3px 0 0 0;
	font-weight: lighter
}

.app4_ul li:hover {
	margin-top: 0
}

.app4_ul li:hover span {
	color: #e10616
}

.app5 {
	background: #212121;
	padding-bottom: 100px;
	overflow: hidden
}

.app5_wrap {
	position: relative;
	width: 1200px;
	margin: 0 auto
}

.app5_wrap:before {
	content: " ";
	width: 370px;
	height: 1px;
	background: rgba(215, 215, 215, .1);
	bottom: 90px;
	left: -370px;
	position: absolute
}

.app5_wrap:after {
	content: " ";
	width: 370px;
	height: 1px;
	background: rgba(215, 215, 215, .1);
	bottom: 20px;
	right: -368px;
	position: absolute
}

.app5_ul {
	width: 1200px;
	margin: 75px auto 0;
	position: relative;
	overflow: hidden
}

.app5_ul li {
	width: 262px;
	float: left;
	margin-left: 50px;
	position: relative
}

.app5_ul li:before {
	position: absolute;
	bottom: -51px;
	left: -50px;
	width: 50px;
	height: 71px;
	content: " ";
	background: url(../images/applet_88.png) no-repeat center
}

.app5_ul li:first-child {
	margin-left: 0
}

.app5_ul li:first-child:before {
	display: none
}

.app5_ul li.two {
	margin-top: 70px
}

.app5_ul li.two:before {
	bottom: 20px;
	background: url(../images/applet_87.png) no-repeat center
}

.app5_ul li .pic {
	width: 262px;
	height: 464px;
	overflow: hidden
}

.app5_ul li span {
	margin: 30px 0 0 0;
	display: block;
	border: 1px solid rgba(210, 210, 210, .1);
	text-align: center;
	padding: 0 10px;
	color: #666;
	font-size: 14px;
	height: 41px;
	line-height: 41px;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-ms-transition: .5s;
	-o-transition: .5s;
	transition: .5s
}

.app5_ul li:hover span {
	background: #c5272c;
	color: #fff;
	border-color: #c5272c
}

.app6 {
	padding-bottom: 100px;
	width: 1200px;
	margin: 0 auto
}

.app6_ul {
	overflow: hidden;
	padding-top: 1px;
	margin-top: 75px;
	margin-bottom: 74px;
	background: url(../images/applet_94.png) no-repeat top center
}

.app6_ul li {
	float: left;
	padding-top: 169px;
	width: 135px;
	margin-left: 78px;
	text-align: center;
	background: url(../images/applet_98.png) no-repeat center top;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-ms-transition: .5s;
	-o-transition: .5s;
	transition: .5s
}

.app6_ul li:first-child {
	margin-left: 0
}

.app6_ul li div {
	width: 135px;
	height: 135px;
	border-radius: 100%;
	border: 1px solid rgba(8, 8, 8, .5);
	margin-bottom: 21px;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-ms-transition: .5s;
	-o-transition: .5s;
	transition: .5s
}

.app6_ul li .pic1 {
	background: url(../images/applet_102.png) no-repeat center #fff
}

.app6_ul li .pic2 {
	background: url(../images/applet_124.png) no-repeat center #fff
}

.app6_ul li .pic3 {
	background: url(../images/applet_107.png) no-repeat center #fff
}

.app6_ul li .pic4 {
	background: url(../images/applet_114.png) no-repeat center #fff
}

.app6_ul li .pic5 {
	background: url(../images/applet_118.png) no-repeat center #fff
}

.app6_ul li .pic6 {
	background: url(../images/applet_127.png) no-repeat center #fff
}

.app6_ul li:hover .pic1 {
	background: url(../images/applet_112.png) no-repeat center #fff;
	border-color: #c5292e
}

.app6_ul li:hover .pic2 {
	background: url(../images/applet_130.png) no-repeat center #fff;
	border-color: #c5292e
}

.app6_ul li:hover .pic3 {
	background: url(../images/applet_105.png) no-repeat center #fff;
	border-color: #c5292e
}

.app6_ul li:hover .pic4 {
	background: url(../images/applet_116.png) no-repeat center #fff;
	border-color: #c5292e
}

.app6_ul li:hover .pic5 {
	background: url(../images/applet_109.png) no-repeat center #fff;
	border-color: #c5292e
}

.app6_ul li:hover .pic6 {
	background: url(../images/applet_121.png) no-repeat center #fff;
	border-color: #c5292e
}

.app6_ul li:hover {
	padding-top: 155px
}

.app6_ul li span {
	display: block;
	line-height: 28px;
	color: #333;
	font-size: 18px;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-ms-transition: .5s;
	-o-transition: .5s;
	transition: .5s
}

.app6_ul li p {
	line-height: 24px;
	color: #888;
	font-size: 14px;
	margin: 4px 0 0;
	font-family: Arial
}

.app6_ul li:hover span {
	color: #c5272c
}

.ext_f6 {
	overflow: hidden
}

.app7 {
	background: url(../images/app7_bg.png);
	padding-bottom: 100px;
	overflow: hidden
}

.app7 .app_tit .tit2 h6 {
	background: url(../images/app7_bg.png)
}

.app7_ul {
	padding-top: 50px;
	width: 1200px;
	margin: 0 auto
}

.app7_ul li {
	overflow: hidden;
	border: 1px solid #ddd;
	margin-top: 20px
}

.app7_ul li .left {
	float: left;
	width: 112px;
	vertical-align: middle;
	text-align: center;
	font-size: 70px;
	color: rgba(222, 222, 222, 1);
	font-family: Arial;
	line-height: 113px;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	border-right: 1px solid #ddd
}

.app7_ul li .right {
	float: right;
	width: 1086px;
	padding: 23px 30px 18px;
	border-left: 1px solid #efefef;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	transition: .3s
}

.app7_ul li .right span {
	display: block;
	line-height: 28px;
	color: #333;
	padding-bottom: 9px;
	border-bottom: 1px solid rgba(6, 6, 6, .1);
	font-size: 18px;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-ms-transition: .5s;
	-o-transition: .5s;
	transition: .5s
}

.app7_ul li .right p {
	display: block;
	line-height: 26px;
	color: #666;
	margin: 8px 0 0 0;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-ms-transition: .5s;
	-o-transition: .5s;
	transition: .5s
}

.app7_ul li:hover .left {
	color: #c5272c
}

.app7_ul li:hover .right {
	padding-left: 40px
}

.app7_ul li:hover .right span {
	color: #C5272C
}

.dingzhi_a:hover {
	color: #fff;
	background: #c5272c;
	border-color: #c5272c
}

.ter7 {
	height: 816px
}

.ter7_wrap {
	height: 816px;
	background: rgba(0, 0, 0, .87)
}

.ter7_tit {
	width: 1200px;
	text-align: center;
	padding: 100px 0 80px;
	font-size: 30px;
	font-weight: lighter;
	line-height: 49px;
	color: #fff;
	margin: 0 auto
}

.ter7_ul {
	width: 1200px;
	margin: 0 auto;
	position: relative;
	background: url(../images/dz1_11.png) no-repeat center;
	height: 427px
}

.ter7_ul li {
	position: absolute;
	overflow: hidden
}

.ter7_ul li span {
	line-height: 21px;
	color: rgba(255, 255, 255, .5);
	font-size: 14px;
	float: right;
	display: block;
	margin: 6px 14px 0;
	text-align: center;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-ms-transition: .5s;
	-o-transition: .5s;
	transition: .5s
}

.ter7_ul li div {
	width: 48px;
	height: 48px;
	border: 1px solid #cecece;
	float: right;
	border-radius: 10px;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-ms-transition: .5s;
	-o-transition: .5s;
	transition: .5s
}

.ter7_ul .li_1 {
	right: 685px;
	top: 0
}

.ter7_ul .li_2 {
	right: 886px;
	top: 106px
}

.ter7_ul .li_3 {
	right: 842px;
	top: 354px
}

.ter7_ul .li_4 {
	left: 539px;
	top: 379px
}

.ter7_ul .li_5 {
	left: 767px;
	top: 373px
}

.ter7_ul .li_6 {
	left: 886px;
	top: 155px
}

.ter7_ul .li_7 {
	left: 686px;
	top: 3px
}

.ter7_ul .li_1 div {
	background: url(../images/dz1_03.png) no-repeat center
}

.ter7_ul .li_2 div {
	background: url(../images/dz1_14.png) no-repeat center
}

.ter7_ul .li_3 div {
	background: url(../images/dz1_22.png) no-repeat center
}

.ter7_ul .li_4 div {
	background: url(../images/dz1_27.png) no-repeat center
}

.ter7_ul .li_5 div {
	background: url(../images/dz1_30.png) no-repeat center
}

.ter7_ul .li_6 div {
	background: url(../images/dz1_18.png) no-repeat center
}

.ter7_ul .li_7 div {
	background: url(../images/dz1_07.png) no-repeat center
}

.ter7_ul li:hover div {
	background-color: #c90b0b;
	border-color: #c90b0b
}

.ter7_ul li:hover span {
	color: #c90b0b
}

.ext_f {
	font-weight: lighter;

	font-size: 14px;
	color: #fff;
	line-height: 26px;
	padding: 0 0 15px 14px;
	border-bottom: 1px dashed #404041;
	width: 451px;
	margin-top: 26px
}

.ytg_tit {
	font-size: 30px;
	line-height: 50px;
	color: #fff;
	padding-bottom: 17px;
	width: 450px;
	margin-top: 0;
	border: none;
	padding-left: 0;
	background: 0 0
}

.ext_f1 .ext_f:nth-child(5) {
	-webkit-animation: extLeft 3s;
	-o-animation: extLeft 3s;
	-moz-animation: extLeft 3s;
	animation: extLeft 3s
}

.ben {
	margin-top: 160px
}

.topic-section-one h1 {
	font-size: 36px;
	line-height: 46px;
	margin-bottom: 8px
}

.topic-section-one h2 {
	font-size: 18px;
	line-height: 28px
}

.topic-section-two {
	height: 1095px
}

.topic-section-two .topic-wrap {
	width: 820px;
	padding-top: 200px
}

.topic-section-two h2 {
	font-size: 36px;
	line-height: 46px;
	color: #353535;
	margin-bottom: 16px
}

.topic-section-two p {
	color: #818181
}

.topic-section-three h2 {
	font-size: 36px;
	line-height: 46px
}

.topic-section-three h2 span {
	font-size: 18px
}

.topic-section-four h2 {
	font-size: 36px;
	line-height: 46px
}

.topic-section-five h2 {
	font-size: 36px;
	line-height: 46px
}

.topic-section-six .topic-wrap h2 {
	font-size: 36px;
	line-height: 46px
}

.topic-section-seven .topic-wrap h2 {
	font-size: 36px;
	line-height: 46px
}

.topic-section-eight h2 {
	font-size: 36px;
	line-height: 46px
}

.topic-section-nine h2 {
	font-size: 36px;
	line-height: 46px
}

.topic-section-ten h2 {
	font-size: 36px;
	line-height: 46px
}

.topic-section-eleven h2 {
	font-size: 36px;
	line-height: 46px
}

.topic-section-twelve h2 {
	font-size: 36px;
	line-height: 46px
}

.topic-section-thirteen h2 {
	font-size: 36px;
	line-height: 46px
}

.topic-section-fourteen h2 {
	font-size: 36px;
	line-height: 46px
}

.topic-section-seven {
	height: 1080px
}

.topic-section-seven .topic-wrap {
	top: 295px
}

.seven-box {
	width: 1200px;
	margin-left: -600px;
	top: 465px
}

.seven-box>div {
	width: 240px;
	margin: 0
}

.seven-box>div h3 {
	font-size: 18px;
	line-height: 28px;
	margin-bottom: 6px;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-ms-transition: .5s;
	-o-transition: .5s;
	transition: .5s
}

.seven-box>div:hover h3 {
	color: red
}

.seven-box>div p {
	width: 190px;
	margin: 0 auto;
	font-size: 14px;
	line-height: 22px
}

.seven-box>div i {
	border-color: rgba(255, 255, 255, .5)
}

.seven-box>div.seven-box-item04 i {
	background: url(../images/fwsgl_03.png) no-repeat center
}

.seven-box>div.seven-box-item05 i {
	background: url(../images/fwsgl_08.png) no-repeat center
}

.seven-box>div.seven-box-item04:hover i {
	background: url(../images/fwsgl_06.png) no-repeat center
}

.seven-box>div.seven-box-item05:hover i {
	background: url(../images/fwsgl_10.png) no-repeat center
}

.mask_f2_left p {
	margin-top: 7px;
	border-bottom: 1px solid #dcdcdc;
	float: left;
	color: #333;
	font-size: 18px;
	padding-bottom: 16px;
	line-height: 28px
}

.mask_f2_left p span {
	display: block;
	font-size: 16px;
	line-height: 26px;
	color: #666;
	margin-top: 1px
}

.system {
	width: 875px;
	margin: 70px auto 0;
	position: relative
}

.system .tit {
	margin: 0 auto;
	width: 246px;
	height: 246px;
	border: 1px solid #cbcbcb;
	border-radius: 100%;
	padding: 14px;
	position: relative
}

.system .tit .pic {
	background: #475668;
	border-radius: 100%;
	width: 216px;
	height: 216px;
	overflow: hidden
}

.system .tit .pic img {
	width: 100%;
	display: block;
	opacity: .2;
	filter: alpha(opacity=20)
}

.system .tit .con {
	padding-top: 124px;
	font-size: 20px;
	line-height: 30px;
	color: #fff;
	text-align: center;
	position: absolute;
	top: 15px;
	left: 15px;
	width: 216px;
	height: 216px;
	border-radius: 100%;
	background: url(../images/syst_03.png) no-repeat center 65px
}

.sys_list {
	width: 875px;
	height: 315px;
	background: url(../images/syst_bg_03.png) no-repeat center;
	position: relative;
	margin-top: -125px
}

.sys_list div {
	border-radius: 100%;
	background-color: #edeff4;
	background-position: center;
	width: 127px;
	height: 127px;
	text-align: center;
	padding-top: 75px;
	font-size: 14px;
	line-height: 24px;
	color: #737d8a;
	position: absolute;
	border: 1px solid #cbcbcb
}

.sys_list .sys_1 {
	left: 0;
	top: 0;
	background-image: url(../images/syst_07.png)
}

.sys_list .sys_2 {
	left: 154px;
	top: 139px;
	background-image: url(../images/syst_15.png)
}

.sys_list .sys_3 {
	left: 378px;
	bottom: 0;
	background-image: url(../images/syst_21.png)
}

.sys_list .sys_4 {
	right: 154px;
	top: 139px;
	background-image: url(../images/syst_18.png)
}

.sys_list .sys_5 {
	right: 0;
	top: 0;
	background-image: url(../images/syst_10.png)
}

.opacity_0 {
	opacity: 0;
	filter: alpha(opacity=0)
}

.opacity_1 {
	opacity: 1;
	filter: alpha(opacity=100)
}

.app3_ul .bd {
	height: 476px;
	overflow: hidden
}

.mark {
	background: url(/skin/ctmon/images/wor_03.jpg) no-repeat center 65px fixed #1C2439
}

@media (max-width:1360px) and (min-width:1200px) {
	.case_con .news_content .ul-grid-trisect-img img {
		height: 257.16px
	}
	.ui-grid-trisect-img>a img {
		width: 368px;
		height: 258px
	}
	.mark {
		background: url(/skin/ctmon/images/wor_03.jpg) no-repeat center 0 fixed #1C2439
	}
}

@media (max-width:1438px) and (min-width:1366px) {
	.case_con .news_content .ul-grid-trisect-img img {
		height: 257.16px
	}
	.ui-grid-trisect-img>a img {
		width: 368px;
		height: 258px
	}
}

@media (max-width:1920px) and (min-width:1680px) {
	.case_con .news_content .ul-grid-trisect-img img {
		height: 307.91px
	}
}

@media (max-width:1920px) and (min-width:1500px) {
	.ui-grid-trisect-img>a img {
		width: 441px;
		height: 308px
	}
}

.zhaopina {
	transition: .5s;
	-webkit-transition: .5s;
	color: #fff;
	font-size: 14px;
	background-color: #e10413;
	margin: 0 auto;
	margin-top: 60px;
	display: block;
	width: 172px;
	height: 40px;
	border-radius: 120px;
	text-align: center;
	line-height: 40px
}

.zhaopina:hover {
	background-color: #bb0a0a;
	border-color: #bb0a0a;
	color: #fff
}

.casetop {
	height: 40px
}

.casebottom {
	height: 60px
}

#container,
.resound_main_banner {
	margin: auto
}

@media (min-width:400px)and (max-width:1150px) {
	.nav {
		max-width: 1200px
	}
	.mark {
		background: url(/skin/ctmon/images/wor_03.jpg) no-repeat center #1C2439
	}
	.mask_f3 {
		max-width: 1200px;
		overflow: hidden
	}
	.ul-grid-trisect-img>img {
		width: 355px;
		height: 248px
	}
}

.abo h5 {
	font-size: 24px;
	line-height: 34px;
	color: #131314;
	padding-bottom: 20px;
	margin: 0 auto;
	max-width: 1200px
}

.abo p {
	line-height: 26px;
	color: #666;
	margin-bottom: 0
}

.abo_f1 {
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
	padding: 60px 0 55px
}

.abo_f1 .left {
	float: left;
	width: 494px
}

.abo_f1 .left img {
	display: block;
	width: 100%
}

.abo_f1 .right {
	float: right;
	width: 640px;
	padding-top: 65px
}

.abo_f2 {
	width: 1200px;
	margin: 0 auto 40px
}

.abo2 {
	margin-top: 5px;
	overflow: hidden;
	position: relative;
	text-align: center;
	border: 1px solid #e5e5e5;
	padding: 34px 0
}

.abo2::before {
	content: " ";
	width: 1px;
	background: #e5e5e5;
	height: 158px;
	top: 50px;
	left: 399px;
	position: absolute
}

.abo2::after {
	content: " ";
	width: 1px;
	background: #e5e5e5;
	height: 158px;
	top: 50px;
	right: 399px;
	position: absolute
}

.abo2 li {
	width: 379px;
	float: left;
	margin: 0 10px
}

.abo2 li .icon {
	width: 109px;
	height: 109px;
	border: 1px solid #ddd;
	border-radius: 100%;
	margin: 0 auto 27px;
	background-repeat: no-repeat;
	background-position: center
}

.abo2 li span {
	display: block;
	line-height: 26px;
	color: #444;
	font-size: 16px
}

.abo2 li i {
	font-family: Arial;
	display: block;
	font-size: 12px;
	color: #d0d0d0;
	line-height: 22px;
	font-style: normal
}

.abo_f3 {
	background: #f7f7f7;
	padding: 65px 0 60px
}

.abo3 {
	width: 1200px;
	margin: 0 auto;
	overflow: hidden
}

.abo3 li {
	width: 547px;
	padding: 43px 25px 0 20px;
	float: left;
	margin: 13px 13px 0 0;
	height: 220px;
	background: #fff;
	overflow: hidden
}

.abo3 li .icon {
	border-radius: 100%;
	width: 86px;
	height: 86px;
	border: 1px solid #ddd;
	background-position: center;
	background-repeat: no-repeat;
	float: left;
	margin-top: 5px;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-ms-transition: .5s;
	-o-transition: .5s;
	transition: .5s
}

.abo3 li .con {
	float: right;
	width: 440px
}

.abo3 li .con span {
	display: block;
	line-height: 26px;
	color: #444;
	margin-bottom: 10px;
	font-size: 16px
}

.abo3 li.li2,
.abo3 li.li4 {
	margin-right: 0
}

.abo3 li.li1 .icon {
	background-image: url(../images/abo1_28.png)
}

.abo3 li.li1:hover .icon {
	background-image: url(../images/abo1_19.png);
	border-color: #df1719
}

.abo3 li.li2 .icon {
	background-image: url(../images/abo1_25.png)
}

.abo3 li.li2:hover .icon {
	background-image: url(../images/abo1_23.png);
	border-color: #df1719
}

.abo3 li.li3 .icon {
	background-image: url(../images/abo1_37.png)
}

.abo3 li.li3:hover .icon {
	background-image: url(../images/abo1_34.png);
	border-color: #df1719
}

.abo3 li.li4 .icon {
	background-image: url(../images/abo1_39.png)
}

.abo3 li.li4:hover .icon {
	background-image: url(../images/abo1_41.png);
	border-color: #df1719
}

.abo_f4 {
	padding: 55px 0 0 0;
	width: 1200px;
	margin: 0 auto
}

.abo_f4 img {
	max-width: 100%;
	display: block
}

.abo_f4 h6 {
	font-size: 18px;
	line-height: 28px;
	color: #444;
	margin: 0 0 10px 0
}

.abo_f4 h6.h6_1 {
	padding-left: 35px;
	background: url(../images/abo1_68.png) no-repeat left 0
}

.abo_f4 h6.h6_2 {
	padding-left: 33px;
	background: url(../images/abo1_69.png) no-repeat left 2px
}

.abo4_scroll {
	position: relative;
	padding-bottom: 45px;
	margin-bottom: 5px;
	margin-top: 30px
}

.abo4_scroll .hd .next,
.abo4_scroll .hd .prev {
	display: none;
	width: 5px;
	height: 9px;
	float: right;
	overflow: hidden;
	cursor: pointer
}

.abo4_scroll .hd .next {
	background-position: 0 -50px
}

.abo4_scroll .hd .prevStop {
	background-position: -60px 0
}

.abo4_scroll .hd .nextStop {
	background-position: -60px -50px
}

.abo4_scroll .hd ul {
	height: 17px;
	text-align: center;
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
	zoom: 1
}

.abo4_scroll .hd ul li {
	width: 13px;
	height: 13px;
	border-radius: 100%;
	display: inline-block;
	border: 2px solid #bfbfbf;
	margin: 0 1.5px;
	overflow: hidden;
	text-indent: -999px;
	cursor: pointer;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-ms-transition: .5s;
	-o-transition: .5s;
	transition: .5s
}

.abo4_scroll .hd ul li.on,
.abo4_scroll .hd ul li:hover {
	border-color: #df1719
}

.abo4_scroll .bd {
	overflow: hidden
}

.abo4_scroll .bd ul {
	overflow: hidden;
	zoom: 1
}

.abo4_scroll .bd ul li {
	margin: 0 33px 0 0;
	float: left;
	overflow: hidden;
	text-align: center
}

.abo4_scroll .bd ul li img {
	display: block;
	width: 378px;
	height: 287px;
	margin-top: 15px;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-ms-transition: .5s;
	-o-transition: .5s;
	transition: .5s
}

.abo4_scroll .bd ul li img:hover {
	margin-top: 0
}

.abo4_list2 {
	padding-top: 6px;
	width: 625px
}

.abo4_list2 li {
	position: relative;
	padding-left: 33px
}

.abo4_list2 li i {
	display: block;
	width: 20px;
	height: 20px;
	border: 1px solid #ddd;
	text-align: center;
	font-style: normal;
	font-size: 12px;
	color: #df1719;
	border-radius: 100%;
	position: absolute;
	left: 0;
	top: 12px
}

.abo4_list2 li span {
	display: block;
	line-height: 24px;
	color: #666;
	padding: 10px 0 8px;
	border-top: 1px solid #e9e9e9
}

.abo4_list2 li:first-child span {
	border: none
}

.abo_f5 {
	padding: 55px 0 0 0;
	width: 1200px;
	margin: 0 auto
}

.abo5_scroll {
	position: relative
}

.abo5_scroll .hd .next,
.abo5_scroll .hd .prev {
	position: absolute;
	top: 50%;
	margin-top: -30px;
	display: block;
	width: 60px;
	height: 60px;
	border: 1px solid #ccc;
	left: -154px;
	border-radius: 100%;
	background: url(../images/abo1_64.png) no-repeat center;
	cursor: pointer;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-ms-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
	overflow: hidden
}

.abo5_scroll .hd .next {
	background-image: url(../images/abo1_65.png);
	left: auto;
	right: -154px
}

.abo5_scroll .hd .prev:hover {
	background: url(../images/abo1_66.png) no-repeat center #df1719;
	border-color: #df1719
}

.abo5_scroll .hd .next:hover {
	background: url(../images/abo1_67.png) no-repeat center #df1719;
	border-color: #df1719
}

.abo5_scroll .hd .prevStop {
	background-position: -60px 0
}

.abo5_scroll .hd .nextStop {
	background-position: -60px -50px
}

.abo5_scroll .hd ul {
	display: none;
	height: 17px;
	text-align: center;
	position: absolute;
	width: 100%;
	bottom: -40px;
	left: 0;
	zoom: 1
}

.abo5_scroll .hd ul li {
	width: 13px;
	height: 13px;
	border-radius: 100%;
	display: inline-block;
	border: 2px solid #bfbfbf;
	margin: 0 1.5px;
	overflow: hidden;
	text-indent: -999px;
	cursor: pointer;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-ms-transition: .5s;
	-o-transition: .5s;
	transition: .5s
}

.abo5_scroll .hd ul li.on,
.abo5_scroll .hd ul li:hover {
	border-color: #df1719
}

.abo5_scroll .bd {
	overflow: hidden
}

.abo5_scroll .bd ul {
	overflow: hidden;
	zoom: 1
}

.abo5_scroll .bd ul li {
	margin: 0 40px 0 0;
	width: 270px;
	float: left;
	overflow: hidden;
	text-align: center
}

.abo5_scroll .bd ul li a {
	display: block;
	height: 349px;
	overflow: hidden
}

.abo5_scroll .bd ul li a img {
	display: block;
	width: 100%;
	height: 349px;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-ms-transition: .5s;
	-o-transition: .5s;
	transition: .5s
}

.abo5_scroll .bd ul li a:hover img {
	-webkit-transform: scale(1.02);
	-moz-transform: scale(1.02);
	-ms-transform: scale(1.02);
	-o-transform: scale(1.02);
	transform: scale(1.02)
}

@media (max-width:1600px) {
	.abo5_scroll .hd .prev {
		left: -100px
	}
	.abo5_scroll .hd .next {
		right: -100px
	}
}

@media (max-width:1450px) {
	.abo5_scroll .hd .prev {
		left: -90px
	}
	.abo5_scroll .hd .next {
		right: -90px
	}
}

@media (max-width:1410px) {
	.abo5_scroll .hd .prev {
		display: none
	}
	.abo5_scroll .hd .next {
		display: none
	}
	.abo5_scroll .hd ul {
		display: block
	}
	.abo5_scroll {
		margin-bottom: 30px
	}
}

.brand_bg {
	height: 920px;
	background: url(../images/brand_02.jpg) no-repeat center 70px fixed
}

@media (max-width:1650px) {
	.brand_bg {
		height: 820px;
		background-position: center 40px
	}
}

@media (max-width:1550px) {
	.brand_bg {
		height: 720px;
		background-position: center 0
	}
}

@media (max-width:1450px) {
	.brand_bg {
		height: 620px;
		background-position: center -45px
	}
}

.brand {
	background: #f3f3f3
}

.brand h5 {
	font-size: 32px;
	line-height: 42px;
	color: #444;
	text-align: center;
	padding-top: 70px;
	margin: 0
}

.brand h6 {
	font-family: Arial;
	margin: 0;
	font-size: 12px;
	line-height: 22px;
	color: #8b8b8b;
	text-align: center
}

.brand1 {
	width: 1200px;
	margin: 30px auto 80px;
	overflow: hidden
}

.brand1 li {
	width: 380px;
	margin-top: 20px;
	float: left;
	margin-left: 30px;
	background: #fff;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-ms-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
	cursor: pointer
}

.brand1 li:first-child {
	margin-left: 0
}

.brand1 li:hover {
	margin-top: 0
}

.brand1 li img {
	display: block;
	width: 100%;
	height: 280px
}

.brand1 li .con {
	text-align: center;
	padding: 31px 0
}

.brand1 li .con i {
	font-style: normal;
	display: inline-block;
	background: #cf1810;
	border-radius: 100%;
	width: 20px;
	line-height: 20px;
	color: #fff
}

.brand1 li .con span {
	display: inline-block;
	font-size: 18px;
	line-height: 28px;
	color: #444;
	margin-left: 8px
}

.brand_f2 {
	height: 550px;
	padding-top: 20px;
	background-position: center;
	background-attachment: fixed
}

.brand_f2 h5 {
	color: #fff
}

.brand_f2 h6 {
	color: rgba(255, 255, 255, .4)
}

.brand2 {
	width: 1200px;
	margin: 60px auto 0;
	overflow: hidden
}

.brand2 li {
	width: 242px;
	height: 257px;
	margin-left: 77px;
	float: left;
	background: url(../images/brand_19.png) no-repeat top
}

.brand2 li .icon {
	width: 119px;
	opacity: .6;
	filter: alpha(opacity=60);
	height: 119px;
	border-radius: 100%;
	margin: 0 auto 41px;
	background-position: center;
	background-repeat: no-repeat;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-ms-transition: .5s;
	-o-transition: .5s;
	transition: .5s
}

.brand2 li.li1 {
	margin-left: 0
}

.brand2 li.li1 .icon {
	background-image: url(../images/brand_15.png)
}

.brand2 li.li2 .icon {
	background-image: url(../images/brand_22.png)
}

.brand2 li.li3 .icon {
	background-image: url(../images/brand_25.png)
}

.brand2 li.li4 .icon {
	background-image: url(../images/brand_28.png)
}

.brand2 li:hover .icon {
	opacity: 1;
	filter: alpha(opacity=100);
	background-color: red;
	cursor: pointer
}

.brand2 li p {
	text-align: center;
	line-height: 26px;
	font-size: 16px;
	color: #fff
}

.brand_f3 {
	overflow: hidden;
	width: 100%
}

.brand3 {
	padding-top: 20px;
	width: 1200px;
	margin: 0 auto;
	padding-bottom: 90px
}

.bra3_list {
	line-height: 14px;
	overflow: hidden;
	position: relative;
	background: #fff;
	margin-top: 34px
}

.bra3_list .pic {
	float: left;
	width: 600px;
	height: 260px
}

.bra3_list .pic {
	cursor: pointer;
	display: block;
	width: 600px;
	height: 260px
}

.bra3_list.two .pic {
	float: right
}

.bra3_list .icon {
	font-family: Arial;
	width: 80px;
	height: 80px;
	border: 1px solid #e5e5e5;
	border-radius: 100%;
	position: absolute;
	left: 650px;
	top: 50%;
	margin-top: -40px;
	font-size: 30px;
	text-align: center;
	color: #b7b7b7;
	line-height: 78px
}

.bra3_list.two .icon {
	left: 50px
}

.bra3_list .con {
	width: 400px;
	position: absolute;
	left: 750px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	    background-color: #fff;
}

.bra3_list.two .con {
	left: 152px
}

.bra3_list .con span {
	font-size: 16px;
	line-height: 26px;
	color: #444;
	display: block
}

.bra3_list .con p {
	line-height: 26px;
	color: #777;
	margin: 0
}