@font-face {
	font-family: dinpro-bold;
	src: url(../other/DINPro-Bold.otf)
}
@font-face {
	font-family: din condensed bold;
	src: url('fonts/DIN Condensed Bold.woff')
}
* {
	font-family: microsoft jhenghei, ΢ܛÕýºÚów, Microsoft YaHei, ΢ÈíÑźÚ
}
em{font-style:inherit;}
html {
	_background-image: url(../other/about:blank);
	_background-attachment: fixed
}
body {
	margin: 0;
	padding: 0;
	font-size: 14px;
	overflow-x: hidden;
	color:#3b3b3b;
}
html, body {
	height: 100%
}
img {
	border: 0
}
a {
	color:#3b3b3b;
	text-decoration: none;
	transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	-moz-transition: all .5s
}
a:hover {
	color: #ba0001;
	text-decoration: none;
	transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	-moz-transition: all .5s
}
.sc {
	border: 1px solid #ccc;
	border-collapse: collapse;
	border-top: 0
}





.fixed {
	position: absolute;
	left: 0;
	top: 130px;
	height: 385px;
	width: 100px;
	background: #f0eee1
}
.clearfix:after {
	visibility: hidden;
	display: block;
	content: " ";
	clear: both;
	height: 0;
	line-height: 0
}
.page {
	text-align: center;
	margin-top: 30px;
	margin-bottom: 20px
}
.page a {
	border: 1px solid #ccc;
	margin-left: 8px;
	padding: 2px 12px;
	display: inline-block;
	color: #000;
	text-decoration: none;
	background-color: #fff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px
}
.page a:hover {
	background: #eee;
	color: #bb0408;
	text-decoration: none
}
.page2 {
	text-align: center;
	margin-top: 20px;
	margin-bottom: 20px
}
.page2 a {
	margin-left: 8px;
	padding: 3px 11px;
	background: #737373;
	display: inline-block;
	color: #fff;
	text-decoration: none
}
.page2 a:hover {
	background: #eee;
	color: #fff;
	text-decoration: none
}




.bottomA {
	margin-left: 70px;color: #a0a0a0;line-height: 28px;
}
.bottomA p {
	font-size: 16px;
	color: #eae8e8;
	margin-bottom: 20px
}
.bottomA a {
	font-size: 14px;
	color: #a0a0a0;
	display: block;
	margin-bottom: 6px;
	line-height: 28px;
	transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	-moz-transition: all .5s
}
.bottomA a:hover {
	font-size: 14px;
	color: #cdcdcd;
	display: block;
	line-height: 28px;
	width: 100%;
	text-decoration: none;
	padding-left: 5px;
	margin-bottom: 6px
}
.sf a{margin-bottom: 0;}
.sf a:hover{padding-left: 0; margin-bottom: 0;}
.youlian {
	line-height: 33px;
	font-size: 14px;
	width: 1200px;
	margin: 0 auto;
	padding-top: 25px;
	padding-bottom: 15px
}
.youlian span {
	font-size: 14px;
	color: #eae8e8;
	text-decoration: none;
	margin-right: 10px
}
.youlian a {
	font-size: 14px;
	color: #868686;
	text-decoration: none;
	margin-right: 10px
}
.youlian a:hover {
	font-size: 14px;
	color: #fff;
	text-decoration: none;
	margin-right: 10px
}
hr {
	height: 1px;
	border: none;
	border-top: 1px dashed #3c3c3c;
	filter: alpha(opacity=100, finishopacity=0, style=1)
}


.work2 {
	text-align: center;
	color: #1f1f1f;
	font-size: 39px;
	padding-top: 10px;
	height: 50px;
	font-weight: 700;
	line-height: 40px
}
.work2 .s1 {
	color: #cdcdcd;
	font-size: 24px;
	padding: 0 5px;
	font-family: ËÎÌå
}
.work2 .s2 {
	color: #c12a2f;
	src: url(../other/Montserrat-Medium.otf);
	font-family: montserrat-medium; text-transform:uppercase;
}
.work2-des {
	color: #b9b9b9;
	font-size: 16px;
	text-align: center;
	margin: 5px auto;
	height: 30px
}
.index_center {
	text-align: center
}
.index_center .ul {
	display: inline-block
}


