/* CSS Document */

* {
	margin: 0;
	padding: 0;
}

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

body {
	margin: 0 auto;
	font-family: Arial, Helvetica, sans-serif;
	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: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-size: 1.4rem;
	color: #333;
	border: none;
	outline: none;
}

.l {
	float: left;
}

.r {
	float: right;
}

.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: #1b1b1b;
}

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

	color: #1b1b1b;
}

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

	color: #1b1b1b;
}

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

	color: #1b1b1b;
}



@media screen and (min-width:1220px) {
	.wp {
		width: 1200px;
		margin: auto;
	}
	.wp1 {
		width: 100%;
		margin: auto;
		background-color:#1b64b7;
	}
	
}

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

@media screen and (max-width:999px) {
	.wp {
		width: 95%;
		margin: auto;
	}
	.wp1 {
		width: 100%;
		margin: auto;
		background-color:#1b64b7;
	}
}



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



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

.search {
	position: relative;
}

.search>a {
	cursor: pointer;
}

.search form {
	position: absolute;
	top: 100%;
	right: 0;
	z-index: 99;
	display: none;
}

.sou {
	width: 200px;
	height: 40px;
	line-height: 40px;
	padding-left: 10px;
	border: 1px solid #1b64b7;
}

.suo {
	position: absolute;
	right: 3px;
	top: 3px;
	width: 38px;
	height: 38px;
	background: url(/enstatic/image/sousuo2.png) no-repeat center center;
	cursor: pointer;
}

/*.container*/

.container {
	width: 5px;
	height: 100%;
	position: absolute;
	right: 0;
	-webkit-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
	z-index: 999999999999999;
	cursor: pointer;
	position: fixed;
	top: -5px;
	right: 0;
	display: block;
}



.container .nav {
	overflow: hidden;
	width: 300px;
	background: rgba(0, 0, 0, 0.8);
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	height: auto;
	overflow: scroll;
}



.container .nav form {
	margin: 15px auto;
	width: 258px;
	height: 26px;
	border: 1px solid #fff;
}



.container .nav form .iptc {
	box-sizing: border-box;
	padding-left: 15px;
	background-color: #fff;
	width: 80%;
	height: 26px;
	line-height: 26px;
	display: block;
	float: left;
}



.container .nav form .ipsc {
	width: 20%;
	height: 26px;
	line-height: 26px;
	display: block;
	float: right;
	background: #fff url(/enstatic/image/sousuo2.png) no-repeat center center;
}



.container .nav>ul {
	display: none;
	margin-top: 0px;
	margin-bottom: 0px;
	overflow: scroll;
	padding-top: 45px;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}



.container .nav>ul>li {
	line-height: 40px;
	font-size: 12px;
	font-size: 1.2rem;
	text-indent: 20px;
	position: relative;
}



.container .nav>ul>li .addition {
	width: 20px;
	height: 20px;
	position: absolute;
	right: 15px;
	top: 10px;
	background: url("../image/shizi.png") no-repeat center center;
}



.container .nav>ul>li .addition.fa:before {
	margin-right: 5px;
	color: #fff;
	text-indent: 0;
}



.container .nav>ul>li>a {
	color: #fff;
	font-size: 12px;
	font-size: 1.2rem;
	display: block;
	margin-right: 40px;
}



.container .nav>ul>li>a span {
	color: #fff;
	font-size: 12px;
	font-size: 1.2rem;
}



.container .nav>ul>li .c-show {
	display: none;
	width: 100%;
}





.container .nav>ul>li .c-show1 .c-s1 {
	position: relative;
	padding-left: 15px;
}



.container .nav>ul>li .c-show1 .c-s1>a {
	position: relative;
	font-size: 12px;
	font-size: 1.2rem;
	color: #fff;
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
	line-height: 30px;
	margin-right: 40px;
}



.container .nav>ul>li .c-show1 .c-s1>a span {
	font-size: 12px;
	font-size: 1.2rem;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
}





.container .nav>ul>li .c-show1 .c-s1>.c-show2 {
	position: relative;
}



.container .nav>ul>li .c-show1 .c-s1>.c-show2 .c-s2 {
	position: relative;
}



.container .nav>ul>li .c-show1 .c-s1>.c-show2 .c-s2>a {
	text-indent: 35px;
	font-size: 12px;
	font-size: 1.2rem;
	color: #fff;
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
	line-height: 30px;
	margin-right: 40px;
}



.container .nav>ul>li .c-show1 .c-s1>.c-show2 .c-s2>a span {
	font-size: 12px;
	font-size: 1.2rem;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
}





.container .nav>ul>li .c-show1 .c-s1 .c-s2 .c-show3 {
	position: relative;
}



.container .nav>ul>li .c-show1 .c-s1 .c-s2 .c-show3 .c-s3 a {
	text-indent: 50px;
	font-size: 12px;
	font-size: 1.2rem;
	color: #fff;
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
	line-height: 30px;
}



.container .nav>ul>li .c-show1 .c-s1 .c-s2 .c-show3 .c-s3 a span {
	font-size: 12px;
	font-size: 1.2rem;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
}





.container .nav>ul>dl {
	padding: 20px;
}



.container .nav>ul>dl dd {
	float: left;
	margin: 0 2px;
}



.container .menubtn {
	width: 23px;
	height: 18px;
	position: absolute;
	top: 30px;
	right: 12px;
	-webkit-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
	z-index: 9999;
}



.container .menubtn span {
	display: block;
	width: 100%;
	height: 3px;
	margin-bottom: 3px;
	background-color: #da251d;
}



@media screen and (min-width: 768px) {

	.container,
	.nav {
		display: none !important;
	}
}

.ap3 img{ width:95%}



/***********  lunbo  *************/

#lun2 {
	position: relative;
}

.slide .carouse {
	width: 100%;
	overflow: hidden;
	position: relative
}

.slide .slideItem .banner-img {
	width: 100%;
	display: block;
}

.slide .carouse .slideItem {

	width: 100%;

	position: absolute;

}

.slide .console {

	height: 57px;

	display: inline-block;

	width: 35px;

	position: absolute;

	top: 40%;

}

.slide .dotList {

	text-align: center;

	position: absolute;
	bottom: 22px;
	width: 100%;
	left: 0;

}

.slide .dotList ul li {

	display: inline-block;

	width: 20px;

	height: 20px;



	margin-left: 13px;

	cursor: pointer;

}

.slide .dotList ul li.active {}

.slide .carousel-control {

	position: absolute;

	top: 50%;

	margin-top: -25px;

	width: 50px;

	height: 50px;

	z-index: 999;

}

.slide .carousel-control.left {

	left: 8.2%;

	background-image: url("../image/prev.png");

	cursor: pointer;

}

.slide .carousel-control.right {

	right: 8.2%;

	background-image: url("../image/next.png");

	cursor: pointer;

}



.slide .carousel-control.left:hover {
	background-image: url("../image/prev2.png");
}

.slide .carousel-control.right:hover {
	background-image: url("../image/next2.png");
}

.slide .slidedetail {
	display: none;
}





.imgtoVideo img {
	width: 100%;
}

.imgtoVideo>div {
	padding: 1px;
	position: relative;
	cursor: pointer;
	width: 49%;
	display: inline-block;
}

.imgtoVideo>div:hover .imgtoVideoDetail {
	display: block
}

.imgtoVideo .imgtoVideoDetail {

	width: 100%;

	height: 100%;

	position: absolute;

	top: 0;

	left: 0;

	padding: 1px;

	display: none
}

.imgtoVideo .imgtoVideoDetail>div {

	background: rgba(0, 98, 197, 0.8);

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#C8142B49, endColorstr=#C8142B49);

	width: 100%;

	height: 100%;

	text-align: center;

}

.imgtoVideo .tovideo .imgtoVideoDetail {

	display: block;

}

.imgtoVideo .tovideo .imgtoVideoDetail>div {

	background: #0C2D47;

	width: 60px;

	height: 60px;

	color: #fff;

	line-height: 60px;

	vertical-align: middle;

	margin: 0 auto;

	margin-top: 17%;

}

.imgtoVideo .imgtoVideoDetail .fa-search {

	color: #fff;

	font-size: 25px;

	margin-top: 21%;

}

.contentIV {

	position: fixed;

	top: 0;

	left: 0;

	right: 0;

	width: 100%;

	height: 100%;

	display: table;

	background: rgba(20, 43, 73, 0.8);

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#C8142B49, endColorstr=#C8142B49);

	margin: 0 auto;

	z-index: -999;

	max-width: 1024px;

	display: none;

}



#picturetoVideo .carouse .slideItem {
	display: table;
	height: 100%
}

