* {

    margin: 0; padding: 0;

}

body {

    background-color: #fff; font-family: "微软雅黑"; color: #333; font-size: 125%;  max-width: 640px;  margin: 0 auto; min-width: 320px;

}


img {

    border: none; display: block;

}

a {

    text-decoration: none; color: #333; cursor:pointer; 

}

input {

	 cursor:pointer; 

} 

a:hover {

    text-decoration: none;

}

ul {

    list-style-type: none;  

}

h1,h2,h3 {

        font-weight: normal;

}

html {

    -webkit-text-size-adjust： none;

} /* 禁用iPhone中Safari的字号自动调整 */



/*清楚浮动*/



.clearfix:after{  

   content: "020";  

   display: block;  

   height: 0;  

   clear: both;  

   visibility: hidden;   

} 

 .clearfix {  

   /* 触发 hasLayout */  

   zoom: 1;  

}



/*首页样式开始*/



.total {

	height: auto; margin: 0 auto;width:100%;

}

.top {

	width: 99.9%; height: auto;  margin: 0 auto; border: 1px solid #d2d2d2; 

}

.top>div {

	width: 98%; height: 50px; line-height: 50px; margin: 0 auto;

}

.logo {

	width: 45%; height: 100%; float: left;  display: block;  background-image: url(../img/03.png); background-position: 10% center; background-repeat: no-repeat; background-size: 80%;

}

.logo a {

	display: block; width: 100%; height: 100%;

}



.logo img {

 display: block; width: 100%; height: 40px; margin-top: 5px;

}

.p_1 {

	width: 40%; height: 50px; float: left;  display: block; line-height: 50px; background-image: url(../img/01.png); background-position: 8% center; background-repeat: no-repeat; text-indent: 10%; font-size: 0.7rem; font-style: italic;

	

}





	/*焦点图样式开始*/



	.tc {

		width: 10%; height:50px; line-height: 50px; float: right;  position: relative; text-align: center; background-image: url(../img/04.png); background-position: center; background-repeat: no-repeat; 

	}

	.tc a {

		display: block; height: 50px; width: 100%;

	}

	

.jd img {

	width: 100%; height: auto; display: block;

}



/*.cl:after {

	content: '\20';

	display: block;

	height: 0;

	clear: both;

}



.cl {

	*

    zoom: 1;

}



/*---- banner ---*/

/*.swiper-container {

	height: auto;

	width: 100%;

	text-align: center;

	margin: 0 auto;

	position: relative;

	overflow: hidden;

	z-index: 5;

	

}



.swiper-wrapper {

	position: relative;

	z-index: 10;

}



.swiper-slide {

	position: relative;

	text-align: center;

	float: left;

}



.swiper-slide a {

	position: relative;

	width: 100%;

	height: 100%;

	display: block;

	overflow: hidden;

}



.swiper-slide img {

	width: 100%;

	height: auto;

	vertical-align: middle;

	position: relative;

}



.pagination {

	position: absolute;

	height: 1.2em;

	width: 100%;

	bottom: 0.4em;

	z-index: 100;

}



.pagination .swiper-pagination-switch {

	display: inline-block;

	height: 0.6em;

	width: 0.6em;

	background: #FFF;

	border-radius: 50%;

	margin-right: 1em;

}



.pagination .swiper-active-switch {

	background: #fe5e52;

}*/





	

	

	/*焦点图样式结束*/

	

	/*分类样式开始*/

	

	.fl_1 {

		width: 100%; height: auto; margin: 10px 0 0; border-bottom: 13px solid  #e5e5e5;

	}

	

	.fl_1 li {

		float: left; width: 22%; height: auto; margin: 0 1.5% 10px; 

	}

	.fl_1 li img {

		width: 70%; height: auto; margin: 0 auto;

	}

	.fl_1 li p {

		text-align: center; line-height: 30px; font-size: 0.7rem;

	}

	

	

	.fl_1 li img

{



transition:width 2s, height 2s;

-moz-transition:width 2s, height 2s, -moz-transform 2s; /* Firefox 4 */

-webkit-transition:width 2s, height 2s, -webkit-transform 2s; /* Safari and Chrome */

-o-transition:width 2s, height 2s, -o-transform 2s; /* Opera */

}



.fl_1 li img:hover