.index_xw {
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
	display: none
}
.index_xw .xw_l {
	float: left
}
.index_xw .xw_r {
	width: 877px;
	float: right
}
.Newindex {
	display: block;
	float: left;
	width: 148px;
	height: 45px;
	line-height: 47px;
	font-size: 18px;
	border: 1px solid #f9f9f9;
	background-color: #f9f9f9;
	text-align: center;
	margin-right: 20px;
	color: #333
}
.Newindex2, .Newindex2:hover, .Newindex:hover {
	display: block;
	float: left;
	width: 148px;
	height: 45px;
	line-height: 47px;
	font-size: 18px;
	border: 1px solid #c12a2f;
	background-color: #c12a2f;
	color: #fff;
	text-align: center;
	margin-right: 20px;
	text-decoration: none
}
.newDiv_index {
	width: 375px;
	height: 75px;
	padding: 12px;
	border: 1px solid #f4f4f4;
	background-color: #fff;
	float: left;
	margin-left: 36px;
	margin-bottom: 18px
}
.newDiv_index:hover {
	border: 1px solid #c12a2f;
	background-color: #fff
}
.newDiv_index:hover .newDiv_index_riqi {
	background-color: #c12a2f;
	text-align: center;
	color: #fff
}
.newDiv_index .newDiv_index_riqi {
	width: 75px;
	height: 75px;
	float: left;
	background-color: #969393;
	text-align: center;
	color: #fff
}
.riqip1 {
	font-size: 29px;
	font-weight: 700;
	font-family: dinpro-bold;
	padding-top: 7px;
	padding-bottom: 2px
}
.riqip2 {
	font-size: 14px;
	font-family: dinpro-bold
}
.newDiv_index_title {
	float: left;
	margin-left: 15px;
	height: 75px;
	width: 280px
}
.newDiv_index_title .newDiv_index_title1 {
	font-size: 15px;
	font-weight: 700;
	margin-top: 3px
}
.newDiv_index_title .newDiv_index_title2 {
	font-size: 14px;
	color: #888;
	margin-top: 8px;
	line-height: 22px
}
.taocan_titleI {
	font-size: 33px;
	font-weight: 700;
	color: #fff;
	margin-bottom: 15px
}
.taocan_titleI-1 {
	font-size: 18px;
	color: #fff;
	margin: 25px 0 10px
}
.taocan_titleI-2 {
	font-size: 15px;
	color: #fff;
	line-height: 27px
}
.index_lr {
	width: 100%;
	height: 450px;
	background: url(../img/indexlogobg.jpg);
	box-sizing: border-box;
	padding-top: 62px
}
.container {
	width: 1200px;
	margin: 0 auto
}
.lr_l {
	float: left
}
.lr_r {
	width: 750px;
	float: right;
	margin-top: 45px
}


.NewDiv {
	width: 100%;
	margin: 0 auto;
	line-height: 32px;
	font-size: 14px
}
.NewDiv a:hover {
	text-decoration: none
}
.NewDiv:hover .NewASpan {
	width: 100%;
	margin: 0 auto;
	line-height: 32px;
	color: #888;
	font-size: 20px;
	font-family: ËÎÌå
}



