*{margin:0;padding:0;}
body {margin:0; padding:0; font-size: 14px; font-family:'宋体','Microsoft Yahei', Tahoma; color:#666; overflow-x:hidden; overflow:auto; background:#fff url(../images/bg.gif) repeat-y left top;}
html,body{width:100%; height:100%;}
a {color:#555; font-size:14px; text-decoration:none;}
a:hover{text-decoration:none; color:#950012;}
a:focus{ outline: none;}
ul,ol,li{ list-style:none;}
input,select,textarea{height: 23px; border: 1px solid #585858; margin:10px;}
img{border:none;}
.clear{display: block; width: 100%; height: 10px; overflow: hidden; visibility: hidden; font-size: 1px; clear: both;}

.index{ background:#000;}
.index .warp{left:13%; overflow:hidden; z-index:999; position:absolute;}

#logo{line-height:160px;}
#index-ad{ padding-bottom:50px; overflow:hidden;min-width: 400px;max-width: 500px;}
.swiper-slide { background:#000 url(../images/index-bg.jpg) top center no-repeat; }
#index-ad a{display:block; float:left;}
#index-ad a.l01{width:25%;}
#index-ad a.l02{width:25%;}
#index-ad a.l03{width:25%;}
#index-ad a.l04{width:20%;}
#index-ad a.l05{width:20%; margin-left:5%;}
#index-ad img{}
#copyright{color:#1A1A1A; font-size:13px;}
.page_num{padding-bottom:20px;}
.page_num span{padding:5px; border:1px solid #999; margin-right:10px;}
.page_num a{padding:5px; border:1px solid #999; margin-right:10px;}
#menu{ overflow:hidden;}
#menu li{width:100%; height:47px;}
#menu li a{color:#555; font-size:16px;}
#menu li a:hover{color:#fff;}
#menu1{ overflow:hidden;}
#menu1 li{width:100%; height:47px;}
#menu1 li a{color:#2D2D2D; font-size:16px;}
#menu1 li a:hover{color:#fff;}
#footer dl{ padding:20px 0 80px 0; overflow:hidden;}
#footer dt{}
#footer dt a{ display:inline-block; width:31px; height:20px;}
#footer dt a.on{background:url(../images/music-on-2.jpg) no-repeat left center;}
#footer dt a.off{background:url(../images/music-off-2.jpg) no-repeat left center;}
#footer dd{ padding:10px 0;}
#footer dd a{color:#333;}


#left{ width:30%; padding-left:5%; height:100%; float:left; overflow:hidden;position: fixed;}
#left .go-top{display:inline-block; color:#eee; background:url(../images/icon-up.png) no-repeat left center; padding-left:22px; font-size:14px; white-space:nowrap; position:fixed; left:28%; bottom:20px;}
.icon-back{display:inline-block; background:url(../images/icon-back.jpg) no-repeat center; width:48px; height:48px; float:right; margin:40px 25px 0 0;}

.about-main{width:100%; overflow:hidden; float:left;  background-color: #000;}
.about-box{width:65%; background-color:#fff; overflow:hidden; float:right;  padding-left: 3%;}
.about-box .box{width:97%; padding-left:3%; overflow:hidden; }
.about-box .box-2{background:url(../images/about-line.png) repeat-x left bottom; margin-bottom:40px; padding-bottom:20px;}
.about-box .icon-back{display:inline-block; background:url(../images/icon-back.jpg) no-repeat center; width:48px; height:48px; float:right; margin:40px 15px 0 0;}
.about-box dl{width:97%%; padding-bottom:40px; overflow:hidden;}
.about-box .box-2 dl{padding-bottom:0;}
.about-box dl dt{ padding-bottom:40px;}
.about-box dl dt img{max-width:100%;}
.about-box dl dd{width:97%%; overflow:hidden;max-width: 820px;}
.about-box dl dd h3{height:110px; float:left;}
.about-box dl dd div{overflow:hidden; width:60%; float:right; line-height:2em;}

.about-main .top-menu{padding:45px 0; overflow:hidden; width:98%;max-width: 820px;}
.about-main .top-menu .icon-back{ display:none;}
.about-main .top-menu p{float:right; width:70%; text-align:right;}
.about-main .top-menu p a{width:18px; text-align:center; padding:0 20px; display:inline-block; font-weight:bold; font-family:Microsoft Yahei; font-size:16px; color:#000;}
.about-main .top-menu p a:hover,
.about-main .top-menu p a.active{color:#950012;}

#about-time{ background:url(../images/icon-black.jpg) no-repeat bottom center; overflow:hidden; width:580px; float:right;}
#about-time .content{}
#about-time .content div{ display:none; padding-bottom: 20px; width: 100%;}
#about-time .tool{width:100%; height:90px; overflow:hidden;}
#about-time .tool a{}
#about-time .tool .l{width:20%; height:70px; float:left;}
#about-time .tool .l a{display:block; width:100%; height:70px; background:url(../images/go-left.jpg) no-repeat center; }
#about-time .tool .c{width:60%; text-align:center; height:70px; float:left;}
#about-time .tool .c p{display:none;}
#about-time .tool .c strong{display:block; width:100%; height:30px; line-height:35px; font-size:25px; color:#000;}
#about-time .tool .c span{display:block; width:100%; height:30px;  font-size:16px; color:#7C7C7C;}
#about-time .tool .r{width:20%; height:70px; float:right;}
#about-time .tool .r a{display:block; width:100%; height:70px; background:url(../images/go-right.jpg) no-repeat center;}


.products-main{width:100%; overflow:hidden; float:left;}
.products-box{width:60%; padding-left:3%; float:right; overflow:hidden; background-color: #fff;}
.products-main .top-menu{padding:45px 0; overflow:hidden; width:98%;max-width: 820px;}
.products-main .top-menu .icon-back{ display:none;}
.products-main .top-menu p{float:right; width:70%; text-align:right;}
.products-main .top-menu p a{width:18px; text-align:center; padding:0 20px; display:inline-block; font-weight:bold; font-family:Microsoft Yahei; font-size:16px; color:#000;}

.products-main .top-menu p#products-ad{float:right; overflow:hidden;}
.products-main .top-menu p#products-ad a{display:block; padding:0; float:left;}
.products-main .top-menu p#products-ad a.l01{width:25%;}
.products-main .top-menu p#products-ad a.l02{width:25%;}
.products-main .top-menu p#products-ad a.l03{width:25%;}

.products-main .top-menu p a:hover,
.products-main .top-menu p a.active{color:#950012;}
.products-box .banner{ padding:30px 0 40px 0; overflow:hidden;}
.products-box .banner img{max-width:100%;}
.products-box ul{width:98%; overflow:hidden;}
.products-box li{width:48%; margin-right: 15px;float:left; overflow:hidden;  padding-bottom:50px;}
.products-box li a.img{display:block;}
.products-box li a.img img{max-width:100%;}
.products-box li p{line-height:2em; padding:0 10%; text-align:left; color:#4C4C4C;}
.products-box li p a{color:#222; display:inline-block; padding:10px 0; font-size:18px;}
.products-box li p a:hover{color:#950012;}
.products-content{}
.products-content .h40,
.products-content .h80{width:100%; height:40px; overflow:hidden; visibility:hidden;}
.products-content .h80{height:80px;}
.products-base{width:100%; background:url(../images/procucts-base.gif) no-repeat 30px top; overflow:hidden;max-width: 820px;}
.products-base h1{width:40%;  padding:10px 0 10px 30px; font-size:40px; color:#000; line-height:1.3em; float:left; font-weight:normal;}
.products-base p{ float:right; text-align:left; line-height:2em; margin-right:50px;}
.products-content img{ margin:20px auto;   max-width: 97%;}

.custom-box{width:60%; padding:90px 0 0 3%; float:right; overflow:hidden; background-color:#fff;}
.custom-box .top-menu{width:35%; padding:0; overflow:hidden; float:left;}
.custom-box .top-menu p{width:225px; padding:0 0 0 85px; overflow:hidden; float:left; text-align:left;}
.custom-box .top-menu p strong{ padding-left:10px; display:inline-block; width:30px; font-size:40px; color:#000; font-weight:normal; font-family:Arial, Helvetica, sans-serif;}
.custom-box .top-menu p span{ display:block; color:#7F7F7F;}
.custom-box .form{width:65%; overflow:hidden; float:left;}
.custom-box .form li{width:100%; padding:10px 0; overflow:hidden; clear:both;}
.custom-box .form li .td01{width:55px; height:25px; line-height:25px; text-align:center; float:left; font-size:14px; color:#585858;}
.custom-box .form li .td02{width:88%; float:right; overflow:hidden;}
.custom-box .form li input,
.custom-box .form li textarea{width:81%; height:23px; border:1px solid #585858;}
.custom-box .form li textarea{height:75px;}
.custom-box p{width:100%; padding:40px 0 20px 0; overflow:hidden;}
.custom-box .radio{width:97%; overflow:hidden;}
.custom-box .radio li{width:30%; cursor:pointer; float:left; margin-right:5%;}
.custom-box .radio li.last{float:right; margin-right:0;}
.custom-box .radio li img{width:100%; border-bottom:1px solid #fff;}
.custom-box .radio li.active img{border-bottom:1px solid #000;}
.custom-box .radio li input{opacity:0; filter:alpha(opacity=0);}
.custom-box .h60{width:100%; height:60px; overflow:hidden; clear:both;}
.custom-box .btn_submit{border: 1px solid #950012; padding: 10px; background:none; color:#950012; font-size:16px; letter-spacing:1px; font-weight:bold; cursor: pointer; margin-bottom:60px;   height: 40px;}

.contact-main{width:100%;  overflow:hidden; }
.contact-main .icon-back{display:none;}
.contact-box{width:60%; padding:90px 0 0 3%; float:right; overflow:hidden; background-color:#fff; min-height:700px;}
.contact-box .top-menu{width:35%; padding:0; overflow:hidden; float:left;}
.contact-box .top-menu p{width:225px; padding:0 0 0 85px; overflow:hidden; float:left; text-align:left;}
.contact-box .top-menu p strong{ padding-left:10px; display:inline-block; width:30px; font-size:40px; color:#000; font-weight:normal; font-family:Arial, Helvetica, sans-serif;}
.contact-box .top-menu p span{ display:block; color:#7F7F7F;}
.contact-box .contact-base{width:60%; overflow:hidden; line-height:2em; float:left;  margin-bottom: 50px;}

.partners-main{width:100%; overflow:hidden; float:left;}
.partners-main .icon-back{display:none;}
.partners-box .top-menu{width:35%; padding:0; overflow:hidden; float:left;}
.partners-box .top-menu p{width:225px; padding:0 0 0 85px; overflow:hidden; float:left; text-align:left;}
.partners-box .top-menu p strong{ padding-left:10px; display:inline-block; width:30px; font-size:40px; color:#000; font-weight:normal; font-family:Arial, Helvetica, sans-serif;}
.partners-box .top-menu p span{ display:block; color:#7F7F7F;}
.partners-box{width:60%; padding:90px 0 0 3%; float:right; overflow:hidden; background-color:#fff; }
.partners-box .partners-base{width:60%; overflow:hidden; line-height:2em; float:left;}
.partners-ad{width:100%; padding-top:120px; overflow:hidden;}
.partners-ad li{width:20%; height:110px; text-align:center; float:left; overflow:hidden;}
.partners-ad li img{max-width:100%; float:left; overflow:hidden;}

.index #menu1 li a{color:#E4E4E3;}
.index #copyright{color:#818181;}
.index #footer dd a{color:#B79A66;}
.index #footer dt a.on{background:url(../images/music-on.png) no-repeat left center;}
.index #footer dt a.off{background:url(../images/music-off.png) no-repeat left center;}

.news-box{width:60%; padding-left:3%; float:right; background-color:#fff; overflow:hidden;}
.news-box dl{width:97%;  clear:both;}
.news-box dt{width:35%;  float:left; overflow:hidden;}
.news-box dt div{ display:none; }
.news-box dt img{max-width:100%;}
.news-box dd{width:60%; float:right;}
.news-box dd div{ width:100%; padding:30px 0 60px 0;}
.news-box dd div a{ font-size:40px; color:#000; display:inline-block; padding-right:15px;}
.news-box dd div span{ font-size:16px; color:#7F7F7F;}
.news-box dd p{ line-height:2em; width:100%; height:125px;}
.news-box .show{ font-size:14px; color:#9C1122; margin: 30px 0; display:block;}
.news-box .h40,
.news-box .h80{width:100%; height:40px; overflow:hidden; visibility:hidden;}
.news-box .h80{height:80px;}
.news-box .img img{max-width:100%; width:97%;}
.news-box .text{line-height:2em;width:97%;}
.zpxs{ display:none;}
.zpyc{ display:block;}

@media screen and (max-width : 1024px) {
.news-box dt{width:50%;  float:none; }

.news-box dd{width:97%; float:none;}
}

@media screen and (min-width : 1500px) {
#left .go-top{display:inline-block; color:#eee; background:url(../images/icon-up.png) no-repeat left center; padding-left:22px; font-size:14px; white-space:nowrap; position:fixed; left:23%; bottom:20px;}
.icon-back{display:inline-block; background:url(../images/icon-back.jpg) no-repeat center; width:48px; height:48px; float:right; margin:40px 22% 0 0;}
}

@media screen and (max-width : 640px) {
	.news-box dd{width:98%; height:280px; float:right;}
	*{tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: rgba(0,0,0,0);-ms-tap-highlight-color: rgba(0,0,0,0);-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}
	body{background:#fff;}
	.index{background:#000;}
	.zpxs{ display:block;}
	.zpyc{ display:none;}
	.swiper-slide { background:#000 url(../images/m-index-bg.jpg) top center no-repeat; background-size: 100% auto;}
    .index .warp{width:100%; left:0;} 
	#logo{width:90%; padding-left:20px; height:120px; line-height:90px;}
	#logo img{max-width:120px;}
	#index-ad{ padding:30px; position:fixed; bottom:90px; left:0; width:100%; overflow:hidden;}
	
	#index-ad a.l01{width:33.33%; padding:0 5%;}
	#index-ad a.l02{width:33.33%; padding:0 5%;}
	#index-ad a.l03{width:33.33%; padding:0 5%;}

	#index-ad img{width:100%;}
	
	.products-main .top-menu p#products-ad{width:70%;}
	.products-main .top-menu p#products-ad a.l01{width:33.33%; padding:0 5%;}
	.products-main .top-menu p#products-ad a.l02{width:33.33%; padding:0 5%;}
	.products-main .top-menu p#products-ad a.l03{width:33.33%; padding:0 5%;}

	
	
	#copyright{ display:none;}
	
	#menu{width:100%; display:none; overflow:hidden; border-bottom:1px solid #333; padding:30px 0; height:175px; background:#000; position:fixed; bottom:60px; left:0; z-index:3;}
	#menu li{width:16%; padding:0 5%; float:right;}
	#menu li a.active{color:#f00;}
	#menu li a{color:#E4E4E3; display:inline-block; width:20px; font-size:16px;}
	#menu li a:hover{color:#fff;}
	
	#footer .l{width:30%; height:60px; float:left;}
	#footer .l a{display:block; width:100%; height:60px; background:url(../images/icon-menu.png) no-repeat center; background-size:50px;}
	#footer .c{width:30%; height:60px; float:left;}
	#footer .c a{ display:inline-block; width:100%; float:right; height:60px; background:url(../images/icon-up-m.png) no-repeat 60% center; background-size:24px;}
	.index #footer .c a{ display:none;}
	#footer dl{width:40%; height:60px; padding-top:14px; float:right;}
	#footer dt{float:right; width:40%; padding:10px 0;}
	#footer dd{float:left; width:55%; text-align:right;}
	#footer{width:100%; height:60px; background: rgba(0,0,0,0.8); position:fixed; bottom:0; left:0;}
	#footer dd a{color:#B79A66;}
	#footer dt a.on{background:url(../images/music-on.png) no-repeat left center;}
	#footer dt a.off{background:url(../images/music-off.png) no-repeat left center;}

	#left .go-top{display:none;}
	#left{width:0px; padding:0;}
	#left #index-ad{display:none;}
	
	.about-main{width:100%; padding-bottom:90px;}
	.about-box{width:100%;}
	.about-box .box{width:100%; padding:0 20px;}
	.about-box dl dd div{width:100%;}
	.about-box dl dd h3{width:100%; height:auto; padding-bottom:20px;}
	.about-box .box-2 dl{padding-bottom:18px;}
	.about-main .top-menu{padding:30px 0;}
	.about-main .top-menu .icon-back{ display:inline-block; background:url(../images/icon-back-m.png) no-repeat center; background-size:100%; float:left; margin:13px 0 0 0;}
	#about-time{width:100%;}
	
	.products-main{width:100%; padding-bottom:90px;}
	.products-box{width:100%; padding:0 20px;}
	.products-main .top-menu{padding:30px 0;}
	.products-main .top-menu img{max-width:100%; float:right;}
	.products-main .top-menu .icon-back{ display:inline-block; background:url(../images/icon-back-m.png) no-repeat center; background-size:100%; float:left; margin:0;}
	.products-box li{width:100%; float:left; overflow:hidden; text-align:center; padding-bottom:50px;}
	.products-box li p{line-height:2em; padding:0 25%; text-align:left; color:#4C4C4C;}

	.products-content img{max-width:100%;}
	.products-base{background:url(../images/procucts-base.gif) no-repeat 0 top;}
	.products-base h1{padding:10px 0 10px 0; font-size:30px;}

	.custom-box{width:100%;  padding:0 20px;}
	.custom-box .top-menu{width:100%;}
	.custom-box .top-menu p{width:70%; padding:0; float:right; text-align:right;}
	.custom-box .top-menu p strong{width:100%;}
	.custom-box .form li .td01{width:20%;}
	.custom-box .form li .td02{width:80%;}
	.custom-box .form{width:100%;}
	.custom-box .form li input, .custom-box .form li textarea{width:100%;}
	.custom-box .h60{height:30px;}
	
	.contact-box{width:100%; padding:20px 20px 0 20px;}
	.contact-box .top-menu{width:100%; padding-bottom:20px;}
	.contact-box .top-menu p{width:70%; padding:0; float:right; text-align:right;}
	.contact-box .top-menu p strong{width:100%;}
	.contact-box .icon-back{ display:inline-block; background:url(../images/icon-back-m.png) no-repeat center; background-size:100%; float:left; margin:0;}
	.contact-box .contact-base{width:100%; padding:0;}
	.contact-main{width:100%; height:100%; overflow:hidden; background:url(../images/contact-map-m.png) no-repeat bottom; background-size:100%;}

	.partners-main{width:100%;}
	.partners-box{width:100%; padding:20px 20px 0 20px;}
	.partners-box .top-menu{width:100%; padding-bottom:20px;}
	.partners-box .top-menu p{width:70%; padding:0; float:right; text-align:right;}
	.partners-box .top-menu p strong{width:100%;}
	.partners-box .icon-back{ display:inline-block; background:url(../images/icon-back-m.png) no-repeat center; background-size:100%; float:left; margin:0;}
	.partners-box .partners-base{width:100%; padding:0;}
	.partners-ad{width:100%; padding-top:30px; overflow:hidden;}
	.partners-ad li{width:33.33%; height:80px; float:left; overflow:hidden;}
	
	.news-box{width:100%; padding:0 20px;}
	.news-box dl{width:100%; height:auto; overflow:hidden; padding-bottom:30px;}
	.news-box dt{width:100%; height:auto; clear:both;}
	.news-box dt > a{display:block; width:30%; float:left;}
	.news-box dt div{display:block; width:60%; float:right;}
	.news-box dt div a{font-size:30px; color:#000; display:block; padding-right:0; width:100%; padding-bottom:10px;}
	.news-box dd{width:100%; height:auto;}
	.news-box dd dt span{ font-size:16px; color:#7F7F7F;}
	.news-box dd div{ display:none; }
	.news-box dd p{ height:auto; padding-bottom:20px;}

}