#picturetoVideo .carouse .slideItem>div {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

#picturetoVideo .carouse .slideItem .banner-img {
	max-width: 100%;
	width: auto
}

.closeContentIV {

	position: absolute;

	top: 10px;

	right: 10px;

	font-size: 25px;

	color: #fff;

	font-weight: bold;

	cursor: pointer;

	z-index: 999;

}



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

	.slide .dotList ul li {
		margin-left: 10px;
	}

	.slide .dotList {
		bottom: 5px;
	}

	.slide .dotList ul li {
		width: 10px;
		height: 10px;
		border-radius: 5px;
		overflow: hidden;
	}

	.slide .carousel-control.left,
	.slide .carousel-control.right {
		display: none;
	}



	.slide .dotList ul li {
		background: #fff;
	}

	.slide .dotList ul li.active {
		background: #da251d;
	}

}



/***************  head  *************/

.head {
	background: url(/enstatic/image/headbg.jpg) repeat-x center bottom;
}

.head .wp {
	position: relative;
	padding-bottom: 0px;
}

.logo2 {
	display: none;
}

.logo1 {
	/*display: block;*/
}

.logo {
	padding-top: 11px;
	float: left;
}

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



.navlist2 {
	display: none;
}

.navlist {
	    margin-right: auto;
    padding-top: 10px;
    width: 1200px;
    margin-left: auto;
}

.navlist>li {
	float: left;
	position: relative;
	padding-left: 10px;

	margin-left: 32px;
}

.navlist>li>a {
	display: block;
	text-transform: uppercase;
	font-size: 16px;
	font-size: 1.8rem;
	font-weight: bold;
	padding-bottom: 20px;
	border-bottom: 3px solid transparent;
	color:#fff;
}

.navlist>li.nobg {
	background: none;
}

.navlist>li:hover>a {
	color: #da251d;
	border-bottom: 3px solid #da251d;
}

.navlist>li.currentnav>a {
	color: #fff;
	border-bottom: 3px solid #da251d;
}

.ssnav {
	/*position: absolute;bottom: 0;right: 0;*/
	padding-top: 10px;
}



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

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

	.logo1 img {
		width: 80%;
	}

	.head .wp {
		padding-bottom: 35px;
	}

}

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

	.navlist>li {
		padding-left: 25px;
		margin-left: 25px;
	}

}

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

	.logo1 {
		display: none;
	}

	.logo2 {
		display: block;
	}

	.search {
		display: none;
	}

	.navlist1 {
		display: none;
	}

	.navlist2 {
		display: block;
	}

	.navlist {
		margin-right: 0;
		width: 100%;
	}

	.navlist>li {
		width: auto;
		padding-left: 10;
		background: none;
		margin-left: 0;
		text-align: center;
	}

	.ssnav {
		position: static;
	}

	.head .wp {
		padding-bottom: 0;
	}

	.logo2 {
		display: inline-block;
		width: 80%;
	}

}

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

	.navlist>li>a {
		font-size: 14px;
		font-size: 1.4rem;
	}

}



/*************  bottom  *************/

.bottom {
	padding-top: 57px;
	background: #272727;
}

.bottom p,
.bottom li,
.bottom a,
.bottom span {
	color: #ffffff;
}

.bottom a:hover {
	color: #da251d;
}

.div>a,
.div>span {
	display: block;
	font-size: 24px;
	font-size: 2.4rem;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 13px;
}

.div li {
	line-height: 30px;
}

.div1 {
	margin-right: 268px;
}

.div2 {
	width: 285px;
}

.div3 {
	width: 343px;
}

.bsjj {
	padding-top: 10px;
}

.bsjj a {
	margin-right: 24px;
	position: relative;
	top: 0;
	transition: 0.5s;
}

.bsjj a:hover {
	top: -10px;
}

.copyright {
	line-height: 30px;
	padding-top: 11px;
}



.link {
	line-height: 44px;
	height: 44px;
	border-top: 1px solid #686868;
	margin-top: 27px;
	text-align: center;
}

.link a {
	padding: 0 10px;
}



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

	.div1 {
		margin-right: 140px;
	}

}

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

	.div1 {
		width: 30%;
		margin-right: 5%;
	}

	.div2 {
		width: 65%;
	}

	.div3 {
		width: 100%;
		margin-top: 20px;
	}

}

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

	.div1,
	.div2 {
		display: none;
	}

	.div3>span {
		display: none;
	}

	.bsjj {
		display: none;
	}

	.copyright {
		padding-top: 0;
	}

	.link a,
	.link span {
		display: none;
	}

	.bottom {
		padding-top: 10px;
	}

}



/*************  sya  *************/

.sya {
	padding-top: 79px;
	padding-bottom: 30px;
	background: url(/enstatic/image/syabg1.jpg) no-repeat center top;
}

.syatu1 {
	position: relative;
	display: block;
}

.syatu1 .syatu11 {
	width: 100%;
	max-width: 744px;
	max-height: 526px;
}

.syatu1 .syaxian1 {
	position: absolute;
	top: 78px;
	right: -79px;
}

.syazuox {
	position: relative;
	margin-top: 24px;
}

.syazuox>a {
	position: absolute;
	display: block;
	top: 50%;
	margin-top: -29px;
}

.syazuox>p {
	padding-left: 217px;
}

.syazuox>p>a {
	display: block;
	color: #fff;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 24px;
}

.syazuo {
	width: 744px;
}



.syayou {
	width: 402px;
	padding-top: 150px;
}

.syabt {
	font-size: 34px;
	font-size: 3.4rem;
	font-weight: bold;
	text-transform: uppercase;
	padding-bottom: 13px;
	background: url(/enstatic/image/syaxian2.png) no-repeat left bottom;
}

.syabt a span {
	color: #da251d;
}

.syabt a:hover {
	color: #da251d;
}



.syap1 {
	display: block;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	margin-top: 18px;
}

.syap2 {
	line-height: 24px;
	display: block;
	margin-top: 3px;
}

.syap1:hover {
	color: #da251d;
}

.syap2:hover {
	color: #da251d;
}

.syatu2 {
	position: relative;
	margin-top: 96px;
}

.syatu2 img {
	width: 100%;
	max-width: 333px;
	max-height: 228px;
}

.syatu2 .syvm {
	display: block;
	width: 138px;
	height: 37px;
	line-height: 37px;
	text-align: center;
	color: #fff;
	background: #da251d;
	position: absolute;
	left: 0;
	top: -15px;
	font-weight: bold;
}



.sywhat {
	padding-top: 78px;
}

.whatzuo {
	width: 646px;
}

.whatcon {
	position: relative;
	overflow: hidden;
}

.whatbox1 .whattu img {
	width: 100%;
	max-width: 646px;
	max-height: 400px;
}



.whatcover {
	position: absolute;
	left: 0;
	top: -100%;
	width: 100%;
	height: 100%;
	background: url(/enstatic/image/whatcover.png);
}

.whatcover span {
	display: block;
	text-align: center;
	font-size: 20px;
	font-size: 2rem;
	font-weight: bold;
	color: #fff;
	padding-top: 102px;
	background: url(/enstatic/image/lianjie.png) no-repeat center top;
	margin-top: 27%;
}



.whatp {
	display: none;
	text-align: center;
	line-height: 24px;
}

.whatbox:hover .whatcover {
	top: 0;
}

.whatbox {
	margin-bottom: 28px;
}



.whatyou {
	width: 530px;
	padding-top: 38px;
}

.whatbt {
	position: relative;
	padding-bottom: 10px;
	background: url(/enstatic/image/syaxian3.jpg) no-repeat left bottom;
}

.whatbt a.wwo {
	color: #fff;
	font-size: 34px;
	font-size: 2.4rem;
	text-transform: uppercase;
	font-weight: bold;
}

.syjia {
	position: absolute;
	right: 21px;
	bottom: 10px;
}

.whatp1 {
	display: block;
	color: #fff;
	line-height: 24px;
	margin-top: 15px;
	margin-bottom: 53px;
}

