@charset "utf-8";
html {
	font-size: 100px;
}

body {
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
	position: relative;
	overflow-x: hidden;
}

.contain {
	width: 100%;
	margin: 0 auto;
}

/*初始化按钮*/

.btn {
	display: inline-block;
	text-align: center;
	padding: 0px;
	border: 0px;
	margin: 0px;
	position: relative;
	cursor: pointer;
}

.btn span {
	display: inline-block;
}

input.text,
textarea.text {
	display: block;
	padding: 0px;
	width: 100%;
	border: 0px;
	background: none;
	margin: 0px;
	resize: none;
}

/*--- Header ---*/

.Header-wrapper {
	z-index: 99;
}

.Header-wrapper .Header-cl {
	position: relative;
}

.header-container {
	width: 100%;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 9;
}

/*logo*/

.H-logo {
	height: 80px;
	line-height: 80px;
	font-size: 0px;
	float: left;
	position: relative;
	overflow: hidden;
	z-index: 5;
	margin-left: 4%;
}
.H-logo img{width:290px; }

.H-action {
	float: right;
	margin-right: 4%;
}

.H-lang,
.H-srch {
	height: 80px;
	float: left;
}

/*Hlang*/

.H-lang {
	position: relative; display: none;
}

.H-lang .Hlang-menu {
	display: block;
	width: 60px;
	height: 100%;
	transition: none;
	-webkit-transition: none;
	text-align: center;
	line-height: 82px;
}
.H-lang .Hlang-menu i{
	width: 26px;
	height: 23px;
	background-repeat: no-repeat;
	background-image: url('../images/shopC.png');
	display: inline-block;
	vertical-align: middle;
}
.H-lang .Hlang-menu:hover i{
	background-image: url('../images/shopH.png');
}

.Hlang-box {
	padding: 20px 0px;
	width: 200px;
	box-shadow: 1px 1px 10px #666;
	background: #fff;
	position: absolute;
	top: 80px;
	left: -54px;
	display: none;
}

.Hlang-box:before {
	content: "";
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0 8px 8px;
	border-color: transparent transparent #fff transparent;
	position: absolute;
	top: -8px;
	left: 50%;
	margin: 0 0 0 -4px;
}

.Hlang-box a {
	display: block;
	padding: 5px 10px 5px 60px;
	line-height: 30px;
	background-repeat: no-repeat !important;
	background-position: 20px center !important;
}

.Hlang-box a:hover {
	color: #fff;
	background: #0062b2;
}


/*Hsrch*/

.H-srch .Hsrch-menu {
	display: block;
	width: 60px;
	height: 100%;
	transition: none;
	-webkit-transition: none;
	font-size: 16px;
	text-align: center;
	color: #fff;
	line-height: 86px;
}
.H-srch .Hsrch-menu i{
	width: 17px;
	height: 17px;
	background-repeat: no-repeat;
	background-image: url('../images/searchC.png');
	display: inline-block;
}
.H-srch .Hsrch-menu:hover i{
	background-image: url('../images/searchH.png');
}

.Hsrch-box {
	width: 100%;
	height: 80px;
	background: #ec6c1f;
	position: absolute;
	top: 0px;
	left: 0px;
	display: none;
	position: absolute;
	z-index: 2;
}

.Hsrch-block {
	padding: 0 0 0 4rem !important;
	width: 12rem !important;
	height: 32px;
	margin: 24px auto 0;
}

.Hsrch-block .btn {
	width: 24px;
	height: 32px;
	background: url('../images/icon-hsrch.png') no-repeat center center;
	float: left;
}

.Hsrch-block .close {
	display: block;
	width: 24px;
	height: 32px;
	background: url('../images/icon-close.png') no-repeat center center;
	float: right;
}

.Hsrch-block .text {
	width: 70%;
	height: 32px;
	font-size: 16px;
	float: left;
	margin: 0 0 0 10px;
	color: #fff;
}

.Hsrch-block .text::-webkit-input-placeholder {
	color: #d3d3d3;
}

.Hsrch-menu.cur {
	display: none;
}

.Header-wrapper.Header-searching .H-logo img {
	display: none;
}

