* {font-family: Arial, Verdana, "微软雅黑";  font-size: 14px;}
html,body,h1,h2,h3,h4,h5,h6,div,form,ul,li,a,em,input,dd,dt,dl,p,figure,textarea,button{margin: 0;  padding: 0;  border: 0;  list-style: none;  text-decoration: none;  font-weight: normal;}
em {font-style: normal;}
dd,dt,dl,em,button {display: block;}
a {color: #000;}
a,img{border:none;display:inline-block;}
.center {margin: 0 auto;  width: 1100px;}
.clear{}
.clear:after,.clear:before{content: "";visibility: visible;clear: both;height: 0;display: block;}




/*header*/
.index-header{width: 100%;}
.index-header-top{width: 100%}
.header-contact{padding-top: 30px;}
.header-contact h3{float: right;font-size: 16px;}
.header-contact h3 span{font-size: 16px;}
.header-contact h3 span a{font-size: 16px;}
.header-logo{padding-top: 20px;padding-bottom: 20px;text-align: left;}
.header-search{padding-top: 20px;padding-bottom: 20px;}
.header-serch-input{}
.header-serch-input button{background: #a21d35}
.header-serch-input button:hover{background: #8a1429}
.header-connect{margin-top: 2px;}
.header-connect ul li{float:right;text-align: center;margin-left: 8px;}
.header-connect ul li a{}
.header-connect ul li a img{}

.index-header-nav{background: #595656;width: 100%;position: relative;z-index: 1000}
.header-nav-list{}
.header-nav-main{background: none;border:none;margin:0;}
.header-nav-top{background: #f5f5f5;overflow: hidden;}
.nav-kongjian{background: transparent;border:none!important;}
.nav-kongjian:focus{background: transparent!important;}

.header-list-li{}
.header-list-li ul{float: none;}
.header-list-li ul li{padding:15px 0;position: relative;float: none;transition:all .3s;-webkit-transition:all .3s;}
.header-list-li ul li a{padding:0;transition:all .6s;-webkit-transition:all .6s;color: #fff!important;}
.header-list-li ul li a:hover,.header-list-li ul li.active a{color: #fff!important;background-color: transparent!important}
.header-list-li ul li.active,.header-list-li ul li:hover{background-color: #a21d35!important}
.header-list-li ul li.active:hover{background:#7f172a!important }
.header-list-li ul li.active:hover:after,.header-list-li ul li.active:hover:before{background:#7f172a }
.header-list-li ul li:after{content:"";display: block;position: absolute;transition:all .3s;-webkit-transition:all .3s;top:-2px;left:50%;height: 2px;background:#a21d35;width: 0;}
.header-list-li ul li:before{content:"";display: block;position: absolute;transition:all .3s;-webkit-transition:all .3s;top:-2px;right:50%;height: 2px;background:#a21d35;width: 0;}
.header-list-li ul li:hover:after,.header-list-li ul li:hover:before,.header-list-li ul li.active:after,.header-list-li ul li.active:before{width: 50%;}
.header-list-li ul span#shop,.header-list-li ul span#shop.active{padding: 0;margin: 0;display: table-cell;width: 1%;text-align: center;vertical-align: middle}
.header-list-li ul span#shop:hover,.header-list-li ul span#shop.active{background: transparent!important;}
.header-list-li ul span#shop .img1{height: 48px;}
.header-list-li ul span#shop a{font-size: 0;}
.header-list-li ul span#shop a img{vertical-align: middle;}


.header-list-li ul a:hover{;text-decoration:none!important;}

/*index.asp*/
.index-lb{
	height:600px;width:100%;overflow:hidden;box-shadow: 0 5px 10px #333;z-index: 666;position:relative;
	transition:all .3s;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-ms-transition:all .3s;
	-o-transition:all .3s;
}
.index-lb:hover{box-shadow: 0 6px 10px #333}
.index-lb-center{margin: 0 auto;height:100%;position: relative;}
.index-banner {width:2000px;height:100%;position: absolute;left:-450px;top: 0; overflow: hidden;}
.index-banner-img{height: 100%}
.index-banner-img img{height: 600px;}
.index-banner-check{position: absolute;bottom: 10px;left: 50%;z-index: 100}
.index-banner-check li{width: 15px;height: 15px;border-radius: 50%;background:#fff;float: left;margin-left: 10px;cursor: pointer;}
.index-banner-check li.on{background:#921d34}
#btn_prev{left:0;}
#btn_next{right: 0;}

.index-product{padding-top: 50px;background: #fafafa;padding-bottom: 50px;}

.index-title{width: 100%;}
.index-title table{width: 100%;}
.index-title table .title{text-align: center;font-size: 40px;color: #605d5d;text-transform: uppercase;}
.index-title table .low{height: 50%;width:80%;border-bottom:1px solid #bfbfbf;}
.index-title table .low span{display: block;position: relative;width: 20%;height: 1px;background: #605d5d;top: 1px;}
.index-title table .low.l{float: right;}
.index-title table .low.r{float: left;}
.index-title table .low.l span{float: right;}
.index-title table .low.r span{float: left;}

.index-product-list{width: 100%;overflow: hidden;margin-top: 20px;;}
.index-product-list ul{font-size:0}
.index-product-list ul li{padding: 0 3px;margin-bottom: 20px;float: none;display: inline-block;vertical-align: top;}
.index-product-list ul li a{display: block;width: 100%;border:1px solid #ccc;text-decoration: none;background: #fff}
.index-product-list ul li a figure{width: 100%;}
.index-product-list ul li a figure img{max-width: 100%;}
.index-product-list ul li a .text{width: 100%;overflow: hidden;padding-bottom: 30px;}
.index-product-list ul li a .text h3{text-align: center;font-size: 18px;width: 100%;padding: 10px 20px;position: relative;color: #111}
.index-product-list ul li a .text h3:after{content: "";display: block;width: 60%;position: absolute;bottom: 1px;left: 50%;margin-left: -30%;height: 1px;background: #a21d35}
.index-product-list ul li a .text h4{padding:10px 1%;line-height:24px;text-align: center;font-size: 16px;color: #111;margin: 6px 0;display: block;height:3.4em;overflow: hidden;position: relative;}
.index-product-list ul li a .text span{display: block;text-align: center;color: #a21d35;font-size: 16px;margin: 5px 0}
.index-product-list ul li a .text b{width: 140px;padding: 8px 14px;color: #fff;background: #a21d35;text-align: center;display: block;margin: 0 auto;}
.index-product-list ul li a .text b:hover{background: #a21d20}


/*.index-product-list ul li{width: 360px;height: 300px;float: left;margin: 15px;}
.index-product-list ul li a{display: inline-block;width: 100%;position: relative;border-bottom:2px solid #a21d35;}
.index-product-list ul li a figure{background: #fff;background: rgba(255,255,255,.5);width: 100%;height: 300px;text-align: center;line-height: 300px;overflow: hidden;border:1px solid #ccc;}
.index-product-list ul li a figure img{max-width: 100%;max-height: 100%;vertical-align: middle;display: inline-block;}
.index-product-list ul li a div.ti{width: 100%;min-height:40px;position: absolute;bottom: 0;left: 0;background:#999;background: rgba(0,0,0,.3);padding: 12px 8px;transition:all .3s;-webkit-transition:all .3s;
									display: table-cell;}
.index-product-list ul li a div.ti h3{font-size: 16px;color: #fff;position: relative;top: 50%;margin-top:0px;text-align: left;overflow: hidden;display: inline-block;float: left;}
.index-product-list ul li a div.ti span{display: inline-block;float: left;color: #d40c31;}
.index-product-list ul li a div.ti b{display: inline-block;float: left;font-weight: normal;color: #eee;border:1px solid #	;background: #a21d35;text-align: center;border-radius: 3px;
										}
.index-product-list ul li a:hover div.ti{height: 100%;}
.index-product-list ul li a:hover div.ti  h3{text-align: center;width: 100%;transition:all .3s;-webkit-transition:all .3s;}
.index-product-list ul li a:hover div.ti  span{width: 50%;text-align: center;transition:all .3s;-webkit-transition:all .3s;}
.index-product-list ul li a:hover div.ti  b{width: 50%;text-align: center;}
.index-product-list ul li a:hover div.ti  b:hover{background: #842032;transition:all .3s;-webkit-transition:all .3s;}
.index-product-list ul li a div.ti i{display: block;position: absolute;bottom: 80%;left: 50%;margin-left: -40%;width: 80%;height: 1px;background: #fff;display: none;}
.index-product-list ul li a:hover div.ti i{animation:index_pr 1s;-webkit-animation:index_pr 1s;display: block;}
@keyframes index_pr{
	0%{width: 5px;height: 5px;border-radius: 50%;background: #fff;bottom:-10px;left: 50%;margin-left: -2px;}
	40%{width: 5px;height: 5px;border-radius: 50%;background: #fff;bottom:80%;left: 50%;margin-left: -2px;}
	80%{width: 0;height: 1px;background: #fff;bottom: 80%;left: 50%;margin-left: 0;}
	100%{width: 80%;height: 1px;background: #fff;bottom: 80%;left: 50%;margin-left: -40%;}
}

@keyframes -webkit-index_pr{
	0%{width: 5px;height: 5px;border-radius: 50%;background: #fff;bottom:-10px;left: 50%;margin-left: -2px;}
	40%{width: 5px;height: 5px;border-radius: 50%;background: #fff;bottom:80%;left: 50%;margin-left: -2px;}
	80%{width: 0;height: 1px;background: #fff;bottom: 80%;left: 50%;margin-left: 0;}
	100%{width: 80%;height: 1px;background: #fff;bottom: 80%;left: 50%;margin-left: -40%;}
}*/

.index-brand{padding: 40px 0;background: url(../image/index-brand-bg.png) no-repeat right top;}
.index-brand-text{margin-top: 20px;color: #605d5d}
.index-brand-text .moer{margin: 10px auto;color: #a11d35;font-size: 16px;text-align: center;display:block;}
.index-brand-text figure{width: 100%;}
.index-brand-text figure img{width: 100%;}



.index-news-quality{background: #fafafa;padding:30px 0;overflow: hidden;}
.idnex-news{}
.index-news-quality-title{width: 100%;padding: 10px 0;font-size:30px;text-transform: uppercase;}
.index-news-list{background: #f0f0f0}
.index-news-list ul li{overflow: hidden;}
.index-news-list ul li a{display: block;width: 100%;height: 100%;overflow: hidden;padding:28px 16px;}
.index-news-list ul li a div.time{padding:0;color: #b2b2b2}
.index-news-list ul li a div.time span{display: block;text-align: right;font-size: 35px;color: inherit;line-height: 1em}
.index-news-list ul li a div.time b{font-size: 50px;display: block;text-align: right;color: inherit;line-height: 1em}
.index-news-list ul li a div.txt{color: #595656}
.index-news-list ul li a div.txt h2{font-size: 16px;color: inherit;margin-bottom: 10px;width: 100%;text-overflow:ellipsis;white-space: nowrap;overflow: hidden;}
.index-news-list ul li a div.txt p{font-size: 14px;color: inherit;width: 100%;height: 4.2em;overflow: hidden;}
.index-news-list ul li a:hover{background: #595656;transition:all .3s;-webkit-transition:all .3s;}
.index-news-list ul li a:hover div{color: #fff}

.index-quality{}
.index-quality-box{width: 100%;position: relative;background: #f0f0f0}
.index-quality-check{position: absolute;top: 50%;margin-top:20px;z-index: 300;left: 20px;}
.index-quality-check ul li{width: 10px;height: 10px;border-radius: 50%;background: #fff;float: left;margin: 0 5px;}
.index-quality-check ul li.on{background: #a11d35}

.index-quality-img{position: relative;overflow: hidden;}
.index-quality-img ul li a{display: block;width: 100%;height: 100%;text-decoration: none}
.index-quality-img ul li a figure{width: 100%;height: 256px;overflow: hidden;text-align: center;}
.index-quality-img ul li a figure img{max-width: 100%;max-height: 100%;}
.index-quality-img ul li a div.text{padding:16px;height: 170px;}
.index-quality-img ul li a div.text h2{font-size: 18px;color: #a11d35;padding:14px 0;}
.index-quality-img ul li a div.text p{color: #595656;width: 100%;height: 6em;overflow: hidden;}
.index-quality-img ul li a div.text p b{color: #a11d35;font-weight: normal;}
.index-quality-img ul li a:hover div.text p{color: #333}
.index-quality-img ul li a div.text p b:hover{text-decoration: underline;}

.index-quality-btn{display: none;}

/*footer*/
.index-footer{width: 100%;}
.footer-nav{background: #a21d35;}
.footer-nav-list{}
.footer-nav-list ul li{display: table-cell;width: 1%;}
.footer-nav-list ul li a{padding:16px 0;text-decoration: none;color: #eee}
.footer-nav-list ul li a:hover{color: #af6666}
.footer-nav-list ul span#shop{display: none;}

.footer-bottom{background: #595656}
.footer-contact{padding-top: 30px;}
.footer-contact ul li{color: #fff;margin-bottom: 10px;}
.footer-contact ul li.li1{}
.footer-contact ul li.li1 .head{}
.footer-contact ul li.li1 .number{font-size: 24px;font-family: "Adobe Garamond Peo"}
.footer-contact ul li.li2{overflow: hidden;}
.footer-contact ul li.li2 .box{float: left;padding:10px 8px;background: #262626;}
.footer-contact ul li.li2 .box i{}
.footer-contact ul li.li2 .box a{color: #fff;text-decoration: none;}
.footer-contact ul li.li2 .box a:hover{color: #ccc}
.footer-contact ul li.li3{}

.footer-erweima{text-align: right;padding: 10px 0;}
.footer-erweima img{width: 180px;}

/*about*/
.whole-banner{width: 100%;overflow: hidden;}
.whole-banner img{position: relative;width:180%;left: -40%}
.whole-main{width: 100%;}
.whole-header{border-bottom: 1px solid #999;height: 70px;line-height: 70px;}
.whole-header .first-ti{float: left;line-height: inherit;width: 260px;text-align: center;}
.whole-header .pageabsolude{}
.whole-header .pageabsolude ol{background: transparent;text-align: right;}
.whole-main-box{width: 100%;}
.whole-left{margin-bottom: 40px;}
.whole-left-list{width: 100%;text-align: center;margin-top: 15px;}
.whole-left-list .son{width: 100%;}
.whole-left-list .son .son-a{padding:15px 0;text-decoration: none;font-size: 16px;display: block;transition:all .3s;-webkit-transition:all .3s;}
.whole-left-list .son .son-a:hover{background: #a21d35;color: #fff}
.whole-left-list ul li{margin-bottom: 2px;}
.whole-left-list .large{background: #595656;display: block;text-align: center;padding:15px 0;font-size: 20px;color: #fff;text-decoration: none;}
.whole-left-list .large:hover{background: #999}

.whole-right{border-left:1px solid #999;padding-bottom: 40px;box-shadow: 0 0 20px #eee inset}
.whole-right img{max-width: 100%}
.about-bg{background: url(../image/index-brand-bg.png) no-repeat right top;}
.about-box{padding-top: 30px;padding-bottom: 60px;}
.about-box .title{text-align: center;font-size: 24px;color: #333;margin-bottom: 20px;}
.about-box .detailed{color: #605d5d;font-size: 16px;line-height: 24px;}
.about-box .about-img{margin: 20px 0;}
.about-box .about-brand{margin-top: 40px;}
.about-box .about-brand h2{text-align: left;font-size: 24px;color: #605d5d;}
.about-box .about-brand figure{width: 100%;margin: 20px 0}
.about-box .about-ldeal{margin-top: 40px;}
.about-box .about-ldeal h2{text-align: left;font-size: 24px;color: #605d5d;margin-bottom: 20px;}
.about-box .about-ldeal h3{color: #605d5d;font-size: 16px;margin-bottom: 20px;line-height: 24px;}

/*product*/
/*.product-box{width: 100%;padding-top: 30px;}
.product-box ul li{width: 264px;height: 220px;float: left;margin: 6px;}
.product-box ul li a{display: block;width: 100%;height: 100%;position: relative;border-bottom: 2px solid #8c192e}
.product-box ul li a figure{width: 100%;height: 100%;text-align: center;}
.product-box ul li a figure img{max-width: 100%;max-height: 100%;}
.product-box ul li a .title{position: absolute;bottom: 0;width: 100%;color: #fff;text-align: center;
							font-size: 13px;}
.product-box ul li a .title:after{content: "";display: inline-block;width: 100%;height: 100%;background: #999;background: rgba(0,0,0,.4);position: absolute;left: 0;top: 0;
									transition:all .6s;-webkit-transition:all .6s;opacity: 0}
.product-box ul li a .title h3{font-size: 14px;display: block;position: relative;top: 50%;transition:transform .3s;-webkit-transition:transform .3s;padding: 10px 5px;
								z-index: 600;background: #333;background: rgba(0,0,0,.4);overflow: hidden;}
.product-box ul li a .title h3 p{margin-bottom: 10px;font-size: 18px;}
.product-box ul li a .title h3 span{transition:all .3s;-webkit-transition:all .3s;padding: 3px 0}
.product-box ul li a .title h3 b{transition:all .3s;-webkit-transition:all .3s;border:1px solid #a21d35;background: #842032;padding: 3px 0;border-radius: 3px;}
.product-box ul li a .title h3 b:hover{background: #731526}
.product-box ul li a:hover .title h3 span{margin-top: 40px;}
.product-box ul li a:hover .title h3 b{margin-top: 40px;}
.product-box ul li a:hover .title{height: 100%;}
.product-box ul li a:hover .title:after{opacity: 1}
.product-box ul li a:hover .title h3{transform:translateY(-50%);-wenkit-transform:translateY(-50%);background: transparent;}
*/
.whole-paging{text-align: center;width: 100%;overflow: hidden;}
.whole-paging li a{color: #999!important;background: #eee!important}
.whole-paging li a:hover{background: #ccc!important;color: #eee!important}
.whole-paging li.active a{background: #a21d35!important;color: #fff!important;border-color: #a21d35!important}
/*product-detaile*/
.product-detailed{padding-top: 40px;}
.pr-de-top{width: 342px;float: left;position: relative;}
.pr-de-main{width: 342px;height: 316px;position: relative;border:1px solid #ccc;overflow: hidden;}
.pr-de-main div{width: 342px;height: 316px;text-align: center;line-height: 316px;}
.pr-de-main img{width: 342px;max-height:316px;display: inline-block;vertical-align: middle;}
.pr-de-main i{width:160px;height:160px;background:url(../image/magnifier.png);position: absolute;left: 0;top: 0;cursor: pointer;display: none}

.pr-de-show{position: absolute;left:350px;top: 0;width: 330px;height: 330px;border:1px solid #eee;overflow: hidden;display: none;background:#fff;}
.pr-de-show div{width:684px;height:632px;position: absolute;line-height: 700px;}
.pr-de-show div img{width:684px;display: inline-block;vertical-align: middle;}


.pr-de-cimain{width: 342px;height: 120px;text-align: center;position: relative;}
.pr-de-cimain .product-de-img{width: 90%;position: relative;margin: 0 auto;overflow: hidden;border-bottom: 1px solid #CCC}
.pr-de-cimain ul li{display:inline-block;width: 100px;height:100px;overflow: hidden;margin-top:10px;line-height: 100px;cursor: pointer;}
.pr-de-cimain ul li figure{width: 98%;height: 98%;margin: 1% auto;border:1px solid #ccc;}
.pr-de-cimain ul li figure img{width:110px;vertical-align: middle;}
.pr-de-cimain ul li:hover{border-color:#00a0e9;}

.product-de-btn{}
.product-de-btn a{display: block;width: 4%;height: 40px;text-align: center;line-height: 40px;background: #a21d35;border-radius: 4px;text-decoration: none;color: #fff;
				position: absolute;top: 50%;margin-top: -20px;}
.product-de-btn a:hover{background: #b00d00}
.product-de-btnl{left: 0}
.product-de-btnr{right: 0}

.pr-de-model{width:480px;min-height:200px;float: right;}
.pr-de-model .text{height: 316px;overflow: hidden;}
.pr-de-model .text header{width: 100%;margin-bottom: 10px;border-bottom: 1px solid #ccc;padding: 10px 0;}
.pr-de-model .text header h2{font-size:18px;color: #000;line-height: 28px;font-weight: 600}
.pr-de-model .text {color: #333}
.pr-de-model .text section p{font-weight: 600}
.pr-de-model .gm{width: 100%;}
.pr-de-model .gm h3{display:block;width: 40%;font-size: 22px;color: #a21d35;float: left;padding:4px 10px;}
.pr-de-model .gm span{width: 50%;display: block;float: left;text-align: center;}
.pr-de-model .gm span a{display: inline-block;width: 50%;padding:4px 10px;border:1px solid #a21d35;background: #791325;color: #fff;transition:all .3s;}
.pr-de-model .gm span a:hover{background: #5f0d1c}

.pr-de-bottom{width: 100%;margin-top:10px;padding-bottom: 30px;}
.pr-de-bottom header{width: 100%;height: 40px;line-height: 40px;color: #00a0e9;border-bottom: 1px solid #999}
.pr-de-bottom-content{margin-top: 20px;color: #333}
/*service*/
.service-box{padding-top: 40px;}
/*quality*/
.quality-box{padding-top: 40px;}
/*news*/
.news-box{padding-top: 40px;}
.news-box ul li{margin: 20px 0}
.news-box ul li a{display: block;width: 100%;height: 100%;overflow: hidden;padding:30px;transition:all .2s;-webkit-transition:all .2s;text-decoration: none;}
.news-box ul li a .top{overflow: hidden;margin-bottom: 30px;}
.news-box ul li a .top h2{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;font-size: 16px;color: #000;}
.news-box ul li a .top span{text-align: right;}
.news-box ul li a .bot{color: #5d5d5d;height: 3em;overflow: hidden;}
.news-box ul li a:hover{background: #8a8889;border-radius: 3px;}
.news-box ul li a:hover .top h2{color: #fff}
.news-box ul li a:hover .top span{color: #a21d35}
.news-box ul li a:hover .bot{color: #eee;}
/*news-detailed*/
.news-detailed-header{width: 100%;text-align: center;}
.news-detailed-header h1{font-size: 16px;color: #000;padding-bottom: 20px;border-bottom:1px solid #999;}
.news-detailed-header small{padding:15px 0;display: block;}

/*sign*/
.sign-box {
	margin: 40px auto;position: relative;width: 100%;height: 100%;}
.sign-box .login-box {width: 100%;max-width:500px;height: 400px;position: relative;background: #eee;
	/*设置负值，为要定位子盒子的一半高度*/
	
}

.sign-box .form {width: 100%;max-width:500px;height: 275px;margin: 25px auto 0px auto;padding-top: 25px;}
.sign-box .login-content {height: 300px;width: 100%;max-width:500px;background-color: rgba(255, 250, 2550, .6);float: left;}		
	
	
.sign-box .input-group {	margin: 0px 0px 30px 0px !important;}
.sign-box .form-control,
.sign-box .input-group {height: 40px;}
.sign-box .form-group {margin-bottom: 0px !important;}
.sign-box .login-title {padding: 20px 10px;	background-color: #c43751}
.sign-box .login-title h1 {}
.sign-box .login-title small {color: #fff;}

.sign-box .link p {line-height: 20px;margin-top: 30px;}
.sign-box .btn-sm {padding: 8px 24px !important;font-size: 16px !important;}

@media screen and (min-width:500px){
	.login-box {left: 50%;/*设置负值，为要定位子盒子的一半宽度*/margin-left: -250px;}
}	
@media only screen and (max-width: 1100px){
	/*header-logo*/
	.header-logo{text-align: center;}
	/*header-nav*/
	.header-list-li ul li a{text-align: left;padding-left: 20px;}
	.header-list-li ul{width: auto}
	/*index*/
	.header-contact{padding-top: 4px;}
	.header-contact h3{float: left;}

	.index-lb{height: 160px;}
	.index-lb .center{width: 100%;}
	.index-banner{width: 100%;position: relative;left: 0;}
	.index-banner-img img{height: auto;width:157%;position: relative;left:-28%;}
	.index-banner-img ul li{overflow: hidden;}
	
	.index-banner-check{bottom: 10px;}
	/*index-product*/
	.index-title table .title{font-size: 22px;}
	.index-product-list ul li{margin: 5px 0;float: left;height: auto}
	.index-product-list ul li a figure{min-height: 146px;height: auto;line-height: normal;}
	.pr-de-main i{width: 0;height: 0;}
	.pr-de-show{width: 0;height: 0}
	/*index-news-quality*/
	.index-news-quality-title{text-align: center;font-size: 20px;}
	.index-news-list ul li{border-top:1px solid #fff;}
	.index-news-list ul li a div.time{text-align: center;color: red}
	.index-news-list ul li a div.time span{font-size: 16px;display: inline;}
	.index-news-list ul li a div.time b{font-size: 16px;display: inline;font-weight: normal;}
	.index-news-list ul li a div.txt h2{white-space: normal;}

	.index-quality-box{}
	.index-quality-check{display: none}
	.index-quality-img ul li a figure{max-height: 200px;}
	.index-quality-img ul li a figure img{}
	/*about*/
	.whole-left{margin-bottom: 0;background: #eee}
	.whole-right{border-left:none;border-top: 1px solid #999;padding-top: 30px;}
	.whole-header .first-ti{width: auto;}

	/*product*/
	.product-box ul li{width: 46%;margin: 6px 2%;height: 180px;}
	/*product-detailed*/
	.pr-de-top{width: 100%;}
	.pr-de-main{width: 100%;height: auto;}
	.pr-de-main div{width: 100%;height: auto;}
	.pr-de-main div img{width: 100%;max-height: inherit;}
	.pr-de-cimain{width: 100%;text-align: center;margin-top: 10px;}
	.pr-de-cimain ul li img{max-width: 100%;max-height: 100%;}
	.pr-de-model{width: 100%;margin-top: 20px;}
	.pr-de-model header{width: 100%;text-align: center;}
	/*news*/
	.news-box ul li a{background: #eee}
	.news-box ul li a .top span{text-align: center;margin-top: 10px;color: #a21d35}
	.news-box ul li a .bot{height: auto;max-height: 4em;}

}
@media only screen and (max-width: 767px){
	
	/*header-search*/
	.header-connect{margin-top: 20px;}
	.header-connect ul li{float: left;}
	/*header-nav*/
	.header-list-li{border-bottom: 1px solid #999;background:#f9f9f9;background: rgba(255,255,255,.9);position: absolute;width: 100%;z-index: 101;box-shadow: 0 5px 15px  #ccc}
	.header-list-li ul li a{color: #666!important}
	/*product*/
	.pr-de-model .text{height: auto;margin-bottom: 20px;}
}

/*侧边栏*/

	.treebox{     width: 100%;
    text-align: center;
    margin-top: 15px;  margin: 0 auto; background-color:#555; }
		.menu{ 
			overflow: hidden; 
			box-shadow: 5px 0px 5px #888888;
			 }
			 .menu li{
			 	padding-right: 2px;
			 }
		/*第一层*/
		.menu li.level1>a{ 
			display:block;
			height: 45px;
			line-height: 45px;
			color: #fff;
			padding-left: 50px;
			border-bottom: 1px solid #fff; 
			font-size: 16px;
			position: relative;
		 }
		 .menu li.level1 a:hover{ text-decoration: none;background-color:#a21d35;   }

         .menu li.level1 ul.level2 a:hover{ text-decoration: none;background-color:#f1f1f1;   }
		/*============修饰图标*/
		 .ico{ width: 20px; height: 20px; display:block;   position: absolute; left: 20px; top: 10px; background-repeat: no-repeat;  }

		 /*============小箭头*/
		 .level1 i{ width: 20px; height: 10px; background-repeat: no-repeat; display: block; position: absolute; right: 20px; top: 20px; }
		.level1 i.down{ background-position: 0 -10px; }

		 .ico1{ background-position: 0 0; }
		 .ico2{ background-position: 0 -20px; }
		 .ico3{ background-position: 0 -40px; }
		 .ico4{ background-position: 0 -60px; }
                 .ico5{ background-position: 0 -80px; }

		 /*第二层*/
		 .menu li ul{ overflow: hidden; }
		 .menu li ul.level2{ display: none;background: #fff;  }
		 .menu li ul.level2 li a{
		 	display: block;
			height: 45px;
			line-height: 45px;
			color: #555;

			font-size: 14px;
		 }