.whatbox2 .whattu img {
	width: 100%;
	max-width: 530px;
	max-height: 334px;
}



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

	.syazuo {
		width: 545px;
	}

	.sya {
		background: url(/enstatic/image/syabg1.jpg) no-repeat center -100px;
		padding-top: 100px;
	}

	.syayou {
		padding-top: 35px;
	}

	.syatu1 .syaxian1 {
		top: 20px;
	}



	.whatzuo {
		width: 500px;
	}

	.whatyou {
		width: 450px;
	}

}

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

	.sya {
		background: #1b64b7;
	}

	.syazuo {
		width: 100%;
		float: none;
	}

	.syatu1 {
		text-align: center;
	}

	.syatu1 .syaxian1 {
		display: none;
	}

	.syayou {
		float: none;
		width: 100%;
		padding-top: 50px;
	}

	.syatu2 {
		margin-top: 50px;
	}

	.syabt a {
		color: #fff;
	}

	.syap1,
	.syap2 {
		color: #fff;
	}

	.whatzuo {
		width: 55%;
	}

	.whatyou {
		width: 43%;
		padding-top: 0;
	}

	.whatcover {
		display: none;
	}

	.whatp {
		display: block;
		color: #fff;
		margin-top: 10px;
	}

}

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

	.sywhat {
		padding-top: 40px;
	}

	.whatbt a.wwo {
		font-size: 30px;
		font-size: 3rem;
	}

	.syazuox>p>a {
		font-size: 14px;
		font-size: 1.4rem;
	}



}

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

	.whatzuo {
		float: none;
		width: auto;
		max-width: 646px;
	}

	.whatyou {
		float: none;
		width: auto;
		max-width: 530px;
		margin: 0 auto;
	}



}

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

	.syazuox>a {
		position: static;
		margin-top: 10px;
		margin-bottom: 10px;
	}

	.syazuox>p {
		padding-left: 0;
	}

	.syabt {
		font-size: 30px;
		font-size: 3rem;
	}



}

/**********  syp  **********/

.syp {
	padding-bottom: 53px;
}

.img-scroll3 {
	position: relative;
	margin: 0 auto;
	width: 100%;
	padding-top: 42px;
}

.img-scroll3 .prev3,
.img-scroll3 .next3 {
	position: absolute;
	display: block;
	width: 34px;
	height: 34px;
	top: -7%;
	margin-top: -21px;
	color: #fff;
	text-align: center;
	line-height: 100px
}

.img-scroll3 .prev3 {
	right: 0;
	margin-right: 37px;
	cursor: pointer;
	background: url("../image/ps.jpg") no-repeat left center;
}

.img-scroll3 .next3 {
	right: 0;
	cursor: pointer;
	background: url("../image/px.jpg") no-repeat right center;
}

.img-scroll3 .prev3:hover {
	background: url("../image/ps2.jpg") no-repeat left center;
}

.img-scroll3 .next3:hover {
	background: url("../image/px2.jpg") no-repeat right center;
}

.img-list3 {
	position: relative;
	width: 100%;
	overflow: hidden;
	margin: 0 auto;
}

.img-list3 ul {
	width: 999999px;
}

.img-list3 li {
	float: left;
	display: inline;
	width: 370px;
	position: relative;
	position: relative;
	margin-right: 45px;
}



.sypbt {
	padding-top: 30px;
	background: url(/enstatic/image/sypbg1.jpg) no-repeat left top;
}

.sypbt p {
	margin-right: 112px;
	background: url(/enstatic/image/sypxian.jpg) no-repeat 307px center;
}

.sypbt p a {
	padding-right: 36px;
	font-size: 34px;
	font-size: 3.4rem;
	font-weight: bold;
	text-transform: uppercase;
}



.sypcon {
	position: relative;
	overflow: hidden;
}

.syptu img {
	display: block;
	width: 100%;
	max-width: 534px;
	max-height: 336px;
}

.sypcover {
	position: absolute;
	left: 0;
	top: -100%;
	width: 100%;
	height: 100%;
	background: url(/enstatic/image/whatcover.png);
}

.sypcover span {
	display: block;
	text-align: center;
	font-size: 16px;
	font-size: 1.6rem;
	color: #fff;
	font-weight: bold;
	padding-top: 90px;
	background: url(/enstatic/image/lianjie.png) no-repeat center top;
	margin-top: 21%;
}

.sypp {
	text-align: center;
	line-height: 30px;
	display: none;
}

.sypbox:hover .sypcover {
	top: 0;
}



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

	.img-list3 li {
		margin-right: 30px;
		width: 306px;
	}

	.sypcover span {
		margin-top: 17%;
	}

}

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

	.syp {
		padding-top: 30px;
	}

	.img-list3 ul {
		width: 10000%;
	}

	.img-list3 li {
		width: 0.31%;
		margin: 0 0.01%;
	}

	.sypcover {
		display: none;
	}

	.sypp {
		display: block;
	}

}

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

	.img-list3 li {
		width: 0.48%;
		margin: 0 0.01%;
	}

	.sypbt p a {
		font-size: 30px;
		font-size: 3rem;
	}

	.sypbt p {
		background: none;
	}

}

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

	.sypbt {
		background: none;
		padding-top: 5px;
	}

	.sypbt p a {
		padding-right: 0;
		font-size: 24px;
		font-size: 2.4rem;
	}

	.sypbt p {
		margin-right: 80px;
	}

}

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

	.img-list3 li {
		width: 0.98%;
	}

}



/********  syapp  *********/

.syapp {
	padding-bottom: 50px;
}

.appbt {
	padding-top: 20px;
	background: url(/enstatic/image/casebg1.jpg) no-repeat center top;
	text-align: center;
}

.appbt a {
	display: inline-block;
	font-size: 34px;
	font-size: 3.4rem;
	font-weight: bold;
	color: #da251d;
	text-transform: uppercase;
	padding-bottom: 16px;
	background: url(/enstatic/image/hongxian.jpg) no-repeat center bottom;
}



.appbox {
	width: 24.5%;
	margin-left: 0.5%;
	float: left;
	margin-top: 65px;
}

.appp {
	display: block;
	text-align: center;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 30px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin-top: 20px;
}

.appbox img {
	width: 100%;
	max-width: 472px;
	max-height: 298px;
}


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

	.appbox {
		width: 46%;
		margin: 0 2%;
		margin-top: 20px;
	}

}

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

	.appbt a {
		font-size: 30px;
		font-size: 3rem;
	}

	.syp {
		padding-bottom: 30px;
	}

}

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

	.appbt {
		background: none;
	}

	.appbt a {
		font-size: 24px;
		font-size: 2.4rem;
	}

	.appp {
		margin-top: 10px;
		font-size: 14px;
		font-size: 1.4rem;
	}

}

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

	.appbt {
		background: none;
	}

	.appbt a {
		font-size: 24px;
		font-size: 2.4rem;
	}

	.appp {
		margin-top: 10px;
		font-size: 14px;
		font-size: 1.4rem;
	}

	.appbox {
		width: 48%;
		margin: 0 1%;
		margin-top: 20px;
	}

	.syp {
		padding-bottom: 10px;
	}

}



/***************  syn  **************/

.syn {
	padding-top: 26px;
	padding-bottom: 80px;
}

.synbtp {
	position: relative;
	margin-bottom: 30px;
}

.synbt {
	font-size: 30px;
	font-size: 3rem;
	color: #333333;
	font-weight: bold;
	text-transform: uppercase;
}

.synbt:hover {
	color: #da251d;
}

.synbt span {
	color: #da251d;
}

.sym {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 84px;
	height: 30px;
	line-height: 30px;
	border-radius: 15px;
	text-align: center;
	color: #fff;
	background: #da251d;
	position: absolute;
	right: 0;
	bottom: 0px;
	font-size: 16px;
	font-size: 1.6rem;
}

.synzuo {
	width: 600px;
}

.synzuo ul li {
	position: relative;
	margin-top: 18px;
}

.ri {
	font-size: 50px;
	font-size: 5rem;
	position: absolute;
	left: 0;
	top: 0;
}

.yuenian {
	position: absolute;
	left: 64px;
	top: 3px;
	text-align: center;
}

.yuenian span {
	display: block;
	line-height: 30px;
}

.yue {
	padding-bottom: 1px;
	background: url(/enstatic/image/yue.jpg) no-repeat center bottom;
}

.synnr {
	padding-left: 124px;
	display: table-cell;
	vertical-align: middle;
}

.synnr a.synnr1 {
	display: block;
	color: #666666;
	line-height: 24px;
	overflow: hidden;
	font-weight: bold;
	margin-bottom: 2px;
}

.synnr a.synnr2 {
	display: block;
	line-height: 24px;
	height: 48px;
	overflow: hidden;
}

.synnr a:hover {
	color: #da251d;
}



.synyou img {
	width: 100%;
	max-width: 560px;
	max-height: 338px;
}



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

	.synyou {
		width: 450px;
		margin-top: 78px;
	}

	.synzuo {
		width: 510px;
	}

}

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

	.synyou {
		width: 100%;
		text-align: center;
		margin-top: 20px;
	}

	.synzuo {
		width: 100%;
	}

	.syn {
		padding-top: 15px;
		padding-bottom: 40px;
	}

}

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

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

	.sym {
		bottom: 6px;
	}

	.synnr {
		padding-left: 0;
		padding-top: 65px;
	}

}