{

transform:rotate(360deg);

-moz-transform:rotate(360deg); /* Firefox 4 */

-webkit-transform:rotate(360deg); /* Safari and Chrome */

-o-transform:rotate(360deg); /* Opera */

}

	

	/*分类样式结束*/

	

	/*推荐产品样式开始*/

	

	.tj {

		width: 100%; height: auto;  border-top:1px solid #e5e5e5;  box-sizing: border-box;  

		display: -webkit-flex;

    display: flex;

    -webkit-flex-wrap: nowrap;

    flex-wrap: wrap;

	}

	.tj td {

		border-left:1px solid #e5e5e5;border-top:1px solid #e5e5e5; padding: 5px 0 0;

	}

	 .tj h5 {

	 	text-align: center; line-height: 40px; font-size: 1.5em; font-weight: normal; margin: 20px 0 30px;

	 }

	.tj>div {

		 height: auto;margin: 0 0 0px;  width: 50%;  border-bottom: 1px solid #e5e5e5; border-right:1px solid #e5e5e5 ; box-sizing: border-box; padding: 10px 0; 

	}
	
	.tj_111>div {
	border-left:1px solid #e5e5e5; margin-left:-1px; border-top:1px solid #e5e5e5;
	}
	
	.tj_111 {
	border-top:none !important;
	}

	

	.tj>div img {
	width:100%; height:100%; display: block; margin: 0 auto;

	}
	
	.tj>div div {
	    width: 158px;
    height: 119px;
    overflow: hidden;
    margin: 0 auto;
	}

	

	

	/*.tj img {

		width: 70%; height: auto; margin: 0 auto; display: block;

	}*/

	.tj p {

		width: 100%; height:auto; overflow: hidden; text-align: center; font-size: 0.7rem; padding: 5px 0;

	}
	.tj p strong {
	    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	font-weight:normal;
	width:100%; height:25px; line-height:25px;
	}


	.tj p span {

		color: #aaa; display: block;  display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	
	width:100%; height:20px; line-height:20px;

	}

	

	

	

 

    .hd h5 {

      text-align: center; line-height: 40px; font-size: 0.8rem; font-weight: normal; margin: 10px 0 10px;

    }
	
	.hd .tj p {
	font-weight: normal; width:100%;     display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	}



    

    

    

    

 

    

	/*推荐产品样式结束*/

	



	.news {

		width: 100%; height: auto; background-color: #fff; margin: 0 auto; border-bottom: 13px solid #e5e5e5; padding-bottom: 10px;

	}

	.news_h5 {

		    text-align: center;

    font-size: 0.8rem; 

    font-weight: normal;

    margin: 10px 0 10px;
	height:40px; line-height:40px;

	}

	

	.news li {

		width: 100%; height: 40px; line-height: 40px; border-bottom: 1px solid #e5e5e5;

	}

	

	.news li:first-child {

		border-top: 1px solid #e5e5e5;

	}

	

	.news li p {

		width: 60%; height: 40px; font-size: 0.7rem; overflow:hidden;text-overflow:ellipsis; display: block; float: left; background-image: url(../img/b_2.png); background-position: left center; background-repeat: no-repeat; text-indent: 12px; margin-left: 5%;

	}

	.news li span {

		width: 30%; height: 40px; overflow: hidden; display: block; float: left;  background-image: url(../img/b_1.png); background-position: right center; background-repeat: no-repeat; text-indent: 5%; color: #666; font-size: 0.7rem;

	}

	

	.news h3 {

		width: 100%; height: 30px;  margin-top: 10px;

	}

	.news h3 a {

		font-size: 0.7rem; color: #da251d;height:30px;line-height: 30px;padding-right:15px ;background: url(../img/y_9.png) no-repeat right;width:60px;display: block; margin:0 auto

	}



	.db_1 {

		width: 70%; height: auto;  margin: 10px auto; 

	}

	.db_1 li {

		width: 33.33%; height: auto; float: left;

	}

	.db_1 li img {

		width: 80%; height: auto; margin: 0 auto;

	}

	

	.db_1 li p {

		text-align: center; line-height: 40px; font-size: 0.7rem;

	}



	

	.db_2 {

		 border-bottom: 13px solid #e5e5e5; 

	}

	

	.wz {

		padding-top: 10px;

	}

	

	.wz li {

		width: 25%; height: auto; float: left; text-align: center; 

	}

	.wz ul {

		width: 80%; height: auto; margin: 0 auto;

	}



	.wz li a {

		border-right:1px solid #797979 ; display: block; width: 99.9%; font-size: 0.7rem;

	}

	.wz li a:hover {

		color: #c40000;

	}

	

	.wz_2 ul {

		width: 50%; height: auto; margin:10px auto; border-bottom: 1px solid #aaa; padding-bottom: 10px;

	}

	.wz_2 ul li {

		width: 33.33%; height: auto; float: left;

	} 

	.wz_2 ul li img {

		width: 70%; height: auto; margin: 0 auto; display: block; 

	}

	

	.yf {

		width: 158px; height: 27px; margin: 0 auto 10px; 

	}

	.yf span {

		width: 7px; float: left; font-size: 0.7rem; display:block; margin:  0px 0 0 0; height: 27px;

	}

	.yf a {

		font-size: 0.7rem; width: 70px; height: 27px; text-align: center; display: block; float: left;

	}

	

	.footer {

		width: 100%; height: auto; background-color: #e5e5e5; padding: 10px 0 20px; line-height: 30px; text-align: center;

	}

	.footer p {

		font-size: 0.7rem;

	}





	.ss {

		width: 100%; height: auto; margin: 0 auto;  padding: 10px 0; background-color: #e5e5e5;

	}

	.ss>div {

		width: 90%; height: auto; margin: 0 auto; border: 1px solid #e5e5e5; padding: 0 0; background-color: #fff;

	}

	.ss .input_1 {

		width: 72%; height: 35px; border: none; text-indent: 10px; float: left; cursor: ;

	}

	.ss .input_2 {

		width: 26%; height: 35px; border: none; background-color: #fff;  color: #fff; margin-left: 2%;  background-color: #c40000; font-size: 0.6rem; float: left;

	}

	

	.jg {

		width: 100%; height: auto; margin: 20px auto 20px; color: #aaaaa8; font-size: 0.7rem; border-bottom: 1px dashed #b0b0ae;  padding-bottom: 5px; text-indent: 10px;

	}

	

	.lb {

		width: 100%; height: auto; margin: 0 auto; 

	}

	.lb li {

		width: 100%; height: auto; margin: 0 0 20px; border-bottom: 1px dashed #b0b0ae; padding-bottom: 20px;

	}

	.lb li>div {

		width: 90%; height: auto; margin: 0 auto;

	}

	.div_1 {

		    width: 117px;
    height: 88px;
    float: left;
    border: 1px solid #e5e5e5;

	}

	.div_1 img {

		    width: 106px;
    height: 80px;
    margin: 4px auto;
    font-size: 12px;
}

.div_2 {
    width: 57%;
    height: 88px;
    float: left;
    margin-left: 1%;
    overflow: hidden;
}

	.div_2 h5 {

		width: 100%; height: 20px; font-size: 0.7rem; font-weight: normal; color: #666;  overflow: hidden; white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

	}

	

	.div_2 p span {

		color: #aaaaa8; width: 60%; height: 21px; display: block; float: left; margin-top: 5px; font-size: 0.6rem;
		
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;     
}

	

	.div_2 a.btn-buy {

		width: 60%; display: block; height: 30px; line-height: 30px;  background-color: #da251d; border-radius: 5px; text-align: center; color: #fff; margin-top: 10px; border: 1px solid #DA251D; font-size: 0.7rem;

	}

	

	.div_2 a.btn-buy:hover {

		background-color: #da251d; color: #fff; border: 1px solid #DA251D;

	}

	

