@charset "utf-8";/* CSS Document */

*{margin: 0;padding: 0;}

html {font-size: 62.5%;height: 100%}

body {margin: 0 auto;font-family: 'OswaldRegular';font-size: 14px;font-size: 1.4rem;height: 100%;background-color: #000000;}

img {border: none;}

ul li {list-style-type: none;}

ul, form, p, a, img, table, tr, td, li, dd, dt, dl, span {margin: 0;padding: 0;list-style: none;color: #333;}

a {text-decoration: none;color: #333;outline: none;transition: 0.3s;-moz-transition: 0.3s;-o-transition: 0.3s;-webkit-transition: 0.3s;}

h1 {margin: 0;padding: 0;font-weight: normal;color: #333;}

.clear {clear: both;}

.maln {margin-left: auto !important}

input, textarea {font-family: 'OpenSans';font-size: 14px;font-size: 1.4rem;color:#333;border: none;outline: none;}

.pull-left{ float:left;}

.pull-right{ float:right;}

.text-center{text-align: center;}

.fix{*zoom:1; } .fix:after,.fix:before{display:block; content:"clear"; height:0; clear:both; overflow:hidden; visibility:hidden; }



::-webkit-input-placeholder {/* WebKit browsers */

 color:#A6A6A6;}

:-o-placeholder {/* Mozilla Firefox 4 to 18 */

 color:#A6A6A6;}

::-moz-placeholder {/* Mozilla Firefox 19+ */

 color:#A6A6A6;}

:-ms-input-placeholder {/* Internet Explorer 10+ */

 color:#A6A6A6;}

 

@media screen and (min-width:1220px) {.wp {width: 1200px!important;margin: auto;}}

@media screen and (min-width:1000px) and (max-width:1219px) {.wp {width: 980px!important;margin: auto;}}

@media screen and (max-width:999px) {.wp {width: 95%!important;margin: auto;}}



@media screen and (min-width:1220px) {.no_margin{margin-left: auto!important;}}

@media screen and (min-width:1000px) and (max-width:1219px) {.no_margin{margin-left: auto!important;}}



.self-ellipsis {

	overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis

}



.self-ellipsis-2 {

	display: -webkit-box;

	overflow: hidden;

	white-space: normal!important;

	text-overflow: ellipsis;

	word-wrap: break-word;

	-webkit-line-clamp: 2;

	-webkit-box-orient: vertical

}

.relative{position: relative;}

.absolute{position: absolute;}

.common-vc{

	position: absolute;

	top: 50%;

	transform: translateY(-50%);

	-ms-transform: translateY(-50%);

	-webkit-transform: translateY(-50%);

	-moz-transform: translateY(-50%);

	-o-transform: translateY(-50%);

}

.common-hc{

	position: absolute;

	left: 50%;

	transform: translateX(-50%);

	-ms-transform: translateX(-50%);

	-webkit-transform: translateX(-50%);

	-moz-transform: translateX(-50%);

	-o-transform: translateX(-50%);

}

.common-center{

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%,-50%);

	-ms-transform: translate(-50%,-50%);

	-webkit-transform: translate(-50%,-50%);

	-moz-transform: translate(-50%,-50%);

	-o-transform: translate(-50%,-50%);

}

/*--------------------------------------------------------------*/

/*contact*/

.contact li{

	float: left;

	text-align: center;

}

.contact{

	width: 50px;

	position: fixed;

	right: 0;

	top: 50%;

	transform: translateY(-50%);

	-webkit-transform: translateY(-50%);

	-ms-transform: translateY(-50%);

	-moz-transform: translateY(-50%);

	-moz-transform: translateY(-50%);

	z-index: 9999999999;

}

.contact li{

	width: 50px;

}

.contact li img{

	display: block;

	margin: 0 auto;

}

.c2{

	padding: 25px 0 0;

}

.c3{

	padding: 30px 0 0;

	position: relative;

}





.contact2{

 	width: 100%;

 	height: 50px;

 	position: fixed;

 	bottom: 0;

 	display: none;

 	border-top: solid 1px #1F1F1F;

}

.contact2 li{

	width: 33.33%;

	height: 50px;

	float: left;

	padding: 0;

	background:#000000;

}

.contact2 li.c1{padding: 2px 0 0;}

.contact2 li.c2{padding: 5px 0 0;}

.contact2 li.c3{padding: 10px 0 0;}

.contact2 li img{margin: 0 auto;display: block;}

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

	.contact{display: none;}

	.contact2{display: block;}

	.footer{margin-bottom: 50px;}

	.contact2 li img{width: 35px;}

	.contact2 li{padding: 7px 0 0!important;}

	.contact2 li.c3{padding: 10px 0 0!important;}

}



/*回到顶部*/

.back-top{position: fixed;right: 5px;bottom: -100px;transition: 1s;cursor: pointer;z-index: 999px;}

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

	.back-top img{width: 35px;}

}

.wrap{

	background: url(../img/common-bg.png) no-repeat top center;

	background-attachment: fixed;

}

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

	.wrap{background: #000000;}

}



/*header*/

/*headertop left*/

.headtop .headtop-left{padding: 34px 0 0;}

.headtop p{

	color: #FFFFFF;

	font-size: 16px;

	font-size: 1.6rem;

	line-height: 40px;

}

.headtop p a{color: #FFFFFF;}

.headtop-url{

	color: #D10000!important;

	text-decoration: underline;

}

.headtop-call{

	color: #FFFFFF;

	background-color: #D10000;

	padding: 0 10px;

	margin:4px 0 3px;

	height: 33px;

	line-height: 32px;

	display: inline-block;

}



/*.headtop-middle*/

.headtop-middle{

	/*width: 370px;*/

	padding: 7px 0 0;

	margin-left: 35px;

}

.ht-m-list{margin: 32px 0 24px;}

.ht-m-list li{

	float: left;

	margin: 0 10px;

}

/*hidelogo*/

.hide-logo{display: none;width:20%;margin:0 0 10px 10px;}

.hide-logo img{width: 100%;max-width: 100px;}



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

	.headtop p{font-size: 14px;font-size: 1.4rem;}

	.ht-m-list li{margin: 0 5px;}

	.headtop-middle{margin-left: 0;}

}

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

	.headtop .headtop-left{width: 33%;padding-bottom: 50px;}

	.headtop p{line-height: 28px;font-size: 12px;font-size: 1.2rem;}

	

	.logo{width: 150px;}

	.headtop-middle{width: 34%;}

	.ht-m-list li{width: 16.66%;text-align: center;margin: 0;}

	.ht-m-list li img{width: 30px;}

}

/*headnav*/

.headnav{

	background-color: #000000;

	height: 48px;

	padding: 0 8px 0 23px;

	box-sizing: border-box;

	position: relative;

}

.headnav-list li{

	float: left;

	line-height: 48px;

	font-size: 18px;

	font-size: 1.8rem;

	margin-left: 42px;

	position: relative;

}

.headnav-list li a,.headnav-list2 li a{color: #DDDDDD;}

.headnav-list li:hover>a,

.headnav-list li.active>a,

.headnav-list2 li:hover>a,

.headnav-list2 li.active>a{color: #D10000;}



.headnav-list2{width: 100%;display: none;}

.headnav-list2 li{

	float: left;

	width: 25%;

	text-align: center;

	font-size: 14px;

	font-size: 1.4rem;

	line-height: 36px;

}



/*yiji-erji*/

.yiji{

	position: absolute;

	left: 0;

	top: -9999px;

	background-color: #000000;

	width: 265px;

	z-index: 999999;

}

.yiji li{

	width: 100%;

	margin-left: 0;

	height: 47px;

	line-height: 46px;

	font-size: 16px;

	font-size: 1.6rem;

	padding: 0 21px;

	box-sizing: border-box;

}

.erji{

	position: absolute;

	top: 0;

	left: -9999px;

	background-color: #000000;

	width: 160px;

}

.erji li{

	width: 100%;

	height: 47px;

	line-height: 46px;

}

.yiji li a{color: #DDDDDD;}

.yiji li:hover{background-color: #333;}

.yiji li:hover>a{color: #DDDDDD}



.headnav-list li:hover>.yiji{top: 100%;}

.yiji li:hover>.erji{left: 100%;}



/*search*/

.search-box{

	float: right;

	width:226px;

	height:33px;

	background:#FFFFFF;

	border-radius:17px;

	position: relative;

	margin: 7px 0 0 0;

}

.search-input{

	width: 100%;

	height: 33px;

	line-height: 32px;

	border-radius: 17px;

	background-color: transparent;

	padding: 0 33px 0 12px;

	box-sizing: border-box;

	font-size: 14px;

	font-size: 1.4rem;

	font-family: 'DINMedium';

	/*cursor: pointer;*/

}

.search-btn{

	position: absolute;

	top: 0;

	right: 0;

	width: 33px;

	height: 33px;

	background: url(../img/search.png) no-repeat center center;

	z-index: 99;

	cursor: pointer;

}

.search-input::-webkit-input-placeholder {color:#999999;}/* WebKit browsers */

.search-input:-o-placeholder {color:#999999;}/* Mozilla Firefox 4 to 18 */

.search-input::-moz-placeholder {color:#999999;}/* Mozilla Firefox 19+ */

.search-input:-ms-input-placeholder {color:#999999;}/* Internet Explorer 10+ */



@media only screen and (min-width: 1000px) and (max-width: 1219px) {

	.headnav-list li{margin-left: 17px;}

}

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

	.search-box{ position: absolute;right: 8px;top: -48px;}

	.headnav-list{width: 100%;padding: 0;}

	.headnav-list li{margin:0 10px;font-size: 16px;font-size: 1.6rem;}

}

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

	.headtop{display: none;}

	.hide-logo{display: block;}

	.headnav{height: 36px;padding: 0;}

	.search-box{display: none;}

	.headnav-list{display: none;}

	.headnav-list2{display: block;}

}

/*banner*/

.banner{margin: 18px auto 29px;}

.ban_dan{ display: block; max-width: 1920px; width: 100%; margin: 0 auto; overflow: hidden;}



/*products list*/
.heibei{

	background: #000000;

	background: url(../img/web-bg.png) repeat;

	padding-bottom: 26px;

}


.products-list{

	

	padding-bottom: 26px;
	padding-left:20px;
	padding-top:50px;

}

.products-list li{

	position: relative;

	float: left;

	width: 277px;

	border: solid 1px #FFFFFF;

	box-sizing: border-box;

	margin: 0 0 25px 16px;

}

.products-list li img{

	width: 100%;

	max-width: 530px;

	max-height: 402px;

	margin: 0 auto;

	display: block;

}

.pro-title{

	font-size: 22px;

	font-size: 2.2rem;

	position: absolute;

	left: 0;

	bottom: 6px;

	width: 100%;

	text-align: center;

	line-height: 30px;

}

.pro-title a{color: #FFFFFF;}

.pro-title a:hover{color: #D10000;}

@media only screen and (min-width: 1000px) and (max-width: 1219px) {

	.products-list li{width: 322px;}
	.products-list li{margin:0 0 25px 1px}

}

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

	.products-list li{width: 31.33%;margin: 0 1% 25px;}

}

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

	.products-list{padding-bottom: 10px;}

	.pro-title{font-size: 16px;font-size: 1.6rem;line-height: 24px; bottom: 3px;}

	.products-list li{width: 48%;margin: 0 1% 15px;}

}

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

	.products-list li{width: 90%;margin: 0 5% 15px;}

}



/*LATEST NEWS*/

.latest-news-title{

	font-size: 34px;

	font-size: 3.4rem;

	text-align: center;

}

.latest-news-title a{color: #FFFFFF;}

.latest-news-title a:hover{color: #D10000;}

.latest-news-list{padding:50px 20px 41px 20px;font-family: 'OpenSans';}

.latest-news-list li{

	float: left;

	width: 260px;

	margin-left: 40px;

	padding-bottom: 10px;

}

.l-news-img{

	width: 100%;

	max-width: 260px;

	max-height: 183px;

	display: block;

	margin: 0 auto;

}

.l-news-subt{

	font-size: 16px;

	font-size: 1.6rem;

	line-height: 30px;

	margin: 10px 0 5px;

}

.l-news-subt a{color: #FFFFFF;}

.l-news-subt a:hover{color: #D10000;}



.l-news-word{

	line-height: 30px;

	display: -webkit-box;

	overflow: hidden;

	white-space: normal!important;

	text-overflow: ellipsis;

	word-wrap: break-word;

	-webkit-line-clamp: 6;

	-webkit-box-orient: vertical

}

.l-news-word a{color: #999999;display: block;}

.l-news-word a:hover{color: #D10000;}



.l-news-time{

	color: #999;

	font-size: 12px;

	font-size: 1.2rem;

	line-height: 30px;

	background: url(../img/common-calendar.png) no-repeat left center;

	padding-left: 22px;

	margin-top: 1px;

}

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

	/*.latest-news-list{padding: 50px 0;}*/

	/*.latest-news-list li{width: 230px;margin-left: 20px;}*/

	.latest-news-list li{width: 223px;margin-left: 15px;}

}

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

	.latest-news-list li{width: 23%;margin: 0 1%;}

}

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

	.latest-news-list li{width: 31.33%;margin: 0 1%;}

}

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

	.latest-news-list li{width: 48%;margin: 0 1%;}

}

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

	.latest-news-list li{width: 98%;margin: 0 1%;}

}

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

	.latest-news-list{padding: 15px 0 0;}

	.latest-news-title{font-size:26px;font-size:2.6rem;}

	.l-news-subt{font-size: 14px;font-size: 1.4rem;line-height: 24px;margin: 5px 0;}

	.l-news-word{font-size: 12px;font-size: 1.2rem;line-height: 20px;}

}



/*WHAT WE DO*/

.wwd-box,.advantage-box{padding:0 1.4%;box-sizing: border-box;}

.wwd-title,.advantage-title{

	font-size: 34px;

	font-size: 3.4rem;

	text-align: center;

	text-transform: uppercase;

}

.wwd-title a,.advantage-title a{color: #FFFFFF;}

.wwd-title a:hover,.advantage-title a:hover{color: #D10000;}

/**/

.wwd-float,.advantage-float{padding: 52px 0 55px;}

.wwd-img,.advantage-img{width: 50%;}

.wwd-img img,.advantage-img img{

	width: 100%;

	max-width: 580px;

	max-height: 477px;

	margin: 0 auto;

	display: block;

}

/**/

.wwd-word,.advantage-word{

	width: 46.12%;

	font-family: 'OpenSans';

	padding-top: 5px;

}

.wwd-word p,.advantage-word p{line-height: 30px;}

.wwd-word p a,.advantage-word p a{color: #FFFFFF;display: block;}

.wwd-word p a:hover,.advantage-word p a:hover{color: #D10000;}



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

	.wwd-word p,.advantage-word p{line-height: 24px;margin-bottom: 15px;}

}

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

	.wwd-float,.advantage-float{padding:20px 0 10px;}

	.wwd-img,.advantage-img{width: 100%;margin-bottom: 20px;}

	.wwd-word,.advantage-word{width: 100%;}

}

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

	.wwd-title,.advantage-title{font-size:26px;font-size: 2.6rem;}

	.wwd-float,.advantage-float{padding:20px 0 10px;}

	.wwd-img,.advantage-img{margin-bottom: 10px;}

	.wwd-word p,.advantage-word p{font-size: 12px;font-size: 1.2rem;line-height: 20px;margin-bottom: 10px;}

}



/*footer*/

.footer{background-color: #1f1f1f;margin-top: -3px;}

.footer-top{padding:29px 20px 47px 20px;box-sizing: border-box;}

.f-top-left{

	width: 325px;

	font-family: 'OpenSans';

}

.small-news{

	width: 100%;

	border-bottom: solid 1px #FFFFFF;

	padding: 20px 0 13px;

}

.small-news .s-news-left{width: 29.235%;}

.small-news .s-news-left img{

	width: 100%;

	display: block;

	margin: 0 auto;

}

.small-news .s-news-right{width: 66.155%;}

.s-news-r-title{line-height: 30px;margin:1px 0 2px;}

.s-news-r-title a{color: #D10000;}

.s-news-r-time{

	color: #999999;

	font-size: 12px;

	font-size: 1.2rem;

	line-height: 30px;

	background: url(../img/common-calendar.png) no-repeat left center;

	padding-left: 22px;

}

/**/

/*.footer-top{padding: 29px 0 47px;}*/

.f-top-middle{width: 321px;margin-left: 127px;}

.ftop-m-title{

	font-size: 24px;

	font-size: 2.4rem;

	margin: 11px 0 25px;

}

.ftop-m-title a{color: #FFFFFF;}

.ftop-m-title a:hover{color: #D10000;}



.ftop-middle-form{}

.ftop-middle-form input{

	width: 100%;

	height: 37px;

	line-height: 36px;

	border: solid 1px #4E4E4E;

	margin-bottom: 18px;

	padding: 0 8px;

	box-sizing: border-box;

	color: #FFFFFF;

	background-color:#191919;

}

.ftop-middle-form textarea{

	width: 100%;

	height: 108px;

	line-height: 26px;

	border: solid 1px #4E4E4E;

	margin-bottom: 18px;

	padding: 13px 8px;

	box-sizing: border-box;

	color: #FFFFFF;

	resize: none;

	font-family: 'OpenSans';

	background-color:#191919;

}

.ftop-code-box{width: 100%;}

.ftop-code-input{width: 205px!important;}

.ftop-code-img{cursor: pointer;}

.ftop-submit{

	height:35px!important ;

	font-family: 'OpenSansBold';

	font-size: 18px;

	font-size: 1.8rem;

	background-color: #D10000!important;

	border: 0!important;

	text-transform: uppercase;

	cursor: pointer;

}

.ftop-middle-form ::-webkit-input-placeholder {color:#666666;}/* WebKit browsers */

.ftop-middle-form :-o-placeholder {color:#666666;}/* Mozilla Firefox 4 to 18 */

.ftop-middle-form ::-moz-placeholder {color:#666666;}/* Mozilla Firefox 19+ */

.ftop-middle-form :-ms-input-placeholder {color:#666666;}/* Internet Explorer 10+ */

/**/

.f-top-right{

	width: 266px;

}

.ftop-right-tile{

	font-size: 24px;

	font-size: 2.4rem;

	margin:11px 0 25px;

}

.ftop-right-tile a{color: #FFFFFF;}

.ftop-right-tile a:hover{color: #D10000;}



.ftop-right-box {

	border: solid 1px #FFFFFF;

	border-radius: 20px;

	padding: 25px 0 14px 0;

}

.ftop-right-box p{

	font-family: 'OpenSans';

	color: #FFFFFF;

	line-height: 44px;

	padding: 0 15px 0 55px;

	box-sizing: border-box;

}

.ftop-right-box p a{color: #FFFFFF;}

.ftop-right-box p a:hover{color: #D10000;}

.ftop-call{background: url(../img/common7.png) no-repeat 22px center;}

.ftop-mail{background: url(../img/common8.png) no-repeat 22px center;}

.ftop-address{background: url(../img/common9.png) no-repeat 22px 10px;}

.ftop-r-serve{

	font-size: 22px;

	font-size: 2.2rem;

	color: #D10000!important;

	padding: 0!important;

	text-align:center;

	font-weight: bold;

	margin-top: 7px;

}



/**/

.footer-bottom{background-color: #000000;padding: 18px 0 10px;}

.footer-bottom p{

	font-family: 'OpenSans';

	color: #AAAAAA;

	line-height: 30px;

	margin-bottom: 5px;

	padding: 0 5%;

}

.footer-bottom p a{color: #AAAAAA;}

.footer-bottom p a:hover{color: #D10000;}



@media only screen and (min-width: 1000px) and (max-width: 1219px) {

	.f-top-middle{width: 275px;margin-left: 35px;}

	.ftop-code-input{width: 160px!important;}

}

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

	.footer-top{29px 0 47px 0}

	.f-top-left{width: 30%;}

	.f-top-left p{line-height: 22px;}

	.f-top-middle{width: 30%;margin-left: 5%;}

	.f-top-right{width: 30%;}

	.ftop-right-box p{line-height: 36px;padding: 0 10px 0 40px;}

	.ftop-call{background: url(../img/common7.png) no-repeat 10px center;}

	.ftop-mail{background: url(../img/common8.png) no-repeat 10px center;}

	.ftop-address{background: url(../img/common9.png) no-repeat 10px 10px;}

	

	.ftop-middle-form input,

	.ftop-middle-form textarea{margin-bottom: 10px;}

	.ftop-middle-form textarea{padding: 8px; height: 80px;}

	.ftop-code-input{width: 50%!important;}

}

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

	.footer-top{display: none;}

	.footer-bottom {

		border-top: solid 1px #1F1F1F;

		padding:8px;

		

	}

	.footer-bottom p{font-size: 12px;font-size: 1.2rem;line-height: 20px;margin: 0;}

	.link{display: none;}

}



/*---bread-----------------------------------------------*/

.bread{

	color: #999999;

	padding: 12px 20px 6px;

}

.bread a{color: #999999;font-family: 'OpenSans';}

.bread a:hover{color: #D10000;}

.bread a.active{color: #D10000;}

/*---------------------------------------------------------*/

/*-----------------page-------------------------*/

.page {

	text-align: center;

	position: relative;

	top: -4px;

	margin-bottom: 53px;

	font-family: 'OpenSans';

}

.page a{

	display: inline-block;

	text-align: center;

	line-height: 30px;

	font-size: 12px;

	font-size: 1.2rem;

	margin:0 5px 5px 0;

		width: 35px;

	height: 30px;

	background-color: #FFFFFF;

}

.page a:hover{background-color: #D10000;color: #FFFFFF;}

.page-active{background-color: #D10000!important;color: #FFFFFF!important;}

.page-num{

	width: 35px;

	height: 30px;

	background-color: #FFFFFF;

}

.page .prev,.page .next{

	width: 61px;

	height: 30px;

	background-color: #FFFFFF;

}



.ins{background:#D10000; height: 30px; width: 150px; display: block; line-height: 34px; color: #fff; text-align: center; margin: auto; cursor: pointer;}





.page a.no,.page a.no:hover{color:#333 !important; background: #fff !important}





.add-btn{

	font-size: 14px!important;

	font-size: 1.4rem!important;

	width: 150px;

	height: 30px;

	background-color: #D10000;

	color: #FFFFFF;

	margin:0 0 5px 20px!important;

}

.add-btn:hover{

}

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

	.page {margin-bottom: 10px;}

	.page a{

		margin: 10px 5px 5px 0;

		

	}

	.add-btn{margin: 10px 0 5px 10px!important;}

}



/*--products------------------------------------------------*/

.heibeinei{

	background: url(../img/web-bg.png) repeat;



}


.page_products{

	
	margin-top: 23px;

	font-family: 'OpenSans';

}

.kindsproducts-title{

	font-size: 36px;

	font-size: 3.6rem;

	text-align: center;

	font-family: 'OswaldRegular';

	margin: 0 0 43px;

}

.kindsproducts-title a{color: #FFFFFF; text-transform: uppercase;}

.kindsproducts-title a:hover{color: #D10000;}



.kindsproducts-list{padding: 0 20px;}

.kindsproducts-list li{

	float: left;

	width: 277px;

	margin-left: 17px;

	text-align: center;

	padding: 0 0 52px;

}

.kindspro-img{width: 100%;border: solid 1px #FFFFFF;box-sizing: border-box;}

.kindspro-img img{

	width: 100%;

	max-width: 530px;

	max-height: 402px;

	display: block;

	margin: 0 auto;

}

.kindspro-title{

	line-height: 30px;

	margin: 6px 0 9px;

}

.kindspro-title a{color: #FFFFFF;}

.kindspro-title a:hover{color: #D10000;}



.kindspro-btn{

	display: inline-block;

	width: 125px;

	height: 32px;

	line-height: 28px;

	border: solid 1px #FFFFFF;

	box-sizing: border-box;

	color: #FFFFFF;

	margin-left: 11px;

}

.kindspro-checkbox{

	position: relative;

	top:3px;

	cursor: pointer;

	}

.kindspro-btn:hover{

	border-color: #D10000;

	color: #D10000;

}

.products-news .latest-news-list{

	padding: 50px 20px 85px;

}

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

	.products-news .latest-news-list{

		padding:25px 0 0;

	}

}





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

	.kindsproducts-list li{

		width: 223px;

		margin-left: 15px;

	}

}

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

	.kindsproducts-list li{

		width: 23%;

		margin: 0 1%;

	}

}

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

	.kindsproducts-list li{

		width: 31.33%;

		margin: 0 1%;

	}

}

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

	.kindsproducts-list li{

		width: 48%;

		margin: 0 1%;

	}

}

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

	.kindsproducts-list li{

		width: 90%;

		margin: 0 5%;

	}

}

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

	.page_products{margin-top: 0;}

	.kindsproducts-title{font-size: 26px;font-size: 2.6rem;margin: 0 0 15px;}

	.kindsproducts-list{padding: 0;}

	.kindspro-title{

		line-height: 24px;

	}

	.kindsproducts-list li{

		padding: 0 0 20px;

	}



}

/*-----------6-NEWS-1------------------------------------------------------------*/

.page_news1,.page_news2,.page_about{

	background: url(../img/web-bg.png) repeat;

	margin-top: 21px;

}

.page_news1 .latest-news-title{

	font-size: 36px;

	font-size: 3.6rem;

	margin-top: 5px;

}

.page_news1 .latest-news-list{

	padding: 47px 20px 0 20px;

}

.page_news1 .latest-news-list li{

	padding-bottom: 65px;

}

.page_news1 .page{

	top: -31px;

	margin-bottom: -3px;

}



/*hot products*/

.hot-products{

	padding: 0 20px 92px;

}

.hotp-title{

	font-size: 32px;

	font-size: 3.2rem;

	font-family: 'OswaldBold';

	text-transform: uppercase;

	border-bottom: solid 1px #DBDBDB;

	padding: 9px 0;

}

.hotp-title a{color: #D10000;}



.hotp-list li{

	float: left;

	width: 277px;

	margin-left: 17px;

	padding: 30px 0 0;

}

.hotp-img{

	width: 100%;

	border: solid 1px #FFFFFF;

	box-sizing: border-box;

}

.hotp-img img{

	width: 100%;

	max-width: 530px;

	max-height: 402px;

	display: block;

	margin: 0 auto;

}

.hotp-word{

	font-family: 'OpenSans';

	line-height: 30px;

	text-align: center;

	margin: 6px 0;

}

.hotp-word a{color: #FFFFFF;}

.hotp-word a:hover{color: #D10000;}



@media only screen and (min-width: 1000px) and (max-width: 1219px) {

	.hotp-list li{

	width: 223px;

	margin-left: 15px;

	}

}

/*qiehuan*/

.hotp-scroll.img-scroll{position: relative;width: 100%;display: none;padding: 30px 0 0;}

.hotp-scroll.img-scroll .prev,.hotp-scroll.img-scroll .next{

	width: 13px;

	height: 26px;

	z-index: 9999;

	border: 0;

}

.hotp-scroll.img-scroll .prev{background: url(../img/web12.png) no-repeat left center;left: 0;}

.hotp-scroll.img-scroll .next{background: url(../img/web13.png) no-repeat left center;right: 0;}

.hotp-scroll.img-scroll .prev:hover{background: url(../img/web12_1.png) no-repeat left center;}

.hotp-scroll.img-scroll .next:hover{background: url(../img/web13_1.png) no-repeat left center;}

.hotp-scroll .img-list {position:relative;width:90%;margin:0 5%;overflow: hidden;}

.hotp-scroll .img-list ul {width: 1000%;}

.hotp-scroll .img-list li {float: left;display: inline;width: 3.13%;margin: 0 0.1%}



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

	.hotp-list{display: none;}

	.hotp-scroll.img-scroll{display: block;}

	

}

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

	.page_news1,.page_news2,.page_about{margin-top: 0;}

	.page_news1 .latest-news-list li{padding-bottom: 15px;}

	.page_news1 .latest-news-list{padding: 25px 0 0;}

	

	.page_news1 .page{

		top: -10px;

		margin-bottom: 0;

	}

	.hotp-title{font-size: 26px;font-size: 2.6rem;}

	.hot-products{padding: 0 0 20px;}

}

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

	.hotp-scroll .img-list li {width: 4.8%;margin: 0 0.1%}

}

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

	.hotp-scroll .img-list li {width: 9.8%;margin: 0 0.1%}

}



/*------------6-new-2-----------------------------------------*/

.news2-detail{

	font-family: 'OpenSans';

	padding: 35px 20px 96px;

	box-sizing: border-box;

}

.news2-detail h1{

	font-size: 20px;

	font-size: 2rem;

	color: #FFFFFF;

	text-align: center;

	/*width: 63.8%;*/

	width: 740px;

	margin: 0 auto;

	line-height: 30px;

}

.news2-sub{

	font-size: 12px;

	font-size: 1.2rem;

	line-height: 30px;

	text-align: center;

	margin: 11px 0 5px;

}

.news2-sub span{

	background: url(../img/common-calendar.png) no-repeat left center;

	padding-left: 22px;

	color: #999;

}

.news2-sub img{

	position: relative;

	top: 9px;

	left: 5px;

}

.news2-content{line-height: 30px;color: #FFFFFF;padding: 20px 0 35px;}

.news2-content p,.news-content2 li,.news-content2 b,.news-content2 span{

	color: #FFFFFF;

}

.news2-content img,.news2-content iframe{

	max-width: 100%;

}



.news2-arrow p{color: #FFFFFF;}

.news2-arrow p a{color: #FFFFFF;}

.news2-arrow p a:hover{color: #D10000;}

.news2-arrow .arrow-prev{

	background: url(../img/web14.png) no-repeat left center;

	border-bottom: dashed #CFCFCF 1px;

	padding: 7px 0 5px 25px;

}

.news2-arrow .arrow-next{

	background: url(../img/web15.png) no-repeat left center;

	padding: 7px 0 5px 25px;

}

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

	.news2-detail h1{width: 95%;}

}

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

	.news2-detail{padding:20px 0 30px;}

	.news2-detail h1{font-size: 16px;font-size: 1.6rem;line-height: 26px;}

	.news2-sub{margin: 0;}

	.news2-content{line-height: 22px;padding: 10px 0 20px;font-size: 12px;font-size: 1.2rem;}

}

/*---------------5-about-------------------------------------------------------*/

.what-box{

	padding:0 20px 9px;

}

.what-title,.aboutus-title{

	font-size: 36px;

	font-size: 3.6rem;

	text-align: center;

	color: #FFFFFF;

	text-transform: uppercase;

}

.what-title{

	width: 615px;

	text-align: center;

	margin: 47px 0 17px;

	
	color: #D10000;
	display: block;
	-webkit-text-stroke: 1px #fff;

}

.aboutus-title{

	width: 509px;

	text-align: center;

	margin: 27px 0 25px;
	
	color: #D10000;
	display: block;
	-webkit-text-stroke: 1px #fff;

}

.what-content img{

	width: 509px;

	max-width: 509px;

	max-height: 230px;

	display: block;

	margin:-28px 0 0 36px

}

.aboutsus-word p,.what-content,.aboutus-content{

	font-family: 'OpenSans';

	color: #FFFFFF;

	line-height: 30px;

}

/**/

.aboutus{padding: 0 20px 317px ;}

.aboutus-content img{

	width: 614px;

	margin-right: 36px;

	margin-top: -15px;

	max-width: 614px;

	max-height: 278px;

	float: left;

}

.aboutsus-word{margin-top: 7px;}



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

	.what-title{width: 53.02%;}

	.what-content img{width: 43.88%;margin-left: 3.1%;margin-top: 0px;}

	

	.aboutus{padding: 0 20px 150px ;}

	.aboutus-content img{width: 53.02%;margin-right: 3.1%;margin-top: 0px;}

	.aboutus-title{width: 43.88%;}

}

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

	.aboutus{padding: 0 20px 50px ;}

	.what-content img,.aboutus-content img{width: 100%;margin: 0 auto 10px;float: none!important;display: block;}

	.what-title,.aboutus-title{width: 100%;margin: 20px 0;}

}

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

	.what-box{

		padding: 0;

	}

	.what-title,.aboutus-title{

		font-size: 26px;

		font-size: 2.6rem;

		margin:10px 0 10px 10px;

	}

	.aboutus{padding: 0 0 20px ;}

	.aboutsus-word p,.what-content,.aboutus-content{

		font-size: 12px;

		font-size: 1.2rem;

		line-height: 22px;

	}

}



/*--------------contact--------------------------------------------------------*/

.page_contact{

	font-family: 'OpenSans';

	background: url(../img/web-bg.png) repeat;

	margin-top: 23px;

}

.renjia{position: relative; top:-70px;}

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

	.page_contact{margin-top: 0;}
	.renjia{display: none;}

}

.contact-top{padding-top:57px;text-align: center;}

.contact-top li{

	display: inline-block;

	margin: 0 10px;

	text-align: center;

}

.contact-top li img{

	

}

.contact-top li p{

	font-size: 16px;

	font-size: 1.6rem;

	color: #FFFFFF;

	margin: 16px 0 15px;

}

.contact-top li p a{color: #FFFFFF;}

.contact-top li p a:hover{color: #D10000;}





.contact-two{

	padding-left: 359px;

	padding-bottom: 19px;

	box-sizing: border-box;

}

.contact-two p{

	font-size:16px;

	font-size: 1.6rem;

	color: #FFFFFF;

	line-height: 36px;

	

}

.contact-two a{color: #FFFFFF;}

.contact-two a:hover{color: #D10000;}

.c-website{

	background: url(../img/web23.png) no-repeat left center;

	padding-left: 27px;

}

.c-address{

	background: url(../img/web22.png) no-repeat left center;

	padding-left: 27px;

}



/*contact-form*/

.contact-form{

	/*padding: 0 90px 0 102px;*/

	padding: 0 99px 0 79px;

}

.contact-form .c-form-left,

.contact-form .c-form-right{

	width:50%;

	float: left;

}

.contact-form .c-form-left div{

	background: url(../img/web26.png) no-repeat 17px center;

	padding-left: 33px;

	margin-bottom: 19px;

	box-sizing: border-box;

}

.contact-form input{

	width: 100%;

	height: 54px;

	line-height: 54px;

	background:transparent;

	border: solid 1px #A0A0A0;

	box-sizing: border-box;

	padding: 0 13px;

	box-sizing: border-box;

	font-family: arial;

	color: #FFFFFF;

}

.c-l-code-box .c-l-code-input{width: 226px;box-sizing: border-box; float: left;}

.c-l-code-img{float: right;}

.contact-form .c-form-right .c-r-textarea{

	background: url(../img/web26.png) no-repeat 17px 8px;

	padding-left: 33px;

	margin-bottom: 19px;

	box-sizing: border-box;

	

}

.contact-form textarea{

	width: 100%;

	height: 199px;

	background-color:transparent;

	border: solid 1px #A0A0A0;

	font-family: arial;

	color: #FFFFFF;

	padding: 13px 12px;

	box-sizing: border-box;

	line-height: 26px;

	resize: none;

}

.contact-form .c-l-code-img{

	cursor: pointer;

}

.contact-form .c-r-btn{

	padding-left: 33px;

	margin-bottom: 19px;

	box-sizing: border-box;

}

.contact-form .c-btn{

	width: 100%;

	height: 54px;

	line-height: 54px;

	border: 0;

	background-color: #D10000;

	color: #FFFFFF;

	text-align: center;

	font-family: arial;

	cursor: pointer;

}

.map{margin-bottom: 150px;}

.map img{

	margin: 20px 0 99px;

}



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

	.contact-form{padding: 0 20px;}

	.c-l-code-box .c-l-code-input{width: 195px;}

	.contact-two{padding-left: 29%;}

}

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

	.contact-top{padding:30px 10px 10px;}

	.contact-top li p,.contact-two p{font-size: 14px;font-size: 1.4rem;}

	.contact-form .c-form-left,

	.contact-form .c-form-right{

		width:90%;

		float: none;

		margin:  0 auto 19px;

	}

	.c-l-code-box .c-l-code-input{width: 57%;}

	.c-l-code-img{float: left;margin-left: 20px;}


	.contact-top li{width: 49%;margin: 0;}
	.contact-top li.renjia{display: none;}

}

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

	.contact-top{padding:20px 10px 10px;}

	.contact-top li{width: 50%;}

	.contact-top li img{width: 40%;}

	.contact-top li p{margin: 15px 0;}

	

	.contact-form{padding: 0 15px 0 0;}

	.contact-two{padding-left:15px;}

	.contact-two p{line-height: 24px;}

	.contact-form .c-form-left,

	.contact-form .c-form-right{

		width:100%;

		float: none;

		margin:  0 auto 10px;

	}

	.contact-form input,.contact-form .c-btn{

		height: 40px;

		line-height: 40px;

	}

	.contact-form .c-form-left div,

	.contact-form .c-form-right .c-r-textarea{

		margin-bottom: 10px;

	}

	.contact-form textarea{height: 150px;}

	.c-l-code-box{

		background-position: 15px 8px!important;

	}

	.c-l-code-box .c-l-code-input{width: 100%;margin-bottom: 10px;}

	.c-l-code-img{float: left;margin-left:0px;height: 40px;}

	.map img{margin: 0 0 20px 0;}

	.map{padding-left: 15px;}

}

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

	.contact-top li{width: 100%;}

	.contact-top li img{width: 30%;}

}

/*-------------------------------------------------------------------------------*/



.page_products_detail{

	background: url(../img/web-bg.png) repeat;

	margin-top: 21px;

}

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

	.page_products_detail{margin: 0 auto;}

}

.detail-top{

	padding: 30px 20px 30px;

}



.m-prob1 .prob-pic { width: 530px; }

.m-prob1 .prob-pic-big { position: relative; border: 1px solid #FFFFFF; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.m-prob1 .prob-pic-big-img { display: block; line-height: 0; font-size: 0; }

.m-prob1 .prob-pic-big-img .zoomPad { float: none; z-index: 8; }

.m-prob1 .zoomWrapperImage img { max-width: 1200px; }

.detail-img{width: 100%;}

.m-prob1 .prob-pic-small { position: relative; margin-top: 7px; padding-left: 33px; padding-right: 30px; overflow: hidden; }

.m-prob1 .prob-pic-btn { position: absolute; top: 50%; margin-top: -13px; display: block; width: 13px; height: 26px; background-repeat: no-repeat; background-position: center; background-size: 100% 100%; }

.m-prob1 .prob-pic-btn.prev { left: 0; background-image: url("../img/web12.png"); }

.m-prob1 .prob-pic-btn.prev:hover { background-image: url("../img/web12_1.png"); }

.m-prob1 .prob-pic-btn.next { right: 0; background-image: url("../img/web13.png"); }

.m-prob1 .prob-pic-btn.next:hover { background-image: url("../img/web13_1.png"); }

.m-prob1 .prob-pic-list { overflow: hidden; }

.m-prob1 .prob-pic-list ul { width: 1000%; overflow: hidden; }

.m-prob1 .prob-pic-list ul li { position: relative; float: left; margin-right: 0.65%; width: 2.85%; padding-top: 15px; }

.m-prob1 .prob-pic-item .item-pic { border: 1px solid #FFFFFF; overflow: inherit;display: block; }

.m-prob1 .prob-pic-item .item-pic img{width: 100%; display: block;}

/*.m-prob1 .prob-pic-item .item-pic:hover { border-color: #069cea; }*/

.m-prob1 .prob-pic-item .item-pic:hover img { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }

/*.m-prob1 .prob-pic-item .item-pic.active { border-color: #069cea; }*/

.m-prob1 .prob-pic-item .item-pic.active:before { display: block; }

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

 .zoomPad { cursor: default !important; }

  .zoomPup { display: none !important; }

  .zoomWindow { display: none !important; }

  .zoomPreload { display: none !important; }

  .m-prob1 .prob-pic { float: none; margin: 0 auto; }

 }

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

  .m-prob1 .prob-pic { width: 100%; }

  .m-prob1 .prob-pic-big { display: none; }

  .m-prob1 .prob-pic-small { margin-top: 0; }

  .m-prob1 .prob-pic-list ul li { margin-right: .2%; width: 4.9%; }

  .m-prob1 .prob-pic-item .item-pic:before { display: none !important; }

}

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

	.m-prob1 .prob-pic-list ul li { margin-right: .2%; width: 9.8%; }

}

/*.m-prob1 .prob-pic { width: 390px; }

.m-prob1 .prob-pic-big { position: relative; border: 2px solid #b7b7b7; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.m-prob1 .prob-pic-big-img { display: block; line-height: 0; font-size: 0; }

.m-prob1 .prob-pic-big-img .zoomPad { float: none; z-index: 8; }

.m-prob1 .zoomWrapperImage img { max-width: 1200px; }

.m-prob1 .prob-pic-small { position: relative; margin-top: 8px; padding-left: 15px; padding-right: 15px; overflow: hidden; }

.m-prob1 .prob-pic-btn { position: absolute; top: 50%; margin-top: -7px; display: block; width: 10px; height: 14px; background-repeat: no-repeat; background-position: center; background-size: 100% 100%; }

.m-prob1 .prob-pic-btn.prev { left: 0; background-image: url("../img/jtl9.png"); }

.m-prob1 .prob-pic-btn.prev:hover { background-image: url("../img/jtl9.png"); }

.m-prob1 .prob-pic-btn.next { right: 0; background-image: url("../img/jtr9.png"); }

.m-prob1 .prob-pic-btn.next:hover { background-image: url("../img/jtr9.png"); }

.m-prob1 .prob-pic-list { overflow: hidden; }

.m-prob1 .prob-pic-list ul { width: 1000%; overflow: hidden; }

.m-prob1 .prob-pic-list ul li { position: relative; float: left; margin-right: 0.27322%; width: 3.06011%; padding-top: 5px; }



.m-prob1 .prob-pic-item .item-pic { border: 1px solid transparent; overflow: inherit; }

.m-prob1 .prob-pic-item .item-pic img{width:100%}

.m-prob1 .prob-pic-item .item-pic:hover { border-color: #069cea; }

.m-prob1 .prob-pic-item .item-pic:hover img { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }

.m-prob1 .prob-pic-item .item-pic.active { border-color: #069cea; }



.m-prob1 .prob-pic-item .item-pic.active:before { display: block; }

.detail-img{width: 100%;}



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

	.zoomPad { cursor: default !important; }

  .zoomPup { display: none !important; }

  .zoomWindow { display: none !important; }

  .zoomPreload { display: none !important; }

  .m-prob1 .prob-pic { float: none; margin: 0 auto; }

}



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

	.m-prob1 .prob-pic { width: 100%; }

  .m-prob1 .prob-pic-big { display: none; }

  .m-prob1 .prob-pic-small { margin-top: 0; }

  .m-prob1 .prob-pic-list ul li { margin-right: .2%; width: 4.9%; }

  .m-prob1 .prob-pic-item .item-pic:before { display: none !important; }

}*/



/*detail right*/

.detail-right{

	font-family: 'OpenSans';

	width: 591px;

}

.detail-title{

	font-size: 26px;

	font-size: 2.6rem;

	color: #FFFFFF;

	line-height: 30px;

	font-weight: bold;

}

.detail-subt{

	font-size: 16px;

	font-size: 1.6rem;

	color: #FFFFFF;

	border-bottom: solid 2px #FFFFFF;

	line-height: 30px;

	padding: 0 0 4px;

	margin-bottom: 8px;

	font-weight: bold;

}

.detail-no{

	font-size: 16px;

	font-size: 1.6rem;

	color: #FFFFFF;

	line-height: 30px;

}

.toggle-ttile{

	font-size: 18px;

	font-size: 1.8rem;

	color: #FFFFFF;

	background: url(../img/web28.png) no-repeat left center;

	padding-left: 20px;

	line-height: 30px;

	margin-bottom: 4px;

}

.toggle-ttile.active{

	background: url(../img/web29.png) no-repeat left center;

}

/*.toggle-ttile:hover{

	background: url(../img/web29.png) no-repeat left center;

}*/

.toggle-ttile a{color: #FFFFFF;}

.toggle-ttile span{color: #D10000;text-decoration: underline;cursor: pointer;}

.toggle-content{display: none;max-width:565px;}

.toggle-content li{

	float: left;

	width: 131px;

	

	border: solid 1px #FFFFFF;

	box-sizing: border-box;

	margin: 5px 0 12px 10px;

}

.toggle-content li img{

	width: 100%;

	max-width: 200px;

	

	display: block;

	margin: 0 auto;

}

.toggle-content li p{

	text-align: center;

	color: #FFFFFF;

	line-height: 25px;

}

.toggle-content li p a{

	color: #FFFFFF;

}



/**/

.share-box{

	padding: 16px 0 43px;

}

.share-box .detail-btnl,

.share-box .detail-btnr{

	width: 157px;

	height: 40px;

	line-height: 40px;

	display: inline-block;

	text-align: center;

	color: #FFFFFF;

	font-size: 18px;

	font-size: 1.8rem;

	font-family: arial;

}

.share-box .detail-btnl,

.share-box .detail-btnr:hover{

	background-color: #D10000;

}

.share-box .detail-btnl:hover,

.share-box .detail-btnr{

	background-color: #656565;

}

.share-box .detail-btnr{margin-left: 23px;}



.share-box img{

	position: relative;

	top: 8px;

}

.share-img{display: inline-block;}

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

	.detail-right{width: 100%;padding-top: 20px;}

}

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

	.detail-top{padding:0;}

	.detail-title{font-size: 20px;font-size: 2rem;}

	.detail-subt,.detail-no{font-size: 14px;font-size: 1.4rem;}

	.toggle-ttile{

		font-size: 14px;

		font-size: 1.4rem;

		line-height: 22px;

	}

	.toggle-content li{

		width: 22.33%;

		margin: 0 1% 12px;

	}

	.toggle-content li p{

		font-size: 12px;

		font-size: 1.2rem;

		line-height: 20px;

	}

	.share-box{

		padding: 16px 0 20px;

		text-align: center;

	}

	.share-box .detail-btnl,

	.share-box .detail-btnr{

		font-size: 14px;

		font-size: 1.4rem;

		height: 36px;

		line-height: 36px;

	}

	.share-img{

		display: block;

		margin: 10px 0;

	}

}

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

	.share-box .detail-btnl,

	.share-box .detail-btnr{

		width: 47%;

		margin: 0 1%;		

	}

}

/**/

.detail-bottom{padding: 0 20px;margin: 0 auto;}

.detail-list .detail-l-title{

	text-align: center;

	position: relative;

}



.detail-list .detail-l-t-span {

	font-size: 32px;

	font-size: 3.2rem;

	color: #FFFFFF;

	font-weight: bold;

	background-color: #D10000;

	padding: 0 15px;

	display: inline-block;

	height: 45px;

	line-height: 45px;

	text-transform: uppercase;

}

.detail-list .detail-l-t-span:before,

.detail-list .detail-l-t-span:after,

.detail-list6 .detail-l-t-span:before,

.detail-list6 .detail-l-t-span:after{

	position: absolute;

	content: "";

	height:45px;

	top: 0;

	width: 420px;

	background: url(../img/web27.png) repeat-x center;

}

.detail-l-t-span:before{

	left: 0;

}

.detail-l-t-span:after{

	right: 0;

}

.detail-list2 .detail-l-t-span:before,

.detail-list2 .detail-l-t-span:after{

	width: 390px;

}

.detail-list3 .detail-l-t-span:before,

.detail-list3 .detail-l-t-span:after,

.detail-list5 .detail-l-t-span:before,

.detail-list5 .detail-l-t-span:after{

	width: 380px;

}

.detail-list4 .detail-l-t-span:before,

.detail-list4 .detail-l-t-span:after{

	width: 360px;

}

.detail-list7 .detail-l-t-span:before,

.detail-list7 .detail-l-t-span:after{

	width: 500px;

}

.detail-list .detail-content {

	line-height: 30px;

	color: #FFFFFF;

	font-family: 'OpenSans';

	padding: 20px 0;

}

.detail-content p,

.detail-content span,

.detail-content b,

.detail-content li{

	color: #FFFFFF;

}

.detail-bottom img,

.detail-bottom iframe{

	max-width: 100%;

}



@media only screen and (min-width: 1000px) and (max-width: 1219px) {

	.detail-list .detail-l-t-span:before,

	.detail-list .detail-l-t-span:after,

	.detail-list6 .detail-l-t-span:before,

	.detail-list6 .detail-l-t-span:after{

		width: 310px;

	}

	.detail-list2 .detail-l-t-span:before,

	.detail-list2 .detail-l-t-span:after{

		width: 280px;

	}

	.detail-list3 .detail-l-t-span:before,

	.detail-list3 .detail-l-t-span:after,

	.detail-list5 .detail-l-t-span:before,

	.detail-list5 .detail-l-t-span:after{

		width: 270px;

	}

	.detail-list4 .detail-l-t-span:before,

	.detail-list4 .detail-l-t-span:after{

		width: 250px;

	}

	.detail-list7 .detail-l-t-span:before,

	.detail-list7 .detail-l-t-span:after{

		width: 390px;

	}

}



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

	.detail-list .detail-l-t-span:before,

	.detail-list .detail-l-t-span:after{

		height: 0;

	}

}

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

	.detail-bottom{padding: 0;}

	.detail-list .detail-l-t-span {

		font-size: 20px;

		font-size: 2rem;

		height: 35px;

		line-height: 35px;

	}

	.detail-list .detail-content {

		line-height:20px;

		padding: 15px 0;

		margin: 0 auto;

	}

}



/**/

.door-bg.wrap{

	background: url(../img/bg_door.jpg) no-repeat top center;

	background-attachment: fixed;

}

.floor-bg.wrap{

	background: url(../img/bg-floor.png) no-repeat top center;

	background-attachment: fixed;

}

.bath-bg.wrap{

	background: url(../img/bg-bath.png) no-repeat top center;

	background-attachment: fixed;

}

.kitchen-bg{

	background: url(../img/bg-kitchen.png) no-repeat top center;

	background-attachment: fixed;

}

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

	.floor-bg.wrap,

	.bath-bg.wrap,

	.kitchen-bg{

		background: #000000;

		

	}

}







.at-resp-share-element .at-icon{width: 24px!important;height: 24px!important;}

.at-style-responsive .at-share-btn{padding: 0!important; border-radius: 2px!important;}

.at-resp-share-element .at-share-btn .at-icon-wrapper{width: 24px!important;height: 24px!important;}

.at-resp-share-element .at-share-btn{margin-bottom: 0!important;margin-right: 3px!important;}



.shuxp_c{color: #fff}

.shuxp_c a{color: #fff}





.at-resp-share-element .at-icon{width: 24px!important;height: 24px!important;}

.at-style-responsive .at-share-btn{padding: 0!important; border-radius: 2px!important;}

.at-resp-share-element .at-share-btn .at-icon-wrapper{width: 24px!important;height: 24px!important;}

.at-resp-share-element .at-share-btn{margin-bottom: 0!important;margin-right: 3px!important;}