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

*{margin: 0;padding: 0;}

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

body {margin: 0 auto;font-family:"OpenSans";font-size: 14px;font-size: 1.4rem;height: 100%;}

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;}

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

.f-t-11{ padding-top:15px;}

::-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%);

}

/*********************** search *****************************/

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

 color:#DD0127;}

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

 color:#DD0127;}

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

 color:#DD0127;}

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

 color:#DD0127;}

.headnav .search{

	margin: 24px 0 0 9px;    z-index: 999;

}

.search-box{

	width: 230px;

	height: 30px;

	border-radius:20px;

	position: absolute;

	right: -10px;

	top:68px;

	border: solid 1px #DD0127;

	box-sizing: border-box;

	display: none;

	cursor: pointer; z-index:999;

}

.search-icon{cursor: pointer;}

.search-input{

	width: 100%;

	height: 28px;

	line-height: 28px;

	background-color: transparent;

	padding: 0 30px 0 20px;

	color: #DD0127;

	box-sizing: border-box;

	cursor: pointer;

}

.search-submit{

	position: absolute;

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

	width: 30px;

	height: 30px;

	top: 0;

	right: 0;

	cursor: pointer;

}

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

	.search-box{top:50px}

}





/*header---------------------------------*/

.header {

	/*position: fixed;*/

	z-index: 99;

	top: 0;

	left: 0;

	width: 100%;

	background: #FFFFFF;

	background: rgba(255, 255, 255, 0.9);

	padding: 9px 0 0;

}

.head-top .h-top-call{

	background: url(../images/web2.png) no-repeat left center;

	padding-left: 14px;

	margin-left: 26px;

	display: inline-block;

	font-family: arial;

	color:#666666;

}

.head-top .h-top-mail{

	background: url(../images/web1.png) no-repeat left center;

	padding-left: 20px;

	display: inline-block;

	font-family: arial;

}