.faceShow{

	width:100%;

	margin:0 auto;

	position:relative;

}

.faceShow span{

	line-height:10px;

	padding:5px;

	width:10%;

	text-align:center;

	border:1px #000000 solid;

	

}

#faceContent{

	width:800px;

	border:1px #CCCCCC solid;

	display:none;

	border-radius:5px;

}

#clipDIV ul{

	width:100%;

	margin:0 auto;

}

.fr{

	float:right;

}

.fl{

	float:left; 

}

.fl li {

	 text-align: center;

}



.clear{

	clear:both;

}



.col-dice-12,.col-dice-11,.col-dice-10,.col-dice-9,.col-dice-8,.col-dice-7,.col-dice-6,.col-dice-5,.col-dice-4,.col-dice-3,.col-dice-2,.col-dice-1{

	position: relative;

 	min-height: 1px;

  	padding-right: 15px;

  	padding-left: 15px;

}

.col-dice-3 img{

	width:100%;

}

.BORDER{

	border:1px solid #eaeaea;

	box-sizing: border-box;

	border-right:0px;

	padding:2px 6px;

	text-align:center;

	float:left;

	color:#333;

	cursor:pointer;

	font-size: 0.7rem;

	

	

	transition:border 1s;

-moz-transition:border 1s; /* Firefox 4 */

-webkit-transition:border 1s; /* Safari and Chrome */

-o-transition:border 1s; /* Opera */

	

}



.BORDER:hover {

	border: 1px solid #C40000; box-sizing: border-box;

}



.curPage{

	color:white;

	border:1px #da251d solid; 

	box-sizing: border-box;

	padding:2px 6px;

	float:left;

	text-align:center;

	cursor:pointer;

	color: #da251d;

	font-size: 0.7rem;

	

}

.disbled{

	color:#CCCCCC;

	border:1px #CCCCCC solid; box-sizing: border-box;

	border-right:0px;

	padding:2px 5px;

	float:left;

	text-align:center;

	cursor:not-allowed;

	font-size: 0.7rem;

}

.subMit{

	border:1px #CCCCCC solid; box-sizing: border-box;

	color:#666666;

	background:white;

	text-align:center;

	width:200px;

	font-size:20px;

	line-height:2.0em;

	border-radius:3px;

}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

/* IE10-specific styles go here */ 

.BORDER{

	border:1px solid #CCC;

	border-right:0px;

	padding:2px 10px;

	text-align:center;

	float:left;

	color:#0099FF;

	cursor:pointer;

}

.curPage{

	color:white;

	background:#0099FF;

	border:1px #0099ff solid;

	padding:2px 10px;

	float:left;

	text-align:center;

	cursor:pointer;

}

.fr{

	float:right;

}

.fl{

	float:left;

}



a{

	text-decoration:none;

	cursor:pointer;

}

.clear{

	clear:both;

}

}

@media screen and (max-width: 1920px) {

	html{ font-size:20px;}

	.col-dice-3{

		width:25%;

	}

}

@media screen and (max-width: 1024px) {

	html{ font-size:20px;}

	.col-dice-3{

		width:50%;

	}

}

@media screen and (max-width: 778px) {

	html{ font-size:20px;}

	.col-dice-3{

		width:100%;

	}

}