.index_lc {
	padding: 30px 0 70px;
	overflow: hidden
}
.liuchengDiv {
	width: 180px;
	margin-right: 20px;
	color: #454545;
	float: left;
	text-align: center;
	margin-top: 50px
}
.liuchengDiv .liucheng-img {
	text-align: center;
	width: 80px;
	height: 65px;
	padding-top: 15px;
	margin: 0 auto;
	background-color: #c12a2f;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px
}
.liuchengDiv:hover img {
	transform: rotateY(360deg);
	transition: .9s
}
.liuchengDiv .liucheng-img:hover {
	text-align: center;
	width: 80px;
	height: 65px;
	padding-top: 15px;
	margin: 0 auto;
	background-color: #1e1e1e;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	-moz-transition: all .5s
}
.liuchengDiv .liucheng-img img {
	height: 50px;
	width: 50px
}
.liuchengDiv .liucheng-img:hover img {
	height: 52px;
	width: 53px;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	-moz-transition: all .5s
}
.liuchengDiv .liucheng-text {
	font-size: 18px;
	margin-top: 15px;
	font-weight: 700
}
.liuchengDiv .liucheng-desc {
	font-size: 12px;
	margin-top: 9px
}


ul, li, p, h4 {
	margin: 0;
	padding: 0;
	list-style-type: none
}
i {
	margin: 0;
	padding: 0;
	font-style: normal
}
ul {
	margin: 0;
	padding: 0;
	list-style: none
}
ul li {
	margin: 0;
	padding: 0;
	list-style: none
}
.cndns-right a {
	color: #333;
	text-decoration: none
}
.cndns-right a:hover {
	color: #ff5a00;
	text-decoration: none
}
.clear {
	clear: both;
	font-size: 0;
	line-height: 0;
	height: 0
}
@font-face {
	font-family: icomoon;
	src: url(../other/icomoon.eot) format('embedded-opentype'), url(../other/icomoon.ttf) format('truetype'), url(../other/icomoon.woff) format('woff'), url(../other/icomoon.svg) format('svg');
	font-weight: 400;
	font-style: normal
}
.demo-icon {
	font-family: icomoon;
	font-style: normal;
	font-weight: 400;
	speak: none;
	display: inline-block;
	text-decoration: inherit;
	text-align: center;
	font-variant: normal;
	text-transform: none;
	font-size: 24px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	line-height: 24px;
	color: #999
}
.cndns-right {
	position: fixed;
	right: 1px;
	top: 50%;
	margin-top: -100px;
	z-index: 15000
}
.cndns-right-meau {
	position: relative
}
.cndns-right-btn {
	width: 48px;
	height: 48px;
	text-align: center;
	display: block;
	margin-bottom: 6px;
	position: relative;
	background-color: #f8f8f8
}
.cndns-right-btn span {
	color: #848484;
	font-size: 26px;
	line-height: 48px
}
.cndns-right-btn sup {
	display: block;
	min-width: 24px;
	height: 24px;
	text-align: center;
	line-height: 24px;
	color: #fff;
	border-radius: 50%;
	background-color: #c12a2f;
	position: absolute;
	left: -12px;
	top: -12px
}
.cndns-right-btn p {
	color: #616161;
	font-size: 14px;
	line-height: 18px;
	padding-top: 5px;
	display: none
}
.cndns-right-meau:hover .cndns-right-btn span {
	display: none
}
.cndns-right-meau:hover .cndns-right-btn p {
	display: block
}