.head-top .h-top-mail a{color: #666666;}

.head-top .h-top-mail a:hover{color: #DD0127;}



.headnav{position: relative;}

.headnav .h-navlogo{

	margin-top: -15px;

}

.headnav .h-navlist li{

	float: left;

	font-size: 16px;

	font-size: 1.6rem;

	font-family: 'OpenSansBold';

	margin-left: 75px;

	height: 66px;

	line-height: 66px;

	position: relative;

	box-sizing: border-box;

}

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

.headnav .h-navlist2 li{

	float: left;

	width: 25%;

	text-align: center;

	font-size: 14px;

	font-size: 1.4rem;

	font-family: 'OpenSansBold';

	height: 40px;

	line-height: 40px;

	box-sizing: border-box;

}

.headnav .h-navlist li a,

.headnav .h-navlist2 li a{display: block;}

.headnav .h-navlist li:hover>a,

.headnav .h-navlist li.active>a,

.headnav .h-navlist2 li:hover>a,

.headnav .h-navlist2 li.active>a{

	color: #DD0127;

}

.headnav .h-navlist li:hover,

.headnav .h-navlist li.active,

.headnav .h-navlist2 li:hover,

.headnav .h-navlist2 li.active{

	color: #DD0127;

	border-bottom: solid 3px #DD0127;

}



.yiji{

	position: absolute;

	width: 174px;

	left: 0;

	top: -99999px;

	background-color: #FFFFFF;    z-index: 999;

}

.yiji li{

	font-family: 'OpenSans'!important;

	float: left;

	width: 100%;

	background-color: #FFFFFF;

	height: 40px!important;

	line-height: 40px!important;

	font-size: 14px!important;

	font-size: 1.4rem!important;

	margin-left: 0!important;

	position: relative;

}

.yiji li a,

.erji li a{padding: 0 15px;display: block;box-sizing: border-box;}

.yiji li:hover{border: 0!important;background-color: #DD0127;}

.yiji li:hover>a{color: #FFFFFF!important;}

.erji{

	position: absolute;

	left:174px;

	top: -999999px;

	width: 172px;

}

.headnav .h-navlist li:hover>.yiji{top: 66px;}

.yiji li:hover>.erji{top: 0;}



.zanwu{ padding-top:20px;}



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

	.headnav .h-navlist li{margin-left: 65px;}

}

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

	/*.header{position: static;}*/

	#banner{margin-top: 0px;}

	.ad-img{margin-top: 0;}

	.headnav .h-navlist{

		width: 100%;

	}

	.headnav .h-navlist li{

		width: 16.66%;

		margin: 0;

		text-align: center;

	}

	.yiji{display: none;}

}

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

	/*.header{position: static;}*/

	#banner{margin-top: 0px;}

	.ad-img{margin-top: 0;}

	.head-top{display: none;}

	.headnav .h-navlogo{margin-top: 0;width: 60px;}

	.headnav .search{display: none;}

	.headnav .h-navlist{display: none;}

	.headnav .h-navlist2{display: block;}

}



/*about*/

.about-box{

	background: url(../images/web3.png) no-repeat top center;

	padding: 156px 0 178px;

}

.about-box .about-img{display: block;display: none;}

.about-box .about-content{width: 450px;}

.about-content .about-title{

	font-family: 'OpenSansBold';

	font-size: 46px;

	font-size: 4.6rem;

	text-transform: uppercase;

	position: relative;

}

.about-content .about-title a span{color: #363636;display: inline-block;position: relative;}

.about-content .about-title a:hover span{color: #DD0127;}

.about-content .about-title span:after{

	position: absolute;

	content: "";

	left: 0;

	height: 4px;

	width: 105px;

	bottom: -23px;

	background-color: #DD0127;

}

.about-content .about-word{

	font-size: 16px;

	font-size: 1.6rem;

	line-height: 30px;

	margin: 70px 0 44px ;

}

.about-content .about-word a{color: #666666;display: block;}

.about-content .about-word a:hover{color: #DD0127;}

.about-content .about-btn{

	display: block;

	width:180px;

	height:43px;

	line-height: 42px;

	text-align: center;

	background:rgba(221,1,39,1);

	border-radius:22px;

	color: #FFFFFF;

	text-transform: uppercase;

	font-size: 16px;

	font-size: 1.6rem;

}

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

	.about-box .about-img{

		display: block;

		margin: 0 auto;

		width: 100%;

		max-width: 978px;

	}

	.about-box{

		background-color: #FFFFFF;

		background-image: none;

		padding: 50px 0;

	}

	.about-box .about-content{width: 100%;}

	.about-content .about-title{text-align: center;}

	.about-content .about-title span:after{/*left: 30%;*/}

	.about-content .about-btn{margin: 0 auto;}

}

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

	.about-box{padding: 20px 0;}

	.about-content .about-title{

		font-size: 26px;

		font-size: 2.6rem;

	}

	.about-content .about-title span:after{bottom: -10px;}

	.about-content .about-word{

		font-size: 14px;

		font-size: 1.4rem;

		margin: 30px 0 22px;

	}
	
	.about-content .about-title span:after{width: 70px;}


}

/*hot-products*/

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

@media screen and (min-width:1400px) {.hot-products .wp {width: 1357px!important;margin: auto;}}



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

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

.hot-products{

	background-color: #161614;

	background: url(../images/web9.png) no-repeat center top;

	padding: 54px 0 73px;

}

.hot-products .hot-pro-title{

	font-family: 'OpenSansBold';

	font-size: 46px;

	font-size: 4.6rem;

	text-transform: uppercase;

	position: relative;

	text-align:center;

}

.hot-products .hot-pro-title:after{

	position: absolute;

	content: '';

	left: 50%;

	height: 4px;

	width: 105px;

	margin-left: -52px;

	bottom: -27px;

	background-color: #DD0127;

}

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

.hot-products .hot-pro-title a:hover{color: #DD0127;}

.hot-products .hot-pro-word{

	text-align: center;

	width: 77.5%;

	line-height: 30px;

	margin: 54px auto 58px ;

	display: -webkit-box;

	overflow: hidden;

	white-space: normal!important;

	text-overflow: ellipsis;

	word-wrap: break-word;

	-webkit-line-clamp: 4;

	-webkit-box-orient: vertical

}

.hot-products .hot-pro-word a{color: #999999;display: block;}

.hot-products .hot-pro-word a:hover{color: #DD0127;}





/*list*/

.hot-pro-list li{

	float: left;

	width: 310px;

	margin-left: 38px;

	margin-bottom: 47px;

}

.hot-pro-list li .hp-img{

	position: relative;

	overflow: hidden;

}

.hot-pro-list li .hp-img img{

	width: 100%;

	max-width: 500px;

	max-height: 468px;

	display: block;

	margin: 0 auto;

}

.hot-pro-list li .hp-img:hover .products-backdrop{

	bottom: 0;

	

}

.hot-pro-list li .hp-img .products-backdrop{

	/*bottom: 0;*/

	padding: 40px 0 25px;

}

.hp-title{

	line-height: 30px;

	font-size: 16px;

	font-size: 1.6rem;

	color: #FFFFFF;

	text-align: center;

	margin: 9px 0 0 0;

}

.hp-title a,.hb-word a{color: #FFFFFF;}

.hp-title a:hover,.hb-word a:hover{color: #DD0127;}

.hb-word{

	line-height: 24px;

	display: none;

}

.hb-word a{display: block;}

/*btn*/

.hp-btn{

	display: block;

	width:180px;

	height:43px;

	line-height: 42px;

	background:rgba(221,1,39,1);

	border-radius:22px;

	color: #FFFFFF;

	text-align: center;

	text-transform: uppercase;

	margin: 0 auto;

	font-size: 16px;

	font-size: 1.6rem;

}

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

	.hot-pro-list li{

		width: 285px;

		margin-left: 20px;

	}

}

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

	.hot-pro-list li{

		width: 230px;

		margin-left: 20px;



	}

}

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

	.hot-pro-list li{

		width: 23%;

		margin: 0 1% 47px;

	}

	.hb-word{display: -webkit-box;}

}

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

	.hot-pro-list li{

		width: 48%;

		margin: 0 1% 20px;

	}

}

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

	.hot-products{

		background-color: #161614;

		background-image: none;

		padding: 24px 0 33px;

	}

	.hot-products .hot-pro-title{font-size: 26px;font-size: 2.6rem;}

	.hot-products .hot-pro-title:after{bottom: -10px;width: 66px;left: 50%;margin-left:-30px;}

	.hot-products .hot-pro-word{margin: 25px auto;}

	

	.hp-title{font-size: 14px;font-size: 1.4rem;}

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

}



/**/

.body-home{padding: 72px 0 72px;}

.body-box,.home-box{position: relative;}

.body-box .body-img,

.home-box .home-img{

	width: 50%;

}

.body-img img,

.home-img img{

	display: block;

	width: 100%;

	max-width: 960px;

	max-height: 550px;

	margin: 0 auto;

}

.body-right,.home-left{

	position: absolute;

	top: 0;

	width: 50%;

	bottom: 0;

}

.body-right{left: 50%;}

.home-left{right: 50%;}

.body-content,.home-content{

	width: 515px;

	text-align: center;

	position: absolute;

	top: 50%;

	top:30%\0;

	transform: translateY(-50%);

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

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

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

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

}

:root .body-content,.home-content{

	width: 515px;

	text-align: center;

	position: absolute;

	top: 50%;

	transform: translateY(-50%);

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

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

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

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

}

.body-content{left: 80px;}

.home-content{right: 80px;}

.body-title,.home-title{

	font-size: 28px;

	font-size: 2.8rem;

	line-height: 30px;

}

.body-title a:hover,

.home-title a:hover{color: #DD0127;}

.body-word,

.home-word{

	line-height: 30px;

	text-align: center;

	margin: 34px 0 26px;

	display: -webkit-box;

	overflow: hidden;

	white-space: normal!important;

	text-overflow: ellipsis;

	word-wrap: break-word;

	-webkit-line-clamp: 4;

	-webkit-box-orient: vertical



}

.home-word p:hover ,.body-word  p:hover  { color: #DD0127;}

.body-word a,

.home-word a{color: #666666;display: block;}

.body-word a:hover,

.home-word a:hover{color: #DD0127;}

.body-btn,.home-btn{

	display: block;

	width:200px;

	height:48px;

	line-height: 48px;

	border-radius:24px;

	border: solid 1px #DD0127;

	box-sizing: border-box;

	margin: 0 auto;

	font-size: 16px;

	font-size: 1.6rem;

	color: #DD0127;

	text-transform: uppercase;

}

.body-btn:hover,.home-btn:hover{

	color: #FFFFFF;

	background-color: #DD0127;

}



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

	.body-content, .home-content{

		width: 90%;

		left: 5%;

		right: 5%;

	}

	:root .body-content, .home-content{

		width: 90%;

		left: 5%;

		right: 5%;

	}

}

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

	.body-home{padding: 36px 0;}

	.body-word, .home-word{line-height:24px;margin: 15px 0;}

	.body-btn, .home-btn{height: 42px;line-height: 42px;}

}

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

	.body-home{padding: 16px 0;}

	.body-box .body-img, .home-box .home-img{width: 100%;margin-bottom: 20px;}

	.body-right, .home-left,.body-content, .home-content{

		width: 100%;

		position: static;

		top: inherit;

		left: inherit;

		right: inherit;

		bottom: inherit;

		transform: none;

		-webkit-transform: none;

		-moz-transform: none;

		-ms-transform: none;

		-moz-transform: none;

	}

	:root .body-right, .home-left,.body-content, .home-content{

		width: 100%!important;

		position: static!important;

		top: inherit!important;

		left: inherit!important;

		right: inherit!important;

		bottom: inherit!important;

		transform: none!important;

		-webkit-transform: none!important;

		-moz-transform: none!important;

		-ms-transform: none!important;

		-moz-transform: none!important;

	}

	.body-title, .home-title{font-size: 2.4rem;font-size: 24px;}

	.body-content, .home-content{padding: 0 15px 20px;box-sizing: border-box;}

}

/*LATEST NEWS*/

.latest-news{padding: 54px 0 65px;}

.lnews-title{

	font-family: 'OpenSansBold';

	font-size: 46px;

	font-size: 4.6rem;

	text-transform: uppercase;

	position: relative;

	text-align:center;

	margin-bottom: 66px;

}

.lnews-title a:hover{color: #DD0127;}

.lnews-title:after{

	position: absolute;

	content: '';

	left: 50%;

	height: 4px;

	width: 105px;

	margin-left: -52px;

	bottom: -18px;

	background-color: #DD0127;

}

.lnews-list li{

	float: left;

	width: 370px;

	margin-left: 45px;

}

.lnews-list .lnews-img{

	width: 100%;

	max-width: 370px;

	max-height: 240px;

	display: block;

	margin: 0 auto;

}

.lnews-list .lnews-subt{

	font-family: 'OpenSansBold';

	font-size: 16px;

	font-size: 1.6rem;

	line-height: 30px;

	margin: 12px 0 6px;

}

.lnews-list .lnews-word{

	line-height: 30px;

	margin-bottom: 7px;

}

.lnews-list .lnews-word a{color: #666666;display: block;}

.lnews-list .lnews-subt a:hover,

.lnews-list .lnews-word a:hover,

.lnews-list .lnews-more:hover{

	color: #DD0127;

}

.lnews-list .lnews-time{

	font-size: 12px;

	font-size: 1.2rem;

	color: #999999;

	line-height: 30px;

	background: url(../images/common_calendar.png) no-repeat left center;

	padding-left:25px;

	

}

.lnews-list .lnews-more{

	font-size: 12px;

	font-size: 1.2rem;

	line-height: 30px;

	color: #999999;

}

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

	.lnews-list li{

		width: 313px;

		margin-left: 20px;

	}

}

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

	.lnews-list li{

		width: 31.33%;

		margin: 0 1%;

	}

}

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

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

	.lnews-title{font-size: 26px;font-size: 2.6rem;margin-bottom: 33px;}

	.lnews-title:after{bottom: -10px;width: 66px;left: 50%;margin-left:-30px;}

	.lnews-list .lnews-subt{

		font-size: 14px;

		font-size: 1.4rem;

		margin: 6px 0 8px;

		line-height: 24px;

	}

	.lnews-list .lnews-word{

		font-size: 14px;

		font-size: 1.4rem;

		line-height: 22px;

	}

	.lnews-list .lnews-time,

	.lnews-list .lnews-more{

		line-height: 22px;

	}

}

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

	.lnews-list li{

		width: 48%;

		margin: 0 1% 15px;

	}

}

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

	.lnews-list li{

		width: 90%;

		margin: 0 5% 15px;

	}

}

/*footer-----------------------------*/

.footer{background-color: #0C0C0C;}

.footer-top{

	padding: 45px 0 49px;

}

.f-t-middle{

	margin-left: 185px;

	width: 432px;

}

.f-t-left-title,

.f-t-middle-title,

.f-t-right-title{

	font-size: 24px;

	font-size: 2.4rem;

	color: #FFFFFF;

	text-transform: uppercase;

	margin: 0 0 21px;

}

.f-t-middle-title a{color: #FFFFFF;}

.f-t-middle-title a:hover{color: #DD0127;}



.f-t-left li,

.f-t-middle li{

	color: #BBBBBB;

	line-height: 30px;

}

.f-t-left li a,

.f-t-middle li a{

	color: #BBBBBB;

}

.f-t-left li a:hover,

.f-t-middle li a:hover{

	color: #DD0127;

}

.f-t-right img{margin-right: 14px;}

.f-t-r-last{margin-right: 0!important;}



.footer-link{color: #BBBBBB;line-height: 30px;padding: 0 0 10px;}

.footer-link a{color: #BBBBBB;line-height: 30px; padding-right:10px;}

.footer-link a:hover{color: #DD0127;}



.footer-bottom{border-top: #373737 solid 1px;padding: 20px 0 19px;}

.footer-bottom p{color: #BBBBBB;text-align: center;}

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

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



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

	.f-t-middle{

		margin-left: 70px;

	}

}

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

	.f-t-right{width: 100%;padding: 20px 0 0;}

}

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

	.footer-top{display: none;}

	.footer-link{display: none;}

	.footer-bottom{margin-bottom: 53px;padding: 20px 5% 19px 5%;}

}

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

.contact{

	width: 53px;

	position: fixed;

	right: 0;

	top: 50%;

	transform: translateY(-50%);

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

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

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

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

	z-index: 9999999999;

}

.contact li{

	width: 53px;

	height: 53px;

	background: #BDBDBD;

	box-sizing: border-box;

	margin-bottom: 1px;

	position: relative;

	text-align: center;

}

.contact li:hover{

	background-color: #DD0127;

	

}

.contact li img{

	display: block;

	margin: 0 auto;

}

.c1,.c2{padding: 15px 0;}

.c3{padding: 14px 0;}

.c4{padding: 19px 0;}

.contact .c3:hover .ewm-pc{

	left: -100px;

}

.ewm-pc{

	position: absolute;

	z-index: 9999999;

	left: 100000000px;

	bottom: 0;

	width: 100px;

}

.contact2 .c3:hover .ewm-phone{

	top:-100px;

}

.ewm-phone{

	position: absolute;

	z-index: 9999999;

	top:100000000px;

	left:50%;

	transform: translateX(-50%);

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

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

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

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

	width: 100px;

}



.contact2{

 	width: 100%;

 	height: 53px;

 	position: fixed;

 	bottom: 0;

 	display: none;

}

.contact2 li{

	width: 25%;

	height: 53px;

	float: left;

	box-sizing: border-box;

	background: #BDBDBD;

	position: relative;

}

.contact2 li:hover{

	background-color: #DD0127;

}

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

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

	.contact{display: none;}

	.contact2{display: block;}

	.bottom-bnav-bot{margin-bottom: 53px;}

}



/*back top*/

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





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

.bread{padding: 18px 0 19px;}

.bread a{color: #666666;line-height: 30px;}

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

.bread-active{color: #DD0127!important;}

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

	.bread{padding: 10px 0;}

}



/*-------------PRODUCTS1---------------------------------------------------------------*/

.products1-list input{cursor: pointer;}

.productskinds-list a{

	display: block;

	float: left;

	width:230px;

	max-width: 230px;

	height:43px;

	line-height: 42px;

	border-radius: 7px;

	border: solid 1px #333;

	box-sizing: border-box;

	font-size: 16px;

	font-size: 1.6rem;

	text-align: center;

	margin:0 0 20px 42px;

}

.productskinds-active,

.productskinds-list a:hover{color: #DD0127;border: solid 1px #DD0127!important;}

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

	.productskinds-list a{

		width: 230px;

		margin:0 0 20px 20px;

	}

}

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

	.productskinds-list a{

		width: 23%;

		margin:0 1% 20px;

	}

}

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

	.productskinds-list a{

		width:31.33%;

		height: 36px;

		line-height: 36px;

		font-size: 14px;

		font-size: 1.4rem;

		margin:0 1% 10px;

	}

}

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

	.productskinds-list a{

		width:48%;

		margin:0 1% 10px;

	}

}

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

	.productskinds-list a{

		width:230px;

		margin: 0 auto 10px;

		float: none;

	}

}



/*products list*/

.products1-list{padding: 35px 0 0 ;}

.products1-list li{

	float: left;

	width: 270px;

	margin-left: 39px;

	padding-bottom: 48px;

	text-align: center;

}

.products1-list .pro1-img{

	width: 100%;

	border: #d7d7d7 solid 1px;

	position: relative;

	overflow: hidden;

}

.products1-list .pro1-img:hover .products-backdrop{

	bottom: 0;

}

.products1-list .pro1-img img{

	width: 100%;

	max-width: 500px;

	max-height: 468px;

	display: block;

	margin: 0 auto;

}

.products1-list .pro1-title{

	font-size: 16px;

	font-size: 1.6rem;

	margin: 9px 0 18px;

}

.products1-list .pro1-title a{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:block;}

.pro1-title a:hover,

.pro1-word a:hover{color: #DD0127;display: block;}

.pro1-word{

	display: none;

	line-height: 24px;

	margin-bottom: 10px;

}

.products1-list input{

	width: 13px;

	height: 13px;

	margin-right: 13px;

}

.products1-list .pro1-btn{

	display: inline-block;

	width:118px;

	height:32px;

	line-height: 32px;

	border-radius:16px;

	font-family: arial;

	border: solid 1px #DD0127;

	box-sizing: border-box;

	color: #DD0127

}

.products1-list .pro1-btn:hover{

	background-color: #DD0127;

	color: #FFFFFF;

}

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

	.products1-list li{

		width: 230px;

		margin-left: 20px;

	}

}

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

	.products1-list li{

		width: 31.33%;

		margin: 0 1%;

		padding-bottom: 24px;

	}

	.pro1-word{display: -webkit-box;font-size: 12px;font-size: 1.2rem;line-height: 20px;     height: 40px;}

	.products1-list .pro1-title{margin: 9px 0;}

}

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

	.products1-list li{

		width: 31.33%;

		margin: 0 1%;

		padding-bottom: 24px;

	}

	.products1-list .pro1-title{font-size: 14px;font-size: 1.4rem;}

	.products1-list{padding: 15px 0 0;}

}

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

	.products1-list li{

		width: 48%;

	}

}

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

	.products1-list li{

		width: 90%;

		margin: 0 5%;

		padding-bottom: 15px;

	}

}

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

