@charset "utf-8";
/* CSS Document */

@import url("all.css");



/* 全局雅黑
* {font-family: "Microsoft YaHei"!important ;
}*/



	
#solgan{
	text-align:center;	
	width:100%;
	height:140px;
	position:relative;
	top:0;
	z-index:9999;
	background:url("../img/bannershadow.png") no-repeat 50% 0%;}
	
#solgan img{
	position:relative;
	top:50px;}
	
	
#main{
	background:#e4e5e6;
	width:100%;
	position:relative;
	top:0;
	z-index:999;
	border-top:1px solid #cccccc;
	position:relative;	
	width:100%;
	padding:30px 0px}
	
	
#main .container{
	width:1140px;
	padding:0px;}


	
	
#main .item{
	width:360px;
	height:220px;
	margin:10px;
	float:left;
	position:relative;}
	
	
#main .item dd{
	position:absolute;
	bottom:15px;
	padding:10px 15px;
	width:100%;
	background-image:url("../img/main-dd-bg.png");
	background-repeat:no-repeat;
	background-position:0% 0%;
	color:#646464;
	}
	
	
#main .item dd a span{
	display:block;
	font-size:12px;
	line-height:20px;
	}

#main .item1{
	background:url("../img/main-01.png") no-repeat;}

#main .item2{
	background:url("../img/main-02.png") no-repeat;}
	
#main .item3{
	background:url("../img/main-03.png") no-repeat;}

#main .item4{
	background:url("../img/main-04.png") no-repeat;}
	
#main .item5{
	background:url("../img/main-05.png") no-repeat;}

#main .item6{
	background:url("../img/main-06.png") no-repeat;}	

/*#main .item dd img{
	min-width:360px;
	min-height:220px;}*/
	
#main .item dd a{
	color:#646464;
	font-family: "Microsoft YaHei"!important ;
	font-size:15px;
	position:relative;
	float:left;
	line-height:22px;
	font-weight:bold;
	}
	
	
#main .item:hover dd{
	background-image:url("../img/main-dd-hover-bg.png");
	background-repeat:no-repeat;
	background-position:0% 0%;}
	
#main .item:hover dd a{
	color:#fff;}
	
/*#main .item .arrow{
	display:none;}	

	
#main .item:hover  .arrow{
	display:inline-block;
	float:right;
	position:relative;
	top:5px;
	right:0px;
	width:25px;
	height:25px;
	border:2px solid #fff;
	border-radius:50%;
	color:#fff;
	line-height:22px;}
	
	
#main .item:hover  .arrow .icon{
	position:relative;
	left:8px;
	font-size:16px;}*/
	
	
	
@media(max-width:1280px){
	#main .container{
	width:100%;}
	
	#main .item{
		width:30%;}
		
	#main .item .testimg{
		width:100%;}
	
	}
	
	
#latest-news{
	position:relative;
	top:0;
	width:100%;}

/*底部*/

#bottom{
	background:#222222;
	padding:50px 0 30px 0;
	position:relative;
	top:0;
	width:100%;
	color:#999999;}
	
#bottom .container{
	width:1200px;
	padding:0px;}
	
#bottom h3{
	color:#fff;
	margin-bottom:20px;}
	
#bottom h3 span{font-family: "Microsoft YaHei"!important ;}

#bottom .address{
	font-size:12px;
	line-height:20px;
	margin-bottom:20px;
	}
	
#bottom .address dd{
	font-family: "Microsoft YaHei"!important ;}
	
	
#footer{
	position:relative;
	top:0;
	width:100%;}
	
	
	
/*大图切换*/	
 
#banner{
	position:relative;
	top:-138px;
	margin-bottom:-138px;
	z-index:1;
	width:100%;
	overflow:hidden;
	
	}
	


	
#banner ul, li, dl, ol {
	list-style: none;
}
.banner {
	width: 100%;
	overflow: hidden;
	position:absolute;
}
.banner_inner {
	position: relative;
	/*height: 985px;*/
	width: 100%;
	margin: 0 auto
}

.banner_img li {
	float: left;
	width: 100%;
	position: relative;
	background:#333;
}

.banner_img li img{
	width:100%;
	height:100%;
	position:absolute;
	z-index:1;}
	