.meau-car .cndns-right-btn {
	border-color: #c12a2f;
	margin-bottom: 20px
}
.meau-car.cndns-right-meau:hover .cndns-right-btn {
	background-color: #c12a2f
}
.meau-car.cndns-right-meau:hover .cndns-right-btn span {
	color: #fff;
	display: block
}
.meau-car .cndns-right-btn span {
	color: #c12a2f
}
.meau-sev .cndns-right-btn {
	border-color: #c12a2f;
	background: url(../img/inco_flc.gif) no-repeat #f20c2b center
}
.meau-sev .cndns-right-btn p {
	color: #fff
}
.meau-sev .cndns-right-btn span {
	color: #fff
}
.meau-top .cndns-right-btn span {
	font-size: 12px;
	line-height: 12px;
	padding-top: 10px;
	display: block
}
.meau-top .cndns-right-btn i {
	display: block;
	color: #999
}
.meau-top.cndns-right-meau:hover .cndns-right-btn {
	background-color: #c12a2f;
	border: 0
}
.meau-top.cndns-right-meau:hover .cndns-right-btn span {
	display: block;
	color: #fff
}
.meau-top.cndns-right-meau:hover .cndns-right-btn i {
	color: #fff
}
.cndns-right-box {
	position: absolute;
	top: -15px;
	right: 42px;
	padding-right: 25px;
	display: none
}
.cndns-right-box .box-border {
	border: 1px solid #ccc;
	border-top: 4px solid #c12a2f;
	padding: 20px;
	background-color: #fff;
	-webkit-box-shadow: 0 3px 8px rgba(0,0,0,.15);
	-moz-box-shadow: 0 3px 8px rgba(0,0,0,.15);
	box-shadow: 0 3px 8px rgba(0,0,0,.15);
	position: relative
}
.cndns-right-box .box-border .arrow-right {
	display: block;
	width: 13px;
	height: 60px;
	background: url(../img/arrow.png) no-repeat;
	position: absolute;
	right: -13px;
	top: 26px
}
.cndns-right-box .box-border .sev-t span {
	font-size: 42px;
	float: left;
	display: block;
	line-height: 56px;
	margin-right: 20px;
	color: #d3d3d3
}
.cndns-right-box .box-border .sev-t img {
	width: 150px
}
.cndns-right-box .box-border .sev-t p {
	float: right;
	color: #c12a2f;
	font-size: 24px;
	line-height: 28px
}
.cndns-right-box .box-border .sev-t p i {
	display: block;
	font-size: 14px;
	color: #aaa
}
.cndns-right-box .box-border .sev-b {
	padding-top: 15px;
	margin-top: 15px;
	border-top: 1px solid #e4e4e4
}
.cndns-right-box .box-border .sev-b h4 {
	color: #666;
	font-size: 14px;
	font-weight: 400;
	padding-bottom: 15px
}
.cndns-right-box .box-border .sev-b li {
	float: left;
	width: 33.33333%
}
.cndns-right-box .box-border .sev-b li a {
	display: inline-block;
	color: #999;
	font-size: 13px;
	padding-left: 43px;
	background: url(../img/q1.gif) no-repeat left 3px;
	line-height: 36px
}
.cndns-right-box .box-border .sev-b li a:hover {
	color: #c12a2f
}
.meau-sev .cndns-right-box .box-border {
	width: 430px
}
.meau-contact .cndns-right-box .box-border {
	width: 230px
}
.cndns-right-meau:hover .cndns-right-box {
	display: block
}
.meau-code .cndns-right-box {
	top: inherit;
	bottom: -35px
}
.meau-code .cndns-right-box .box-border {
	width: 156px;
	text-align: center;
	border-top: 1px solid #ccc
}
.meau-code .cndns-right-box .box-border i {
	display: block;
	color: #393939;
	font-size: 14px;
	line-height: 16px
}
.meau-code .cndns-right-box .box-border .arrow-right {
	top: inherit;
	bottom: 50px
}
.meau-sev .cndns-right-btn .demo-icon {
	display: none
}
.meau-sev:hover .cndns-right-btn {
	background: #c12a2f
}
.meau-zs .cndns-right-btn {
	background-color: #c12a2f;
	color: #fff;
	margin-top: 80px;
	border-color: #f20c2b
}
.meau-zs .cndns-right-btn span {
	color: #fff
}
.meau-zs .cndns-right-btn p {
	color: #fff
}





#scroll_div {
	width: 1200px;
	line-height: 30px;
	overflow: hidden;
	white-space: nowrap;
	margin: 0 auto;
	margin-bottom: 30px;
	margin-top: 10px
}
#scroll_begin, #scroll_end {
	display: inline
}
#scroll_div a {
	color: #878787;
	text-decoration: none;
	font-size: 14px;
	margin-right: 10px
}
#scroll_div a:hover {
	color: #fff
}