.page{text-align: center;ma}

.page a{

	display: inline-block;

	text-align: center;

	line-height: 30px;

	font-size: 12px;

	font-size: 1.2rem;

	margin: 4px 5px 0 0;

}
.add-btn{ cursor:pointer;}
.page .img{

	display: inline-block;

	text-align: center;

	line-height: 30px;

	font-size: 12px;

	font-size: 1.2rem;

	margin: 4px 5px 0 0;    margin-left: 5px;

}




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

.page-active{background-color: #DD0127;border-color: #DD0127;color: #FFFFFF;}

.page-num{

	width: 35px;

	height: 30px;

	border: solid 1px #e5e5e5;

	box-sizing: border-box;

}



.no:hover{    border: solid 1px #e5e5e5 !important; background:#fff !important; color:#333 !important;}



.page .prev,.page .next{

	width: 61px;

	height: 30px;

	border: solid 1px #e5e5e5;

	box-sizing: border-box;

}

.add-btn{

	font-size: 14px!important;

	font-size: 1.4rem!important;

	width: 150px;

	height: 30px;

	border: solid 1px #DD0127;

	box-sizing: border-box;

	background-color: #DD0127;

	color: #FFFFFF;

	margin: 4px 0 0 10px!important;

}

.add-btn:hover{

	background-color: #FFFFFF!important;

	color: #DD0127!important;

}

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

	.page a{

		margin: 10px 5px 0 0;

	}

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

}



/*---------2-about us 1-----------------------------------------*/

.welcome{padding: 0 0 72px;}

.welcome-left{width: 555px;padding: 43px 0 0;}

.about-navigation{

	font-family: 'OpenSansBold';

	font-size: 24px;

	font-size: 2.4rem;

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

	color: #DD0127;

	padding-left: 25px;

	text-transform: uppercase;

	box-sizing: border-box;

}

.w-l-title{

	font-size: 36px;

	font-size: 3.6rem;

	position: relative;

	margin: 23px 0 51px;

}

.w-l-title:after{

	position: absolute;

	content: '';

	left: 0;

	width: 151px;

	height: 3px;

	bottom: -14px;

	background-color: #333333;

}

.w-l-word{width: 100%;}

.w-l-word p{

	font-size: 16px;

	font-size: 1.6rem;

	line-height: 30px;

	margin-bottom: 30px;

}

.welcome-right{width: 610px;}

.welcome-right img{

	width: 100%;

	max-width: 610px;

	max-height: 547px;

	display: block;

	margin: 0 auto;

}



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

	.welcome-left{width: 445px;}

	.welcome-right{width: 500px;margin: 30px 0 0;}

	.w-l-title{margin: 13px 0 31px;}

	.w-l-word p{margin-bottom: 15px;line-height: 28px;}

}

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

	.welcome-left{width: 100%;}

	.welcome-right{width: 100%;}

}

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

	.welcome{padding: 0 0 32px;}

	.welcome-left{width: 100%;padding: 10px 0 0;}

	.about-navigation{

		font-size: 20px;

		font-size: 2rem;

		padding-left: 25px;

		box-sizing: border-box;

	}

	.w-l-title{

		font-size: 26px;

		font-size: 2.6rem;

		position: relative;

		margin: 13px 0 25px;

	}

	.w-l-title:after{

		width: 130px;

		bottom: -14px;

	}

	.w-l-word p{

		font-size: 14px;

		font-size: 1.4rem;

		line-height: 24px;

		margin-bottom: 15px;

	}

}