/*.banner_img li.bgli01 {
	background: #2a95bb url(../img/b01.jpg) center no-repeat;
}
.banner_img li.bgli02 {
	background: #E8E8E8 url(../img/b02.jpg) center no-repeat;
}
.banner_img li.bgli03 {
	background: #d63356 url(../img/b03.jpg) center no-repeat;
}







.js_banner2 .banner_img li.bgli01 {
	background: #2a95bb url(../img/1.jpg) center no-repeat;
}
.js_banner2 .banner_img li.bgli02 {
	background: #E8E8E8 url(../img/2.jpg) center no-repeat;
}
.js_banner2 .banner_img li.bgli03 {
	background: #d63356 url(../img/3.jpg) center no-repeat;
}



.js_banner3 .banner_img li.bgli01 {
	background: #2a95bb url(../img/c01.jpg) center no-repeat;
}
.js_banner3 .banner_img li.bgli02 {
	background: #E8E8E8 url(../img/c02.jpg) center no-repeat;
}
.js_banner3 .banner_img li.bgli03 {
	background: #d63356 url(../img/c03.jpg) center no-repeat;
}*/



.banner .child1 {
	position: absolute;
	left: 0px;
	top: 240px;
	z-index:999;
}
.banner .child1 h2{
	font-size:40px;
	line-height:60px;
	font-weight:normal;
	color:#fff;
	text-shadow:2px 2px 5px #222;
	font-family: "Microsoft YaHei"!important ;
	}

.banner .child2 {
	position: absolute;
	width: 290px;
	height: 75px;
	left: 0px;
	top: 440px;
	z-index:999;
}
/*
.banner .child2 a{
	display:block;
	width:290px;
	height:75px;
	background:#FF0000 url(../img/news/bn_22.png) no-repeat 190px 12px;
	font-family: "microsoft yahei";
	padding-left:50px;
	font-size:30px;
	color:#fff;
	line-height:75px;
	-moz-transition:all .2s linear;-ms-transition:all .2s linear;-o-transition:all .2s linear;-webkit-transition:all .2s linear;transition:all .2s linear;
	}
	
.banner .child2 a:hover{ background: #E8340C url(../img/news/bn_22.png) no-repeat 210px 12px; padding-left: 40px;}
*/	
.banner .child2 a{
	display:block;
	width:250px;
	height:65px;
	background:#B02D2E url(../img/news/bn_22.png) no-repeat 170px 7px;
	font-family: "microsoft yahei";
	padding-left:30px;
	font-size:30px;
	color:#fff;
	line-height:65px;
	border-radius: 5px;
	cursor: pointer;
	-moz-transition:all .2s linear;-ms-transition:all .2s linear;-o-transition:all .2s linear;-webkit-transition:all .2s linear;transition:all .2s linear;
	}
	
.banner .child2 a:hover{ background: #D62324 url(../img/news/bn_22.png) no-repeat 180px 7px; padding-left: 20px;}

/*.banner .child2 a span{
	position:absolute;
	right:10px;
	width:30px;
	height:30px;
	line-height:20px;
	top:10px;
	border-radius:50%;
	text-align:center;
	border:2px solid white;
	display:inline-block;
	display:none;}*/
	
/*.banner .child2 a span i{
	font-size:26px;
	margin-left:3px;}*/
	
	
/*.banner .child2 a:hover{
	background:url("../img/readmorehover.png") no-repeat;}

.banner .child2-en a{
	background:url("../img/view-more.jpg") no-repeat;	
	}

.banner .child2-en a:hover{
	background:url("../img/view-more-hover.jpg") no-repeat;}*/

.banner_common {
	position: relative;
	width: 100%;
	margin: 0 auto
}
.banner_pre {
	position: absolute;
	left: 20px;
	margin-top: 23%;
	width: 60px;
	height: 60px;
	cursor: pointer;
	background: url("../img/banner_btn_l_24.png") no-repeat;
	opacity: .5;
	filter: alpha(opacity=50);
	z-index:9999;
}
.banner_next {
	position: absolute;
	right: 20px;
	margin-top: 23%;
	width: 60px;
	height: 60px;
	cursor: pointer;
	background: url("../img/banner_btn_r_24.png") no-repeat;
	opacity: .5;
	filter: alpha(opacity=50);
	z-index:9999;
}


.banner_pre:hover, .banner_next:hover {
	opacity: 1;
	filter: alpha(opacity=100)
}
.banner .control {
	width: 130px;
	display:none;
	position: absolute;
	top: 393px;
	left: 50%;
	margin-left: -40px
}
.banner .control li {
	float: left;
	margin-left: 10px;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	cursor: pointer;
	background: #fff
}
.banner .control li a {
	display: none
}
.banner .control li.current {
	background: #ff7f02
}


#banner .banner-list{
	width:100%;
	height:105px;
	background:rgba(0,0,0,0.6);
	background:url("../img/banner-item-bg.png") repeat-x\0;
	position:absolute;
	bottom:0px;
	z-index:9999;}
	