/*************  fymain  *************/

.fymain {
	padding-top: 36px;
	padding-bottom: 90px;
}



/**************************  product1  ***************************/

.bread {
	background: #e9e9e9;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 30px;
	padding-top: 10px;
	padding-bottom: 7px;
}

.pzuo {
	width: 306px;
}

.pyou {
	width: 830px;
}

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

.bread a.currentbread {
	color: #da251d;
}



.title1 {
	font-size: 20px;
	font-size: 2rem;
	line-height: 46px;
	background: #1b64b7;
	font-weight: bold;
	padding-left: 13px;
	margin-bottom: 8px;
}

.zitib {
	text-transform: uppercase;
	color: #fff;
}

.subNav {
	line-height: 40px;
	background: #f3f3f3 url(/enstatic/image/cejt1.png) no-repeat 95% center;
	padding-left: 15px;
	margin-bottom: 7px;
}

.subNav a {
	display: block;
}

.subNav:hover {
	background: #1b64b7 url(/enstatic/image/cejt2.png) no-repeat 95% center;
}

.subNav:hover a {
	color: #fff;
}

.subNav.currentDd {
	background: #1b64b7 url(/enstatic/image/cejt2.png) no-repeat 95% center;
}

.subNav.currentDd a {
	color: #fff;
}

.navContent {
	padding-top: 5px;
	margin-top: -7px;
	margin-bottom: 5px;
}

.navContent p {
	line-height: 30px;
	padding-left: 13px;
}

.navContent p a {
	display: block;
	color: #666666;
}

.navContent p.currentp a {
	color: #1b64b7;
}

.navContent p:hover a {
	color: #1b64b7;
}

.navContent ul li {
	line-height: 34px;
	padding-left: 50px;
}

.navContent ul li a {
	color: #666666;
}

.navContent ul li:hover a {
	color: #1b64b7;
}



.pbox {
	width: 376px;
	float: left;
	margin-left: 78px;
	margin-bottom: 35px;
	text-align: center;
}

.ptu {
	display: inline-block;
	border: 1px solid #e5e5e5;
}

.pcon {
	position: relative;
	overflow: hidden;
}

.pcover {
	position: absolute;
	left: 0px;
	top: -100%;
	width: 100%;
	height: 100%;
	background: url(/enstatic/image/pcover.png);
}

.pcover img {
	width: 42px;
	height: 42px;
	position: absolute;
	left: 50%;
	margin-left: -21px;
	top: 50%;
	margin-top: -21px;
}

.ptu img {
	width: 100%;
	max-width: 534px;
	max-height: 336px;
	display: block;
}



.pp1 {
	text-align: center;
	font-size: 16px;
	font-size: 1.6rem;
	padding-top: 19px;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.pp1 input {
	cursor: pointer;
}

.pp2 {
	display: block;
	width: 155px;
	height: 37px;
	line-height: 37px;
	text-align: center;
	color: #1b64b7;
	border: 2px solid #1b64b7;
	border-radius: 20px;
	margin: 0 auto;
	margin-top: 20px;
}

.pp2:hover {
	background: #1b64b7;
	color: #fff;
}

.pbox:hover .pcover {
	top: 0;
}



.ms_ye {
	text-align: center;
	margin-top: 11px;
}

.ms_ye a {
    display: inline-block;
    /* width: 25px; */
    line-height: 25px;
    text-align: center;
    margin-left: 3px;
    margin-right: 4px;
    font-size: 12px;
    font-size: 1.2rem;
    background: #333333;
    /* border-radius: 50%; */
    padding-left: 10px;
    padding-right: 10px;
    color: #fff;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
}

.ms_sx {
	width: auto !important;
	background: none !important;
	;
	margin: 0 21px !important;
	color: #333 !important;
}

.ms_sx:hover {
	color: #1b64b7 !important;
}

.ms_ye .ms_current_ye {
	background: #1b64b7;
}

.ms_ye a:hover {
	background: #1b64b7;
}



.xiangshang {
	position: absolute;
	right: 0;
	bottom: 0;
	padding-left: 30px;
	background: url(/enstatic/image/xiangshang.png) no-repeat left 6px;
}

.xiangshang span {
	font-size: 16px;
	font-size: 1.6rem;
	color: #4b4b4b;
	padding-right: 10px;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
}

.xiangshang input {
	width: 170px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	color: #fff;
	background: #005fac;
	cursor: pointer;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
}



.ms_ye2 {
	text-align: left;
	position: relative;
}





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

	.pyou {
		width: 697px;
	}

	.pbox {
		margin-left: 30px;
		width: 305px;
	}

	.pzuo {
		width: 270px;
	}

}

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

	.pyou {
		width: 100%;
	}

	.pzuo {
		width: 100%;
		margin-top: 30px;
	}

	.title1 {
		background: #1b64b7;
		position: relative;
		margin-bottom: 10px;
		line-height: 48px;
	}

	.fymain {
		padding-top: 30px;
		padding-bottom: 40px;
	}

	.ms_ye a {
		margin-bottom: 10px;
	}

	.title2 {
		margin-top: 45px;
	}

	.pcover {
		display: none;
	}



	.pbox {
		width: 31.333%;
		margin: 0 1%;
		margin-bottom: 30px;
	}

	.ms_ye2 {
		text-align: center;
	}

	.xiangshang {
		position: static;
		display: inline-block;
	}

}

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

	.title1 p {
		display: block;
		position: absolute;
		right: 10px;
		bottom: 10px;
	}

	.title1 p span {
		display: block;
		width: 30px;
		height: 5px;
		margin-bottom: 3px;
		background: #fff;
	}

	.subNavBox {
		display: none;
	}

	.title1 {
		text-align: left;
		padding-left: 15px;
		font-size: 18px;
		font-size: 1.8rem;
		line-height: 48px;
	}

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

	.pp2 {
		width: 130px;
		height: 30px;
		line-height: 30px;
	}

}

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

	.pbox {
		width: 48%;
	}

}

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

	.pbox {
		width: 98%;
	}

}







/*************  product2  **************/

.phui {}

.img980 {
	display: none;
}

#showArea {
	margin-top: 19px;
	margin-bottom: 17px;
}

#showArea img {
	cursor: pointer;
	width: 133px;
	height: 82px;
	display: block;
}

#showArea a {
	display: block;
	text-align: right;
	margin-bottom: 10px;
	border: 2px solid transparent;
}

#showArea a:hover {
	border: 2px solid #1b64b7;
}

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

#gotop {
	cursor: pointer;
	display: block;
	width: 21px;
	height: 12px;
	background: url(/enstatic/image/top.png) no-repeat center top;
	margin: 0 auto;
}

#gobottom {
	cursor: pointer;
	display: block;
	width: 21px;
	height: 12px;
	background: url(/enstatic/image/bottom.png) no-repeat center bottom;
	margin: 0 auto;
}

#gotop:hover {
	background: url(/enstatic/image/topon.png) no-repeat center top;
}

#gobottom:hover {
	background: url(/enstatic/image/bottomon.png) no-repeat center bottom;
}

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

.MagicZoomBigImageCont {
	background: #FFF;
}

.MagicZoomBigImageCont img {
	width: 1000px !important;
	height: 629px !important;
	display: block;
}

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



.left-pro {
	width: 697px;
	text-align: left;
	margin-bottom: 27px;
	margin: 0 auto;
}

.left-pro .t1 {
	width: 137px;
	float: right;
}

.left-pro .t2 {
	width: 536px;
	text-indent: 0;
	float: left;
}

.left-pro .t2 a {
	display: block;
	margin-bottom: 0px;
	border: 1px solid #f0f0f0;
}

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





.titleh1 {
	padding-bottom: 18px;
}

.titleh1 h1 {
	font-size: 20px;
	font-size: 2rem;
	line-height: 32px;
	padding-bottom: 12px;
	text-align: center;
	font-weight: bold;
}

.content {
	padding-bottom: 40px;
}



.btn {
	padding-top: 25px;
}

.btn a {
	display: inline-block;
	width: auto;
	height: 39px;
	line-height: 39px;
	border-radius: 20px;
	text-align: center;
	color: #1b64b7;
	transition: 0.5s;
	padding-left: 5px;
}

.btn a:hover {
	background: #1b64b7;
	color: #fff;
}

.btn1 {
	margin-left: 16px;
}



.share {
	padding-top: 31px;
}

.share .share1 {
	line-height: 26px;
	color: #1b64b7;
	padding-right: 10px;
}



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