/**/

.about1-middle{

	background: url(../images/web18.png) no-repeat center top;

	padding: 91px 0 190px;

}

.about1-m-img{margin:0 0 51px 5px;}

.about1-m-word{

	width: 77.08%;

	color: #FFFFFF;

	font-size: 16px;

	font-size: 1.6rem;

	line-height: 30px;

}

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

	.about1-middle{

		background: #0C0C0C;

		padding: 45px 0 ;

	}

	.about1-m-img{margin:0 0 25px 5px;}

	.about1-m-word{

		width: 100%;

		font-size: 14px;

		font-size: 1.4rem;

		line-height: 24px;

	}

}

/**/

.about1-bottom{padding: 37px 0 80px;}

.about1-b-word{

	font-size: 16px;

	font-size: 1.6rem;

	line-height: 30px;

	margin-bottom: 43px;

}

.about1-b-list li{

	float: left;

	width: 292px;

	margin-left: 10px;

	margin-bottom: 19px;

}

.about1-b-list li:first-child{   margin-left: auto!important;}

.about1-b-list li img{

	width: 100%;

	max-width:294px;

	max-height: 237px;

	display: block;

	margin: 0 auto;

}

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

	.about1-b-list li{

		width: 237px;

	}

}

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

	.about1-b-list li{

		width: 23%;

		margin: 0 1%;

	}

}

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

	.about1-bottom{padding: 17px 0 40px;}

	.about1-b-word{

		margin-bottom: 20px;

		font-size: 14px;

		font-size: 1.4rem;

		line-height: 24px;

	}

	.about1-b-list li{

		width: 48%;

		margin: 0 1% 10px ;

	}

}



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

	.about1-b-list li{

		width: 98%;

	}

}



