@import url("flexslider.css");
#wrap {
	background: #fff;
}

.box {
	position: relative;
	z-index: 100;
	background: none;
	padding-top: 0.49rem;
	background: #fff;
}

.h1 {
	font-size: 0.32rem;
	color: #333;
}
.h1:hover{
	color:#e1391a;
}

.h2 {
	font-size: 0.22rem;
	color: #333;
}
.h3 {
	font-size: 0.22rem;
	color: #333;
}
.h6 {
	text-transform: uppercase;
	color: #cccccc;
	font-size: 0.18rem;
	font-weight: normal;
}

.block1 {
	width: 15.2rem;
	position: absolute;
	left: 9.6rem;
	margin-left: -7.6rem;
	z-index: 999;
	height: 1.96rem;
	top:-1.96rem;
	margin-bottom: 200px;
	background: url(../images/index/block1-bg.png) no-repeat top center;
	background-size:110% 100%;
}

.block1 ul {
	width: 100%;
	padding-top: 40px;
}

.block1 li {
	width: 25%;
	float: left;
	text-align: center;
	position: relative;
	background: url(../images/index/block1_li_bg.png) no-repeat right center;
}

.block1 li.last {
	background: none;
}

.block1 li a {
	color: #333;
	transition: all .4s ease;
	-webkit-transition: all .4s ease;
}

.block1 li a:hover .h2 {
	color: #e1391a;
}

.block1 li p {
	color: #cccccc;
	font-size: 12px;
	margin-top: 5px;
	text-transform: uppercase;
}

.block1 li .red-line {
	position: absolute;
	width: 10%;
	height: 1px;
	background: #f00;
	left: 50%;
	top: 70px;
	margin-left: -5%;
}

.block2 {
	width: 100%;
	position: relative;
}

.block2 .content {
	width: 15.2rem;
	margin: 0 auto;
	position: relative;
}

.block2 .content .block-row1 {
	margin-left: 3%;
	width: 2.5rem;
}


.block2 .block-row2{
	position: relative;
	margin-top: 0.56rem;
}
.news-slider-z {
	width: 7.63rem;
}

.news-slider {
	width: 7.63rem;
	height: 4.84rem;
	background: #e1391a;
	margin-top: 1.2rem;
	margin-bottom: 0;
}

.news-slider ul.slides {
	
}

.news-slider .slides li {
	color: #fff;
	padding: 0.44rem 0 0 0.85rem;
}

.news-slider .flex-direction-nav {
	position: absolute;
	bottom: 0.3rem;
	right: 0.27rem;
	width: 0.98rem;
	height: 0.48rem;
	overflow: hidden;
}
.news-slider .flex-direction-nav li{
	position: relative;
	width: 0.49rem;
	height: 0.48rem;
	float: left;
}
.news-slider .flex-direction-nav a{
	margin: 0;
	top: 0;
	width: 0.49rem;
	height: 0.48rem;
	display: block;
	border: 1px solid #fff;
}
.news-slider .flex-direction-nav a.flex-prev{
	margin-left: 01px;
	background-size: cover;
	background-image: url(../images/index/news-slider-nav_2.png);
}
.news-slider .flex-direction-nav a.flex-next{
	background-size: cover;
	background-image: url(../images/index/news-slider-nav_1.png);
}
.news-slider .slides li h4 {
	font-size: 0.22rem;
}

.news-slider .slides li p {
	font-size: 0.19rem;
	line-height: 0.4rem;
	margin-top: 0.48rem;
}

.news-slider .slides li span {
	font-size: 0.19rem;
	line-height: 0.4rem;
	margin-top: 0.28rem;
	display: block;
}

.news-slider .slides li .text-content a {
	font-size: 0.19rem;
	color: #fff;
	display: block;
	margin-top: 0.78rem;
	overflow: hidden;
}

.news-slider .slides li a:hover {
	font-size: 0.19rem;
	color: #fff;
	display: block;
}
.news-slider .slides li .text-content{
	width: 36.8%;
}

