html,body{ width:100%; height:100%;}
body{ font:12px "\5FAE\8F6F\96C5\9ED1"; background-color:#eeefef;}

button,submit,input,select,textarea{outline:none;}
button,submit,input,select{vertical-align:middle;}
button,submit,input[type="button"]{cursor:pointer; -webkit-appearance: none;}
textarea{resize:none;outline:none;}
button::-moz-focus-inner,
submit::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner{padding:0;border:none;}
select{
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
}

/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand { display: none; }
.w1200{ width:1200px; margin: 0 auto; position:relative; overflow:hidden;}
.bd{ border:1px solid #ebebeb;}
.none{ display:none!important;}
/*头部*/
.header{ width:100%; background:#fff;}
	.header .w1200{ background: #fff; }
		.header .left{ float:left; padding-top: 25px; }
		.header ul{ float:right;}
			.header li{ float:left; font-size:14px; margin-left: 50px; text-align: center;}
				.header li a{ display: block; height:72px; line-height:72px; padding: 0 8px; border-bottom: 6px solid #fff; color:#595757;}
				.header li.current a,
				.header li a:hover{ border-bottom: 6px solid #595757;}
		.header .right{ float: right; padding: 24px 0; }
			.header .right a{ margin-left: 30px; }
/*底部*/
.footer{ margin-top:96px;}
	.footer-icon{ text-align: center; background:#fff; }
		.footer-icon .w1200{ padding: 20px 0; background:#fff;}
			.footer-icon a{ margin: 0 12px; }
	.footer-content{ color:#969696; background:#3e3a39;}
		.footer .footer-content .w1200{ padding: 65px 0 40px 0; background:#3e3a39;}
			.footer dl{ float: left; width: 200px; }
				.footer dt{ font-size: 16px; padding-bottom: 50px; }
					.footer dt a,
					.footer dd a{ color: #ddd; }
				.footer dd{ font-size: 12px; padding-bottom: 22px; }
			.footer .right{ float: right; width: 200px; }
				.footer .right .code{ width: 79px; margin-right: 15px; }
				.footer .right li{ padding-top: 32px; color: #ddd; overflow: hidden; }
					.footer .right li img{ float: left; margin-right: 10px; }
					.footer .right li h3{ font-size: 16px; }
					.footer .right li p{ font-size: 12px; }
				.footer .right .search{ margin-top: 40px; border-radius: 8px; overflow: hidden; }
					.footer .right .search input{ float: left; }
					.footer .right .search .input{ width: 144px; padding-left: 6px; height: 34px; line-height: 34px; color: #333; background: #fff; }
					.footer .right .footer-search-btn{ width: 50px; height: 34px; background: #dadbdb url(../images/footer-search-icon.png) no-repeat 50% 50%; cursor: pointer; }
				.footer .link{ clear: both; font-size: 14px; padding-top: 22px; text-align: right; overflow: hidden; }
					.footer .link span{ float: left; margin-right: 20px; color: #ddd;}
					.footer .link a{ float: right; color: #ddd;}
					.footer .link a:hover{ text-decoration: underline; }
/*图片滚动*/
.index-scroll{ width:100%; height:768px;}			
.scroll-box{ width:100%; height:768px; overflow:hidden;}
	.scroll-box ul li{ width: 100%; height:768px;}
		.scroll-box ul li a{ display: block; width: 100%; height: 100%; }
	.scroll_nav{ width:100%; position:absolute; left:0; bottom:10px; text-align:center;}
		.scroll_nav li{ display:inline-block; font-size: 18px; font-weight: bold; width:34px; height:34px; line-height: 34px; margin:0 5px; border-bottom: 2px solid #fff; text-indent:-999em; cursor:pointer;}
		.scroll_nav li.current{ color: #fff; text-indent: 0;}
	.scroll-box .prev{ width: 84px; height: 83px; margin-top: -42px; no-repeat 50% 50%; position: absolute; top: 50%; left: 110px; cursor: pointer; }
	.scroll-box .next{ width: 84px; height: 83px; margin-top: -42px; no-repeat 50% 50%; position: absolute; top: 50%; right: 110px; cursor: pointer; }
/* background: url(../images/slide-prev.png)  background: url(../images/slide-next.png)*/
.device {
  width: 100%;
  min-width: 1200px;
  height: 540px;
  position: relative;
}
.device .arrow-left {
  /*background: url(../images/slide-prev.png)*/ no-repeat 50% 50%;
  position: absolute;
  left: 110px;
  top: 50%;
  margin-top: -42px;
  width: 84px;
  height: 83px;
  z-index: 1000;
  cursor: pointer;
}
.device .arrow-right {
  /*background: url(../images/slide-next.png)*/ no-repeat 50% 50%;
  position: absolute;
  right: 110px;
  top: 50%;
  margin-top: -42px;
  width: 84px;
  height: 83px;
  z-index: 1000;
  cursor: pointer;
}
.swiper-container {
  height: 100%;
  width: 100%;
}
.content-slide {
  padding: 20px;
  color: #fff;
}
.pagination {
  position: absolute;
  left: 0;
  text-align: center;
  bottom:20px;
  width: 100%;
  z-index: 1000;
}
.swiper-pagination-bullet {
 	position: relative;
   	display:inline-block;
 	font-size: 18px; 
	font-weight: bold; 
	width:10px;
 	height:10px; 
	margin:0 9px; text-indent: -99999px;  cursor:pointer;
	font-size:0;
    	border-radius: 51%;
	background:rgba(80,168,180,.7);
	opacity:1;
}
.swiper-pagination-bullet:after{
	position:absolute;
	left:-4px;
	top:-4px;
	width:18px;
	height:18px;
	content:'';
	background:rgba(80,168,180,.3);
	border-radius: 51%;
} 
.swiper-pagination-bullet.swiper-pagination-bullet-active{
	background:rgba(255,255,255,.7);
}
.swiper-pagination-bullet.swiper-pagination-bullet-active:after{
	background:rgba(255,255,255,.3);
}


/* begin */

.arrow-direction{
    display: block;
    position: absolute;
    top:0;
    width: 40px;
    height: 391px;
    border:0;
    background: transparent;
    cursor: pointer;
}
.arrow-direction span{
    display: block;
    width: 26px;
    height: 48px;
    
    background:url(../images/index/icon-arrow.png) no-repeat;
}
.btn-prev{
    left: -52px;

}
.btn-prev span{background-position:0 0;}
.btn-next{
    right: -52px;
}
.btn-next span{
    background-position: -28px 0;}


#field{
    padding: 90px 0;
	background:#fff
}
.field-swiper{
    position: relative;
    width: 1100px;
    height: 182px;
    margin: 0 auto;
}
.field-content{
    position: relative;
    width: 1100px;
    height: 182px;
    overflow: hidden;
}

.field-swiper .arrow-direction{
    height: 182px;
}

.field-item{
    position: relative;
    display: block;
    float: left;
    width: 270px;
    height: 182px;
    margin-right: 6px;
    cursor: pointer;
}
.field-item img{
    width: 270px;
    height: 182px;
}
.field-item:nth-last-of-type(1){
    margin-right: 0;
}
.field-fot{
    position: absolute;
    left: 0px;
    bottom: 0;
    right: 0;
    height: 48px;
    width: 100%;
    background: rgba(0,0,0,.8);
}
.field-fot p{
    font-size: 14px;
    color:#FFFFFF;
    line-height:48px;
    text-align: center;
}

.field-item:hover .field-fot{
    top: 0;
    width: 100%;
    height: 100%;
}
.field-item:hover .field-fot p{
    width: 136px;
    height: 34px;
    line-height: 34px;
    margin: 74px auto 0;
    border:1px solid #FFFFFF;
}


/* end */

.index-explain,
.index-explain .w1200{ background: #fff; }
	.index-explain ul{ padding: 30px 0; overflow: hidden; }
		.index-explain li{ float: left; width: 25%; text-align: center; border-right: 1px solid #adaeaf; box-sizing: border-box; color: #666; }
		.index-explain li:last-child{ border-right: none; }
			.index-explain li img{ margin: -13px 5px 0 0; }
			.index-explain li span{ display: inline-block; font-size: 14px; text-align: left;color:#595757;}
.index-con{ padding: 90px 0; }
	.index-con .box{ width: 270px; padding: 15px; color: #fff; background: rgba(255,255,255,.3); position: absolute; }
		.index-con .box h3{ font-size: 30px; padding-bottom: 15px; }
		.index-con .box p{ font-size: 14px; padding-bottom: 5px; }
		.index-con .box p.mt{ padding-top: 20px; }
			.index-con .box p a{ padding: 3px 10px; border: 1px solid #fff; color: #fff; }
	.index-con .left{ float: left; width: 776px; }
		.index-con .left .t,
		.index-con .left .b-l,
		.index-con .left .b-r{ float: left; position: relative; }
		.index-con .left .t{ margin-bottom: 10px; }
		.index-con .left .b-l{ margin-right: 10px; }
			.index-con .left .t .box{ right: 65px; bottom: 45px; }
			.index-con .left .b-l .box{ left: 60px; bottom: 60px; }
				.index-con .left .b-r .bottom{ padding: 15px 15px 15px 30px; color: #381e13; background: rgba(255,255,255,.3); position: absolute; left: 0; right: 0; bottom: 0; }
					.index-con .left .b-r .bottom h3{ font-size: 30px; }
					.index-con .left .b-r .bottom p{ font-size: 14px; padding-top: 8px; }
					.index-con .left .b-r .bottom .go{ display: block; width: 37px; height: 37px; margin-top: -18px; position: absolute; top: 50%; right: 30px; }

					.index-con .left img:hover {
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
    -webkit-transform: translate3d(0, -2px, 0);}
	.index-con .right img:hover {
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
    -webkit-transform: translate3d(0, -2px, 0);}

	.index-con .right{ float: right; width: 416px; position: relative; }
		.index-con .right .box{ margin: 0 auto; background: rgba(0,0,0,.3); top: 35%; left: 0; right: 0; }

.index-footer-scroll{ padding: 90px 0; background: #fff; }
	#demo {width:1200px; margin:0 auto; background: #fff;overflow:hidden;}
		#demo a{ float: left; margin-right: 10px; position: relative;}
			#demo a .box{ display: none; padding: 20px; color: #fff; background: rgba(0,0,0,.7); position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
				#demo a .box h3{ font-size: 18px; font-weight: bold; position: absolute; bottom: 45px; left: 20px;}
				#demo a .box p{ font-size: 12px; position: absolute; bottom: 20px; left: 20px;}
				#demo a .box span{ font-size: 12px; position: absolute; bottom: 20px; right: 20px;}
		#demo a:hover .box{ display: block;}			
		#demo img { width:290px;height:195px;}
		#indemo {float: left;width: 800%;}
		#demo1 {float: left;}
		#demo2 {float: left;}
/*当前位置*/
.current-nav{ height: 30px; line-height: 30px; padding: 30px 0; color: #9fa0a0; }
	.current-nav img{ margin: -5px 8px 0 0; }
	.current-nav a{ margin: 0 8px; color: #9fa0a0;font-size:14px; }
	.current-nav .design-tab{ overflow: hidden; position: absolute; top: 0; right: 0; }
		.current-nav .design-tab a{ float: left; font-size: 14px; width: 90px; height: 30px; line-height: 30px; margin: 0 0 0 15px; text-align: center; color: #9fa0a0; }
		.current-nav .design-tab a:hover,
		.current-nav .design-tab a.current{ width: 90px; height: 28px; line-height: 28px; border: 1px solid #595757; color: #595757; }
/*品质与设计*/
.quality-list{ padding: 80px 0 0 0; background: #fff; overflow: hidden; }
	.quality-list dl{ float: left; width: 35%; margin-left: 10%; margin-bottom: -100px; padding-bottom: 200px; }
		.quality-list dt{ float: left; width: 90px; text-align: right; }
		.quality-list dd{ margin-left: 110px; }
			.quality-list dd h3{ font-size: 16px; font-weight: bold; margin-bottom: 10px; color: #595757; }
			.quality-list dd p{ font-size: 14px; text-align: justify; color: #595757; }
.structure-pic{ padding: 0 10% 10% 10%; background: #fff; }
	.structure-pic h2{ font-size: 25px; padding-top: 90px; border-top: 2px solid #9a9b9b; color: #595757; }
	.structure-pic ul{ width: 330px; margin-top: 45px; padding: 0 0 20px 56px; border: 1px solid #595757; }
		.structure-pic li{ font-size: 14px; padding-top: 20px; color: #898989; }
			.structure-pic li span{ color: #595757; }
	.structure-pic .pic{ width: 100%; margin-top: -80px; }

/*下载中心*/

/*联系我们*/
.link-us{ background: #fff; }
	.link-us .pic{ width: 1200px; }
	.link-us .box{ padding: 80px 100px; }
		.link-us .box h3{ font-size: 30px; padding-bottom: 30px; color: #231815; }
		.link-us .box p{ font-size: 20px; color: #595757; position: relative; }
		.link-us .box p.mt{ margin-top: 22px; }
			.link-us .box p img{ position: absolute; top: 4px; left: -28px; }
			.link-us .box p span,
			.link-us .box p a{ display: block; font-size: 16px; color: #898989; }
			.link-us .box p a:hover{ text-decoration: underline; }
/*产品中心*/
.product{ background: #fff; }
.product .pic{ width: 1200px; } 
.product-list{ padding: 50px 80px; background: #fff; }
	.product-list h2{ font-size: 20px; padding-bottom: 15px; border-bottom: 1px solid #b5b5b6; color: #595757; }
	.product-list ul{ padding-top: 10px; overflow: hidden; }
		.product-list li{ float: left; width: 136px; margin: -1px -1px 0 0; padding: 50px 35px 35px 35px; border: 1px solid #e6e6e7; }
			.product-list li .pic{ width: 105px; height: 480px; }
			.product-list li{ float: left; width: 136px; margin: -1px -1px 0 0; padding: 50px 35px 35px 35px; border: 1px solid #e6e6e7; }
			.product-list li p{ font-size: 14px; line-height: 20px; margin-top:20px; padding-right: 20px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: #595757; position: relative; }
			.product-list li p a{ position: absolute; top: -2px; right: 0; }
			
			.product-listk{ padding: 50px 80px; background: #fff; }
			.product-listk h2{ font-size: 20px; padding-bottom: 15px; border-bottom: 1px solid #b5b5b6; color: #595757; }
			.product-listk ul{ padding-top: 10px; overflow: hidden; }		
			.product-listk li{ float: left; width: 185px; margin: -1px -1px 0 0; padding: 50px 35px 35px 35px; border: 1px solid #e6e6e7; }
			.product-listk li .pic{ width: 185px; height: 185px; }
			.product-listk li p{ text-align: center;font-size: 14px; line-height: 20px; margin-top:20px; padding-right: 20px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: #595757; position: relative; }
			.product-listk li p a{ position: absolute; top: -2px; right: 0; }

				.product-detail{ padding: 8%; background: #fff; }
					.product-detail .left .pbig{border-top:1px solid #000} 
					.product-detail .left{ margin-left:5px; width: 46%; }
					.product-detail .left .pic-box{clear:right;margin:-1 0 5px 50px;width:322px;height:322px;moz-background-clip:border;moz-background-origin:padding; moz-background-inline-policy:continuous;background:#FFF;border:1px solid #CCC;padding:2px}
					.product-detail .left .pic-box img{width: 250px;height: 250px;margin-top: 30px;}
					.product-detail .btn-box{ padding-top: 15px;margin-left:50px;}
					.product-detail .btn-box .btn-l{ float: left; width: 220px; height:50px; margin-top: 40px;}
					.product-detail .btn-box .btn-r{ float: left; width: 220px; height:50px; margin-top: 50px;}
					.product-detail .btn-box img{ width: 100%; }
					.product-detail .right{ float: right; width: 49%; }
					.product-detail .right .title{ font-size: 16px; height: 40px; line-height: 40px; padding-left: 34px; color: #595757; background: #eeefef; }
					.product-detail .right p{ font-size: 14px; padding: 15px 0 0 34px; color: #595757; }
					.product-detail .img-con{ clear: both; }
					.product-detail .img-con img{ width: 100%;}
/*企业介绍*/
.about-list{ padding: 50px 80px; background: #fff;}
	.about-list h2{ font-size: 20px; padding-bottom: 15px; border-bottom: 1px solid #b5b5b6; color: #595757; }
	.about-list ul{ padding-top: 60px; overflow: hidden; }
		.about-list li{ float: left; width: 450px; margin: -1px -1px 0 0; padding: 50px 35px 35px 35px;}
			.about-list li .pic{ width: 440px; height: 245px; }
			.about-list li .ftstyle{font-size:x-large}
			.about-list li p{line-height: 20px; margin-top: 12px; padding-right: 20px; text-overflow: ellipsis;overflow: hidden; color: #595757; position: relative;}
				.about-list li p a{float:right}
				.about-list li p a .btn-read{float: left;}
				
				
				.subNav{heigth:30px; line-height:30px;}
				.current-nav .home-icon{width:15px; height:13px; display:inline-block; margin:8px 7px 9px 8px;}
				.home-icon img{vertical-align: middle;}