/*------------------2-about us-2----------------------------------------*/

.page_about2{padding: 0 0 102px;}

.page_about2 .page{margin-top: 52px;}

.customer{border-bottom: solid 1px #E8E8E8;}

.first-c .c-left{padding: 3px 0 54px;}

.first-c .c-right{padding: 30px 0 0;}

.c-left{

	/*width: 180px;*/

	width: 15%;

	/*margin-right: 40px;*/

	margin-right: 3.33%;

	border-radius: 50%;

	padding: 46px 0 54px;

}

.c-left img{

	width: 100%;

	border-radius: 50%;

	box-shadow: 0 0 10px rgba(0,0,0,0.2);

}

.c-right{

	width: 80.42%;

	/*width: 965px;*/

	padding: 73px 0 0;

	box-sizing: border-box;

}

.c-right .c-r-title{

	font-size: 16px;

	font-size: 1.6rem;

	line-height: 30px;

	margin-bottom: 13px;

}

.c-right .c-r-word{

	color: #666666;

	line-height:30px ;

}



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

	.c-right{

		padding: 50px 0 0;

	}

}

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

	.c-right{padding: 40px 0 0;}

	.first-c .c-right{padding: 10px 0 0;}

	.c-right .c-r-word{margin-bottom: 20px;}

}

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

	.first-c .c-left{padding: 3px 0 27px;}

	.c-r-title{font-size: 14px;font-size: 1.4rem;}

	.c-right .c-r-word{

		font-size: 14px;

		font-size: 1.4rem;

		line-height: 22px;

	}

	

	.page_about2{padding: 0 0 40px;}

	.page_about2 .page{margin-top: 32px;}

	

}

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

	.first-c .c-left{padding:20px 0;}

	.c-left {

		float: none;

		width: 90px;

		margin: 0 auto;

		padding: 20px 0;

	}

	.c-right{width: 100%;padding: 0 0;}

}



/*-----------------3-download-1--------------------------------------------*/

.page_download1{

	margin: -35px auto 0;

}

.page_download1 .page{margin-top: 42px;}

.software{padding: 45px 0 20px;border-bottom: dashed 1px #C6C6C6;overflow: hidden;}

.s-left{

	width: 59px;

	margin-top: 1px;

}

.s-left img{

	width: 100%;

	max-width: 59px;

	max-height: 72px;

	display: block;

	margin: 0 auto;

}

.s-middle{

	width: 911px;

	margin-left: 21px;

}

.s-middle .s-m-title{

	font-size: 18px;

	font-size: 1.8rem;

	margin-bottom: 7px;

}

.s-middle .s-m-word{

	color: #666666;

	line-height: 30px;

}

.s-middle .s-m-title a{display: block;}

.s-middle .s-m-word a{color: #666666;display: block;}

.s-middle .s-m-title a:hover,

.s-middle .s-m-word a:hover{color: #DD0127;}

.s-btn{

	width:149px;

	height:40px;

	border-radius:20px;

	border: solid 1px #DD0127;

	box-sizing: border-box;

	/*text-align: center;*/

	color: #DD0127;

	margin: 24px auto 0;

	display: block;

}

.s-btn span{

	display:inline-block;

	width: 100%;

	height: 40px;

	line-height: 40px;

	background: url(../images/web30.png) no-repeat 28px center;

	padding-left: 58px;

	color: #DD0127;

}

.s-btn:hover{background-color: #DD0127;}

.s-btn:hover span{

	background: url(../images/web29.png) no-repeat 28px center;

	color: #FFFFFF;

}

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

	.s-middle{width: 740px;}

}

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

	.s-middle{width: 649px;}

	.s-right{width: 100%;}

}

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

	.s-left{width: 100%;margin-bottom: 20px;}

	.s-middle{width: 100%;margin:0 0 20px 0;}

	.s-middle .s-m-title{font-size:16px;font-size: 1.6rem;text-align: center;}

	.s-middle .s-m-word{line-height: 24px;}

	.page_download1 .page{margin-top: 20px;}

}



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

.paging-products{

	padding: 62px 0 80px;

}

.paging-title{

	font-family: 'OpenSansBold';

	font-size: 32px;

	font-size: 3.2rem;

	color: #DD0127;

	text-transform: uppercase;

	position: relative;

	margin-bottom: 31px;

}

.paging-title a{color: #DD0127;}

.paging-title:after{

	position: absolute;

	content: '';

	height: 1px;

	right: 0;

	left: 252px;

	top: 50%;

	transform: translateY(-50%);

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

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

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

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

	background-color: #DD0127;

}

.paging-p-list li{

	float: left;

	width: 270px;

	margin-left: 40px;

	position:relative;

}

.paging-plist-img{

	display: block;

	width: 100%;

	border: solid #D7D7D7 1px;

	/*box-sizing: border-box;*/

	position: relative;

	overflow: hidden;

}

.paging-plist-img img{

	width: 100%;

	max-width: 500px;

	max-height: 468px;

	margin: 0 auto;

	display: block;

}

.paging-plist-subt{

	font-size: 16px;

	font-size: 1.6rem;

	text-align: center;

	margin: 9px 0 16px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;

}

.paging-plist-subt a:hover{color: #DD0127;}

.paging-plist-word{

	text-align: center;

	line-height: 24px;

	/*display: -webkit-box;*/

	overflow: hidden;

	white-space: normal!important;

	text-overflow: ellipsis;

	word-wrap: break-word;

	-webkit-line-clamp: 2;

	-webkit-box-orient: vertical;

	display: none;

}



.products-backdrop{

	position: absolute;

	width: 100%;

	left: 0;

	bottom: -100%;

	background: url(../images/web11.png) no-repeat center top;

	text-align: center;	

	padding: 30px 0 14px 0;

	transition: .5s all;

	-webkit-transition: .5s all;

}

.products-backdrop a{color: #FFFFFF;display: block; }

.p-b-subt>a{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}





.products-backdrop .p-b-subt{font-size: 16px;font-size: 1.6rem;margin-bottom: 10px;}

.products-backdrop .p-b-word{

	line-height: 24px;

	display: -webkit-box;

	overflow: hidden;

	white-space: normal!important;

	text-overflow: ellipsis;

	word-wrap: break-word;

	-webkit-line-clamp: 3;

	-webkit-box-orient: vertical

}

.paging-plist-img:hover .products-backdrop{

	bottom: 0;

}



/*qiehuan*/

.products-scroll.img-scroll{position: relative;width: 100%;display: none;}

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

	width: 13px;

	height: 22px;

	z-index: 9999;

	border: 0;

}

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

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

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

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

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

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

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

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

	.paging-p-list li{

		width: 230px;

		margin-left: 20px;

	}

}

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

	.paging-p-list li{

		width: 23%;

		margin:0 1%;

	}

	.products-backdrop{display: none;}

	.paging-plist-word{display: -webkit-box;}

}

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

	.paging-title{font-size: 2.4rem;font-size: 24px;}

	.paging-title:after{/*left: 210px;*/height: 0;}

	.paging-products{padding: 32px 0 40px;}

	.paging-plist-subt{font-size: 14px;font-size: 1.4rem;margin: 9px 0;}

	.paging-plist-word{font-size: 12px;font-size: 1.2rem;line-height: 22px;}

	.paging-p-list{display: none;}

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

}

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

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

}

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

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

}