.cpxx p,
.cpxx li,
.cpxx soan,
.cpxx b {
	color: #666666;
}

.cpxx a {}



.des {
	height: 48px;
	background: #eee;
	margin-bottom: 19px;
}

.des span {
	display: inline-block;
	line-height: 46px;
	width: 287px;
	padding-left: 15px;
	background: #f8f8f8;
	color: #333;
	font-size: 18px;
	font-size: 1.8rem;
	text-transform: uppercase;
	border-bottom: 2px solid #1b64b7;
}

.cubt {
	font-size: 18px;
	font-size: 1.8rem;
	color: #0196da;
	font-weight: bold;
	margin-bottom: 3px;
}



.chanpinx {
	line-height: 30px;
	padding-bottom: 33px;
	color: #000000;
}

.chanpinx p {
	text-indent: 2rem;
}

.chanpinx li,
.chanpinx p,
.chanpinx span,
.chanpinx b {
	color: #000000;
}

.chanpinx a {
	color: #0196da;
}

.chanpinx img {
	max-width: 100%;
}

.chanpinx iframe {
	max-width: 100%;
}



.chanpinx table,
.nex table,
cpxx table {
	width: 97%;
	border-collapse: collapse;
	line-height: 24px;
}

.chanpinx tr td,
.nex tr td,
cpxx tr td {
	line-height: 24px;
	padding: 2px;
}



.img-scroll2 {
	position: relative;
	margin: 0 auto;
	width: 100%;
}

.img-scroll2 .prev2,
.img-scroll2 .next2 {
	position: absolute;
	display: block;
	width: 12px;
	height: 20px;
	top: 40%;
	color: #fff;
	text-align: center;
	line-height: 100px
}

.img-scroll2 .prev2 {
	left: 0;
	cursor: pointer;
	background: url("../image/zjs.png") no-repeat;
}

.img-scroll2 .next2 {
	right: 0;
	cursor: pointer;
	background: url("../image/zjx.png") no-repeat;
}

.img-list2 {
	position: relative;
	width: 90%;
	overflow: hidden;
	margin: 0 auto;
}

.img-list2 ul {
	width: 10000%;
}

.img-list2 li {
	float: left;
	display: inline;
	width: 0.31%;
	margin: 0 0.01%;
	position: relative;
	position: relative;
	text-align: center;
}

.img-list2 li span,
.img-list2 li a {
	color: #fff;
	display: block;
}

.img-list2 li img {
	width: 100%;
	max-width: 534px;
	max-height: 336px;
}





.img-scroll4 {
	position: relative;
	margin: 0 auto;
	width: 100%;
	padding-top: 43px;
}

.img-scroll4 .prev4,
.img-scroll4 .next4 {
	position: absolute;
	display: block;
	width: 34px;
	height: 34px;
	top: -5%;
	margin-top: -21px;
	color: #fff;
	text-align: center;
	line-height: 100px
}

.img-scroll4 .prev4 {
	right: 0;
	margin-right: 37px;
	cursor: pointer;
	background: url("../image/zjs.jpg") no-repeat left center;
}

.img-scroll4 .next4 {
	right: 0;
	cursor: pointer;
	background: url("../image/zjx.jpg") no-repeat right center;
}

.img-scroll4 .prev4:hover {
	background: url("../image/zjs2.jpg") no-repeat left center;
}

.img-scroll4 .next4:hover {
	background: url("../image/zjx2.jpg") no-repeat right center;
}

.img-list4 {
	position: relative;
	width: 100%;
	overflow: hidden;
	margin: 0 auto;
}

.img-list4 ul {
	width: 999999px;
}

.img-list4 li {
	float: left;
	display: inline;
	width: 388px;
	position: relative;
	position: relative;
	margin-right: 53px;
}

.img-list4 li img {
	width: 100%;
	max-width: 534px;
	max-height: 336px;
}



.relate {
	margin-right: 84px;
	background: url(/enstatic/image/relatebg.jpg) no-repeat right center;
	margin-top: 40px;
}

.relate a {
	padding-right: 20px;
	background: #fff;
	font-size: 34px;
	font-size: 3.4rem;
	font-weight: bold;
	text-transform: uppercase;
}

.relate a span {
	color: #da251d;
}



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

	.MagicZoomBigImageCont {
		display: none !important;
	}

	.MagicZoomPup {
		background: rgba(0, 0, 0, 0) !important;
	}

}

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

	.btn1 {
		margin-left: 3px;
	}

	.btn a {
		width: 145px;
	}

	.img-list4 li {
		margin-right: 30px;
		width: 333px;
	}



}



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

	.left-pro {
		display: none;
	}

	.img980 {
		display: block;
	}

	.content {
		width: 100%;
	}

	.img-list2 li a {
		border: 1px solid #e3e3e3;
	}



	.img-list4 ul {
		width: 10000%;
	}

	.img-list4 li {
		width: 0.31%;
		margin: 0 0.01%;
	}

}



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

	.relate a {
		font-size: 26px;
		font-size: 2.6rem;
	}

}

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

	.btn {
		float: none;
		text-align: center;
	}

	.share {
		float: none;
		text-align: center;
	}

	.share .share1,
	.share .share2 {
		display: inline-block;
	}

}

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

	.img-list2 li {
		width: 0.48%;
	}

	.btn a {
		margin-bottom: 10px;
	}

	.titleh1 h1 {
		font-size: 16px;
		font-size: 1.6rem;
	}

	.btn1 {
		margin-left: 0;
	}

	.img-list4 li {
		width: 0.48%;
		margin: 0 0.01%;
	}

	.relate a {
		font-size: 24px;
		font-size: 2.4rem;
	}

	.des span {
		font-size: 14px;
		font-size: 1.4rem;
		width: 220px;
	}

}

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

	.img-list2 li {
		width: 0.98%;
	}

	.relate {
		background: none;
	}

	.relate a {
		font-size: 20px;
		font-size: 2rem;
	}

}



/**************  about1  *************/

.abnav {
	background: url(/enstatic/image/abbiao.jpg) repeat-x left 54px;
	text-align: center;
	padding-bottom: 43px;
}

.abnav a {
	display: inline-block;
	*float: left;
	width: 210px;
	padding-top: 130px;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 24px;
	text-transform: uppercase;
	margin: 0 53px;
}

.ab1 {
	background: url(/enstatic/image/abbiao1.jpg) no-repeat center top;
}

.ab2 {
	background: url(/enstatic/image/abbiao2.jpg) no-repeat center top;
}

.ab3 {
	background: url(/enstatic/image/abbiao3.jpg) no-repeat center top;
}









.ab1:hover {
	background: url(/enstatic/image/abbiao1h.jpg) no-repeat center top;
}

.ab2:hover {
	background: url(/enstatic/image/abbiao2h.jpg) no-repeat center top;
}

.ab3:hover {
	background: url(/enstatic/image/abbiao3h.jpg) no-repeat center top;
}








.abnav a:hover {
	color: #1b64b7;
}

.ab1.dangqianab {
	background: url(/enstatic/image/abbiao1h.jpg) no-repeat center top !important;
}

.ab2.dangqianab {
	background: url(/enstatic/image/abbiao2h.jpg) no-repeat center top;
}

.ab3.dangqianab {
	background: url(/enstatic/image/abbiao3h.jpg) no-repeat center top;
}






.dangqianab {
	color: #1b64b7 !important;
}



.mszslist li p {
	display: none;
	text-align: center;
	line-height: 30px;
}

.mszslist li img {
	max-width: 100%;
	display: block;
}

.mszslist li {
	position: relative;
	overflow: hidden;
	float: left;
	margin-left: 72px;
	width: 246px;
	margin-bottom: 53px;
}

.mszslist li:hover a {
	top: 0px;
}



.mszslist li a {
	position: absolute;
	left: 0;
	top: -100%;
	width: 100%;
	height: 100%;
	background: url(/enstatic/image/mszscover.png);
}

.mszslist li a span {
	font-size: 20px;
	font-size: 2rem;
	color: #fff;
	font-weight: bold;
	display: block;
	text-align: center;
	padding-top: 53px;
	background: url(/enstatic/image/fdj.png) no-repeat center top;
	margin-top: 20%;
}





/*********************fangdaxiaoguo**********************/

#baguetteBox-overlay {
	display: none;
	opacity: 0;
	position: fixed;
	overflow: hidden;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #222;
	background-color: rgba(0, 0, 0, .8);
	-webkit-transition: opacity .5s ease;
	transition: opacity .5s ease;
	z-index: 99999999999999999999999999999999999999;
}

#baguetteBox-overlay.visible {
	opacity: 1
}

