@charset "utf-8";

.fcate3{ position: relative;} 
.fcate3 .cn{ font-size: 20px; color: #e9b027; line-height: 40px; font-weight: bold;}
.fcate3 a.more{ font-size: 16px; color: #333; line-height: 40px;
	position: absolute; right: 0; z-index: 1; top:0;}

.fuwulist{ padding: 10px 0 14px; width: 1220px; max-width: 100%; margin: 0 auto; overflow: hidden;}
.fuwulist li{ float: left; width: 25%; margin-bottom: 20px;}
.fuwulist li .lin{ padding: 0 10px; text-align: center;}
.fuwulist li a{ display: block; width: 100%; padding: 10px 0 14px; 
	border: 1px solid #dcdcdc; background-color: #fff; position: relative;}
.fuwulist .pic{ width: 100px; height: 70px; margin: 0 auto 12px;}
.fuwulist i{ position: absolute; z-index: 2; width: 72px; height: 22px; right:10px; top:10px;
	background: url('../images3/rz.png') center no-repeat;}
.fuwu1{ background: url('../images3/fuwu1.png') center no-repeat;}
.fuwu2{ background: url('../images3/fuwu2.png') center no-repeat;}
.fuwu3{ background: url('../images3/fuwu3.png') center no-repeat;}
.fuwu4{ background: url('../images3/fuwu4.png') center no-repeat;}
.fuwulist li:hover .fuwu1{ background-image: url('../images3/fuwu1h.png');}
.fuwulist li:hover .fuwu2{ background-image: url('../images3/fuwu2h.png');}
.fuwulist li:hover .fuwu3{ background-image: url('../images3/fuwu3h.png');}
.fuwulist li:hover .fuwu4{ background-image: url('../images3/fuwu4h.png');}
.fuwulist li:hover i{ background-image: url('../images3/rzh.png');}


.fuwulist li h3{ font-size: 18px; color: #666; line-height: 36px; padding: 0 10px;
	height: 36px; overflow: hidden;}
.fuwulist li:hover h3{ color: #fff;}
.fuwulist li:hover a{ box-shadow: 0 0 20px 2px rgba(221,221,221,0.6); 
	 background-color: #e9b027; border-color: #e9b027;}
.fuwulist li h3{-webkit-transition: .3s; -moz-transition: .3s;
	-ms-transition: .3s; -o-transition: .3s; transition:  .3s;}
@media screen and (max-width:1200px){
	.fuwulist{ padding: 10px 10px 20px; width: auto;}
	.fuwulist li{ width: 50%;}
}
@media screen and (max-width:750px){
	.fuwulist li h3{ font-size: 26px; line-height: 50px; height: 50px;}

	.fcate3 .cn{ font-size: 36px; line-height: 60px;}
	.fcate3 a.more{ font-size: 28px; line-height: 60px;}
}




.fxiang{ width: 1220px; max-width: 100%; margin: 0 auto; overflow: hidden;}
.fxiang dl{ float: left; width: 25%; margin-bottom: 10px; text-align: center;}
.fxiang dt{ height: 2em; margin: 0 10px 7px; overflow: hidden;
	 line-height: 2em; color: #333; font-size: 20px;}
.fxiang dd a{ display: block; height: 30px; overflow: hidden; margin: 0 10px;
	line-height: 30px; color: #444; font-size: 16px;}
.fxiang dd a:hover{ color: #e8b027;}
.fxiang dt.i1{ background: url('../images3/line1.png') center no-repeat;}
.fxiang dt.i2{ background: url('../images3/line2.png') center no-repeat;}
.fxiang dt.i3{ background: url('../images3/line3.png') center no-repeat;}
.fxiang dt.i4{ background: url('../images3/line4.png') center no-repeat;}
@media screen and (max-width:1220px){
	.fxiang{ width: auto; padding: 0 20px;}
	.fxiang dl{ width: 50%; margin-bottom: 20px;}
}
@media screen and (max-width:750px){
	.fxiang dt{ font-size: 30px; background-size: 60% 4px!important;}
	.fxiang dl{ width: 100%; margin-bottom: 30px;}
	.fxiang dd a{ font-size: 26px; height: 46px; line-height: 46px;}
}





.newslist3{ width: 1220px; max-width: 100%; margin: 0 auto; 
	padding: 10px 0 1px; overflow: hidden;}
.newslist3 li{ float: left; width: 25%; margin-bottom: 20px;}
.newslist3 li .lin{ padding: 0 10px;}
.newslist3 li a{ display: block; width: 100%; box-shadow: 0 0 8px 0 rgba(0,0,0,0.2); padding-bottom: 22px;}
.newslist3 .newsp{ width: 100%; height: 0; padding-bottom: 75%; overflow: hidden; position: relative;}

.newslist3 img{ position: absolute; z-index: 1; left:0; top:0; width: 100%; height: 100%;
	-webkit-transition: .6s; -moz-transition: .6s; -ms-transition: .6s; -o-transition: .6s; transition:  .6s;}
.newslist3 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);}

.newslist3 h3{ font-size: 16px; color: #333; line-height: 26px; margin-top: 10px;
	padding: 0 10px; height: 26px; overflow: hidden; font-weight: bold;}

.newslist3 .txt{ color: #666; font-size: 14px; line-height: 22px; padding:12px 10px 0;
	height: 44px; overflow: hidden; text-align: justify;}
.newslist3 li:hover h3{ color: #e7af27;}
.newslist3 h3{-webkit-transition: .3s; -moz-transition: .3s;
	 -ms-transition: .3s; -o-transition: .3s; transition:  .3s;}

@media screen and (max-width:1180px){
	.newslist3 { width: 960px; padding: 20px 0 10px;}
	.newslist3 li{ width: 50%; }
}
@media screen and (max-width:960px){
	.newslist3 { width: auto; padding: 20px 10px 1px;}
}
@media screen and (max-width:750px) {
	.newslist3 h3{ font-size: 30px; line-height: 40px; height: 40px;}	
	.newslist3 .txt{ font-size: 26px; line-height: 40px; height: 120px;}
}
@media screen and (max-width:640px) {
	.newslist3 li{ width: 100%;}
}




/* 首页关于我们 */
.fabout3{ padding: 20px 0; width: 1200px; max-width: 100%; margin: 0 auto; overflow: hidden;}
.fabout3-l{ float: left; width: 694px; height: 396px; position: relative;}
.fabout3-r{ float: right; width: 448px; height: 396px; padding: 0 10px;
	 position: relative; background-color: #f2f2f2;}

.fvdbtn{ display: block; width: 100%; height: 212px; text-align: center; line-height: 212px;
	background: url('../images3/fab3.jpg') center no-repeat; background-size: cover;}

.fabout3-r .intro{ font-size: 18px; color: #333; line-height: 26px; margin-bottom: 10px;
	 padding: 10px 0 0; height: 156px; overflow: hidden; text-align: justify;}



.propic{ position: absolute; width: 100%; height: 100%; z-index: 1;}
.propic-scroll{ position:relative; height: 100%;}
.propic-scroll .flex-viewport{ height: 100%;}
.propic-scroll .slides{ overflow: hidden; height: 100%;}
.propic-scroll .slides li{ display:none; height: 100%; -webkit-backface-visibility:hidden; position: relative;}
.propic-scroll .slides li a{ display: block; width: 100%; height: 100%; position: relative; overflow: hidden;}
.propic-scroll .slides a>img{ position: absolute; width: auto; height: 100%;
	top:0; z-index: 1; left:0;}
.propic-scroll .slides li {background-color: #fff;}

.propic-scroll .flex-direction-nav a{ width:64px;height:64px;margin-top:-32px;display:block; font-size: 0;
	position:absolute; top:50%; z-index: 4; opacity: 0.5; filter:alpha(opacity= 50);}
.propic-scroll .flex-direction-nav a.flex-prev{ left:20px;
	background: url('../images/lt2.png') center no-repeat;}
.propic-scroll .flex-direction-nav a.flex-next{ right:20px;
	background: url('../images/gt2.png') center no-repeat;}
.propic-scroll .flex-direction-nav a:hover{ opacity: 1; filter:alpha(opacity= 100);}

.propic-scroll .flex-control-paging{ width: 100%; height: 13px; font-size: 0; text-align: center;
	position: absolute; bottom: 17px; left:0; z-index: 3;}
.propic-scroll .flex-control-paging li{display: inline-block; *display:inline; *zoom:1;
	overflow:hidden; width: 13px; height: 13px; margin: 0 11px;}
.propic-scroll .flex-control-paging li a{ width:13px; height:13px; display: block; cursor:pointer;
	background: url('../images3/dot3.png') center no-repeat;}
.propic-scroll .flex-control-paging li a.flex-active{ background-image: url('../images3/dot3h.png');}

@media screen and (max-width:1240px){
	.fabout3{ padding: 20px 20px; width: auto;}
	.fabout3-l{ width: 58%;}
	.fabout3-r{ width: 39%;}
}
@media screen and (max-width:1030px){
	.fabout3-l{ width: 100%; float: none; height: 0; padding-bottom: 57%; margin-bottom: 30px;}
	.fabout3-r{ width: 96%; padding:0 2% 10px; float: none; height: auto;}
	.fabout3-r .intro{ height: auto;}
	.propic-scroll .slides a>img{ width: 100%;}
}
@media screen and (max-width:750px){
	.fabout3-r .intro{ font-size: 26px; line-height: 40px;}
}


.vdplay{ position: fixed; left:0; top:0; width: 100%; height: 100%; z-index: 99;
	background: url('../images/op0-75.png'); display: none;}
.vd-cha{ position: absolute; right: 0; top: 0; z-index: 3; color: #fff; width: 80px; height: 80px;
    font-size: 50px; text-align: center; line-height: 80px; font-family: Arial; cursor: pointer;}
.vdplay-con{ position: relative; width: 80%; left: 10%; height: 100%; background-color: #000;}
#vdbed{ position: absolute; left:0; top:0; margin-top:0; z-index: 1; width: 100%; height: 100%;}





/* 首页合作伙伴 */
.picScroll-left3{ overflow:hidden; position:relative; width: 1200px; max-width: 100%; margin: 0 auto 70px;}
.picScroll-left3 .bd{ margin: 0 auto; padding: 0 50px;}
.frilist3{ overflow: hidden; height: 94px;}
.frilist3 li{ float: left; width: 220px; height: 100%; margin-bottom: 10px;}
.frilist3 li a{ display: block; width: 100%; height: 100%; overflow: hidden;
	font-size: 0; text-align: center; line-height: 94px;}
.frilist3 img{ max-width: 100%; max-height: 100%;}

.picScroll-left3 .hd{ overflow:hidden; position: relative; display: none;}
.picScroll-left3 .hd ul{ width: 100%; height: 20px; overflow:hidden; text-align: center;}
.picScroll-left3 .hd ul li{ display: inline-block; width:20px; height:20px; cursor:pointer; text-indent: -9999px;
		background: url('../images/dot1.png') center no-repeat; margin: 0 5px; vertical-align: top;}
.picScroll-left3 .hd ul li.on{ background-image: url('../images/dot1h.png');}

a.friprev,a.frinext{ position: absolute; width: 40px; height: 94px; z-index: 1; top: 0;
	background-position: center; background-color: #fff; background-repeat: no-repeat;}
a.friprev{ background-image: url('../images3/lt3.png'); left:0;}
a.frinext{ background-image: url('../images3/gt3.png'); right: 0;}
a.friprev:hover,a.frinext:hover{ background-color: #ddd;}
@media screen and (max-width:1200px) {
	a.friprev{ left:10px;}
	a.frinext{ right: 10px;}
}
@media screen and (max-width:760px) {
	.picScroll-left3{ margin: 30px auto;}
	.picScroll-left3 .bd{ padding: 0 20px;}
	.frilist3{ height: auto;}
	.frilist3 li{ width: 50%;}

	a.friprev{ display: none;}
	a.frinext{ display: none;}
}



.txtnews{ background-color: #f5f9b3; box-shadow: 0 0 8px 0 rgba(0,0,0,0.2);
	 color: #000; font-size: 0; width: 1200px; margin: 0 auto 18px;}
.txtnews p{ display: inline-block; margin: 0 15px; font-size: 14px; line-height: 40px;
	width: 360px; height: 40px; overflow: hidden;}
.txtnews p a{ color: #000;}
@media screen and (max-width:1220px){
	.txtnews{ width: auto; margin: 0 20px 18px;}
	.txtnews p{ width: 31%; margin: 0 1%;}
}
@media screen and (max-width:1100px){
	.txtnews p{ display: block; width: 96%; margin: 0 2%;}
}
@media screen and (max-width:750px){
	.txtnews p{ font-size: 24px; line-height: 50px; height: 50px;}
}




.fone{ width: 1200px; position: relative; overflow: hidden; margin: 0 auto 18px;
	background-color: #f5f9b3; box-shadow: 0 0 8px 0 rgba(0,0,0,0.2); font-size: 0;}
.fone .bd{ width: 100%; overflow: hidden;}
.fzixunlist{ width: 100%; height: 40px; overflow: hidden;}
.fzixunlist li{ float: left; width: 33.3%; height: 40px; overflow: hidden;}
.fzixunlist li a{ display: block; color: #000;}
.fzixunlist li h3{ font-size: 14px; text-align: center; padding: 0 10px;
	height: 40px; line-height: 40px; overflow: hidden;}


@media screen and (max-width:1220px){
	.fone{ width: auto; margin: 0 20px 18px;}
}
@media screen and (max-width:750px){
	.fzixunlist{ height: 50px;}
	.fzixunlist li{ height: 50px;}
	.fzixunlist li h3{ font-size: 24px; line-height: 50px; height: 50px;}
}