/*------------------3-download-2-------------------------------------------------*/

.page_download2{

	padding: 0 0 46px;

}

.video-box {

	width: 825px;

	overflow: hidden;

	margin: 0 auto;

}

.video {

	position: relative;

	overflow: hidden;

	padding-bottom: 62.79%;/*宽除以高*/

	height: 0;

}

.video iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: none;}

.video iframe body {margin: 0px !important;}

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

	.video-box {

		width: 100%;

		max-width: 100%;

	}

}

.video-title{

	font-size: 16px;

	font-size: 1.6rem;

	text-align: center;

	line-height: 26px;

	margin: 15px 0 70px;

}



.video-list li{

	float: left;

	width: 380px;

	margin-left: 30px;

	padding: 0 0 44px;

}

.video-list li img{

	width: 100%;

	max-width: 380px;

	max-height: 238px;

	margin: 0 auto;

	display: block;

}

.video-list li p{

	font-size: 16px;

	font-size: 1.6rem;

	text-align: center;

	line-height: 26px;

	margin: 10px 0;
	white-space:nowrap; overflow:hidden; text-overflow:ellipsis;

}

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

	.video-list li{

		width: 313px;

		margin-left: 20px;

	}

}

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

	.video-list li{

		width: 31.3%;

		margin: 0 1%;

	}

}

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

	.page_download2{padding: 0;}

	.video-title{

		font-size: 14px;

		font-size: 1.4rem;

		line-height: 24px;

		margin: 15px 0 25px;

	}

	.video-list li{

		width: 48%;

		margin: 0 1%;

		padding: 0 0 10px;

	}

	.video-list li p{

		font-size: 14px;

		font-size: 1.4rem;

		line-height: 24px;

		margin: 10px 0;

	}

}

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

	.video-list li{

		width: 98%;

		margin: 0 1%;

	}

}



/*----------------4-NEWS1------------------------------------------*/

.page_news1 .latest-news{padding: 0;}

.page_news1 .lnews-list li{

	padding-bottom: 51px;

}

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

	.page_news1 .lnews-list li{

		padding-bottom: 25px;

	}

}

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

	.page_news1 .lnews-list li{

		padding-bottom: 0;

	}

}

/*-----------------4-NEWS2------------------------------------------*/

.news2-detail{width: 870px;}

.news2-title{

	font-size: 24px;

	font-size: 2.4rem;

	color: #DD0127;

	line-height: 30px;

	margin: -7px 0 9px;

}

.news2-time{

	background: url(../images/common_calendar.png) no-repeat left 8px;

	padding:0 0 8px 25px;

	color: #666666;

	line-height: 30px;

	border-bottom: solid #DD0127 2px;

}

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

.news2-content p,

.news2-content b,

.news2-content span,

.news2-content li{

	color: #333333;

}

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

	max-width: 100%;

}

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

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

.news2-arrow .arrow-prev{

	background: url(../images/web44.png) no-repeat left center;

	border-bottom: dashed #CFCFCF 1px;

	padding: 7px 0 5px 25px;

}

.news2-arrow .arrow-next{

	background: url(../images/web45.png) no-repeat left center;

	padding: 7px 0 5px 25px;

}



/**/

.news2-right{

	width: 280px;

}

.back-btn{

	display: block;

	font-family: 'OpenSansBold';

	width:222px;

	height:51px;

	line-height: 50px;

	background:rgba(221,1,39,1);

	border-radius:10px;

	color: #FFFFFF;

	font-size: 20px;

	font-size: 2rem;

	text-align: center;

	margin: 0 auto;

}

.news2-r-share{padding: 33px 0 17px;text-align: center;}



.news2-r-share .addthis_inline_share_toolbox_klm2{ display:inline-block;}



.news2-r-share>span{

	font-size: 16px;

	font-size: 1.6rem;

	color: #666666;

	position: relative;

	top: -6px;

}

/**/

.news2-r-list{

	border: solid 1px #DCDCDC;

	padding: 0 12px 8px;

	box-sizing: border-box;

	overflow: hidden;

}

.news2-r-box{width: 100%;}

.news2-r-box img{ max-width: 100%;}

.news2-r-img{

	width: 100%;

	max-width: 255px;

	max-height: 165px;

	display: block;

	margin: 0 auto;

}

.news2-r-t{

	font-family: 'OpenSansBold';

	font-size: 24px;

	font-size: 2.4rem;

	line-height: 40px;

	color: #DD0127;

	background: url(../images/web42.png) no-repeat left center;

	padding:7px 0 9px 13px ;

}