#baguetteBox-overlay .full-image {
	display: inline-block;
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center;
}

#baguetteBox-overlay .full-image figure {
	display: inline;
	margin: 0;
	height: 100%
}

#baguetteBox-overlay .full-image img {
	display: inline-block;
	width: auto;
	height: auto;
	max-height: 100%;
	max-width: 100%;
	vertical-align: middle;
	-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .6);
	-moz-box-shadow: 0 0 8px rgba(0, 0, 0, .6);
	box-shadow: 0 0 8px rgba(0, 0, 0, .6);
}



#baguetteBox-overlay .full-image figcaption {
	display: block;
	position: absolute;
	bottom: 0;
	width: 100%;
	text-align: center;
	line-height: 1.8;
	color: #ccc;
	background-color: #000;
	background-color: rgba(0, 0, 0, .6);
	font-family: Verdana, Geneva, sans-serif;
}

#baguetteBox-overlay .full-image:before {
	content: "";
	display: inline-block;
	height: 50%;
	width: 1px;
	margin-right: -1px
}

#baguetteBox-slider {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	white-space: nowrap;
	-webkit-transition: left .4s ease, -webkit-transform .4s ease;
	transition: left .4s ease, -moz-transform .4s ease;
	transition: left .4s ease, transform .4s ease
}

#baguetteBox-slider.bounce-from-right {
	-webkit-animation: bounceFromRight .4s ease-out;
	animation: bounceFromRight .4s ease-out
}

#baguetteBox-slider.bounce-from-left {
	-webkit-animation: bounceFromLeft .4s ease-out;
	animation: bounceFromLeft .4s ease-out
}

.baguetteBox-button#next-button,
.baguetteBox-button#previous-button {
	top: 50%;
	top: calc(50% - 30px);
	width: 44px;
	height: 60px
}

.baguetteBox-button {
	position: absolute;
	cursor: pointer;
	outline: 0;
	padding: 0;
	margin: 0;
	border: 0;
	-moz-border-radius: 15%;

	border-radius: 15%;
	background-color: #323232;
	background-color: rgba(50, 50, 50, .5);
	color: #ddd;
	font: 1.6em sans-serif;
	-webkit-transition: background-color .4s ease;
	transition: background-color .4s ease;
}

.baguetteBox-button:hover {
	background-color: rgba(50, 50, 50, .9)
}

.baguetteBox-button#next-button {
	right: 2%
}

.baguetteBox-button#previous-button {
	left: 2%
}

.baguetteBox-button#close-button {
	top: 20px;
	right: 2%;
	right: calc(2% + 6px);
	width: 30px;
	height: 30px
}

.baguetteBox-button svg {
	position: absolute;
	left: 0;
	top: 0
}

.spinner {
	width: 40px;
	height: 40px;
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -20px;
	margin-left: -20px
}

.double-bounce1,
.double-bounce2 {
	width: 100%;
	height: 100%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-color: #fff;
	opacity: .6;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-animation: bounce 2s infinite ease-in-out;
	animation: bounce 2s infinite ease-in-out
}

.double-bounce2 {
	-webkit-animation-delay: -1s;
	animation-delay: -1s
}

@-webkit-keyframes bounceFromRight {
	0% {
		margin-left: 0
	}

	50% {
		margin-left: -30px
	}

	100% {
		margin-left: 0
	}
}

@keyframes bounceFromRight {
	0% {
		margin-left: 0
	}

	50% {
		margin-left: -30px
	}

	100% {
		margin-left: 0
	}
}

@-webkit-keyframes bounceFromLeft {
	0% {
		margin-left: 0
	}

	50% {
		margin-left: 30px
	}

	100% {
		margin-left: 0
	}
}

@keyframes bounceFromLeft {
	0% {
		margin-left: 0
	}

	50% {
		margin-left: 30px
	}

	100% {
		margin-left: 0
	}
}

@-webkit-keyframes bounce {

	0%,
	100% {
		-webkit-transform: scale(0);
		transform: scale(0)
	}

	50% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@keyframes bounce {

	0%,
	100% {
		-webkit-transform: scale(0);
		-moz-transform: scale(0);
		transform: scale(0)
	}

	50% {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		transform: scale(1)
	}
}



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

	.mszslist li {
		margin-left: 35px;
		width: 218px;
	}



}

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

	.mszslist li a {
		display: none;
	}

	.mszslist li p {
		display: block;
		font-size: 16px;
		font-size: 1.6rem;
		display: block;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.mszslist li {
		width: 23%;
		margin: 0 1%;
		margin-bottom: 30px;
	}

	.abnav a {
		margin: 0 10px;
	}

}

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

	.abnav a {
		font-size: 14px;
		font-size: 1.4rem;
	}

	.abnav a {
		width: 33.333%;
		float: left;
		margin: 0;
	}

	.abnav {
		background: none;
	}

}

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

	.mszslist li {
		width: 31.33%;
	}

}

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

	.mszslist li {
		width: 48%;
	}

	.abnav a {
		width: 100%;
		margin-bottom: 10px;
	}

}



/************  about2  *************/

.ayou {
	padding-right: 11px;
	padding-top: 14px;
	background: url(/enstatic/image/hongkuai.jpg) no-repeat right top;
	margin-left: 40px;
	margin-top: 44px;
}

.ayou img {
	width: 100%;
	max-width: 591px;
	max-height: 366px;
}

.ap1 {
	font-size: 24px;
	font-size: 2.4rem;
	font-weight: bold;
	color: #da251d;
	text-transform: uppercase;
	padding-left: 26px;
	background: url(/enstatic/image/abg1.png) no-repeat left center;
}

.ap2 {
	font-size: 36px;
	font-size: 3.6rem;
	color: #333;
	text-transform: uppercase;
	padding-bottom: 16px;
	background: url(/enstatic/image/abg2.jpg) no-repeat left bottom;
	margin-top: 29px;
	margin-bottom: 37px;
	font-weight: bold;
}

.ap3 {
	line-height: 30px;
	font-size: 16px;
	font-size: 1.6rem;
	padding-top: 15px;
}

.ap4 {
	line-height: 30px;
	padding-top: 23px;
	padding-bottom: 53px;
}



.azuo2 img {
	width: 100%;
	max-width: 591px;
	max-height: 366px;
}

.azuo2 {
	margin-right: 26px;
	margin-top: 37px;
}

.ayou2 {
	margin-top: 39px;
}

.ap5 {
	line-height: 30px;
	font-size: 16px;
	font-size: 1.6rem;
}





.img-scroll8 {
	position: relative;
	margin: 0 auto;
	width: 100%;
	padding-top: 44px;
	margin-bottom: 0px;
}

.img-scroll8 .prev8,
.img-scroll8 .next8 {
	position: absolute;
	display: block;
	width: 19px;
	height: 21px;
	top: 50%;
	margin-top: -7px;
	color: #fff;
	text-align: center;
	line-height: 100px
}

.img-scroll8 .prev8 {
	left: 0;
	cursor: pointer;
	background: url("../image/as.png") no-repeat center center;
}

.img-scroll8 .next8 {
	right: 0;
	cursor: pointer;
	background: url("../image/ax.png") no-repeat center center;
}

.img-scroll8 .prev8:hover {
	background: url("../image/as2.png") no-repeat center center;
}

.img-scroll8 .next8:hover {
	background: url("../image/ax2.png") no-repeat center center;
}

.img-list8 {
	position: relative;
	width: 1077px;
	overflow: hidden;
	margin: 0 auto;
}

.img-list8 ul {
	width: 999999px;
}

.img-list8 li {
	float: left;
	display: inline;
	width: 339px;
	position: relative;
	margin-right: 29px;
}



.ryzsbox {
	position: relative;
	overflow: hidden;
}

.company img {
	width: 100%;
	max-width: 339px;
	max-height: 225px;
	display: block;
}

.company {
	display: block;
}

.fangda {
	position: absolute;
	left: 0;
	bottom: -100%;
	width: 100%;
	height: 100%;
	background: url(/enstatic/image/fangdabg.png);
}

.fangda img {
	width: 35px;
	height: 35px;
	position: absolute;
	left: 50%;
	margin-left: -17px;
	top: 50%;
	margin-top: -17px;
}

.propp {
	color: #666666;
	text-align: center;
	line-height: 36px;
	margin-top: 5px;
}