/*产品展示分页样式结束*/

						

						.list {

							 border:1px solid #dcdcdc; border-bottom: none; box-sizing: border-box;

						}

						.list_1 {

							border-bottom: 1px solid #dcdcdc !important;

						}

						

						.demo,

						.demo_1,

						.demo_2,

						.demo_3 {

							height:50px; width:100%; line-height: 50px; overflow: hidden;transition: height .2s ease-out; 

							}

						.demo .fl,

						.demo_1 .fl,

						.demo_2 .fl,

						.demo_3 .fl

						 {float: left;}

						.demo .fr,

						.demo_1 .fr,

						.demo_2 .fr,

						.demo_3 .fr 

						 {float:right}

						.demo .left,

						.demo_1 .left,

						.demo_2 .left,

						.demo_3 .left

						 {width:18.5%; text-indent: 10px; white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}

						.demo .right,

						.demo_1 .right,

						.demo_2 .right,

						.demo_3 .right

						 {width:62%;color:#0000FF; }

						

						.demo .right li,

						.demo_1 .right li,

						.demo_2 .right li,

						.demo_3 .right li

						 {float: left; margin-right: 2%;}

						 

						 .demo .right li a:hover,

						.demo_1 .right li a:hover,

						.demo_2 .right li a:hover,

						.demo_3 .right li a:hover {

							color: #c40000;

						}

						 

						.demo .more,

						.demo_1 .more_1,

						.demo_2 .more_2,

						.demo_3 .more_3 

						{display: none;cursor: pointer;}

						.demo .more span,

						.demo_1 .more_1 span,

						.demo_2 .more_2 span,

						.demo_3 .more_3 span

						 {height:40px;border:1px solid #dcdcdc;border-radius:4px; padding: 5px 10px;  background: url(img/016.png) 90% center no-repeat;}

						 

						 .demo .more span:hover,

						.demo_1 .more_1 span:hover,

						.demo_2 .more_2 span:hover,

						.demo_3 .more_3 span:hover

						 {height:40px;border:1px solid #c40000;border-radius:4px; padding: 5px 10px; background: url(img/016.png) 90% center no-repeat;}

	

	

	

/*产品展示分页样式*/

#page {

    height: 50px;

    display: table;

    margin: 0 auto;

}



.page {

    text-align: center;

}



.fl {

    float: left;

}



.fr {

    float: right;

}



.pagingUl {

    float: right;

    padding: 0;

    margin: 0;

    list-style: none;

    height: 30px;

}



.pagingUl li {

    float: left;

    width: 30px;

    height: 30px;

    background: #fff;

    text-align: center;

    margin-right: 5px;

    border-radius: 5px

}



.pagingUl li a {

    display: inline-block;

    width: 30px;

    height: 30px;

    text-align: center;

    line-height: 28px;

    color: #666;

    font-size: 12px;

    border-radius: 5px;

    

}



.prv,

.next {

    width: 30px;

    height: 30px;

    text-align: center;

    line-height: 30px;

    cursor: pointer;

    background: #fff;

    padding: 0 5px;

    border-radius: 5px;

}



.prv {

    margin-right: 10px;

}



.first,

.last {

    width: 40px;

    height: 30px;

    font-size: 0.6em;

    text-align: center;

    line-height: 30px;

    /*border: 1px solid #ddd;*/

    cursor: pointer;

    background: #fff;

    padding: 0 5px;

    border-radius: 5px;

    margin-right: 10px;

    background-color: #e5e5e5;

}



.prv:hover,

.next:hover,

.first:hover,

.last:hover,

.pagingUl li a:hover,

.activP {

   background-color: #da251d !important;

    color: #fff!important;

}







/*产品展示分页样式结束*/



 	

	

	.xk {

		   width: 100%; height: 13px; background-color: #e5e5e5; margin: 30px 0 0;

	}

	

	/*搜索界面选项卡*/

	

	.nav div, .nav a {

            -webkit-tap-highlight-color: rgba(0,0,0,0);

        }

     .nav a {

            color: #323232;

            outline-style: none;

            text-decoration: none;

        }

        .border-b {

            position: relative;

        }

        .border-b:after {

            top: auto;

            bottom: 0;

        }

        .border-t:before, .border-b:after {

            content: '';

            position: absolute;

            left: 0;

            background: #ddd;

            right: 0;

            height: 1px;

            -webkit-transform: scaleY(0.5);

            transform: scaleY(0.5);

            -webkit-transform-origin: 0 0;

            transform-origin: 0 0;

        }

        .nav {

           border-top: 1px solid #aaaaa8;     border-bottom: 13px solid #e5e5e5;

    padding-bottom: 30px;

            

        }

        .nav .tab {

            width: 30%;

            position: relative;

            overflow: hidden;

            float: left;

            border: none;

            padding: 0;

        }

        .nav .tab a {

            text-indent: 10px;

            width: 100%;

            height:40px;

            line-height:40px;
            
            margin-bottom: -5px;

            display: inline-block;

            border-bottom: 1px solid #aaaaa8;

            background-color: #e5e5e5;

            font-size: 0.7rem;
            
            overflow: hidden; white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

        }

        .nav .tab a:last-child {

            border-right: 0;

        }

        .nav .tab .curr {

            border-bottom: 1px solid #c40000;

            color: #c40000; background-image: url(../img/05.png); background-position: right center; background-repeat: no-repeat;

        }

        .nav .content {

        	width: 70%; height: auto; float: right;

        }

        .nav .content ul li {

            display: none;

           

            width:100%;

        }





		.nav .zh {

			width: 100%; height: auto; 

		}

		.nav .zh h5 {

			width: 100%; height: 40px; line-height: 40px; clear: both; font-size: 1em; text-indent: 10px; font-weight: normal;

		}

		.nav .zh a {

			width: 30%; height: auto; padding: 10px 0; text-align: center; display: block; float: left; margin: 5px 0 0px 2.5%;  font-size: 0.7rem; background-color: #f7f7f7; display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;

		}

		.nav .zh a:hover {

			color: #c40000;

		}

		

		

		/*产品详情页面开始*/

		

		.cp {

			width: 99.8%; height: auto; margin: 0 auto; background-color: #f3f3f3;  border: 1px solid #d2d2d2;  padding: 30px 0; border-top: none;

		}

		.cp img {

			width: 80%; height: auto; margin: 0 auto; 

		}

		

		.xk_1 {

			width: 99.8%; height: 11px;  margin-bottom: 10px; 

		}

		/*产品详情页面结束*/



		.div_6 {

	width: 78%; margin-right: 2%; height: auto;  float: left; 

}



.div_7 {

	width: 100%; height: auto; background-color: #FFf;

}

.div_8 {

	width: 30%; height: 315px; overflow: hidden; float: left;  border: 1px solid #e8e8e8;

}

.div_8 img {

	width: 90%; height: 90%; display: block; margin: 5% auto;

}

.div_9 {

	width: 100%; height: auto; margin: 0 auto;   border-bottom: 13px solid #e5e5e5;

    padding-bottom: 30px;

}

.div_9 h5 {

	font-size: 0.7rem; color: #434343; font-weight: normal;  width: 95%; margin: 0 auto 20px;

}

.div_9 p {

	line-height: 25px; font-size: 0.7rem; width: 95%; margin: 0 auto;

}



.div_10 {

	width: 60%; height: 40px;   margin-top: 20px; margin-left: 2.5%;

} 

.div_10>a {

	width: 45%; padding: 5px 0; height: auto; text-align: center;  float: left; display: block; color: #fff; font-size: 0.7rem;

	

	transition:background-color 1s;

-moz-transition:background-color 1s; /* Firefox 4 */

-webkit-transition:background-color 1s; /* Safari and Chrome */

-o-transition:background-color 1s; /* Opera */

}



.div_10>a:hover {

	background-color: #fff !important; color: #333;

}



.a_3 {

	background-image: url(../img/013.png); background-position: left center; background-repeat: no-repeat; color: #333 !important;

	

	transition:color 1s;

-moz-transition:color 1s; /* Firefox 4 */

-webkit-transition:color 1s; /* Safari and Chrome */

-o-transition:color 1s; /* Opera */

}



.a_3:hover {

	color: #c40000 !important;

}





.div_11 {

	width: 100% !important; height: auto !important;  border: none !important; margin: 10px 0  !important; float: none !important;

}

.div_11>a {

	width: 40%; height: auto; display: block; float: left;  margin-left: 2%;

}

.li_5 h2 {

	font-size: 14px; font-weight: normal; color: #434343; line-height: 30px; width: 90%; margin: 0 auto;

}



.div_12 {

	width: 100%; height: auto; margin: 30px 0 ;

}



.div_12 h2 {

	font-size: 14px; font-weight: normal; color: #434343; border: 1px solid #dcdcdc; line-height: 30px; text-indent: 10px;

}

.div_12 div {

	margin: 30px 0 0;

}

.div_12 div img {

	width: 100%; height: auto; display: block;

}



.js_1 {

	border-top: none !important; border-left: none !important;  border-right: none !important;

}



.div_13 {

	width: 19.5%; height: auto; float: left; border: 1px solid #dcdcdc; margin-bottom: 30px; padding-bottom: 20px;

}

.div_13 h2 {

	font-size: 16px; font-weight: normal; text-align: center; color: #da251d; margin: 0px 0;

    border-bottom: 1px solid #dcdcdc;

    line-height: 60px;



}

.div_13>div {

	width: 90%; height: 60px; line-height: 60px; text-align: center; margin: 0 auto;

}

.div_13 div span {

	width: 5%; height: 2px; background-color: #da251d; display: block;

	

	transition:width 1s;

-moz-transition:width 1s; /* Firefox 4 */

-webkit-transition:width 1s; /* Safari and Chrome */

-o-transition:width 1s; /* Opera */

}



.div_13 div:hover span {

	width: 100%; height: 2px; background-color: #da251d; display: block;

}



.div_13 div a {

	color: #333; font-size: 14px;

}

.div_13 div a:hover {

	

	color: #da251d;

	

	transition:color 1s;

-moz-transition:color 1s; /* Firefox 4 */

-webkit-transition:color 1s; /* Safari and Chrome */

-o-transition:color 1s; /* Opera */

}





/*产品订购弹出框*/



#wrapper {

	

}

.box{width:210px;margin:10px auto 0;background:#fff;border:1px solid #d3d3d3;padding:10px 20px 



15px;}

.box pre{font-family:"Consolas","Courier New",Courier,mono;font-size:12px;line-height:20px;}

.box a{width:60px;height:22px;line-height:22px;background:#f0f0f0;border:1px solid #d2d2d2;text-



align:center;font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;display:block;margin-



top:20px;border-radius:2px;cursor:pointer;font-size:13px;color:#09c;}

.box a:hover{border-color:#fbcb09;color:#c77405;background:#fdf8df;}

 

/*h3{color:#333;font-size:14px;width:250px;margin:30px auto 0;}*/

.hide_box{width:540px;background:#fff; padding-bottom: 20px; box-shadow:1px 2px 2px #555;display:none;}

.hide_box h4{height:26px;line-height:26px;overflow:hidden;padding:0 



10px;font-size:14px;}

.hide_box h4 a{width:14px;line-height:13px;_line-height:15px;height:13px;font-family:arial;overflow:hidden;display:block;background:#fff;color:#000;float:right;text-align:center;text-decoration:none;margin-top:7px;font-size:20px;font-weight:normal;border-radius:2px;_font-size:12px;}

.hide_box p{padding:30px 10px;font-size:13px;border:1px solid #ccc;}





.hide_box h2 {

	font-size: 1em; text-align: center; width: 100%; height: auto;  font-weight: normal; margin: 10px 0 20px;

}

.hide_box ul {

	width: 70%; height: auto; margin: 0 auto;

}



.hide_box ul li>div {

	width: 100%; height: 80px;  margin: 0 0 10px 0; 

}

.hide_box ul li>div h5 {

	font-size: 16px; width: 100%; height: 30px; line-height: 30px; display: block;  font-weight: normal; background-image: url(../img/017.png); background-position: 25% center; background-repeat: no-repeat;

}

.input_3 {

	width: 40%; height: 38px; line-height: 38px; margin: 0 0 0 10px; display: block;  border: 1px solid #aaaaa8; text-indent: 10px; 

}

.text_1 {

	width: 80%; height: 70px; line-height: 25px; margin: 0 0 0 2%; display: block; float: left; border: 1px solid #aaaaa8; padding: 5px;

}

.input_4 {

	width: 30%; height: 38px; line-height: 38px; margin: 0 0 0 5%; display: block; float: left; border: 1px solid #aaaaa8; text-indent: 10px;

}

.input_5 {

	width: 40%; height: 38px; line-height: 38px; text-align: center; margin: 0 auto; background-color: #da251d; color: #fff; display: block; border: 1px solid #fff; 

}

.input_6 {

	width: 90%; float: left; height: 38px; line-height: 38px; margin: 0 0 0 0; display: block; border: 1px solid #aaaaa8; text-indent: 10px;

}



.wz_3,.wz_4 {

	float: left;

}

.wz_4 {

	width: 9%; height: 38px; line-height: 38px; text-align: center;

}



.yz input {

	width: 50%; height: 38px; line-height: 38px; margin: 0 auto; display: block; background-color: #da251d; color: #fff; border: none;

}



.input_7 {

	width: 30%; height: 38px; line-height: 38px; margin: 0 0 0 0; display: block; float: left; border: 1px solid #aaaaa8; text-indent: 10px; font-size: 12px;

}



.li_6 {

	display: block; width: 100%; height: auto;

}

.li_7 {

	line-height: 38px;

}

#idcode {

	width: 30%; height: auto; display: block; float: left;

}



/*表单验证样式开始*/





    .code

    {

            background:url(code_bg.jpg);

            font-family:Arial;

            font-style:italic;

             color:blue;

             font-size:30px;

             border:0;

             padding:0px 3px;

             letter-spacing:3px;

             font-weight:bolder;             

             float:left;            

             cursor:pointer;

             width:30%;

             height:40px;

             line-height:40px;

             text-align:center;

             vertical-align:middle;

             background-color: #727272;

             margin-left: 2px;



    }

   #form1 a

    {

        text-decoration:none;

        font-size:12px;

        color:#288bc4;

        }

    #form1 a:hover

    {

       text-decoration:underline;

        }





.fie_1{

           width: 60%; height: 38px; float: left; border: none; margin-left: 5%;

        }

       .fie_1 input{

            width: 40%;

            height: 38px;

            border: none;

            float: left;

        }

        .mycode{

            width: 59%;

            float: left;

            background-color: #fff; margin-left: 0.5%;

            height: 38px;

            line-height: 38px;

        }

        .mycode span {

        	padding: 0 !important; margin-top: 0px !important; line-height: 38px !important; font-size: 18px;

        }

/*表单验证样式结束*/



.ms {

	width:100%; margin: 0 auto; height: auto;  border-bottom: 13px solid #e5e5e5;

    padding-bottom: 30px;

}

.ms h5 {

	width: 95%; height: 30px; line-height: 30px; font-size: 0.7rem; font-weight: normal; margin: 20px auto;

}

.ms img {

	width: 95%; height: auto; margin: 0 auto;

}



.tj_1 {

	width: 100%; height: auto; border-bottom: 13px solid #e5e5e5;

    padding-bottom: 30px; margin: 30px auto;

}

.tj_1 ul {

	border-top: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5;

}

.tj_1 li {

	width:49.8%; height: auto; float: left;  border-bottom: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; text-align: center; padding-bottom: 20px;

}

.tj_1 li a p {

	font-size: 1em; line-height: 30px; height: 60px; overflow: hidden;

 }

.tj_1 table tr {

	border-bottom: 1px solid #e5e5e5; 

}

.tj_1 li img {

	width: 60%; height: auto; margin: 10% auto;

}

.tj_1 li span {

	display: block; color: #aaa;

}



/*产品订购弹出框结束*/



.all_1 {

	width: 90%; height: auto; margin: 0 auto; background-color: #fff; 

}

.bt {

	width: 100%; height: 55px; line-height: 55px; font-size: 14px; 

}

.bt h5 {

	font-weight: normal; font-size: 14px;

}

.dj {

	

}



/*下拉列表样式开始*/

.list a:link,a:visited{text-decoration: none;}

	.list {

		width: 100%; height:auto; line-height: 55px; font-size: 14px; 

		}

	.list ul li{ }

	.list ul li a{font-size:0.7rem;/*padding-left: 10px;color: #fff; font-size:12px; display: block; font-weight:bold; height:36px;line-height: 36px;position: relative;*/

	}

	.list ul li .inactive{ 

		background-image: url(../js/xl/img/off.png); background-position: 92% center; background-repeat: no-repeat;

	width: 16%; height: 31.5px; line-height: 31.5px; float: left; text-indent: 2%;  display: block;  font-size: 0.6em; 

		}

	

	.list ul li .inactives{

		background-image: url(../js/xl/img/on.png); background-position: 92% center; background-repeat: no-repeat;  }

	.list ul li ul{

		display: none;  width: 100%; height:auto; 

		}

	.list ul li ul li {  }

	.list ul li ul li ul{display: none;}

	.list ul li ul li a{ }

	.list ul li ul li ul li { }

	.last{  }

	.list ul li ul li ul li a{

		font-size: 0.6em; 

		 }

	

	.xk>li {

		border-bottom: 1px solid #dcdcdc; border-right: 1px solid #DCDCDC; border-left: 1px solid #DCDCDC;

	}

	

	.bt_1 {

		width: 90%; height: 55px; line-height: 55px; float: left; font-weight: normal;

    font-size: 14px; text-indent: 10px; b

	}

	.zk { 

		width: 7% !important; height: 55px !important; line-height: 55px !important; float: left; 1px solid #dcdcdc; background-image: url(../img/019.png) !important; background-position: center !important; background-repeat: no-repeat;

	}

	

	.bt_3 {

		width: 18%; height: 41.5px; line-height: 41.5px; float: left; text-indent: 2px; font-size: 0.6em;  font-weight: normal;  

		

	}

	.fl_2 {

		width:65%; height: 41.5px; line-height: 41.5px; float: left;

	}

	.fl_2 a {

		margin-right: 2%; /*width: 8%;*/ float: left; display: block; font-size: 0.6em; line-height: 41.5px; 

	}

	

	.fl_2 a:hover {

		color: #c40000;

	}

	

	.gd {

		/*border-left: 1px solid #DcDcDc; border-right: 1px solid #DCDCDC; */

	}

	.gd li {

		/*width: 6%;*/ height: 41.5px; line-height: 41.5px; float: left; text-align: left; margin: 0px 1% 0 0; 

	}

	/*.gd li:first-child {

		margin-left: 10%;

	}*/

	/*.gd_1 li:nth-child(8),

	.gd_1 li:nth-child(15),

	.gd_1 li:nth-child(23) {

		margin-left: 10%;

	}*/

	.gd li a:hover {

		color: #C40000;

	}

	.dw_w_1 {

		width: 16% !important; height: 21.5px !important; line-height: 21.5px !important; float: left; border: 1px solid #dcdcdc; margin: 7.5px 0 0; border-radius: 5px;

		

		transition:color,border 1s;

-moz-transition:color,border 1s; /* Firefox 4 */

-webkit-transition:color,border 1s; /* Safari and Chrome */

-o-transition:color,border 1s;  /* Opera */

	}

	.dw_w_1:hover {

		border: 1px solid #C40000; color: #C40000;

	}

	

/*下拉列表样式结束*/





.hd {

        position: relative;

        height: 100%;

    }

    .hd {

        font-family: Helvetica Neue, Helvetica, Arial, sans-serif;

        font-size: 14px;

        color:#000;

        margin: 0;

        padding: 0;
		
		    border-bottom: 13px solid #e5e5e5;

    }

    .hd .swiper-container {

        width: 100%;

        height: auto !important;

    }

     .hd .swiper-slide {

        text-align: center;

        font-size: 18px;

        background: #fff;

        height: auto  !important;



        /* Center slide text vertically */

        display: -webkit-box;

        display: -ms-flexbox;

        display: -webkit-flex;

        display: flex;

        -webkit-box-pack: center;

        -ms-flex-pack: center;

        -webkit-justify-content: center;

        justify-content: center;

        -webkit-box-align: center;

        -ms-flex-align: center;

        -webkit-align-items: center;

        align-items: center;

    }

    



/*测试*/







/*****购物车*********/

.gwc{overflow:hidden; width: 99%; border-bottom: 13px solid #e5e5e5;

    height: auto; margin: 0 auto;

    }

.gwc>h5,.xx_1>h5 {

width:100%; height:40px; line-height:40px; border-bottom:1px solid #f3f3f3; font-size: 0.7rem; font-weight: normal;

}

.gwc table {

	/*border-bottom: 1px solid #f3f3f3; border-top: 1px solid #f3f3f3;*/ margin-bottom: 20px; 

}



.gwc table input {

	height: 18px; box-sizing: border-box;

}



.gwc_tb1 td {

	display: block; float:left; height: auto;

}



.gwc table td {

	

}

.gwc_tb1{ width:100%; height:auto; overflow:hidden;}

.tb1_td1{ width:14%;  text-align:center; font-size: 0.7rem; }

.tb1_td1 input {

	float: left;

}

.tb1_td3{ width:50%;  text-align:center; font-size: 0.7rem;}

.tb1_td4{ width:260px; text-align:center; font-size: 0.7rem; background:url(../images/td1.jpg) right no-repeat;}

.tb1_td5{ width:25%;  text-align:center; font-size: 0.7rem; }

.tb2_td5{ width:24%;  text-align:center; font-size: 0.7rem; }

.tb1_td6{ width:135px; text-align:center; font-size: 0.7rem; }

.tb1_td7{ text-align:center; font-size: 0.7rem; width: 10%;}



.tb1_td17{ text-align:center; font-size: 0.7rem; width:10%; }



.a_4 {

	width: 40%; float: right;

}

.a_4 .p_2 {

	width: 98%; height: 25px;white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis; display: block; margin-left: 2%;

}



.a_4 .p_3 {

	width: 98%; height: 25px;white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis; display: block; margin-left: 2%;

}



.gwc_tb2{ width:100%; }



.gwc_tb2 td {

	display: block; float: left; height: 78px;

}



.tb2_td1{ width:14%;  text-align:center; }

.tb2_td2{ width:50%;  text-align:center; height: 98px; overflow: hidden;}

.tb2_td2 a {

	float: left; display: block; 

}



.tb2_td2 .a_5 {

	width: 78px; height: 78px;  float: left;

}



.tb2_td2 .a_4 {

	width: 50%;

}



.tb2_td2 a p {

	font-size: 0.7rem; text-align: left;

}

.tb2_td2 img{ width:100%; height:100%; border:1px solid #ececec; box-sizing: border-box;}

.tb2_td3{ width:23%;  padding-left:12px; padding-right:18px; height: 98px; overflow: hidden;}

.tb2_td3 a{  line-height:22px;}

.tb2_td3 a p {

	font-size: 0.7rem;

}

.gwc_tb3{ width:100%; border:1px solid #d2d2d2; background:#e7e7e7; height:46px; margin-top:20px; }

.gwc_tb3 tr td{font-size:14px;}

.tb3_td2{ width:100px;text-align:center;}

.tb3_td2 span{ color:#ff5500;font-size:14px; font-weight:bold; padding-left:5px; padding-right:5px; }

.tb3_td3{ width:220px;text-align:center;}

.tb3_td3 span{ font-size:18px; font-weight:bold;}

.tb3_td4{ width:110px;text-align:center;}

.jz2{ width:100px; height:46px !important; line-height:46px; text-align:center; font-size:18px; color:#fff; background:#ee0000; display:block; float:right; border: none;}

#jz1{font-size:18px;}





.xx_1 li {

	margin-bottom: 10px;

}

.xx_1 li h5 {

	width: 95px; height: 38px; line-height:38px; font-size: 0.7rem; text-indent: 10px; background: url(../img/017.png) 100% center no-repeat; display: block; font-weight: normal;

}



.xx_1 ul {

	width: 100%; height: auto; border: 1px solid #ececec; box-sizing: border-box;

}



.xw {

	

}

.tt {

	width: 100%; height: auto; padding: 20px 0;  text-align: center; font-size: 0.9rem; background-image: url(../img/01.jpg); background-position: center; background-repeat: no-repeat; background-size: 100%; color: #fff;

}

.lb_1 {

	width: 100%; height: auto; margin: 0 auto; border-top:1px solid #e5e5e5;

}



.lb_1 a {

	font-size: 0.7rem; width: 95%; height: auto; margin: 0 auto; display: block; 

}

.lb_1 a p {

	width: 60%; height: 30px; line-height: 30px; float: left; display: block; overflow: hidden; background: url(../img/b_2.png) left center no-repeat; text-indent: 10px;

}

.lb_1 li {

	margin: 0 0; border-bottom: 1px solid #e5e5e5; padding: 10px 0;

}

.lb_1 a span {

	width: 20%; height: auto; float: right; display: block; height: 30px; line-height: 30px; overflow: hidden;

}

.lb_1 a:hover p {

	color: #c40000;

}



.lb_1 a:hover span {

	color: #a2a2a2;

}



.zw_5 {

	margin: 20px 0; border-bottom: 13px solid #e5e5e5; padding-bottom: 20px;

}



.zw_5 h2 {

	text-align: center; font-size: 0.7rem; font-weight: normal; margin-top: 10px; margin-bottom: 20px;

}



.zw_5 h3 {

	text-align: center; font-size: 0.6rem; font-weight: normal;  margin-bottom: 25px;

}



.zw_5 p {

	font-size: 0.7rem; line-height: 30px; text-indent: 32px;

}

.zw_5 .zw_6 div {

	width: 70%; height: auto; margin: 20px auto; 

}

.zw_5 .zw_6 div img {

	width: 100%; height: auto; display: block; border: 1px solid #C0C0C0;

}



.zw_5 .zw_6 div h4 {

	font-size: 0.7rem; font-weight: normal; margin: 20px 0;  text-align: center;

}



.fy_1 {

	width: 100%; height: auto; margin: 20px 0 0; 

}

.fy_1 span a {

	font-size: 0.7rem; width: 40%; height: 21px;  

}

.fy_1 a {

	

}

.fy_1 .span_2 {

	width: 49%; height: auto; float: left; overflow: hidden; font-size: 0.7rem;

}



.fy_1 .span_3 {

	width: 49%; height: auto; float:right; overflow: hidden; font-size: 0.7rem;

}



.xw_fl {

	width: 95%; height: auto; 

	/*display: flex; 

	display: -webkit-flex;*/ /* Safari，Chrome */

	 margin: 10px auto;

}



.xw_fl div {

	

       /* -webkit-box-flex: 1; *//*规定子盒子是否可伸缩，值越大占的空间就越大*/

       /* -moz-box-flex:1; margin: 0 5px;*/

        float: left;

        

   width: 20%; text-align: center; margin:0 2.5%;

}



.xw_fl div a {

	font-size: 0.7rem; display: block; height:40px; line-height:40px; border-radius: 5px; background-color: #e5e5e5;
	
	white-space:nowrap;overflow:hidden;text-overflow:ellipsis; width:100%;

}

.xw_fl div a:hover {

	background-color: #da251e; color: #fff;

}



/* pager action */

.pager{width:100%;margin:20px auto;text-align:center;font-size:0.5rem;}

.col-xs-6{width:50%;float:left;}

.pagination{border-radius:4px;display: inline-block;margin: 0px 0;padding-left: 0;}

.pagination > li {display:inline;}

.pagination > li > a, .pagination > li > span {

    background-color: #fff;

    border: 1px solid #ddd;

    float: left;

    line-height: 1.42857;

    margin-left: -1px;

    padding: 6px 12px;

    position: relative;

    text-decoration: none;

}

.pagination > li:first-child > a, .pagination > li:first-child > span {

    border-bottom-left-radius: 4px;

    border-top-left-radius: 4px;

    margin-left: 0;

}

.pagination > li:last-child > a, .pagination > li:last-child > span {

    border-bottom-right-radius: 4px;

    border-top-right-radius: 4px;

}

.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {

    background-color: #eee;

    border-color: #ddd;

    color: #da251d;

    z-index: 3;

}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {

    background-color: #da251d;

    border-color: #da251d;

    color: #fff;

    cursor: default;

    z-index: 2;

}

.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {

    background-color: #fff;

    border-color: #ddd;

    color: #777;

    cursor: not-allowed;

}

.pagination-lg > li > a, .pagination-lg > li > span {

    font-size: 18px;

    line-height: 1.33333;

    padding: 10px 16px;

}

.pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span {

    border-bottom-left-radius: 6px;

    border-top-left-radius: 6px;

}

.pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span {

    border-bottom-right-radius: 6px;

    border-top-right-radius: 6px;

}

.pagination-sm > li > a, .pagination-sm > li > span {

    font-size: 12px;

    line-height: 1.5;

    padding: 5px 10px;

}

.pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span {

    border-bottom-left-radius: 2px;

    border-top-left-radius: 2px;

}

.pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span {

    border-bottom-right-radius: 2px;

    border-top-right-radius: 2px;

}



.cartView{}

.cartView .empty{border:#ddd 1px solid;line-height:60px;height:60px;text-align:center;}

.cartView .empty a{color:#ff0000;}

.cartView .empty a:hover{text-decoration:underline;}

.cartView .success{border:#ddd 1px solid;margin:20px auto;padding:20px;}

.cartView .success p{line-height:1em;}

.cartView .thumb{display:block;width:92px;height:92px;margin:2px auto;overflow:hidden;border:#ddd 1px solid;background-color:#fff;padding:2px;}

.cartView .thumb img{width:100%;height:auto;border:0px;}

.cartView .cartDataList{width:100%;}


.cartView .cartDataList .t1{width:9%;text-align:center;vertical-align:middle;padding-left:1%;}

.cartView .cartDataList .t2{width:10%;text-align:center;vertical-align:middle;}

.cartView .cartDataList .t3{width:50%;text-align:left;vertical-align:middle; padding-bottom:10px;}

.cartView .cartDataList .t4{width:20%;text-align:center;vertical-align:middle;}

.cartView .cartDataList .t5{width:10%;text-align:center;vertical-align:middle;}



.archive{padding:2%;font-size:0.5em;}

.archive h2{font-size:1.5em;line-height:150%;font-weight:bold;text-align:center;margin:2% auto;}

.archive h3{text-align:center;}

.archive .content{margin:2% auto;line-height:180%;}

.archive .content p{text-indent:5%;margin:2% auto;}

.archive .content img{max-width:100%;text-align:center;margin:2% auto;height:auto;}

.archive .previous,archive .nexts{margin:1% auto;}



.product .content{font-size:0.7rem;margin:2% auto;line-height:180%;}

.product .content p{text-indent:5%;margin:2% auto; width:98%;}

.product .content img{max-width:100%;text-align:center;margin:2% auto;height:auto;}



.empty{height:10rem;line-height:10rem;text-align:center;}