.news2-r-t a{color: #DD0127;}

.news2-r-subt{

	font-family: 'OpenSansBold';

	font-size: 16px;

	font-size: 1.6rem;

	line-height: 30px;

	margin: 6px 0 1px 0;

}

.news2-r-subt a:hover,

.news2-r-word a:hover{

	color:#DD0127 ;

}

.news2-r-word{

	margin-bottom: 15px;

	line-height: 30px;

}

.news2-r-word a{

	color:#666 ;

	display: block;

}



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

	.news2-detail{width: 680px;}

}

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

	.news2-detail{width:60%;}

	.news2-right{width: 250px;}

}

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

	.news2-detail{width:100%;}

	.news2-title{

		font-size: 20px;

		font-size: 2rem;

		line-height: 26px;

	}

	.news2-time{

		line-height: 24px;

		background: url(../images/common_calendar.png) no-repeat left 6px;

	}

	.news2-content{padding:15px 0;line-height: 24px;color: #333333;}



	.news2-right{width: 100%;}

	.back-btn{

		height: 40px;

		line-height: 40px;

		font-size: 18px;

		font-size: 1.8rem;

		margin-top: 20px;

	}

	.news2-r-share{padding: 15px 0;}

	.news2-r-box{width:100%;max-width: 280px;/*margin: 0 auto;*/}

	.news2-r-t{

		width: 280px;

		/*margin: 0 auto;
*/
		font-size: 20px;

		font-size: 2rem;

		line-height: 40px;

		padding:7px 0 9px 13px ;

	}

	.news2-r-subt{

		font-size: 14px;

		font-size: 1.4rem;

		line-height: 24px;

		margin: 6px 0 1px 0;

	}

	.news2-r-word{

		margin-bottom: 15px;

		line-height: 24px;

	}

}









/*------------------5-contact us----------------------------------*/

.page_contact a:hover{color: #DD0127;}

.contact-left{

	width: 662px;

}

.c-l-title{

	font-size: 30px;

	font-size: 3rem;

	padding-left: 8px;

	margin: -9px 0 11px;

}

.c-l-word{

	/*width: 620px;*/

	font-size: 16px;

	font-size: 1.6rem;

	color: #666666;

	padding-left: 8px;

	line-height: 30px;

	margin-bottom: 21px;

}

.form-group input{

	height: 54px;

	line-height: 54px;

	border: solid 1px #D2D2D2;

	box-sizing: border-box;

	font-size: 14px;

	font-size: 1.4rem;

}

.form-group .input50{

	float: left;

	width: 50%;

	margin-bottom: 23px;

	background: url(../images/web56.png) no-repeat left center;

	box-sizing: border-box;

}

.tel-input,.country-input{background-image: none!important;}

.name-input,

.tel-input{

	padding-right: 4px;

}

.mail-input{

	background: url(../images/web56.png) no-repeat 3px center!important;

}

.form-group .input50 input{

	float: right;

	width: 313px;

	padding: 0 15px;

}

.form-group .input100{

	float: left;

	width: 100%;

	background: url(../images/web56.png) no-repeat left 18px;

	margin-bottom: 26px;

}

.form-group textarea{

	float: right;

	width: 648px;

	height: 112px;

	border: solid 1px #D2D2D2;

	resize: none;

	padding: 10px 13px;

	box-sizing: border-box;

	font-size: 14px;

	font-size: 1.4rem;

}

.input-code{

	float: left;

	width: 100%;

	padding-left: 12px;

	box-sizing: border-box;

	background: url(../images/web56.png) no-repeat left center;

}

.code{

	float: left;

	width: 178px;

	padding:0 15px;

	margin-right: 22px;

}

.code-img{

	float: left;

	cursor: pointer;

}

.submit{

	float: right;

	width: 250px;

	color: #FFFFFF;

	text-align: center;

	background-color: #DD0127;

	cursor: pointer;

}



.contact-right {

	width: 488px;

}

.contact-right .c-r-title{

	font-size: 22px;

	font-size: 2.2rem;

	line-height: 30px;

	color: #DD0127;

	margin: -4px 0 16px;

}

.contact-right .c-r-list li{

	line-height: 36px;

	padding-left: 30px;

}

.contact-right .c-r-list .mail{

	background: url(../images/web48.png) no-repeat left center;

}

.contact-right .c-r-list .tel{

	background: url(../images/web49.png) no-repeat left center;

}

.contact-right .c-r-list .skype{

	background: url(../images/web50.png) no-repeat left center;

}

.contact-right .c-r-list .qq{

	background: url(../images/web51.png) no-repeat left center;

}

.contact-right .c-r-list .whatsapp{

	background: url(../images/web52.png) no-repeat left center;

}

.contact-right .c-r-list .wechat{

	background: url(../images/web53.png) no-repeat left center;

}

.contact-right .c-r-list .address{

	background: url(../images/web54.png) no-repeat 3px 16px;

	line-height: 24px;

	padding: 13px 0 4px 30px;

}



.c-r-sy{

	width: 100%;

	max-width: 488px;

	text-align: center;

	font-size: 30px;

	font-size: 3rem;

	font-family:arial;

	background: url(../images/web46.png) no-repeat top center;

	padding:40px 0;

	margin: 18px auto 0;

}

.c-r-sy p{position: relative;}

.c-r-sy p:before{

	position: absolute;

	content: '';

	left: 22px;

	width: 110px;

	height: 3px;

	background-color: #333333;

	top: 40%;

	/*transform: translateY(-50%);

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

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

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

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

}

.c-r-sy p:after{

	position: absolute;

	content: '';

	right: 22px;

	width: 110px;

	height: 3px;

	background-color: #333333;

	top: 40%;

	/*transform: translateY(-50%);

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

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

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

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

}



/*''*/

.map{

	padding: 55px 0 99px;

}



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

	.contact-left{width: 600px;}

	.form-group .input50 input{width: 282px;}

	.form-group textarea{width: 585px;}

	.submit{width: 188px;}

	.contact-right {width: 360px;}

	.c-r-sy p:before{width: 20%;}

	.c-r-sy p:after{width: 20%;}

}

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

	.contact-left{width: 100%;padding-bottom: 30px;}

	.form-group .input50 input{width: 96%;}

	.form-group textarea{width: 98%;}

	.mail-input{

		background: url(../images/web56.png) no-repeat 1% center!important;

	}

	.code{

		width: 30%;

		margin-right: 3%;

	}

	.submit{width: 30%!important;float: left;margin-left: 3%;}

	.name-input, .tel-input{padding-right: 0;}

	.submit{width: 188px;}

	.contact-right {width: 95%;}

}

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

	.form-group .input50{width: 100%;}

	.form-group textarea{width: 96%;}

	.mail-input{

		background: url(../images/web56.png) no-repeat left center!important;

	}

	.submit{width: 98%!important;margin: 0 auto;margin-top: 22px;}

	.input-code{

		background:url(../images/web56.png) no-repeat left 15px ;

		padding-left: 4%;

		

	}

}

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

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

	.c-l-word{font-size: 14px;font-size: 1.4rem;line-height: 24px;}

	.form-group input,

	.form-group textarea{font-size: 12px;font-size: 1.2rem;}

	.map{padding: 25px 0 39px;}
	.c-r-sy{


	font-size: 20px;

	font-size: 2rem;


}


}



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

.products2-main{

	padding: 35px 0 36px;

}

.zuo_part{width: 650px;/*overflow:hidden;*/}