.ryzsbox:hover .fangda {
	bottom: 0;
}



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

	.ayou {
		width: 460px;
	}

	.azuo2 {
		width: 460px;
	}

	.img-list8 {
		width: 900px;
	}

	.img-list8 li {
		width: 280px;
	}

}

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

	.ayou {
		width: 460px;
	}

	.azuo2 {
		width: 460px;
	}

	.img-list8 {
		width: 900px;
	}

	.img-list8 li {
		width: 280px;
	}

	.ap2 {
		font-size: 30px;
		font-size: 3rem;
	}

	.ap3,
	.ap5 {
		font-size: 14px;
		font-size: 1.4rem;
	}

	.img-list8 {
		width: 90%;
	}

	.img-list8 ul {
		width: 10000%;
	}

	.img-list8 li {
		width: 0.31%;
		margin: 0 0.01%;
	}

	.fangda {
		display: none;
	}

}

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

	.ayou {
		width: auto;
		float: none;
		margin-left: 0;
		max-width: 591px;
		margin: 0 auto;
		margin-bottom: 30px;
	}

	.azuo2 {
		width: 100%;
		text-align: center;
		margin-right: 0;
		margin-bottom: 20px;
	}

	.ap2 {
		font-size: 30px;
		font-size: 3rem;
	}

	.ap3,
	.ap5 {
		font-size: 14px;
		font-size: 1.4rem;
	}

	.img-list8 {
		width: 90%;
	}

	.img-list8 ul {
		width: 10000%;
	}

	.img-list8 li {
		width: 0.31%;
		margin: 0 0.01%;
	}

	.fangda {
		display: none;
	}

}

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

	.ap2 {
		font-size: 20px;
		font-size: 2rem;
		margin-top: 15px;
		margin-bottom: 20px;
	}

}

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

	.img-list8 li {
		width: 0.48%;
	}

}

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

	.img-list8 {
		width: 85%;
	}

}

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

	.img-list8 li {
		width: 0.98%;
	}

}



/*************  about3  ************/



.vilie {
	width: 554px;
	float: left;
	margin-left: 92px;
	margin-bottom: 62px;
}

.vitu {
	position: relative;
	padding-bottom: 67.14%;
	height: 0;
	overflow: hidden;
}

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

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

.vizi {
	text-align: center;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 30px;
	margin-top: 17px;
	font-weight: bold;
}

.video .ms_ye {
	margin-top: 28px;
}



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

	.vilie {
		width: 480px;
		margin-left: 20px;
	}

}

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

	.vilie {
		width: 31.333%;
		margin-left: 1% !important;
		margin-right: 1%;
		margin-bottom: 20px;
	}

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

	.video {
		padding-bottom: 80px;
	}

	.ms_ye a {
		margin-bottom: 10px;
	}

}

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

	.vilie {
		width: 48%;
	}

	.video {
		padding-top: 0;
	}

}

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

	.vilie {
		width: 98%;
	}

	.video {
		padding-bottom: 40px;
	}

}



/*************  news1  ************/

.new1 .fwp {
	padding-bottom: 45px;
	position: relative;
}

.new1 .swp {
	position: absolute;
	top: 0;
	left: 0;
}

.new1 .swp a {
	display: block;
	width: 100%;
	margin: 0 auto;
}

.new1 .swp a img {
	display: block;
	max-width: 396px;
	max-height: 239px;
	width: 100%;
	margin: 0 auto;
}



.new1 .zi {
	padding-left: 428px;
	min-height: 185px;
	padding-right: 0px;
}

.new1 .zi .time {
	padding-bottom: 23px;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 30px;
	color: #333;
}

.new1 .zi .title {
	color: #333;
	display: block;
	line-height: 30px;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.new1 .zi .p {
	display: block;
	font-size: 16px;
	font-size: 1.6rem;
	color: #333;
	line-height: 30px;
	height: 90px;
	overflow: hidden;
	margin-top: 29px;
}

.new1 .zi .more {
	display: block;
	font-size: 14px;
	font-size: 1.4rem;
	width: 186px;
	height: 42px;
	line-height: 42px;
	text-align: center;
	color: #1b64b7;
	border: 1px solid #1b64b7;
	text-transform: uppercase;
}

.new1 .zi .title:hover {
	color: #1b64b7;
}

.new1 .zi .p:hover {
	color: #1b64b7;
}



.new1 .zi .more:hover {
	background: #1b64b7;
	color: #fff;
}



.new1 .page {
	position: relative;
	margin: 69px auto 0;
}



.fyppart .fypbox {
	margin-left: 30px;
}



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

	.new1 .fwp {
		padding-bottom: 15px;
		margin-bottom: 20px;
	}



}

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

	.new1 .fwp {
		padding-bottom: 0px;
		text-align: center;
	}

	.new1 .swp {
		position: relative;
		top: 0;
		left: 0;
	}

	.new1 .zi {
		padding-left: 0px;
		min-height: 236px;
		padding-right: 0px;
		padding-top: 20px;
		min-height: auto;
	}

	.new1 .zi .title {
		padding-top: 10px;
	}

	.new1 .zi .time {
		padding-bottom: 5px;
	}

	.new1 .zi .p {
		margin-top: 10px;
	}

	.new1 .zi .more {
		margin: 0 auto;
	}

	.new1 .swp a img {
		display: inline-block;
	}

	.new1 .swp {
		position: static;
	}

	.new1 .swp a {
		display: inline-block;
	}

	.new1 .fwp .time {
		float: none;
	}

}

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

	.new1 .zi .title {
		font-size: 16px;
		font-size: 1.6rem;
	}

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

	.new1 .zi {
		padding-top: 10px;
	}

}



/***********  news2  **********/

.new2 h1 {
	text-align: center;
	font-size: 20px;
	font-size: 2rem;
	color: #1b64b7;
	font-weight: bold;
	line-height: 30px;
}

.xwxsj {
	text-align: center;
	font-size: 16px;
	font-size: 1.6rem;
	color: #1b64b7;
	line-height: 30px;
}



.nex {
	color: #333333;
	line-height: 30px;
	padding-top: 15px;
	font-size: 16px;
	font-size: 1.6rem;
	padding-bottom: 30px;
}

.nex p,
.nex li,
.nex span,
.nex b {
	color: #333333;
}

.nex img,
.nex iframe {
	max-width: 100%;
}