.H-action-line{
	width: 1px;
	height: 20px;
	display: inline-block;
	background-color: #555;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translate(0,-50%);
}


/*Hnav*/

.H-nav {
	float: left;
	margin-left:30%;
}

.H-nav>li {
	margin: 0 34px;
	float: left;
}

.H-nav .Hnav-menu {
	display: block;
	height: 80px;
	line-height: 80px;
	font-size: 16px;
	color: #555;
	position: relative;
	text-transform: uppercase;
}

.Hnav-menu b {
	width: 0%;
	height: 2px;
	background-color: #ea6540;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	display: block;
	bottom: 16px;
	z-index: 2;	
	transition: all .4s ease-in-out;
}
.H-nav .Hnav-menu:hover b{
	width: 100%;
	background-color: #ec6c1f;
}



.H-nav .Hnav-menu:hover{
	color: #ec6c1f;
}

.nav-active{
	color: #ec6c1f !important;
}
.nav-active b{
	width: 100%;
	background-color: #ec6c1f;
}

.Hnav-menu i {
	display: block;
	width: 50px;
	height: 50px;
	background: url('../images/icon-dd1.png') no-repeat center center / 14px auto;
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 2;
	display: none;
}

.Hnav-menu.cur i {
	transform: rotate(-180deg);
	-webkit-transform: rotate(-180deg);
}
/* ---------------------------------------------------------------------二级导航--------------------------------------------------------------- */
.Hnav-sub {
	padding: 30px 0;
	width: 100%;
	background: #fff;
	position: absolute;
	top: 80px;
	left: 0px;
	display: none;
}

.HnavSub-list {
	width: 20%;
	float: left;
	margin-left: 27%;
	/* border-right: 1px solid #e5e5e5; */
}

.HnavSub-list li {
	width: 60%;
	float: left;
	padding: 2px 2px;
}

.HnavSub-list li a {
	display: block;
	height: 40px;
	line-height: 40px;
	color: #666;
	font-size: 16px;
	position: relative;
	border-bottom: 1px solid #c4c4c4;
	transition: all .6s linear;
}
.HnavSub-list li a:hover{
	color: #ec6c1f;
	font-weight: bold;
	border-bottom: 1px solid #ec6c1f;
}
.HnavSub-list li a i{
	display: inline-block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 0%;
	height: 1px;
	background-color: #c4c4c4;
	transition: all .5s ease-in;
}
.HnavSub-list li a:hover i{
	width: 100%;
	background-color: #ec6c1f;
}


.HnavSub-box {
	padding: 1.2% 0 0 8%;
	position: relative;
	float: left;
	border-left: 1px solid #e5e5e5;
}
.HnavSub-box-pic{
	width: 360px;
	height: 170px;
	overflow: hidden;
}
.HnavSub-box-pic img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all .8s ease-in 0s;
}
.HnavSub-box-pic img:hover{
	transform: scale(1.1);
}

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

@media all and (min-width:980px) {
	.H-lang:hover .Hlang-box {
		display: block;
		animation: fadeInUpV .6s ease-in-out;
		-webkit-animation: fadeInUpV .6s ease-in-out;
	}
	.H-nav>li:hover .Hnav-sub {
		display: block;
		animation: fadeInDownV .6s ease-in-out;
		-webkit-animation: fadeInDownV .6s ease-in-out;
	}
}

/*right menu*/

@keyframes fadeInUpV {
	0% {
		transform: translateY(-20px);
		-webkit-transform: translateY(-20px);
		opacity: 0;
	}
	100% {
		transform: translateY(0);
		-webkit-transform: translateY(0);
		opacity: 1;
	}
}

@keyframes fadeInDownV {
	0% {
		transform: translateY(0px);
		-webkit-transform: translateY(0px);
		opacity: 0;
	}
	100% {
		transform: translateY(0);
		-webkit-transform: translateY(0);
		opacity: 1;
	}
}

/*--- Footer ---*/


.footer-container {
	padding: 40px 0;
	background: #fafafa;
	border-top: 1px solid #ececec;
}

.F-nav {
	width: 30.333%;
	float: left;
	margin-left: 3%;
}