.header {
	width: 90%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10000;
	border-bottom: 1px rgba(255,255,255,.09) solid;
	padding: 0 5%
}
.header:hover {
	background: rgba(0,0,0,.15);
	border-bottom: 1px rgba(255,255,255,.2) solid
}
.header_left {
	padding-top: 25px;
	float: left
}
.header_left a img{width:60px; float:left; padding-right:10px;}
.header a img:last-child {
	display: none
}

.header_two {
	width: 90%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10000;
	border-bottom: 1px rgba(255,255,255,.09) solid;
	padding: 0 5%;
	transition: .5s
}
.header_two:hover {
	background: rgba(0,0,0,.15);
	border-bottom: 1px rgba(255,255,255,.2) solid
}
.header_two.header_hide {
	top: -100px
}
.header_two a .toplogo span{font-size:28px; color:#fff; font-weight:bold; line-height:30px; display:inline-block; width:340px;}
.header_two a .toplogo span em{font-size:20px;}
.header_two a .toplogo p{font-size:12px; color:#fff; text-transform:uppercase;}
.header_two a .toplogo:last-child {
	display: none
}
.header_two.white {
	width: 90%;
	position: fixed;
	left: 0;
	z-index: 10000;
	background: #fff;
	padding: 0 5%;
	transition: .5s;
	box-shadow: 0 0 10px rgba(0,0,0,.2)
}
.header_two.white .nav ul li>a {
	color: #000
}
.header_two.white .sp_nav span {
	background: #000
}
.header_two.white .phone p {
	color: #000
}
.header_two.white .phone h2 {
	color: #000
}
.header_two.white .nav {
	border-right: 1px rgba(0,0,0,.1) solid
}

.header_two.white a .toplogo:last-child {
	display: block;
}
.header_two.white a .toplogo:last-child span{color:#1b1b1b;}
.header_two.white a .toplogo:last-child p{color:#1b1b1b;}
.header_two.white a .toplogo:first-child {
	display: none;
}
.header_two.white .erji {
	background: #fff;
	border-top: 1px rgba(0,0,0,.1) solid
}
.header_two.white .nav ul li:hover {
	background: 0 0
}
.header_two.white .erji a {
	color: #000
}
.nav {
	width: 87%;
	height: 95px;
	margin: 0 auto;
	float: left;
	border-right: 1px rgba(255,255,255,.15) solid;
	box-sizing: border-box
}
.nav_logo {
	float: left;
	margin-top: 20px
}
.nav ul {
	display: inline-block;
	float: right;
	margin-right: 2%
}
.nav ul li {
	float: left;
	font-size: 16px;
	list-style: none;
	width: 100px;
	text-align: center
}
.nav ul li:hover {
	border-bottom: 2px #c12a2f solid;
	background: rgba(0,0,0,.1)
}
.nav ul li>a {
	color: #fff;
	display: block;
	line-height: 93px
}
.nav ul li a:hover {
	color: #fff;
	text-decoration: none
}
.index_banner {
	width: 100%;
	height: 100%;
	position: relative;
	background-color: #111
}
.index_banner .swiper-container {
	width: 100%;
	height: 100%
}
.index_banner .swiper-slide {
	position: relative
}
.index_banner .swiper-slide .text {
	width: 1200px;
	position: absolute;
	top: 50%;
	left: 48%;
	transform: translate(-50%, -55%);
	cursor: pointer
}
.index_banner .swiper-slide img {
	transform: translateY(100px);
	transition: all .3s;
	opacity: 0
}
.index_banner .swiper-slide h3 {
	color: #fff;
	font-size: 50px;
	line-height: 1;
	text-transform: uppercase;
	font-family: montserrat-medium
}
.index_banner .swiper-slide h3 span {
	color: #fff;
	font-size: 66px;
	text-transform: uppercase;
	font-family: montserrat-medium
}
.index_banner .swiper-slide h2 {
	color: #fff;
	font-size: 68px;
	line-height: 1;
	margin: 65px 0 35px;
	transform: translateY(100px);
	opacity: 0;
	transition: all .3s;
	transition-delay: .2s;
	font-family: "microsoft yahei,΢ÈíÑźÚ"
}
.index_banner .swiper-slide h2 span {
	color: #fff;
	font-size: 72px;
	font-family: dinpro-bold
}
.index_banner .swiper-slide p {
	color: #fff;
	font-size: 30px;
	line-height: 1;
	margin: 0;
	transform: translateY(100px);
	opacity: 0;
	transition: all .5s;
	transition-delay: .4s
}
@media screen and (max-width:1580px) {
.index_banner .swiper-slide img {
	width: 1000px
}
.index_banner .swiper-slide h2 {
	font-size: 58px
}
.index_banner .swiper-slide p {
	font-size: 28px
}
.index_banner .swiper-slide h3 {
	font-size: 40px
}
}
@media screen and (max-width:1450px) {
.index_banner .swiper-slide img {
	width: 880px
}
.index_banner .swiper-slide h2 {
	font-size: 50px
}
.index_banner .swiper-slide p {
	font-size: 22px
}
.index_banner .swiper-slide h3 {
	font-size: 28px
}
}
.index_banner .swiper-slide-active img {
	transform: translateY(0);
	opacity: 1
}
.index_banner .swiper-slide-active h2 {
	transform: translateY(0);
	opacity: 1
}
.index_banner .swiper-slide-active p {
	transform: translateY(0);
	opacity: 1
}
#page {
	width: 180px;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	text-align: left;
	bottom: 45px;
	box-sizing: border-box;
	text-align: center;
	z-index: 200
}
#page span {
	display: inline-block;
	width: 22px;
	height: 10px;
	background: url(../img/icon_07.png)center no-repeat;
	opacity: .8;
	margin: 0 1px;
	cursor: pointer;
	border-radius: 5px;
	transition: .3s
}
#page span.swiper-pagination-bullet-active {
	background: url(../img/icon_09.png)center no-repeat
}
#button {
	width: 260px;
	height: 30px;
	position: absolute;
	bottom: 35px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 100
}
#button .swiper-button-prev:after {
	content: "";
	width: 11px;
	height: 19px;
	background: url(../img/icon_03.png);
	opacity: .8
}
#button .swiper-button-prev {
	outline: none
}
#button .swiper-button-next:after {
	content: "";
	width: 11px;
	height: 19px;
	background: url(../img/icon_05.png);
	opacity: .8
}
#button .swiper-button-next {
	outline: none
}
.phone {
	width: 13%;
	font-size: 14px;
	float: right;
	text-align: right
}
.phone p {
	color: #fff;
	margin-top: 20px
}
.phone h2 {
	color: #fff;
	font-size: 24px;
	margin: 5px 0 0;
	font-family: dinpro-bold
}
.nav ul li .erji {
	width: 100%;
	height: 80px;
	background: rgba(0,0,0,.2);
	position: absolute;
	top: 95px;
	left: 0;
	text-align: center;
	display: none
}
.nav ul li .erji a {
	color: #fff;
	margin: 0 15px;
	line-height: 80px;
	font-size: 14px;
	opacity: .7
}
.nav ul li .erji a:hover {
	opacity: 1
}