#banner .banner-list .container{
	width:1200px;
	padding:0;}
	
@media(max-width:1280px){
	#banner{
	width:200%;}
	

	
	.js_banner{
	width:100%;
	}
	#banner .js_banner .child img{  width:100%;}
}
	
@media(max-width:1280px){
	#banner .banner-list{
		width:100%;}
	
	#banner .banner-list .container{width:100%;}
	
	}
	
	
#banner .banner-list dl{
	/*margin:10px 30px 0px 0px;*/
	margin:0.5% 1%;
	cursor:pointer;
	height:100px;
	padding:0;
	width:31%;
}

/*#banner .banner-list .abc1{
	margin-left:21px;}*/
	
	
/*#banner .banner-list .abc1,#banner .banner-list .abc2{
	margin-left:23px;
	width:355px;}*/
	
	
#banner .banner-list dl:hover{
	position:relative;

}

#banner .banner-list dl dt{
	-webkit-transition:0.35s ease all;
    -moz-transition:0.35s ease all;
	behavior: url("js/ie-css3.htc"); }


#banner .banner-list dl:hover dt{
	-webkit-transform: translateY(-15px);
	-webkit-transition-property:all;
	-webkit-transition-duration:0.01;
	-webkit-transition-delay:0;
	-webkit-transition-timing-function:ease;
	
	-moz-transform: translateY(-15px);
	-moz-transition-property:all;
	-moz-transition-duration:0.01;
	-moz-transition-delay:0;
	-moz-transition-timing-function:ease;
	behavior: url("js/ie-css3.htc"); 
	
	}


	
#banner .banner-list dl dt{
	float:left;
	margin-right:10px;}
	
#banner .banner-list dl:hover dt{
	border-bottom:4px solid #FF0000;
	padding-bottom:15px;
	top:-15px;
	position:relative;}
	
#banner .banner-list dl dt a{
	width:167px;
	height:91px;
	display:block;
	border:3px solid #ccc;
	position:relative;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	overflow: hidden;
	}
	

	
#banner .banner-list dl dt a img{
	max-width:100%;}
	
	
#banner .banner-list dl dd{
	font-family: "microsoft yahei";
	font-size:18px;
	color:#f0f0f0;
	line-height:27px;
	margin-top: 5%;
	overflow: hidden; 
	text-overflow: ellipsis;
	white-space: nowrap;
	}
	
	
/*#banner .banner-list .active {
	position:relative;
	-webkit-transform: translateY(-15px);
	-webkit-transition-property:all;
	-webkit-transition-duration:0.5;
	-webkit-transition-delay:0;
	-webkit-transition-timing-function:ease;
}

	
	
#banner .banner-list .active dt{
	border-bottom:2px solid #7fbe26;
	padding-bottom:8px;
	top:-20px;
	position:relative;}	*/
	
	
	
.weiboShow *{ border-color:#3d3d3d;}

.weiboShow .S_border_bg {
    background: none repeat scroll 0 0 #000;
	border:1px solid red;
}

.tabs_z{ width: 1169px; margin:65px auto;}
#tables li{width: 225px; height: 225px; float: left; margin: 8px 4px;position: relative; top: 0px; z-index: 1;}
#tables li a{ display:block; width: 225px; height: 225px;cursor: pointer; position: absolute; z-index: 3;}
#current{
	background: url(../img/news/sfd_03.png) no-repeat center;
	animation: 3s linear 0s normal none infinite rotate;
	-webkit-animation:3s linear 0s normal none infinite rotate;
	 }
