@charset "utf-8";

body{
font-family:"Microsoft YaHei","Hiragino Sans GB","Hiragino Sans GB W3",SimSun,"PingFang SC",STHeiti;	
}
#tobottom{padding:7px;width:25px;
	height:25px;
	opacity:0.7;position:fixed;right:12px;_right:11px;cursor:pointer;_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))); text-align:center; line-height:25px; background:#FFA405; color:#fff; font-size:1.2rem}
#tobottom{border:1px solid #FE8101;-moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-bottom-left-radius:3px;
	-webkit-border-bottom-right-radius:3px;
    -khtml-border-bottom-left-radius:3px;
	-khtml-border-bottom-right-radius:3px;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);bottom:30px;_margin-bottom:30px; background:#FFA405;text-align:center;}
#totop{padding:7px;width:25px;
	height:25px; display:none;
	opacity:0.7;position:fixed;right:12px;_right:11px;cursor:pointer;_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))); text-align:center; line-height:25px; background:#FFA405; color:#fff; font-size:1.2rem}
#totop{border:1px solid #FE8101;-moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-top-left-radius:3px;
	-webkit-border-top-right-radius:3px;
    -khtml-border-top-left-radius:3px;
	-khtml-border-top-right-radius:3px;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);bottom:80px;_margin-bottom:100px; background:#FFA405;text-align:center;}	
	
#navbar{
	width:100%; clear:both; position:relative
}
#navbar a.subnav{
	height:18px;  display:block; padding-left:14px; color:#fff; text-decoration:none; float:right; padding-top:7px;
}
#navbar a.subnav:hover{
	color:#E0623C; text-decoration:none
}
#navbar .rightline{
	color:#191919; width:2px; float:right; padding-left:12px; font-size:18px; padding-top:5px  
}
#navbar h1.logo{
	height:auto;float:left; margin-top:14px
}

ul.suggest{
	width:185px; height:auto; overflow:hidden; position:absolute; top:57px; right:45px; z-index:99999; border:#ddd 1px solid; border-top:none; background:#fff; display:none
}
ul.suggest li{
	width:161px; margin-left:auto; margin-right:auto;
}
ul.suggest li a{
	color:#333; display:block; width:156px; padding-left:5px; height:auto; line-height:32px; overflow:hidden;	border-bottom:#ddd 1px solid;
}
ul.suggest li a:hover{
	border-bottom:#666 1px solid; color:#F60	
}
.main{
	width:1200px; margin-left:auto; margin-right:auto; clear:both; position:relative	
}

.h36{
	height:36px;	background-color:#2C2C2C;
}
.h73{
	height:73px;background-color:#EEEEEE	
}
a.nav{
	font-size:18px; color:#3C3D3D; display:block; padding-left:15px; height:70px; line-height:73px; padding-right:15px; float:right
}
a.active{
	background-color:#FF9D00;border-bottom:#FF9D00 3px solid; color:#fff
}
a.nav:hover{
	border-bottom:#FF9D00 3px solid;
}
input.search-box{
	width:202px; height:37px; border:#ADADAD 1px solid; border-right:none;border-radius:25px 0px 0px 25px; float:right; margin-top:17px;background-color:#EEEEEE; text-indent:12px; margin-left:12px	
}
button.sbutton{
	width:44px;border-radius:0px 25px 25px 0px; height:39px; float:right 	; margin-top:17px; color:#fff;border: medium none ; background: rgb(35, 35, 35);-moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; cursor: pointer; vertical-align: middle;
}

.hot-product{
 padding-top:85px;
}
.hot-product h2{
	text-align:center; font-size:1.6rem; color:#3D3C3A; line-height:48px;
}
.hot-product .txt{
	text-align:center; font-size:1.0rem; color:#878787; line-height:46px; padding-bottom:36px;	
}