::-webkit-scrollbar {
width:3px;
height:3px
}
::-webkit-scrollbar-track {
background:#eee
}
::-webkit-scrollbar-thumb {
background:#f20c2b
}
::-webkit-scrollbar-button {
height:0;
background-color:#d61519
}


@keyframes zuo {
0% {
transform:translate(0px, 200px);
opacity:0
}
100% {
transform:translate(0px, 0px);
opacity:1
}
}
@keyframes zuotwo {
0% {
transform:translate(0px, 100px);
opacity:0
}
50% {
transform:translate(0px, 100px);
opacity:0
}
100% {
transform:translate(0px, 0px);
opacity:1
}
}


.numbbox {
	width: 100%;
	height: 130px;
	margin: 0 auto;
	background: #fff;
	box-shadow: 0 2px 10px #dedede
}
.num-width {
	width: 1400px;
	margin: 0 auto
}
.numbbox a {
	color: #3b3b3b
}
.numbbox a:hover {
	color: #fff
}
.numbli {
	width: 25%;
	float: left;
	text-align: center;
	box-sizing: border-box;
	padding-bottom: 15px;
	border-right: 1px #f3f3f3 solid;
	margin-top: 15px
}
.numbli p {
	font-size: 18px;
	color: #3b3b3b;
	margin-bottom: 6px
}
.numbli p span {
	font-size: 49px;
	font-family: dinpro-bold;
	color: #3b3b3b
}
.numbli h3 {
	font-weight: 400;
	font-size: 17px;
	margin: 0;
	color: #3b3b3b
}
.num-width a:last-child .numbli {
	border-right: none
}
@media screen and (max-width:1580px) {
.numbbox {
	height: 115px
}
.numbli p {
	font-size: 16px
}
.numbli p span {
	font-size: 38px
}
.numbli h3 {
	font-size: 15px
}
}
@media screen and (max-width:1450px) {
.numbbox {
	height: 110px
}
.numbli p {
	font-size: 15px
}
.numbli p span {
	font-size: 34px
}
.numbli h3 {
	font-size: 14px
}
}