.F-nav dt{
	line-height: 25px;
	font-size: 16px;
	position: relative;
	color: #333;
	text-transform: uppercase;
}

.F-nav dt i {
	display: block;
	width: 50px;
	height: 50px;
	background: url('../images/icon-dd1.png') no-repeat center center / 14px auto;
	position: absolute;
	right: 0px;
	top: 0px;
	display: none;
}

.F-nav dt.cur i {
	transform: rotate(-180deg);
	-webkit-transform: rotate(-180deg);
}

.F-nav dd {
	margin: 16px 0 0;
	font-size: 14px;
	color: #555;
}

.F-nav dd a {
	display: block;
	padding: 5px 0;
	line-height: 24px;
}

.F-nav dd a:hover {
	color: #ec6c1f;
}
.Footer-icon{
	padding-top: 16px;
}
.Footer-icon a{
	display: inline-block;
	margin: 0 3px;
}
.Footer-icon a i{
	display: inline-block;
	width: 33px;
	height: 33px;
	background-repeat: no-repeat;
	transition: all .6s ease-in-out;
}
.Footer-icon a:hover i{
	transform: translateY(-4px);
}



/*--- Container ---*/
.header-container {
	background-color: #fff;
	-moz-box-shadow: 0px 4px 5px rgba(9,2,4,.1);
    -webkit-box-shadow: 0px 4px 5px rgba(9,2,4,.1);
    box-shadow: 0px 4px 5px rgba(9,2,4,.1);
}
.Updata-Header{
	/* background-color: rgba(0, 0, 0, .4); */
	background-color: transparent;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.H-nav .Hnav-menuH{
	color: #fff;
}
.H-action-lineH{
	background-color: #fff;
}
.H-srch .Hsrch-menuH i{
	background-image: url('../images/search.png');
}
.H-lang .Hlang-menuH i{
	background-image: url('../images/shop.png');
}


/*----------------------------------重新定义---------------------------  */
/* -----底部----- */

.footer-Box{
	width: 1600px;
	margin: 0 auto;
	overflow: hidden;
}

.footer-Left{
	width: 25%;
	float: left;
}
.footer-Lpic{
	width: 100%;
}
.footer-Lpic img{width:285px;} 
.footer-Lwords{
	width: 100%; margin-top: 25px;
	overflow: hidden;
}
.footer-Lwords ul{
	width: 100%;
	overflow: hidden;
	line-height: 30px;
	font-size: 14px; color: #444;
}


.footer-Licon1{
	width: 19px;
	height: 25px;
	background-image: url('../images/footer_address.png');
}
.footer-Licon2{
	width: 22px;
	height: 24px;
	background-image: url('../images/footer_phone.png');
}
.footer-Licon3{
	width: 22px;
	height: 18px;
	background-image: url('../images/footer_email.png');
}





.footer-Center{
	width: 30%;
	float: left;
	text-align: center;
}
.footer-Cewm{
	font-size: 0;
	padding: 54px 0 0 0;
}
.footer-Cewm h6{
	display: inline-block;
	margin: 0 20px;
}
.footer-Cewm h6 img{
	width: 133px;
	height: 133px;
	display: block;
}
.footer-Cewm h6 p{
	font-size: 14px;
	color: #555;
	margin-top: 16px;
}




.xg-footer{
	width: 40%;
	float: right;
}

.footer-ewm-tj{
	width: 100%;
	overflow: hidden;
	padding: 18px 0; 
	background-color: #ec6c1f;
	border-top: 1px solid #ea6540;
}
.footer-ewm-box{
	width: 1600px;
	margin: 0 auto;
}
.footer-ewm-tj h4{
	font-size: 14px; line-height: 25px;
	color: #fff;
	text-align: center;
}
.footer-ewm-tj h6{
	float: right;
	font-size: 0;
	position: relative;
}
.footer-ewm-tj h6 a{
	display: inline-block;
	font-size: 14px;
	color: #f4f4f4;
	padding: 0 10px;
}
.footer-ewm-tj h6 a:hover{
	color: #0a4d36;
}
.footer-ewm-tj h6 i{
	position: absolute;
	width: 1px;
	height: 20px;
	background-color: #fff;
	display: inline-block;
	margin: 0 0 0 0;
}


@media all and (max-width:1700px) {
	.H-nav {
		margin-left:18%;
	}
	.HnavSub-list {
		margin-left: 25%;
	}
	.footer-Box {
		width: 94%;
		margin-left: 3%;
	}
	.footer-ewm-box {
		width: 94%;
		margin-left: 3%;
	}
	.footer-Cewm h6 {
		margin: 0 12px;
	}
}
@media all and (max-width:1580px) {
	.H-nav {
		margin-left:16%;
	}
	.H-nav>li {
		margin: 0 30px;
	}
	.HnavSub-list {
		margin-left: 23%;
	}
	.footer-container {
		padding: 46px 0 60px;
	}
}
@media all and (max-width:1460px) {
	.H-nav>li {
		margin: 0 26px;
	}
	.H-nav {
		margin-left:16%;
	}
	.HnavSub-list {
		margin-left: 22%;
	}
	.footer-Cewm h6 {
		margin: 0 5px;
	}
}

@media all and (max-width:1380px) {
	.H-nav>li {
		margin: 0 20px;
	}
	.H-nav .Hnav-menu {
		font-size: 16px;
	}
	.H-nav {
		margin-left: 17%;
	}
	.HnavSub-list {
		margin-left: 21%;
	}
}

@media all and (max-width:1300px) {
	.H-nav>li {
		margin: 0 18px;
	}
}

@media all and (max-width:1280px) {
	.H-nav>li {
		margin: 0 16px;
	}
	.H-nav {
		margin-left: 14%;
	}
	.HnavSub-list {
		margin-left: 20%;
	}
	.footer-Cewm h6 img {
		width: 106px;
		height: 106px;
	}
	.footer-Lwords ul li h6 {
		width: 80%;
		margin-left: 14%;
	}
}

@media all and (max-width:1200px) {
	.H-nav {
		margin-left: 9%;
	}	
	.H-action {
		margin-right: 2%;
	}
	.HnavSub-list li {
		width: 76%;
	}
}
@media all and (max-width:1100px) {
	.H-logo {
		margin-left: 2%;
	}
	.H-nav {
		margin-left: 3%;
	}
	.HnavSub-list {
		margin-left: 19%;
	}
	.HnavSub-box {
		padding: 1.2% 0 0 4%;
	}
	.footer-Center {
		width: 21%;
	}
	.xg-footer {
		width: 54%;
	}
	.footer-Cewm h6 img {
		width: 88px;
		height: 88px;
	}
}

.Container-wrapper{
    margin-top: 80px;
}
.Updata-Containr{
	margin-top: 0;
}
@media all and (max-width:1000px) {
	.H-logo {
		margin-left: -2%;
	}
	.Hnav-menu b{
		display: none;
	}
	.H-nav .Hnav-menu:hover b{
		display: none;
	}
	.H-logo>img{
		transform: scale(.86);
	}
	.H-action-line{
		display: none;
	}
    .Container-wrapper{
        margin-top: 50px;
	}
	.Updata-Containr{
		margin-top: 0;
	}
	.Hlang-menu span{
		display: none;
	}
	.H-lang .Hlang-menu {
		line-height: 50px;
		width: 30px;
	}
	.H-srch .Hsrch-menu {
		width: 50px;
		line-height: 72px;
	}
	.H-lang .Hlang-menu i {
		margin: 0 0 0 0;
	}
	.H-srch .Hsrch-menu i {
		margin: 0 0 0 0;
	}
	.H-nav .Hnav-menu:hover{
		color: #666;
		border-bottom: 1px solid #c4c4c4;	
	}
	.HnavSub-list li a i{
		display: none;
	}
	.HnavSub-list {
		margin-left: 0;
		border-right: none;
	}
	.HnavSub-list li a {
		border-bottom: none;
	}
	.nav-active {
		color: #ec6c1f !important;
		border-bottom: none;
	}
	.HnavSub-list li a:hover{
		border-bottom: none;
	}
	.footer-Box {
		width: 100%;
		margin-left: 0%;
	}
	.footer-Left {
		width: 92%;
		margin-left: 4%;
	}
	.footer-Center{
		display: none;
	}
	.footer-Lwords ul li h6 {
		width: 88%;
		margin-left: 12%;
	}

	/* --底部--- */
	.F-nav {
		text-align: left;
	}
	.footer-ewm-tj h4 {
		width: 92%;
		margin-left: 4%;
		text-align: center;
	}
	.footer-ewm-tj {
		padding: 16px 0;
		margin-bottom: 70px;
	}
	.footer-ewm-tj h6 {
		float: left;
		width: 100%;
		text-align: center;
		margin-top: 6px;
	}
	.xg-footer{
		margin-top: 16px;
	}
}

/* --------------------------------------------------------------------公共样式---------------------------------------------------------------------- */

/* ------------------------banner-PUB-box--------------------------- */
.banner-PUB-box{width: 100%;overflow: hidden;}
.banner-PUB{width: 100%;position: relative;}
.banner-PUB img{width: 100%;object-fit: cover;}
.banner-PUB-title{width: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);text-align: center;color: #fff;}

.banner-PUB-title{display: none;}

.banner-PUB-title h6{font-size: 36px;font-weight: bold;animation: PUBbannerU 1s ease both;-o-animation: PUBbannerU 1s ease both;-webkit-animation: PUBbannerU 1s ease both;-moz-animation: PUBbannerU 1s ease both;}
@keyframes PUBbannerU {0% {transform: translateY(-44px);-webkit-transform: translateY(-44px);-moz-transform: translateY(-44px);-o-transform: translateY(-44px);}100% {transform: translateY(0);-webkit-transform: translateY(0);-moz-transform: translateY(0);-o-transform: translateY(0);}}
@-o-keyframes PUBbannerU {0% {transform: translateY(-44px);-webkit-transform: translateY(-44px);-moz-transform: translateY(-44px);-o-transform: translateY(-44px);}100% {transform: translateY(0);-webkit-transform: translateY(0);-moz-transform: translateY(0);-o-transform: translateY(0);}}
@-webkit-keyframes PUBbannerU {0% {transform: translateY(-44px);-webkit-transform: translateY(-44px);-moz-transform: translateY(-44px);-o-transform: translateY(-44px);}100% {transform: translateY(0);-webkit-transform: translateY(0);-moz-transform: translateY(0);-o-transform: translateY(0);}}
@-moz-keyframes PUBbannerU {0% {transform: translateY(-44px);-webkit-transform: translateY(-44px);-moz-transform: translateY(-44px);-o-transform: translateY(-44px);}100% {transform: translateY(0);-webkit-transform: translateY(0);-moz-transform: translateY(0);-o-transform: translateY(0);}}

.banner-PUB-title p{font-size: 24px;margin-top: 10px;animation: PUBbannerD 1s ease both;-o-animation: PUBbannerD 1s ease both;-webkit-animation: PUBbannerD 1s ease both;-moz-animation: PUBbannerD 1s ease both;}
@keyframes PUBbannerD {0% {transform: translateY(34px);-webkit-transform: translateY(34px);-moz-transform: translateY(34px);-o-transform: translateY(34px);}100% {transform: translateY(0);-webkit-transform: translateY(0);-moz-transform: translateY(0);-o-transform: translateY(0);}}
@-o-keyframes PUBbannerD {0% {transform: translateY(34px);-webkit-transform: translateY(34px);-moz-transform: translateY(34px);-o-transform: translateY(34px);}100% {transform: translateY(0);-webkit-transform: translateY(0);-moz-transform: translateY(0);-o-transform: translateY(0);}}
@-webkit-keyframes PUBbannerD {0% {transform: translateY(34px);-webkit-transform: translateY(34px);-moz-transform: translateY(34px);-o-transform: translateY(34px);}100% {transform: translateY(0);-webkit-transform: translateY(0);-moz-transform: translateY(0);-o-transform: translateY(0);}}
@-moz-keyframes PUBbannerD {0% {transform: translateY(34px);-webkit-transform: translateY(34px);-moz-transform: translateY(34px);-o-transform: translateY(34px);}100% {transform: translateY(0);-webkit-transform: translateY(0);-moz-transform: translateY(0);-o-transform: translateY(0);}}

@media all and (max-width:1000px) {.banner-PUB{height: 200px;}.banner-PUB img{height: 100%;}.banner-PUB-title h6 {font-size: 24px;}.banner-PUB-title p {font-size: 18px;margin-top: 6px;}}

/* --------------------sunnav-box--------------------------------- */
.sunnav-PUB-box{width: 100%;background-color: #fff;overflow: hidden;padding: 20px 0 0 0;border-bottom: 1px solid #dbdbdb;}
.sunnav-PUB{width: 1400px;margin: 0 auto;}
.sunnav-PUB-left{float: left;padding-bottom: 20px;}
.sunnav-PUB-left b{display: inline-block;width: 20px;height: 20px;background-repeat: no-repeat;background-image: url('../images/earth_icon.png');vertical-align: middle;margin: -2px 6px 0 0;}
.sunnav-PUB-left a{font-size: 15px;color: #555;}
.sunnav-PUB-left a:hover{color: #ec6c1f;}
.sunnav-PUB-left i{display: inline-block;width: 3px;height: 5px;background-repeat: no-repeat;background-image: url('../images/nav_Rarrow.png');vertical-align: middle;margin: -2px 6px 0 6px;}
.sunnav-PUB-Lactive{color: #ec6c1f !important;}

.sunnav-PUB-right{float: right;font-size: 0;}
.sunnav-PUB-right a{display: inline-block;font-size: 15px;color: #555;margin: 0 15px;position: relative;padding: 0 0 24px 0;}
.sunnav-PUB-right a:after{content: '';position: absolute;display: inline-block;width: 100%;height: 2px;background-color: #ec6c1f;left: 0;bottom: 0;opacity: 0;}
.sunnav-PUB-right a:hover{color: #ec6c1f;}
.sunnav-PUB-right a:hover:after{opacity: 1;}
.sunnav-PUB-Ractive{color: #ec6c1f !important;}
.sunnav-PUB-Ractive:after{opacity: 1 !important;}

@media all and (max-width:1460px) {.sunnav-PUB {width: 94%;margin-left: 3%;}}
@media all and (max-width:1000px) {
	.sunnav-PUB-right{display: block;}
	.sunnav-PUB-right a{padding: 0 0 18px 0;font-size: 14px;}
	.sunnav-PUB-box{padding: 14px 0 0 0}
	.sunnav-PUB-left a{font-size: 13px;}
	.sunnav-PUB-left b{margin: 0px 4px 0 0;}
	.sunnav-PUB-left i{margin: -2px 3px 0 3px;}
}


/* --------------------------fullpage-PUB-box------------------------------- */
.fullpage-PUB-box{width: 100%;overflow: hidden;padding: 10px 0 80px 0;}
.fullpage-PUB{width: 100%;font-size: 0;text-align: center;}
.fullpage-PUB a{display: inline-block;width: 42px;height: 42px;line-height: 42px;background-color: #f3f3f3;font-size: 16px;color: #555;margin: 0 6px;}
.fullpage-PUB a:first-child i{width: 8px;height: 16px;display: inline-block;background-repeat: no-repeat;background-image: url('../images/fullpage_PUB_left.png');vertical-align: middle;}
.fullpage-PUB a:last-child i{width: 8px;height: 16px;display: inline-block;background-repeat: no-repeat;background-image: url('../images/fullpage_PUB_right.png');vertical-align: middle;}

.fullpage-PUB a:hover{background-color: #ec6c1f;color: #fff;}
.fullpage-PUB a:first-child:hover i{background-image: url('../images/fullpage_PUB_leftH.png');}
.fullpage-PUB a:last-child:hover i{background-image: url('../images/fullpage_PUB_rightH.png');}
@media all and (max-width:1000px) {.fullpage-PUB a {width: 40px;height: 40px;line-height: 40px;font-size: 14px;margin: 0 3px;}.fullpage-PUB-box {padding: 10px 0 34px 0;}}


/*内页代码*/
.containers{width: 1400px;margin: 0 auto;overflow: hidden;}

.gywm-bigtitle-box{width: 100%;overflow: hidden;padding: 30px 0;}
.gywm-bigtitle{width: 100%;text-align: center;}
.gywm-bigtitle h6{font-size: 30px;color: #333;font-weight: bold;}
.gywm-bigtitle-box .abtsm{width: 100%; margin: 35px auto; color: #444; font-size:15px; line-height: 30px;}
.gywm-bigtitle-box .abtsm img{ max-width:100%;}


.honor{width: 100%; margin: 35px auto; overflow: hidden;}
.honor ul{ margin-left:-2%;}
.honor li{ width:23%; margin-left:2%; float:left; text-align:center; margin-bottom:1%;}
.honor li .pic{ border:5px solid #dfdfdf;}
.honor li .pic img{ width:100%;}
.honor li p{ line-height:30px; padding-top: 6px;}

.about-right-mob{display:none;}


/*新闻资讯*/
.xw-piclist-box{width: 100%;overflow: hidden;padding: 10px 0 30px 0;}
.xw-piclist{width: 1400px;margin: 0 auto;}
.xw-piclist ul{margin-left: -2%;overflow: hidden;}
.xw-piclist ul li{width: 31.22%;margin-left: 2%;height: 444px;float: left;padding: 24px;margin-top: 14px;margin-bottom: 14px;border: 1px solid #e5e5e5;}
.xw-piclist ul li:hover{-moz-box-shadow: 0 4px 10px 4px #efefef;-webkit-box-shadow: 0 4px 10px 4px #efefef;box-shadow: 0 4px 10px 4px #efefef;}
.xw-piclist-pic{width: 100%;height: 232px;overflow: hidden;}
.xw-piclist-pic img{width: 100%;height: 100%;object-fit: cover;transition: all 1s;}
.xw-piclist ul li:hover .xw-piclist-pic img{transform: scale(1.1);}
.xw-piclist-words{width: 100%;overflow: hidden;padding: 16px 0 0 0;}
.xw-piclist-words h5{font-size: 13px;color: #999;}
.xw-piclist-words h4{font-size: 16px;color: #333;font-weight: bold;margin-top: 18px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.xw-piclist-words h4:hover{color: #e9532a;}
.xw-piclist-words p{font-size: 14px;color: #777;line-height: 24px;margin-top: 12px;height: 48px;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.xw-piclist-words span{font-size: 13px;color: #8dc21f;display: inline-block;margin-top: 14px;}
.xw-piclist-words span:hover{color: #e9532a;}

/*新闻详细*/
.news-left{width:100%;overflow: hidden;padding: 0 0 30px 0;}
.nInfo-top{text-align: center; overflow:hidden;}

.nInfo-top .name{font-size:24px;font-weight:normal;}
.nInfo-top .newszx{font-size:12px;color:#888888;}
.nInfo-top .newszx span{display:inline-block;margin:16px 23px 0 0;}

.nInfo-con{padding:24px 0;line-height:30px;color:#555;border-top:1px dashed #cccccc;border-bottom:1px dashed #cccccc;margin:15px 0 0;}

.nInfo-page{color:#666666;position:relative;margin:26px 0 0;}
.nInfo-page a{display:block;padding:9px 0;}
.nInfo-page .rtn-btn{padding:30px 0 0;width:30px;text-align:center;font-size:12px;background:url(../images/icon-rtn.png) no-repeat center top;position:absolute;right:0px;top:13px;}


.relation_contact{width: 100%; margin: 35px auto; overflow: hidden;}
.relation_contact .contact_lx{float: left; width: 30%; color: #444; font-size:15px; line-height: 35px; margin-top: 55px;}
.relation_contact .contact_map{float: right; width: 68%;}

/*产品列表*/
.prod_list {margin-top: 20px;overflow: hidden}
.prod_list ul{ margin-right: -2%;}
.prod_list li{float: left; width:23%; text-align: center;margin-right: 2%; margin-bottom: 15px;}  
.prod_list li img{width:100%; border: 2px solid #e2e2e2; padding: 2px;} 
.prod_list li span{ display: block; line-height: 22px; padding: 6px 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.prod_list li img:hover{border: 2px solid #8dc21f;}

.pro_detail{width: 100%;margin: 0 auto;padding:40px 0;  border-bottom: 1px solid #dcdcdc; overflow: hidden; }
.pro_detail_pic{float: left;width:60%;}
.pro_detail_pic img{width:100%; } 
.pro-detail-side {float: right;width: 36%;padding-top:0;}


.pro-detail-side .tit.case-tit{font-weight: normal;font-size: 22px; padding-bottom:15px;}
.pro-detail-side .ms{padding: 12px 0;font-size: 15px; line-height: 32px;border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc;}
.pro-detail-side .btn{margin-top: 36px;font-size: 0;}

.pro-detail-side .btn{margin-top: 30px;font-size: 0;}
.pro-detail-side .btn-detail{width: 185px;height: 50px;text-align: center;line-height: 50px;background: #8dc21f;color: #fff;font-size: 16px;}
.pro-detail-side .btn a{display: inline-block;vertical-align: middle;}
.d-down{display: inline-block;vertical-align: middle;width: 16px;height: 16px;}


/*feedback*/
.content_box{margin-top:0px;}
.content_box .messages_box{width:auto;padding:0 1% 10px 0;}
.content_box .messages_box ul{width:100%;}
.content_box .messages_box ul li{padding:5px 28px 5px 5px;}
.content_box .messages_box .text-input,.content_box .messages_box .summary-input,.content_box .messages_box .qq-input{width:100%;height:33px;padding:0px 10px;line-height:normal;background:none repeat scroll 0% 0% rgb(253, 253, 253);border-width:1px;border-style:solid;border-color:rgb(133, 133, 133) rgb(175, 175, 175) rgb(201, 201, 201);box-shadow:1px 2px 3px rgb(183, 183, 183) inset !important;font-size:14px;}
.content_box .messages_box .cont-input{width:100%;height:130px;padding:10px;line-height:20px;background:none repeat scroll 0% 0% rgb(253, 253, 253);border-width:1px;border-style:solid;border-color:rgb(133, 133, 133) rgb(175, 175, 175) rgb(201, 201, 201);box-shadow:1px 2px 3px rgb(183, 183, 183) inset !important;font-size:14px;}
.content_box .messages_box .code-input{width:125px;vertical-align:middle;height:33px;padding:0px 10px;line-height:normal;background:none repeat scroll 0% 0% rgb(253, 253, 253);border-width:1px;border-style:solid;border-color:rgb(133, 133, 133) rgb(175, 175, 175) rgb(201, 201, 201);box-shadow:1px 2px 3px rgb(183, 183, 183) inset !important;}
.content_box .messages_box .verify-pic{height:35px;vertical-align:middle;}
.content_box .messages_box .submitBtn{text-align:center;padding-top:10px;}
.content_box .messages_box .messages-button{width:125px;height:34px;line-height:34px;font-size:16px;color:#fff;text-align:center;background:none repeat scroll 0% 0% #8dc21f;border:none;}


@media all and (max-width:1700px) {
.containers{width: 96%;}
.gywm-bigtitle h6{font-size: 25px;}	
	
.xw-piclist{width: 96%;}
}

@media all and (max-width:1000px) {
.containers{width: 97%;}
.gywm-bigtitle-box .abtsm{ font-size:13px; line-height:27px; margin: 20px auto;}	
.gywm-bigtitle-box .abtsm table tr td{ width: 100%; display: block; padding:1% 0}
.honor li{ width:48%; margin-left:2%;}
	
.xw-piclist{width: 97%;}
.xw-piclist ul{margin-left: 0%;}
.xw-piclist ul li{width: 100%;margin-left: 0%;height: auto;padding: 16px;margin-top: 8px;margin-bottom: 8px;}

.nInfo-top .name{font-size:18px;font-weight:normal;}

.pro_detail{padding:0 0 40px 0; }
.pro_detail_pic{float: none;width:100%;}
.pro-detail-side {float: none;width: 100%;padding-top:0; margin-top: 20px;}
	
.relation_contact .contact_lx{ float: none; width: 100%; color: #444; font-size:14px; line-height: 28px; margin-top: 10px;}
.relation_contact .contact_map{float: none; width:100%;margin-top: 25px;}

}