#tables li span{ display: block; width: 161px; height: 161px; overflow: hidden; position: absolute; top: 32px; left: 32px; border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; z-index: 2;}
#tables li span img{ display: block; margin: auto; max-width: 100%;}
#tables li span p{ display: block; width: 100%; height: 62px; background: url(../img/news/bn_26.png); position: absolute; top: 50%; left: 0px; right: 0px; margin-top: -31px; text-align: center; line-height: 62px; font-size: 28px; font-family: "microsoft yahei"; color: #FFFFFF; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

@keyframes rotate{
	from{-webkit-transform:rotate(0deg)}
	to{-webkit-transform:rotate(360deg)}
}
@-webkit-keyframes rotate{
	from{-webkit-transform:rotate(0deg)}
	to{-webkit-transform:rotate(360deg)}
}
@-moz-keyframes rotate{
	from{-moz-transform:rotate(0deg)}
	to{-moz-transform:rotate(360deg)}
}
@-ms-keyframes rotate{
	from{-ms-transform:rotate(0deg)}
	to{-ms-transform:rotate(360deg)}
}
@-o-keyframes rotate{
	from{-o-transform:rotate(0deg)}
	to{-o-transform:rotate(360deg)}
}
 
.tablis_l{ width: 503px; height: 320px; float: left; overflow: hidden; position: relative;  border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px;}
.tablis_l a img{ display: block; width: 503px; height: 320px; margin: auto;cursor: pointer;-ms-interpolation-mode:bicubic;vertical-align:bottom;display:inline-block;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s; }
.tablis_l a img:hover{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);}
.tablis_r{ width: 634px; height: 320px; padding: 35px 30px; float: right; border: 2px solid #19C19D; font-size: 16px; color: #040101; line-height: 28px; font-family: "microsoft yahei"; overflow: hidden; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px;}
.tablis_f{ width: 1169px; overflow: hidden; margin-top: 6px; overflow: hidden; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; }
.tablis_f a img{ display: block; width: 100%; margin: auto;cursor: pointer;}
.lis_bt{ width: 429px; height: 80px; padding: 16px; background: url(../img/news/tabs1_07.png) no-repeat center; position: absolute; left: 0px; bottom: 18px; z-index: 4;}
.lis_bt2{ width: 324px; height: 59px; padding:10px 16px; background: url(../img/news/tabs1_07.png) no-repeat right; position: absolute; left: 0px; bottom: 18px; z-index: 4;}
.lis_bt p,.lis_bt2 p{ font-size: 12px; font-family: "microsoft yahei"; color: #393535; text-transform: uppercase; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.lis_bt h3,.lis_bt2 h3{ font-size: 18px; font-family: "microsoft yahei"; color: #393535; padding-top: 15px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} 
.lis_bt2 h3{ padding-top: 8px;}

.product_all{ background:url(../img/news/line_01.jpg) no-repeat center top; width: 100%; padding-top: 50px; position: relative; top: 0px;}
/*.xuanz{ background: url(../img/news/xz_03.png) no-repeat center; background-size: 80%; width: 369px; height: 369px; position: absolute; top: 50%; margin-top: -181px; left: 50%; margin-left: -186px; animation: 3s linear 0s normal none infinite rotate;-webkit-animation:3s linear 0s normal none infinite rotate;}
.pro_lis{ width: 1349px; height: 910px; margin:auto;position: relative; top: 0px; background: url(../img/news/aa_03.png) no-repeat center; background-size: 25%;}
.div_01,.div_02,.div_03,.div_04{ width: 514px; height: 358px; overflow: hidden;}
.div_01 a,.div_02 a,.div_03 a,.div_04 a{ display: block; width: 255px; height: 177px; overflow: hidden; float: left; margin: 1px; border: 1px solid #9F9F9F;}
.div_01 a img,.div_02 a img,.div_03 a img,.div_04 a img{ display: block; margin: auto; max-width: 100%;-ms-interpolation-mode:bicubic;vertical-align:bottom;display:inline-block;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s; }
.div_01 a img:hover,.div_02 a img:hover,.div_03 a img:hover,.div_04 a img:hover{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);}
.div_01{ position: absolute; top: 75px; left: 0px;}
.div_02{ position: absolute; top: 75px; right: 0px;}
.div_03{ position: absolute; left: 0px; bottom: 74px;}
.div_04{ position: absolute; right: 0px; bottom: 74px;}
.div_01 span,.div_02 span,.div_03 span,.div_04 span{ display: block; background:#000000; opacity: 0.8; font-size: 20px; color: #FFFFFF; font-family: "microsoft yahei"; font-weight: bold; padding: 10px;border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; position: absolute; z-index: 5; top: 50%; margin-top: -20px; left: 50%; margin-left: -72px; }*/
.product_header{ font-family: "microsoft yahei"; font-weight: 300; font-size: 50px; color: #333333; text-align: center; margin-top: 50px; margin-bottom: 35px;}
.pro_next{ width: 1200px; margin: auto; position: relative; top: 0px;}
.pro_next .prev,
.pro_next .next{position:absolute;top:50%;margin-top:-14px;width:16px;height:28px; background: url(../img/carousel_control_2.png) no-repeat; cursor:pointer;}
.pro_next .prev{left:-16px; background-position: left;}
.pro_next .next{right:-16px; background-position: right;}
.pro_lis{ width: 1200px; margin: auto; overflow: hidden;}
.pro_lis ul{ width: 9999999999999px;}
.pro_lis ul li{ height: 370px; float: left; overflow: hidden;}
.pro_lis ul li a{ margin: 0 7px;width: 387px;height: 370px; display: block; cursor: pointer; position: relative; top: 0px;}
.pro_lis ul li a img{ width: 387px; height:370px;}
.pro_text{ width: 100%; height: 100px; position: absolute; bottom: 0px; padding:15px 10px;}
.pro_text h3{ font-family: "microsoft yahei"; font-weight: 300; font-size: 20px; line-height: 30px; color: #FFFFFF; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.pro_text span{ font-family: "microsoft yahei"; color: #FFFFFF; line-height: 35px; font-size: 28px; font-weight: 500; background: url(../img/news/ind_11.png) no-repeat center right; padding-right: 45px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.bgcolor0{ background: #0060AD;}
.bgcolor1{ background: #318E84;}
.bgcolor2{ background: #6E4E91;}
.bgcolor3{ background: #C5242A;}
.bgcolor4{ background: #DFA817;}

.last_all{ padding: 100px 0;}
.show_header img{ display: block; margin: auto; max-width: 100%;}
.show_slider{ width: 1200px; margin: auto; padding: 50px 0;}
.show_mess ul{ width: 99999px;}
.show_mess ul li{ width: 393px; float: left; padding-right:10px; overflow: hidden;}
.show_mess ul li a{ display: block; width: 383px; margin: 10px 0; height: 243px; overflow: hidden; cursor: pointer; position: relative; top: 0px;}
.show_mess ul li a img{ display: block; margin: auto; max-width: 100%;-ms-interpolation-mode:bicubic;vertical-align:bottom;display:inline-block;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.show_mess ul li a img:hover{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);}


.scroll_horizontal{position:relative; width: 1180px; padding:0 10px; border: 1px solid #D4D5D6;}
.scroll_horizontal .box{ width: 1160px; overflow:hidden;position:relative;margin:0 auto;}
.scroll_horizontal .list{overflow:hidden;width:999999px;}
.scroll_horizontal .list li{float:left;width:393px; padding-right: 10px;}
.scroll_horizontal .prev,
.scroll_horizontal .next{position:absolute;top:50%;margin-top:-14px;width:16px;height:28px; background: url(../img/carousel_control_2.png) no-repeat; cursor:pointer;}
.scroll_horizontal .prev{left:-16px; background-position: left;}
.scroll_horizontal .next{right:-16px; background-position: right;}

.drop_nav{ position: absolute; top: 70px; width: 150px; margin-left: -30px; background: url(../img/news/sa_03.png); border-radius: 5px; padding: 10px 0; display: none;} 
.drop_nav a{ display: block !important; width: 90% !important; margin:auto !important; float: initial !important; border-bottom: 1px dotted #2E2F30; cursor: pointer; line-height: 35px !important; font-size: 14px !important; color: #333 !important; text-align: center !important;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.drop_nav a:hover{ background: #D43F3A; color: #FFFFFF !important;}
.drop_nav_active{background: #D43F3A; color: #FFFFFF !important;}

.footer_link a{ color: #777; font-size: 13px; font-family: "microsoft yahei"; margin: 0 10px;}		