.zhenghe {
	width: 1200px;
	height: 250px;
	margin: 70px auto 0
}
.zhenghe li {
	width: 180px;
	float: left;
	position: relative;
	transition: all .3s cubic-bezier(.4, 0, .2, 1);
	overflow: hidden
}
.zhenghe li .zhtitle {
	height: 230px;
	background: #c12a2f;
	text-align: center;
	box-sizing: border-box;
	padding-top: 50px
}
.zhenghe li .zhtitle h2 {
	font-size: 15px; width:67%;
	color: #fff;
	margin: 20px auto 2px auto;
}
.zhenghe .cur .zhtitle h2{font-size:20px;}
.zhenghe li .zhtitle p {
	color: #fff;
	font-size: 12px;
	margin-top: 7px; display:none; text-transform:uppercase;
}
.zhenghe .cur .zhtitle p{display:block;}
.zhenghe li .zhtitle .img {
	width: 55px;
	margin: 0 auto
}
.zhenghe .cur .zhtitle .img {
	width: 75px;
}
.zhenghe li .zhtitle .img img {
	width: 100%
}
.zhenghe li .zhcont {
	text-align: center;
	color: #333;
	padding: 15px 0 45px
}
.zhenghe li .zhcont_p p {
	margin-top: 30px;
	font-size: 14px
}
.zhenghe li .zhtext {
	width: 500px;
	box-sizing: border-box;
	padding: 5px 20px 0;
	display: none
}
.zhenghe li .zhtext p {
	line-height: 30px;
	color: #8c8c8c;
	font-size: 14px
}
.zhenghe li .zhmore {
	text-align: center;
	width: 110px;
	height: 35px;
	line-height: 35px;
	color: #7f7f7f;
	background: #f9f9f9;
	font-size: 15px;
	border-radius: 0;
	float: left;
	margin: 28px 14px 0 auto;
	border: 1px #f9f9f9 solid;
	box-sizing: border-box;
	transition: .3s
}
.zhenghe li .zhtext a:nth-child(4) .zhmore {
	margin-right: 0
}
.zhenghe li .zhmore:hover {
	background-color: #151515;
	color: #fff;
	border: 1px solid #151515
}
.zhenghe li.cur {
	width: 300px;
	margin-top: -15px;
	background: #fff!important;
	box-shadow: 0 0 30px rgba(0,0,0,.2)
}
.zhenghe li.cur .zhtitle {
	background: url(../img/indexyewubg.png) bottom center no-repeat;
	background-color: #151515;
	height: 260px
}
.zhenghe li.cur .zhcont_p {
	display: none
}
.zhenghe li.cur .zhtext {
	display: block
}