.left-pro{width:650px;text-align:left;margin: 0 auto;}

.left-pro .t1{width:122px;float:left;position: relative;}

.left-pro .t2{width:500px;text-indent:0;float:right;border: solid 1px #DBDBDB;}

.left-pro .t2 a{ display:block;}

.left-pro .t2 img{text-indent:0;display: block;}

#showArea{height:402px;overflow:hidden;}

#showArea img{cursor:pointer;display:block;margin-bottom:30px;width:120px;height:112px;border: solid 1px #DBDBDB;}

#showArea a{ display:block;}

#main_img{cursor:pointer;display:block;}

#gotop{cursor:pointer;display:block; margin:0 auto;width: 22px;height: 13px;background: url("../images/web40.png") no-repeat;margin-bottom: 18px;}

#gobottom{cursor:pointer;display:block; margin:auto;width: 22px;height: 13px;background: url("../images/web41.png") no-repeat;margin-top: 23px;}

#gotop:hover{background: url("../images/web40_1.png") no-repeat;}

#gobottom:hover{background: url("../images/web41_1.png") no-repeat;}

.t1:hover #gotop{display: block;}

.t1:hover #gobottom{display: block;}



/*#showArea a:hover{ background:url(../images/zhizhen.png) no-repeat left center;}*/

#showArea a:hover img{}



.MagicZoomBigImageCont {border:1px solid #eee;background:#FFF;}

.MagicZoomBigImageCont img{width:800px;height:710px}

.MagicZoomPup {border:0px solid #aaa;background:#ffffff;}









.img-scroll.img_fdj { position: relative; width: 100%; overflow: hidden; margin: 0 auto; display: none;}

.img-scroll.img_fdj .prev, .img-scroll.img_fdj .next { position: absolute; display: block; width: 13px; height: 22px; top: 50%; margin-top: -30.5px; z-index: 9999; }

.img-scroll.img_fdj .prev { left: 0; cursor: pointer; background: url(../images/web38.png) no-repeat center; }

.img-scroll.img_fdj .next { right: 0; cursor: pointer; background: url(../images/web39.png) no-repeat center; }

.img-scroll.img_fdj .prev:hover { background: url(../images/web38_1.png)) no-repeat center; }

.img-scroll.img_fdj .next:hover { background: url(../images/web39_1.png) no-repeat center; }

.img-scroll.img_fdj .img-list{overflow:hidden}

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

.img-scroll.img_fdj .img-list li { float: left; width: 10%;}

.img-scroll.img_fdj .img-list li img { width: 100%; margin: 0 auto; display: block;max-width: 500px;}

.right-part{

	float: right;

	width: 477px;

}

.right-part h1{

	font-size: 20px;

	font-size: 2rem;

	border-bottom: solid 1px #dbdbdb;

	padding: 0 0 11px;

	margin-bottom: 14px;

	line-height: 30px;

}

.right-part .right-part-content{line-height: 30px; color: #666666;}

.right-part .right-part-content p,

.right-part .right-part-content li,

.right-part .right-part-content span,

.right-part .right-part-content b{

	color: #666;

}

.right-part .right-part-content img,

.right-part .right-part-content iframe{max-width: 100%;}



.r-p-btns{

	margin: 40px 0 28px;

	text-align: center;

}



.r-p-btns span:hover{ background:#fff  !important;     border: #DD0127 1px solid  !important; color:#DD0127 !important;}

.r-p-btns .now-btn,.r-p-btns .next-btn{

	display: inline-block;

	width:211px;

	height:43px;

	line-height: 40px;

	border-radius:22px;

	text-align: center;

	/*font-family: arial;*/

	font-size: 16px;

	font-size: 1.6rem;

	float: left;

	box-sizing: border-box;

	

}

.r-p-btns .now-btn{

	border: #DD0127 1px solid;

	background-color: #DD0127;

	color: #FFFFFF;

}

.r-p-btns .now-btn:hover{

	border: #DD0127 1px solid;

	background-color:transparent;

	color: #DD0127;

}

.r-p-btns .next-btn{

	border: #DD0127 1px solid;

	color: #DD0127;

	margin-left: 50px;

}

.r-p-btns .next-btn:hover{

	background:#DD0127;

	color: #FFFFFF;

	

}



.right-part .share>span{

	position: relative;

	top: 13px;

	color: #999999;

	font-family: arial;

}

.right-part .share .addthis_inline_share_toolbox_klm2{ position:relative; clear:none !important;

    left: 43px;

    top: -7px;}

/*.right-part .share img{margin-left: 5px;}*/



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

	.MagicZoomBigImageCont, .MagicZoomPup{display: none!important;}

	/*.MagicZoomBigImageCont,.MagicZoomBigImageCont img{ display:none !important}*/

	/*.MagicZoomPup { background:rgba(255,255,255,0)}*/

	.zuo_part{float: none!important;margin: 0 auto;}

	.right-part{width: 100%;}

	.right-part .share{text-align: center;     overflow: hidden;}

	.right-part h1{text-align: center;}

	.r-p-btns .now-btn,.r-p-btns .next-btn{float: none;}

	.right-part h1{font-size: 18px;font-size: 1.8rem;margin-top: 20px;}

	

	.right-part .share>span {

    left: -76px;

}



}

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

	.zuo_part{display: none;}

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

	.products2-main{padding:0;}

	.r-p-btns{margin: 10px 0 10px;}

	.page_products2 .product-line{font-size: 2.4rem;font-size: 24px;}

	.page_products2 .product-line:after{height: 0;}

	.right-part h1{font-size: 18px;font-size: 1.8rem;margin-bottom: 0;}

	.r-p-btns .now-btn,.r-p-btns .next-btn{font-size: 14px;font-size: 1.4rem;}

}

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

	.r-p-btns .now-btn,.r-p-btns .next-btn{

		width: 40%;

		margin: 0 5%;

		height: 36px;

		line-height: 36px;

	}

	.r-p-btns .next-btn{margin-left: 0;}

	

}



.page_products2 .details-title:after{left: 299px!important;}

.page_products2 .paging-title:after{

	left: 331px;

}



.p2-details-content{line-height: 30px; color: #666666;}

.p2-details-content p,

.p2-details-content li,

.p2-details-content span,

.p2-details-content b{

	color: #333;

}



.p2-details-content table{ width:100%; border-collapse:collapse; line-height:22px; border:1px solid #ccc;}

.p2-details-content table tr td{ padding:3px; border:1px solid #ccc;}

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

.p2-details-content .table{ width:100%;  overflow:scroll;}

.p2-details-content  table{ width:885px;}	

}





.p2-details-content img,

.p2-details-content iframe{max-width: 100%;}



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

	.page_products2 .details-title:after{left: 245px!important;}

	.page_products2 .paging-title:after{

		left: 265px;

	}

	.p2-details-content{line-height: 24px; color: #666666;}

}



.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;}