.xwsx {
	border: 1px solid #888888;
	padding-left: 7px;
	padding-right: 7px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.xwsx>div {
	line-height: 30px;
}

.xwsx>div span {
	padding-left: 29px;
	color: #333333;
	display: inline-block;
}

.xwsx>div a {
	color: #888888;
}

.xwsx>div a:hover {
	color: #1b64b7;
}

.xws {
	background: url(/enstatic/image/xws.png) no-repeat left center;
}

.xwx {
	background: url(/enstatic/image/xwx.png) no-repeat left center;
}





/* contact */

/* contact_top */

.contact_top {
	background: #e5e5e5;
	border-radius: 8px;
}



/* c_left */

.c_left {
	width: 465px;
	padding-top: 75px;
	padding-bottom: 68px;
	background: url(/enstatic/image/conleft1.png) no-repeat left top;
	border-radius: 8px 0px 0px 8px;
}



.c_left_wrap {
	width: 350px;
	margin: 0 auto;
}



.c_left_wrap .c_title {
	padding-bottom: 45px;
	font-size: 14px;
	font-size: 1.4rem;
	color: #fff;
	font-weight: bold;
	line-height: 24px;
}



.c_left_wrap .c_titl3 {
	color: #fff;
	padding-bottom: 2px;
}



.c_left_wrap .c_tiyl {
	margin-bottom: 30px;
}



.c_left_wrap .c_tiyl4 {
	padding-left: 42px;
	font-weight: bold;
	color: #fff;
	line-height: 20px;
	margin-bottom: 22px;
}



.c_left_wrap .c_tiyl4 a {
	font-weight: bold;
	color: #fff;
}



.c_left_wrap .c_tiyl4 a:hover {
	color: #da251d;
}



.c_left_wrap .c_titl31 {
	padding-left: 24px;
	color: #fff;
	background: url(/enstatic/image/c_xin1.png) no-repeat left 1px;
}

.c_left_wrap .c_titl32 {
	padding-left: 24px;
	color: #fff;
	background: url(/enstatic/image/c_xin2.png) no-repeat left 1px;
}

.c_left_wrap .c_titl33 {
	padding-left: 24px;
	color: #fff;
	background: url(/enstatic/image/c_xin3.png) no-repeat left 1px;
}

.c_left_wrap .c_titl34 {
	padding-left: 24px;
	color: #fff;
	background: url(/enstatic/image/c_xin4.png) no-repeat left 1px;
}

.c_left_wrap .c_titl35 {
	padding-left: 24px;
	color: #fff;
	background: url(/enstatic/image/c_xin5.png) no-repeat left 1px;
}

.c_left_wrap .c_titl36 {
	padding-left: 24px;
	color: #fff;
	background: url(/enstatic/image/c_xin6.png) no-repeat left 1px;
}

.c_left_wrap .c_titl37 {
	padding-left: 24px;
	color: #fff;
	background: url(/enstatic/image/c_xin7.png) no-repeat left 1px;
}

/* c_right */

.c_right {
	float: right;
	width: 47%;
	margin-right: 84px;
}



.c_title2 {
	padding-top: 23px;
	padding-left: 14px;
	line-height: 30px;
	font-weight: bold;
	font-size: 24px;
	font-size: 2.4rem;
	color: #1b64b7;
	text-transform: uppercase;
	padding-bottom: 3px;
}



.c_xp {
	padding-top: 13px;
}



.c_bt {
	width: 14px;
	float: left;
	color: #ff0000;
	font-family: Verdana;
	line-height: 36px;
	height: 36px;
	font-size: 14px;
	font-size: 1.4rem;
}



.c_div1 {
	padding-bottom: 18px;
}



.c_div2 {
	padding-bottom: 20px;
}



.c_div3 {
	padding-bottom: 20px;
}



.c_div4 {
	padding-top: 2px;
	margin-bottom: 5px;
}



.c_input1 {
	float: left;
	line-height: 35px;
	height: 35px;
	text-indent: 14px;
	color: #666666;
	width: 547px;
	border: solid 1px #cccccc;
	background: #fff;
}



.c_textarea {
	font-family: Arial;
	float: left;
	text-indent: 14px;
	color: #666666;
	width: 544px;
	border: solid 1px #cccccc;
	line-height: 26px;
	padding-top: 1px;
	height: 211px;
	background: #fff;
}



.c_captcha {
	background: #fff;
	width: 154px;
	float: left;
	line-height: 35px;
	height: 35px;
	text-indent: 9px;
	color: #666666;
	border: solid 1px #cccccc;
}



.c_yzm {
	float: left;
	margin-left: 19px;
	cursor: pointer;
}



.c_send {
	float: right;
	text-align: center;
	color: #fff;
	background: #333333;
	width: 181px;
	height: 37px;
	line-height: 35px;
	font-size: 14px;
	font-size: 1.4rem;
	cursor: pointer;
	font-weight: bold;
}



.map {
	padding-top: 50px;
}



.map img {
	display: block;
	max-width: 1200px;
	max-height: 381px;
	width: 100%;
}



@media screen and (max-width: 1219px) {
	.c_left {
		width: 399px;
	}

	.c_div1,
	.c_div2,
	.c_div3 {
		padding-bottom: 16px;
	}

	.c_input1 {
		width: 95%;
	}

	.c_textarea {
		width: 95%;
	}

	.c_send {
		width: 116px;
	}
}



@media screen and (max-width: 999px) {
	.contact_top {
		background: #e5e5e5;
		margin-top: 20px;
	}

	.map {
		margin: 20px auto 20px;
	}

	.c_left {
		float: none;
		width: 95%;
		margin: 0 auto;
		max-width: 399px;
		border-radius: 10px;
		margin-top: 20px;
		padding-bottom: 20px;
		padding-top: 20px;
	}

	.c_right {
		float: none;
		width: 95%;
		margin: 0 auto;
		margin-top: 20px;
	}

	.c_title2 {
		padding-top: 0px;
	}

	.c_left_wrap {
		width: 90%;
	}

	.c_send {
		width: 95%;
		margin-left: 14px;
		margin-top: 15px;
		float: left;
	}

	.c_left_wrap .c_title {
		padding-bottom: 20px;
	}
}



@media screen and (max-width: 419px) {
	.c_left_wrap .c_tiyl {
		margin-bottom: 15px;
	}

	.c_input1 {
		width: 90%;
	}

	.c_textarea {
		width: 90%;
	}

	.c_send {
		width: 90%;
	}

	.c_captcha {
		width: 90%;
		margin-bottom: 20px;
	}

	.c_yzm {
		margin-left: 12px;
	}
}



.yiji {
	position: absolute;
	left: 0;
	top: -99999px;
	z-index: 9999;
	/* background: #1b64b7;background: rgba(27,100,183,0.9); */
	padding-top: 4px;
	width: 268px;
}

.yiji li {
	line-height: 43px;
	padding-left: 7px;
	position: relative;
	background: #1b64b7;
	background: rgba(27, 100, 183, 0.9);
}

.yiji li a {
	display: block;
	color: #fff;
}

.yiji li:hover {
	background: #fff;
}

.yiji li:hover>a {
	color: #1b64b7;
}



.erji {
	position: absolute;
	left: 100%;
	top: -9999px;
}

.erji ul {
	/* background: #1b64b7;background: rgba(27,100,183,0.9); */
	padding-top: 4px;
	width: 268px;
}

.erji ul li {
	background: #1b64b7;
	background: rgba(27, 100, 183, 0.9);
}

.navlist>li:hover .yiji {
	top: 100%;
}

.yiji>li:hover .erji {
	top: -4px;
}



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

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

	.yiji {
		display: none;
	}

}





.ce {
	position: fixed;
	right: 1px;
	top: 30%;
	width: 69px;
	z-index: 211;
}

.ce li {
	height: 69px;
	margin-bottom: 2px;
	transition: 0.5s;
	border-radius: 5px;
	cursor: pointer;
}

.ce li .ce1wz {
	display: none;
	line-height: 57px;
	font-size: 14px;
	color: #fff;
	vertical-align: middle;
	padding-left: 10px;
}

.ce li a {
	display: block;
	height: 53px;
}



.ce1 {
	background: #1b64b7 url(/enstatic/image/dh11.png) no-repeat center center;
	display: none;
	
}

.ce2 {
	background: #1b64b7 url(/enstatic/image/cp11.png) no-repeat center center;
	display: none;
}

.ce3 {
	background: #1b64b7 url(/enstatic/image/ce3.png) no-repeat center center;
}

.ce4 {
	background: #1b64b7 url(/enstatic/image/ce4.png) no-repeat center center;
}



.ce1:hover {
	background: #da251d url(/enstatic/image/dh11.png) no-repeat center center;
	
}

.ce2:hover {
	background: #da251d url(/enstatic/image/cp11.png) no-repeat center center;
}

.ce3:hover {
	background: #da251d url(/enstatic/image/ce3.png) no-repeat center center;
}

.ce4:hover {
	background: #da251d url(/enstatic/image/ce4.png) no-repeat center center;
}



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

	.ce {
		bottom: 0;
		top: auto;
		width: 100%;
	}

	.ce li {
		width: 25%;
		margin: 0;
		float: left;
		height: 50px;
		border-radius: 0;
	}

	.bottom {
		padding-bottom: 38px;
	}
	.ce1 {
		display: block;
	}
	
	.ce2 {
		display: block;
	}

}





.ms_ye a.no:hover {

	font-size: 1.2rem !important;

	color: #333 !important;

}



.ppp {
	line-height: 30px;
}





.xwsx a.no:hover {
	color: #888888;
}





.btn a.no:hover {
	color: #1b64b7;

	background: #fff;

	border: 1px solid #1b64b7;

}





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


.listcart {
	width: 100%;
	margin-top: 40px;
}

.listcart a {
	display: inline-block;
	height: 30px;
	width: 249px;
	line-height: 30px;
	cursor: pointer;
	border: none;
	overflow: hidden;
	color: #1b64b7;
	cursor: pointer;
	border: 1px solid #1b64b7;
	padding-left: 10px;
	padding-right: 10px;
	text-align: center;
	font-size: 14px;
	font-size: 1.4rem;
	margin-left: 10px;
}

.listcart a:hover {
	border: #1b64b7 solid 1px;
	background: #1b64b7;
	color: #fff
}

@media screen and (max-width:999px) {
	.listcart a {
		width: 96% !important;
		margin-left: 2.5%;
		margin-right: 2.5%;
		padding-left: 0px;
		padding-right: 0px
	}


	.listcart {
		width: 100%;
		margin-top: 2rem
	}
}

@media screen and (max-width:420px) {
	.listcart a {
		width: 95% !important;
		float: none;
		overflow: hidden;
		margin-bottom: 1rem;
		margin-top: 1rem
	}
	
}

@media screen and (max-width:768px) {
	.hea_top p {
		text-align: right;
		padding-right: 30px;
		padding-top: 5px;
	}
#hz{display:none;}


.MagicZoomHeader {
	display: none;
}

.hea_top {
	float: right;
	margin-right: 10px;
	margin-top: 5px;
}
}

    	#hz{width:100%;  
    margin-left:auto; margin-right: auto;margin-bottom: 20px; height: 561px;
}