#c-followDot {
	position: fixed;
	top: 0;
	left: 0;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background-color: #f20000;
	z-index: 1000000;
	pointer-events: none
}
#c-followDot .c-default {
	position: absolute;
	top: -18px;
	left: -18px;
	width: 40px;
	height: 40px;
	border: 1px solid #9c9c9c;
	border-radius: 50%;
	opacity: .2;
	box-sizing: border-box;
	z-index: 50000;
	-webkit-transition: all .6s;
	transition: all .6s
}
#c-followDot .c-hover {
	position: absolute;
	top: -38px;
	left: -38px;
	width: 80px;
	height: 80px;
	background-color: #bbb;
	border-radius: 50%;
	opacity: .12;
	z-index: 49000;
	box-sizing: border-box;
	transform: scale(0, 0);
	-webkit-transform: scale(0, 0);
	-webkit-transition: all .6s;
	transition: all .6s
}
#c-followDot.c-active .c-default {
	transform: scale(0, 0);
	-webkit-transform: scale(0, 0)
}
#c-followDot.c-active .c-hover {
	transform: scale(1, 1);
	-webkit-transform: scale(1, 1)
}




.banner {
    height: auto!important;
}
.wrap {
	position: relative;
}
.centered-btns_nav {
	position: absolute;
	top: 50%;
	z-index: 2;
	width: 38px;
	height: 61px;
	transition: .5s;
	margin-top: -40px;
	line-height: 200px;
	background-image: url(../img/arrow.gif);
	overflow: hidden;
	opacity: .1;
}
.centered-btns_nav:hover{
	opacity: .7;
}
.prev{
	left: 0;
}
.next {
	right: 0;
	background-position: right 0;
}

.centered-btns_nav:active {
	opacity: 1;
}

.centered-btns_tabs {
    margin-top: 15px;
    text-align: center;
    font-size: 0;
    position: absolute;
    list-style-type: none;
    width: 100%;
    z-index: 99;
    bottom: 15px;
}

.centered-btns_tabs li {
	display: inline-block;
	margin: 0 3px;
	*display: inline;
	*zoom: 1;
}

.centered-btns_tabs a {
	display: inline-block;
	width: 15px;
	height: 8px;
	border-radius: 8px;
	line-height: 8px;
	background-color: rgba(255, 255, 255, .3);
	background-color: #ccc\9;
	overflow: hidden;
	*display: inline;
	*zoom: 1; text-indent:-9999px;
}
.centered-btns_here a{
	width: 30px;
	background-color: rgba(255, 255, 255, .9);
}

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

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

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

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






.yh1_1{width:1200px; margin:0 auto; padding-top:50px;}
.yh1_2{width:100%; position:relative; float:left;}
.yh1_3{width:600px; height:450px; float:left; background:#c12a2f; color:#fff; padding:35px; position:absolute; left:0; top:0; z-index:999; transition:.3s; box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}
.yh1_3:hover{width:100%;}
.ar .yh1_3{right:0; left:inherit; background:#b5282c;}
.yh1_4{width:100%; line-height:60px; font-size:36px;}
.yh1_4 a{color:#fff;}
.yh1_5{width:100%; line-height:24px; font-size:14px; padding-top:40px; height:170px; overflow:hidden; opacity:0.6;}
.yh1_3:hover .yh1_5{opacity:1;}
.yh1_6{width:100%; padding-top:50px;}
.yh1_6 a.yxal{width:140px; height:40px; line-height:40px; text-align:center; font-size:14px; color:#fff; border:1px solid #fff; display:inline-block; position:relative; z-index:1; float:right;}
.yh1_6 a.yxal:after {
	display: block;
	content: " ";
	width:0;
	height:40px; background:#fff; position:absolute; left:0; top:0; z-index:-1; transition:.3s;
}
.yh1_6 a.yxal:hover{color:#c12a2f;}
.yh1_6 a.yxal:hover:after{width:100%;}
.yh1_6 a.xzxq{float:left; color:#fff; font-size:14px; line-height:40px;}
.yh1_7{width:600px; height:450px; float:right;}
.ar .yh1_7{float:left;}