.ui-operating {
	width:100%; clear:both;
	overflow:hidden; margin-bottom:97px
}
.ui-operating li {
	float:left;
	position:relative;
	width:580px;
	height:232px;
	margin-right:30px
}
.ui-operating li img {
	width:100%
}
.ui-operating dl.desc{
position:absolute;z-index:999999; left:0; bottom:0; display:block; width:96%; height:auto; padding-left:2%; padding-right:2%; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#66000000',endColorstr='#66000000'); background:rgba(0,0,0,0.4); overflow:hidden; display:block; color:#fff; display:none}
.ui-operating dl.desc dt{
	width:100%; height:32px; line-height:32px;font-size:1.0rem; font-weight:700
}
.ui-operating dl.desc dd{
	line-height:22px;
}
.mark {
	position:absolute;
	left:0;
	top:7px;
	padding:0 6px;
	color:#fff;
	line-height:24px;
	background-color:#ff6262;
	font-size:12px
}
.mark:after {
	content:'';
	position:absolute;
	top:0;
	right:-5px;
	border-top:12px solid #ff6262;
	border-bottom:12px solid #ff6262;
	border-right:5px dashed transparent
}
.news{
	width:100%; clear:both; height:auto; overflow:hidden; background-color:#F9F9F9	
}
.news h2{
text-align:center; font-size:1.6rem; color:#3D3C3A; line-height:36px; padding-top:85px;
}
.news .txt{
	text-align:center; font-size:1.0rem; color:#878787; line-height:46px; padding-bottom:36px;		
}
dl.ul-news-list {
	width:388px; margin-right:12px; border:#D5D5D9 1px solid; height:255px; float:left; background-color:#fff; margin-bottom:12px;
}
dl.ul-news-list dt{
	padding-left:15px; padding-right:15px; line-height:30px; height:35px; overflow:hidden;text-overflow:ellipsis;
}
dl.ul-news-list dt h3{
 height:auto; line-height:26px;font-size:1rem; font-weight:700; padding-left:5px; padding-right:5px
}
dl.ul-news-list dd {
padding:1px; width:388px; height:217px; display:block; overflow:hidden;
}
dl.ul-news-list dd img{
	display:block; width:386px; height:217px;
}
dl.ul-news-list dt p.dtxt{
	line-height:22px; font-size:0.8rem; color:#9D9D9B; padding-left:5px; padding-right:5px;overflow: hidden; height:70px; padding-top:5px;
text-overflow:ellipsis;
}
.clearfix{
	width:100%; clear:both; text-align:center	
}
.bt{
	border-top:#D5D5D9 1px solid
}
.bb{
	border-bottom:#D5D5D9 1px solid
}
.more{
width:100%; text-align:center; clear:both;height:25px;line-height:25px;margin:auto;position:relative;font-size:1.1rem;color:#333; padding-bottom:71px; padding-top:20px;
}
.more:hover {
	color:#ff7010;
}
.xxpl{
margin-left:auto; margin-right:auto	; clear:both
}
.xxpl li{
	width:100%; height:50px; line-height:55px; border-bottom:#414141 1px dotted; clear:both
}
.xxpl li .dot{
 width:3px; height:3px;  border: 1px solid #F2A72A; border-radius:3px; background-color: #F2A72A; display:block; overflow:hidden; float:left; margin-top:24px; margin-left:10px
}
.xxpl li .title{
	float:left; padding-left:10px; font-size:1.1rem	
}
.xxpl li .title a{
	color:#3A3A3A;
}
.xxpl li .title a:hover{
	color:#ff7010;
}
.xxpl li .date{
	float:right; font-size:1.0rem	
}
.xxpl li a.download{
	width:76px; height:23px; border:#FB9401 1px solid; border-radius:5px; background-color:#FEA628; text-align:center; line-height:23px; color:#fff; float:right; margin-left:12px; display:block; margin-top:15px
}
.bxgs{padding:49px 0 60px 41px;position:relative;text-align:center;background-color:#F9F9F9	}

.bxgs .scroll-bar {
	width:1040px;
	height:178px;
	margin:0px auto 0px auto;
	position:relative;
	overflow:hidden
}
.bxgs .scroll-bar .container {
	width:3204px;
	height:394px;
	overflow:hidden;
	position:absolute;
	left:0;
	top:0;
	padding-top:4px
}
.bxgs .scroll-bar .part {
	width:1040px;
	height:394px;
	float:left
}
.bxgs .company-ul {
	width:100%;
	height:100%;
	clear:both;
	zoom:1;
	text-align:center
}
.bxgs .company-ul li {
	width:180px;
	height:58px;
	margin:0 20px 20px 0;
	float:left;
	display:block;
	background-color:#fff;
	box-shadow:1px 2px 4px #dbdbdb;
	padding-top:0px;
	-moz-box-sizing:border-box;
	box-sizing:border-box
}
.bxgs .company-ul li img {
	width:180px;
	display:block;
	margin:auto
}
.bxgs .company-ul li a {
	display:block;
	height:100%
}
.bxgs .company-ul li:nth-child(5n) {
	margin:0 0 20px 0
}
.bxgs .company-ul li:nth-child(5n+1) {
	margin:0 20px 20px 10px
}
.bxgs .company-ul li.firstChild {
	margin:0 20px 20px 10px
}
.bxgs .company-ul li.fourChild {
	margin:0 0 20px
}
.bxgs .company-ul li a {
	display:block
}
.bxgs .company-ul li a img {
	display:block
}
.bxgs .prev {
	background:url(../images/icon.png) 0px 0px no-repeat; display:block; position:absolute; left:50%;margin-left:-590px; top:232px; width:37px; height:50px;cursor:pointer;
	
}
.bxgs .next {
	background:url(../images/icon.png) -43px 0px no-repeat; display:block; position:absolute; left:50%;margin-left:550px; top:232px; width:37px; height:50px;cursor:pointer;
}
.bzpc{
	width:1384; height:100px; text-align:center; margin:60px auto; clear:both;	
}
.footer{
	width:100%; clear:both; background-color:#3C3C3C; height:auto; overflow:hidden; padding-top:22px; color:#fff 	
}
.footer .left{
	float:left;	
}
.footer .right{
	float:right
}
.footer .right dl{
	float:right; margin-left:20px; width:122px; height:auto; overflow:hidden;
}
.footer .right dl dd{
	width:122px; height:122px; overflow:hidden
}
.footer .right dl dt{
	width:122px; height:32px; line-height:32px; font-size:14px; text-align:center;
}
.footer dl.tel{
	width:100%; clear:both;
}
.footer dl.tel dt{
 float:left; width:82px; height:71px
}
.footer dl.tel dd{
	float:left; padding-left:4px; padding-top:12px
}
.footer dl.tel dd p{
	width:100%; clear:both; font-size:21px; font-family:"黑体"
}
.footer .about{
	width:100%; clear:both; font-size:14px; line-height:28px; padding-top:12px; padding-left:12px	
}.footer .about a{
	color:#fff
}
.footer .about a:hover{
	color:#F30
}
.copyright{
	width:100%; text-align:center; clear:both; color:#2a2a2a;line-height:30px;text-shadow:1px 1px 1px #434242	
}
  .gynav{
	width:100%; height:45px; border-bottom:#EFEFEF 2px solid; line-height:45px;  margin-top:55px
}
.gynav a{
	display:block; width:200px; height:45px; float:left; color:#838383; text-align:center; font-size:1.3rem;position:relative;
}
.gynav u{
	width:200px; position:absolute; height:2px; background-color:#F2B014; left:0; bottom:-2px; 
}
.gynav a:hover{
	color:#C00
}.flickerplate {
	position:relative;
	width:100%;
	height:520px;
	background-color:#e6e6e6;
	overflow:hidden
}
.flickerplate a{
	width:100%;
	height:520px;
	display:block;
	text-indent:-999999px
}
.flickerplate ul.flicks {
	width:10000%;
	height:100%;
	padding:0px;
	margin:0px;
	list-style:none
}
.flickerplate ul.flicks>li {
	float:left;
	width:1%;
	height:100%;
	background-position:center;
	background-size:cover;
	display:table
}
.flickerplate ul.flicks>li .flick-inner {
	height:100%;
	padding:10px;
	color:#fff;
	display:table-cell;
	vertical-align:middle
}
.flickerplate ul.flicks>li .flick-inner .flick-content {
	max-width:68.75em;
	margin-left:auto;
	margin-right:auto
}
.flickerplate ul.flicks>li .flick-title {
	padding:0px 0px;
	font-size:2.778em;
	line-height:1.995em;
	text-align:center
}
@media only screen and (max-width: 43.813em) {
.flickerplate ul.flicks>li .flick-title {
font-size:1.667em
}
}
.flickerplate ul.flicks>li .flick-sub-text {
	padding:5px;
	font-weight:300;
	line-height:2.5em;
	color:rgba(255, 255, 255, 0.8);
	text-align:center
}
.flickerplate ul.flicks>li .flick-title span.flick-block-text, .flickerplate ul.flicks>li .flick-sub-text span.flick-block-text {
	padding:12px 18px;
	background-color:rgba(0, 0, 0, 0.6)
}
.flickerplate .arrow-navigation {
	position:absolute;
	height:80%;
	width:10%;
	top:10%;
	z-index:100;
	overflow:hidden
}
.flickerplate .arrow-navigation .arrow {
	display:block;
	height:100%;
	width:90%;
	-webkit-transition:all 0.2s ease-out;
	-moz-transition:all 0.2s ease-out;
	-o-transition:all 0.2s ease-out;
	-ms-transition:all 0.2s ease-out;
	transition:all 0.2s ease-out
}
.flickerplate .arrow-navigation:hover, .flickerplate .arrow-navigation .arrow:hover {
	cursor:pointer
}
.flickerplate .arrow-navigation.left {
	left:0%
}
.flickerplate .arrow-navigation.left .arrow {
	opacity:0;
	margin:0px 0px 0px 50%;
	background-image:url("../images/flickerplate/arrow-left-light.png");
	background-repeat:no-repeat;
	background-position:left
}
.flickerplate .arrow-navigation.right {
	right:0%
}
.flickerplate .arrow-navigation.right .arrow {
	opacity:0;
	margin:0px 0px 0px -50%;
	background-image:url("../images/flickerplate/arrow-right-light.png");
	background-repeat:no-repeat;
	background-position:right
}
.flickerplate .arrow-navigation.left.hover .arrow {
	opacity:1;
	margin:0px 0px 0px 20%
}
.flickerplate .arrow-navigation.right.hover .arrow {
	opacity:1;
	margin:0px 0px 0px -20%
}
.flickerplate .dot-navigation {
	position:absolute;
	bottom:15px;
	width:100%;
	text-align:center;
	z-index:100
}
.flickerplate .dot-navigation ul {
	text-align:center;
	list-style:none;
	padding:0px 15px
}
.flickerplate .dot-navigation ul li {
	display:inline-block;
	float:none
}
.flickerplate .dot-navigation .dot {
	width:14px;
	height:14px;
	margin:0px 6px;
	background-color:rgba(255, 255, 255, 0.3);
	border-radius:50%;
	-o-border-radius:50%;
	-ms-border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	-webkit-transition:background-color 0.2s ease-out;
	-moz-transition:background-color 0.2s ease-out;
	-o-transition:background-color 0.2s ease-out;
	-ms-transition:background-color 0.2s ease-out;
	transition:background-color 0.2s ease-out
}
.flickerplate .dot-navigation .dot:hover {
	cursor:pointer;
	background-color:rgba(255, 255, 255, 0.6)
}
.flickerplate .dot-navigation .dot.active {
	background-color:#fff
}
.flickerplate .dot-navigation.left, .flickerplate .dot-navigation.left ul {
	text-align:left
}
.flickerplate .dot-navigation.right, .flickerplate .dot-navigation.right ul {
	text-align:right
}
.flickerplate.flicker-theme-dark .arrow-navigation.left .arrow {
	background-image:url("../images/flickerplate/arrow-left-dark.png")
}
.flickerplate.flicker-theme-dark .arrow-navigation.right .arrow {
	background-image:url("../images/flickerplate/arrow-right-dark.png")
}
.flickerplate.flicker-theme-dark .dot-navigation .dot {
	background-color:rgba(0, 0, 0, 0.12)
}
.flickerplate.flicker-theme-dark .dot-navigation .dot:hover {
	background-color:rgba(0, 0, 0, 0.6)
}
.flickerplate.flicker-theme-dark .dot-navigation .dot.active {
	background-color:#000
}
.flickerplate.flicker-theme-dark ul.flicks li .flick-inner {
	color:rgba(0, 0, 0, 0.9)
}
.flickerplate.flicker-theme-dark ul.flicks li .flick-inner .flick-content .flick-sub-text {
	color:rgba(0, 0, 0, 0.9)
}
.flickerplate.flicker-theme-dark ul.flicks li .flick-inner .flick-content .flick-title span.flick-block-text, .flickerplate.flicker-theme-dark ul.flicks li .flick-inner .flick-content .flick-sub-text span.flick-block-text {
	background-color:rgba(255, 255, 255, 0.5)
}
.flickerplate ul.flicks li.flick-theme-dark .flick-inner {
	color:rgba(0, 0, 0, 0.9)
}
.flickerplate ul.flicks li.flick-theme-dark .flick-inner .flick-content .flick-sub-text {
	color:rgba(0, 0, 0, 0.9)
}
.flickerplate ul.flicks li.flick-theme-dark .flick-inner .flick-content .flick-title span.flick-block-text, .flickerplate ul.flicks li.flick-theme-dark .flick-inner .flick-content .flick-sub-text span.flick-block-text {
	background-color:rgba(255, 255, 255, 0.5)
}
.flickerplate.animate-transform-slide ul.flicks {
	-webkit-perspective:1000;
	-webkit-backface-visibility:hidden;
	transform:translate3d(0%, 0px, 0px);
	-webkit-transform:translate3d(0%, 0px, 0px);
	-webkit-transition:-webkit-transform 0.6s;
	-o-transition:-o-transform 0.6s;
	-moz-transition:-moz-transform 0.6s;
	transition:transform 0.6s
}
.flickerplate.animate-transition-slide ul.flicks {
	position:relative;
	left:0%;
	-webkit-transition:left 0.4s ease-out;
	-moz-transition:left 0.4s ease-out;
	-o-transition:left 0.4s ease-out;
	-ms-transition:left 0.4s ease-out;
	transition:left 0.4s ease-out
}
.flickerplate.animate-jquery-slide ul.flicks {
	position:relative;
	left:0%
}
.flickerplate.animate-scroller-slide {
	padding-bottom:0px;
	overflow:auto
}
.flickerplate.animate-scroller-slide ul.flicks {
	position:auto
}