.news-slider-thumbs{
	position: absolute;
	top: -1.86rem;
	right: 0.27rem;
	width:3.55rem;
	overflow: hidden;
	transition: all .8s ease;
	-webkit-transition: all .8s ease;
	margin-left: -1px;
}
.news-slider .slides li.flex-active-slide .news-slider-thumbs{
	top: -1.46rem;
	transition: all .8s ease;
	-webkit-transition: all .8s ease;
}
.news-slider-thumbs img{
	width: 100%;
	transition: all .8s ease;
	-webkit-transition: all .8s ease;
}
.news-slider-thumbs a{
	display: block;
}
.news-slider-thumbs a:hover img{
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
.block2 .block-row2 .block-right{
	width: 48.1%;
	height: 100%;
	position: relative;
}
.block2 .block-row2 .block-right .row-top .text-content{
	width:3rem;
	padding: 0.45rem 0.7rem 0 0;
}
.block2 .block-row2 .block-right .row-bottom .text-content{
	width:3rem;
	padding: 0.45rem 0 0 0.7rem;
}
.block2 .block-row2 .block-right .text-content .h3{
	margin-bottom: 0.25rem;
}
.block2 .block-row2 .block-right .text-content p{
	font-size: 0.19rem;
	line-height: 0.36rem;
	color: #666666;
}
.block2 .block-row2 .block-right .row-top,.block2 .block-row2 .block-right .row-bottom{
	background: #f7f7f7;
	width: 7.3rem;
	height: 2.75rem;
	position: relative;
}
.block2 .block-row2 .block-right .block .thumb{
	width: 43%;
	overflow: hidden;
}
.block2 .block-row2 .block-right .block .thumb img{
	transition: all .6s ease;
	-webkit-transition: all .6s ease;
}
.block2 .block-row2 .block-right .block .thumb:hover img{
	transform: scale(1.1);
	-webkit-transform: scale(1.1)
}
.block2 .block-row2 .block-right .row-top .thumb{
	position: absolute;
	left: 0.3rem;
	top: -0.27rem;
}
.block2 .block-row2 .block-right .row-bottom .thumb{
	position: absolute;
	right: 0.29rem;
	top: -0.32rem;
}
.block2 .block-row2 .block-right .block .thumb img{
	width: 3.41rem;
	height: 2.75rem;
}
.block2 .block-row2 .block-right .block a{
	display: block;
	font-size: 0.19rem;
	line-height:0.4rem;
	color: #e1391a;
	margin-top: 0.15rem;
}

.block2 .block-row2 .block-right .row-bottom{
	margin-top: 0.57rem;
}
.block3 {
	width: 100%;
	position: relative;
}

.block3 .content {
	width: 15.2rem;
	margin: 0 auto;
	position: relative;
}

.block3 .content .c-l {
	position: absolute;
	top:1rem;
	left: 0.86rem;
}

.block3 .content ul {
	margin-left:4.62rem;
	overflow: hidden;
	background: url(../images/index/line01.png) no-repeat right center;
}

.block3 .content ul li {
	width: 25%;
	float: left;
	text-align: center;
	background: url(../images/index/line01.png) no-repeat left center;
}

.block3 .content ul li a {
	display: block;
	border-bottom: 2px solid #fff;
	padding:16% 0 13% 0;
	font-size: 20px;
	color: #4c4c4c;
}

.block3 .content ul li a:hover {
	border-bottom: 2px solid #e1391a;
}
.block3 .content ul li a h4{
	font-size: 0.22rem;
}
.block3 .content ul .icon {
	width: 0.69rem;
	height: 0.64rem;
	margin: 0 auto 0.34rem auto;
	background-repeat: no-repeat;
	background-position: bottom center;
}
.block3 .content ul li.item03 .icon{
	height: 0.66rem;
}
.block3 .content ul .item01 a .icon {
	background-image: url(../images/index/icon-01.png);
	background-size:100% 100%;
}

.block3 .content ul .item01 a:hover .icon {
	background-image: url(../images/index/icon-01-on.png);
	background-size:100% 100%;
}

.block3 .content ul .item02 a .icon {
	background-image: url(../images/index/icon-02.png);
	background-size:100% 100%;
}

.block3 .content ul .item02 a:hover .icon {
	background-image: url(../images/index/icon-02-on.png);
	background-size:100% 100%;
}

.block3 .content ul .item03 a .icon {
	background-image: url(../images/index/icon-03.png);
	background-size:100% 100%;
}

.block3 .content ul .item03 a:hover .icon {
	background-image: url(../images/index/icon-03-on.png);
	background-size:100% 100%;
}

.block3 .content ul .item04 a .icon {
	background-image: url(../images/index/icon-04.png);
	background-size:100% 100%;
}

.block3 .content ul .item04 a:hover .icon {
	background-image: url(../images/index/icon-04-on.png);
	background-size:100% 100%;
}

.block4 {
	width: 100%;
	position: relative;
	background: #f7f7f7;
}

.block4 .content {
	width: 15.2rem;
	margin: 0 auto;
	padding: 0.65rem 0;
	position: relative;
}

.block4 .content .c-l {
	width: 4.47rem;
	position: absolute;
	top:0rem;
	left: 0.86rem;
	margin-top: 1.46rem;
}

.block4 .content .c-l p {
	margin-top: 0.37rem;
	color: #666;
	line-height:0.4rem;
	font-size: 0.18rem;
}

.block4 .content .c-l .btn {
	display: block;
	font-size: 0.18rem;
	line-height: 0.4rem;
	color: #e1391a;
	margin-top: 0.1rem;
	width:0.7rem;
}

.block4 .content .video-box {
	width: 7.81rem;
	height: 4.31rem;
}

.block4 .content .video-box img {
	width: 100%;
}
.news-slider .slides li .text-content .zxtz{
	margin-top:0;
}
#yjbg:hover{
	color:#666;
}
