@charset "utf-8";
@font-face {
	font-family: 'OPENSANS';
	src: url('OPENSANS-REGULAR_0.TTF');
	font-weight: normal;
	font-style: normal;
}


/* CSS Document */

body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
li,
form,
img,
dl,
dt,
dd,
table,
th,
td,
blockquote,
fieldset,
div,
strong,
label,
em {
	margin: 0;
	padding: 0;
	border: 0;
	transition: none;
}

.ellipsis {
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: break-word;
	/*word-break: break-all;*/
	white-space: normal !important;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.ellipsis-2 {
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: break-word;
	/*word-break: break-all;*/
	/*white-space:nowrap!important;*/
	white-space: normal !important;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.ellipsis-3 {
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: break-word;
	/*word-break: break-all;*/
	white-space: normal !important;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}


/*位置*/

.weizhi {
	background: #f3f3f3;
	/*line-height: 66px;*/
	font-size: 14px;
	color: #555555;
}

.weizhi a {
	display: inline-block;
	padding: 0 5px;
	font-size: 14px;
	color: #555555;
}

.weizhi a:hover {
	color: #4e9beb;
}

.weizhi i {
	display: inline-block;
}

.weizhi i img {
	vertical-align: middle;
	display: inline-block;
}


/*内页banner*/

.in_banner .owl-controls {
	position: absolute;
	/*bottom: 0;*/
	bottom: 135px;
	width: 100%;
	z-index: 999;
	text-align: center;
	-webkit-tap-highlight-color: transparent;
}

.in_banner .owl-dots {}

.in_banner .owl-dots .owl-dot {
	display: inline-block;
	zoom: 1;
}

.in_banner .owl-dots .owl-dot span {
	width: 22px;
	height: 22px;
	margin: 15px 5px;
	/*border: 2px solid #fff;*/
	background: url(../images2/dots0.png) no-repeat center;
	/*background-position: -30px 0;*/
	display: block;
	-webkit-backface-visibility: visible;
	-webkit-transition: opacity 200ms ease;
	-moz-transition: opacity 200ms ease;
	-ms-transition: opacity 200ms ease;
	-o-transition: opacity 200ms ease;
	transition: opacity 200ms ease;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}

.in_banner .owl-dots .owl-dot.active span,
.in_banner .owl-dots .owl-dot:hover span {
	/*padding: 5px;*/
	background: url(../images2/dots.png) no-repeat center;
	background-size: auto 100%;
	background-position: 0 0;
}


/*分页*/

.page {
	display: table;
	text-align: center;
	margin: 0 auto;
	margin-top: 30px;
	border-radius: 3px;
	overflow: hidden;
}

.page a {
	display: table-cell;
	padding: 0 8px;
	height: 34px;
	line-height: 34px;
	border: 1px solid #dddddd;
	border-left: none;
	font-size: 15px;
	color: #4a98e9;
}

.page a:first-child {
	border-left: 1px solid #dddddd;
}

.page a:hover,
.page a.on {
	color: #fff;
	background: #4a98e9;
}


/**/

.in1_sec.articleShow,
.layoutleft.articleShow,
.nlist_sec.articleShow,
.news_sec .articleShow,

/*.pro_detail1_sec.articleShow,*/

.network_sec.articleShow {
	-webkit-animation: fadeInUp1 .8s ease-in-out both;
	-moz-animation: fadeInUp1 .8s ease-in-out both;
	-ms-animation: fadeInUp1 .8s ease-in-out both;
	animation: fadeInUp1 .8s ease-in-out both;
	opacity: 1;
}

.network_section {
	padding: 30px 0;
}

.network_sec .mbg img {
	display: block;
	max-width: 100%;
	margin: 0 auto;
}

.network_sec .main {
	position: relative;
}

.map {
	position: absolute;
	padding-top: 30px;
	background: url(../images2/mapbiao.png) no-repeat 20% top;
}

.map1 {
	top: 105px;
	left: 656px;
}

.di {
	width: 179px;
	height: 109px;
	padding-top: 40px;
	padding-left: 30px;
	font-size: 18px;
	color: #333333;
	background: url(../images2/map1.png) no-repeat left center;
}

.map2 {
	top: 190px;
	right: 225px;
	background-position-x: 70%;
}

.map2 .di {
	background: url(../images2/map2.png) no-repeat left center;
}

.maplist {
	display: none;
}

.maplist a {
	display: block;
	margin-top: 20px;
	padding-left: 35px;
	font-size: 18px;
	color: #333333;
	line-height: 30px;
	background: url(../images2/mapbiao.png) no-repeat left center;
}


/*新闻*/

.news_section {
	padding: 40px 0 80px;
}

.news_section .main {}

.news_section .main ul li {
	position: relative;
	background: #fff;
	margin-bottom: 10px;
	-moz-box-shadow: 0px 0px 10px #AAAAAA;
	-webkit-box-shadow: 0px 0px 10px #AAAAAA;
	box-shadow: 0px 0px 10px #AAAAAA;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	transition: all 1s;
}

.news_section .main ul li .tbox {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	float: left;
	width: 28%;
	padding: 0 86px;
}

.news_section .main ul li .tbox .t1 {
	margin: 90px 0 50px;
	font-size: 13px;
	color: #333333;
}

.news_section .main ul li .tbox .t2 {
	font-size: 22px;
	color: #333333;
}

.news_section .main ul li .tbox .t3 {
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 5%;
	padding: 0 86px;
	/*margin-top: 160px;*/
}

.news_section .main ul li .tbox .t3 a {
	display: inline-block;
	float: none!important;
	width: 20px!important;
	height: 20px!important;
	text-align: center;
	line-height: 20px!important;
	margin: 0 15px 0 0!important;
	padding: 0!important;
	background-image: none!important;
	border-radius: 100%;
}

.news_section .main ul li .tbox .t3 a img {
	vertical-align: middle;
}

.news_section .main ul li .tbox .t3 a:hover {
	opacity: 0.8!important;
}

.news_section .main ul li .pic {
	float: right;
	width: 72%;
}

.news_section .main ul li .pic img {
	display: block;
	width: 100%;
}

.news_section .main ul li:hover {
	-moz-box-shadow: 0px 0px 100px #AAAAAA;
	-webkit-box-shadow: 0px 0px 100px #AAAAAA;
	box-shadow: 0px 0px 100px #AAAAAA;
	-webkit-transform: scale(1.01);
	-moz-transform: scale(1.01);
	-o-transform: scale(1.01);
	-ms-transform: scale(1.01);
	transform: scale(1.01);
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	transition: all 1s;
}

.news_section a.more {
	display: block;
	color: #4e4e4e;
	margin-top: 20px;
	width: 120px;
	margin: 0 auto;
	margin-top: 70px;
	text-align: center;
	font-size: 14px;
	line-height: 34px;
	border: 1px solid #bdbdbd;
	transition: all 0.3s;
	cursor: pointer;
	border-radius: 17px;
	background: #fff;
}

.news_section a.more:hover {
	background: #4a98e9;
	border-color: #4a98e9;
	color: #fff;
}

.biaoti {
	padding-bottom: 50px;
	background: #f3f3f3;
	font-size: 30px;
	line-height: 30px;
}

.biaoti i {
	margin-left: 16px;
}


/*新闻列表*/

.nlist_section {
	padding: 50px 0 90px;
}

.nlist_section .main {}

.nlist_section .main ul li {
	margin-bottom: 30px;
}

.nlist_section .main ul li .pic {
	float: left;
	width: 24%;
	overflow: hidden;
}

.nlist_section .main ul li .pic img {
	display: block;
	width: 100%;
}

.nlist_section .main ul li .pic img {
	display: block;
	width: 100%;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 2s;
	-moz-transition: all 2s;
	transition: all 2s;
}

.nlist_section .main ul li:hover .pic img {
	-webkit-transform: scale(1.07);
	-moz-transform: scale(1.07);
	-o-transform: scale(1.07);
	-ms-transform: scale(1.07);
	transform: scale(1.07);
	-webkit-transition: all 2s;
	-moz-transition: all 2s;
	transition: all 2s;
}

.nlist_section .main ul li .tbox {
	float: right;
	width: 73%;
}

.nlist_section .main ul li .tbox .t1 {
	font-size: 13px;
	color: #555555;
}

.nlist_section .main ul li .tbox .t2 {
	margin: 20px 0;
	font-size: 22px;
	color: #333333;
}

.nlist_section .main ul li .tbox .t3 {
	font-size: 16px;
	color: #333333;
}

.nlist_section .main ul li:hover .tbox .t2 {
	color: #4e9beb;
}


/*产品列表*/

.pro1_section {
	padding: 90px 0;
}


/*.sear_section{padding-top: 160px;}*/

.layoutleft {
	width: 23.6%;
	float: left;
}

.layoutright {
	width: 74%;
	float: right;
}

.layoutleft .tit {
	/*font-size: 16px;*/
	font-size: 20px;
	color: #333333;
}

.xuan {
	font-size: 12px;
	color: #555555;
}

.xuan h4 {
	font-size: 15px;
	/*color: #555555;*/
	color: #4a98e9;
	margin: 10px 0;
}

.xuan ul li {
	position: relative;
	/*width: 31%;*/
	width: 31.6%;
	margin-left: 1%;
	margin-bottom: 10px;
	display: inline-block;
	height: 30px;
	line-height: 30px;
	text-align: center;
	border: 1px solid #cbcbcb;
	border-radius: 3px;
	cursor: pointer;
}

.xuan ul li:nth-child(3n+1) {
	margin-left: 0;
}

.xuan ul li input {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	opacity: 0;
	cursor: pointer;
}

.xuan ul li:hover {
	border-color: #fff;
	border-color: #fff;
	box-shadow: 0px 0px 10px #4a98e9;
}

.xuan.color ul li i {
	position: absolute;
	display: inline-block;
	left: 10px;
	top: 0;
	width: 10px;
	height: 10px;
}

.xuan.color ul li i img {
	vertical-align: middle;
}

.xuan ul li a {
	color: #626262;
	display: block;
}

.xuan ul li a.on {
	position: relative;
	width: 100%;
	display: inline-block;
	height: 30px;
	line-height: 30px;
	text-align: center;
	border-radius: 3px;
	cursor: pointer;
	border: 0px;
	background-color: #FFF;
	box-shadow: 0px 0px 10px #4a98e9;
}


/*产品详情*/


/*div.zoomDiv { z-index:999; position:absolute; top:0px; left:995px!important;  width:200px; height:200px; background:#ffffff; border:1px solid #CCCCCC; display:none; text-align:center; overflow:hidden; }*/

div.zoomDiv {
	z-index: 999;
	position: absolute;
	top: 0px;
	/*right: -100%!important; width:100%!important; height:100%!important;*/
	/* border:1px solid #CCCCCC;*/
	display: none;
	text-align: center;
	overflow: hidden;
}

div.zoomDiv img {
	border: 1px solid #CCCCCC;
}

div.zoomMask {
	position: absolute;
	background: url(../images2/mask.png) repeat scroll 0 0 transparent;
	cursor: move;
	z-index: 1;
}

.pro_detail1_section {
	/*margin-top: 170px;*/
	/*padding:70px 0 45px;*/
	background: #fff;
	overflow: hidden;
}

.pro_detail1_img {
	width: 53%;
}

.pro_detail1_main {
	width: 44%;
}

.pro_detail1_main h2 {
	font-size: 26px;
	line-height: 30px;
	color: #4a98e9;
	font-weight: bold;
	margin-bottom: 20px;
}

.pro_detail1_main h3 {
	font-size: 22px;
	line-height: 22px;
	color: #3c688d;
	margin: 15px 0 25px;
}

.pro_detail1_m1 {
	font-size: 16px;
	color: #4d4d4d;
	line-height: 16px;
}

.pro_detail1_m1 span {
	display: inline-block;
	/*width: 50%;*/
	width: 39%;
	margin-top: 22px;
}

.xian {
	height: 2px;
	background: #bdbdbd;
}

.clickzoom {
	padding-left: 17%;
	text-align: left;
	font-size: 14px;
	color: #999;
	font-style: italic;
}

.clickzoom img {
	vertical-align: middle;
}

.clickzoom1 {
	padding-left: 17%;
	text-align: left;
	font-size: 14px;
	color: #999;
	font-style: italic;
}

.clickzoom1 img {
	vertical-align: middle;
}

.clickzoom1 {
	display: none;
}

.pro_detail2_section {
	margin: 20px 0 90px;
}

.pro_detail2_sec h3 {
	margin: 13px 0;
	font-size: 20px;
	color: #000000;
	line-height: 20px;
	font-weight: bold;
}

.recoChecked {
	text-align: center;
	font-size: 13px;
	display: inline-block;
	vertical-align: baseline;
	margin-right: 10px;
	padding-top: 60px;
	color: #3d678e;
	background: url(../images2/recoCheckedSprite.png)no-repeat;
	background-position: center 0;
	width: 14%;
	margin-top: 10px;
}

.recoUnchecked {
	text-align: center;
	font-size: 13px;
	display: inline-block;
	padding-top: 60px;
	vertical-align: baseline;
	margin-right: 10px;
	color: #dbdbdb;
	background: url(https://lib.store.yahoo.net/lib/yhst-77905793035074/recoCheckedSprite.png)no-repeat;
	background-position: center -90px;
	width: 14%;
	margin-top: 10px;
}

.recoChecked font {
	vertical-align: inherit;
}

.product_description {}

.product_description p {
	margin-top: 20px;
	font-size: 15px;
	color: #666666;
	line-height: 25px;
}

.reclist {}

.reclist ul li {
	float: left;
	width: 49%;
	margin-left: 2%;
	margin-top: 15px;
	padding: 5px;
	border: 1px solid #e5e5e5;
}

.reclist ul li:nth-child(2n+1) {
	margin-left: 0;
}

.reclist ul li .pic img {
	display: block;
	width: 100%;
}

.reclist ul li .t1 {
	font-size: 16px;
	color: #4a98e9;
	/* line-height: 40px;*/
	height: 44px;
	margin-bottom: 12px;
}

.reclist ul li .t2 {
	font-size: 13px;
	color: #626262;
	/*height: 37px;*/
	height: 54px;
}

.reclist ul li:hover {
	border-color: #fff;
	box-shadow: 0px 0px 10px #4a98e9;
}

.reclist ul li img {
	display: block;
	width: 100%;
}

.reclist ul li .pic2 {
	display: none;
}

.reclist ul li:hover .pic {
	display: none;
}

.reclist ul li:hover .pic2 {
	display: block;
}

.box {
	width: 100%
}

.left-pro {
	width: 100%;
	text-align: left;
	float: left
}

.left-pro .t1 {
	width:15.5%;
	/*width: 14.4%;*/
	float: left
}

.left-pro .t2 {
	/*width: 83%;*/
	width: 82%;
	/*padding: 11px;border:1px solid #b8b8b8;*/
	text-indent: 0;
	float: right;
	position: relative;
}

.left-pro .t2 li {
	width: 100%!important;
	height: 100%!important;
	/*padding: 11px;*/
	/*padding: 11px;border:1px solid #b8b8b8;*/
}

.left-pro .t2 img {
	text-indent: 0;
	display: block;
	/*width: 100%;*/
	/*height: 100%!important;*/
}

.bigImg {
	padding: 10px;
	border: 1px solid #b8b8b8;
}

#showArea img {
	padding: 5px;
	cursor: pointer;
	display: block;
	margin-bottom: 9px;
	width: 100%;
	border: 1px solid #ccc;
	height: auto;
	float: left
}

#main_img {
	cursor: pointer;
	display: block
}

#gotop {
	cursor: pointer;
	display: block;
	margin: 0 auto 10px;
}

#gobottom {
	cursor: pointer;
	display: block;
	margin: 0 auto;
}

#showArea {
	/*height:405px;*/
	/*height: 592px;*/
	overflow: hidden;
}

#showArea ul li.on img {
	border-color: #4a98e9;
}

.MagicZoomBigImageCont {
	border: 1px solid #b8b8b8;
	overflow: hidden
}

.MagicZoomBigImageCont img {
	width: 910px;
	height: 910px
}

.MagicZoomBigImageCont iframe {
	width: 300px;
	height: 300px
}

.MagicZoomHeader {
	font: 10px Tahoma, Verdana, Arial, sans-serif;
	color: #fff;
	background: #91b817;
	text-align: center !important
}

.MagicZoomPup {
	border: 1px solid #aaa;
	background: #fff;
	cursor: hand;
	left: 0
}

.MagicZoomLoading {
	text-align: center;
	background: #fff;
	color: #444;
	opacity: 0.8;
	padding: 3px 3px 3px 3px !important;
	display: none
}

.MagicZoomLoading img {
	padding-top: 3px !important
}

.MagicThumb {
	cursor: pointer;
	outline: none
}

.MagicThumb-zoomed {
	cursor: default
}

.MagicThumb span {
	display: none
}

.MagicThumb-image {
	border: 1px solid #ccc;
	outline: none
}

.MagicThumb-image-zoomed {
	cursor: pointer
}

.MagicThumb-caption {
	color: #333333;
	background-color: #F0F0F0;
	border: 1px solid #CCC;
	border-top: none;
	font-family: Verdana, Helvetica;
	font-size: 11px;
	padding: 8px 16px
}

.MagicThumb-controlbar {
	display: block;
	height: 18px
}

.MagicThumb-controlbar a {
	display: block;
	width: 180px;
	height: 180px;
	margin: 0px 1px;
	outline: none;
	float: left;
	overflow: hidden
}

.MagicThumb-controlbar a span {
	display: block;
	width: 1000px;
	height: 1000px;
	outline: none;
	position: absolute;
	left: 0px;
	top: 0px
}

.MagicThumb-loading {
	border: 1px solid #000;
	background: #fff;
	padding: 2px 2px 2px 22px;
	margin: 0;
	text-decoration: none;
	text-align: left;
	font-size: 8pt;
	font-family: sans-serif;
}

.fdj {
	float: right;
	position: absolute;
	right: 0px;
	bottom: -3px;
	z-index: 9999
}

.picheight {
	width: 100%;
	height: 455px
}

@media only screen and (max-width:1440px) {
	#showArea {
		height: auto;
	}
	.left-pro .t1 {
		width: 15.3%;
	}
	/*div.zoomDiv{right: 60px!important;}*/
}

@media only screen and (max-width:1366px) {
	#showArea img {
		margin-bottom: 19px;
	}
	.left-pro .t1 {
		width: 14%;
	}
	/*#showArea img{margin-bottom: 7px;}*/
}

@media only screen and (max-width:1200px) {
	/*.left-pro .t1{width:130px;float:left}
.left-pro .t2{width:400px;text-indent:0;float:left; border:1px solid #b8b8b8;}*/
	/*#showArea img{cursor:pointer;display:block;margin-bottom:12px;width:100px;border:1px solid #ccc;height:100px;float:left}*/
	/*#showArea{height:330px;overflow:hidden; margin:10px;}*/
	.ny_list .picleft {
		width: 55%;
		float: left;
		height: 445px;
	}
	.ny_list .picright {
		width: 42%;
		margin-left: 20px;
		float: right;
	}
}

@media only screen and (max-width:1024px) {
	.clickzoom {
		padding-left: 0;
	}
	.pro_detail1_img {
		width: 100%;
	}
	.pro_detail1_main {
		width: 100%;
	}
	.ny_list .picleft,
	.ny_list .picright {
		width: 100%;
	}
	.ny_list .picright {
		padding-top: 30px;
	}
	.left-pro {
		width: 100%;
		text-align: center;
		clear: both;
	}
	/*.box{width:70%;  margin:0 auto;}*/
	/*.left-pro .t1{width:30%;float:left}*/
	/*.left-pro .t2{width:68%;text-indent:0;float:right; border:1px solid #b8b8b8; margin-bottom:30px;}*/
	/*#showArea img{cursor:pointer;display:block;margin-bottom:12px;width:118px;padding:1px;border:1px solid #ccc;height:118px;float:left}*/
	/*#showArea{height:379px;overflow:hidden; margin:10px;}*/
	#showArea {
		height: auto;
	}
	.pro_detail1_section {
		/*margin-top:90px;*/
		/*margin-top:190px;*/
		margin-top: 20px;
	}
	.left-pro {
		width: 100%;
		text-align: center;
		clear: both;
	}
	.box {
		width: 100%;
		margin: 0 auto;
	}
	.left-pro .t1 {
		width: 100%;
	}
	.left-pro .t2 {
		width: 100%;
		text-indent: 0;
		margin-bottom: 30px;
		/*padding:3px; border:1px solid #b8b8b8;*/
	}
	#showArea img {
		cursor: pointer;
		display: block;
		width: 18.7%;
		/*width: 180px;*/
		padding: 1px;
		border: 1px solid #ccc;
		/*height: 180px;*/
		float: left;
		/*margin: 0 6px 5px 6px;*/
		margin: 0 0 5px 1.625%;
	}
	#showArea ul li:first-child img{margin-left: 0;}
	/*#showArea{height:85px;overflow:hidden; margin:10px; }*/
}

@media only screen and (max-width:780px) {
	/*.box{width:90%;  margin:0 auto;}*/
	/*#showArea img {
		width: 132px;
		height: 132px;
	}*/
}

@media only screen and (max-width:480px) {
	box {
		width: 100%;
		margin: 0 auto;
	}
	.left-pro {
		width: 100%;
		text-align: center;
		clear: both;
	}
	.box {
		width: 100%;
		margin: 0 auto;
	}
	.left-pro .t1 {
		width: 100%;
	}
	.left-pro .t2 {
		width: 100%;
		text-indent: 0;
		margin-bottom: 30px;
		/*padding:3px; border:1px solid #b8b8b8;*/
	}
	/*#showArea img {
		cursor: pointer;
		display: block;
		width: 65px;
		padding: 1px;
		border: 1px solid #ccc;
		height: 65px;
		float: left;
		margin: 0 6px 5px 6px;
	}*/
	/*#showArea{height:85px;overflow:hidden; margin:10px; }*/
	.ny_list .picright .online,
	.ny_list .picright .hotline {
		width: 90%;
		float: none;
		margin: 10px auto;
	}
	.main_img {
		height: 300px!important;
	}
	.icoleft,
	.icoright {
		text-align: center;
		width: 100%;
		margin-left: 30%;
	}
	.pro_detail1_main h2 {
		font-size: 18px;
	}
}

@media only screen and (max-width:380px) {
	.pro_detail1_m1 span {
		margin-top: 10px;
	}
	.pro_detail1_main h3 {
		margin: 5px 0;
	}
	/*#showArea img {
		cursor: pointer;
		display: block;
		width: 64px;
		padding: 1px;
		border: 1px solid #ccc;
		height: 64px;
		float: left;
		margin: 0 3px 10px 3px;
	}*/
}

@media only screen and (max-width:320px) {
	/*#showArea img {
		cursor: pointer;
		display: block;
		width: 54px;
		padding: 1px;
		border: 1px solid #ccc;
		height: 54px;
		float: left;
		margin: 0 3px 10px 3px;
	}*/
}


/*响应式*/

@media only screen and (max-width:2048px) {
	/*.bigImg {
		height: 584px!important;
	}*/
}

@media only screen and (max-width:1200px) {
	/*.w{width: 1024px;}*/
}

@media only screen and (max-width:1024px) {
	/*.w{width: 960px;}*/
	.news_section .main ul li .tbox {
		padding: 0 15px;
	}
	.news_section .main ul li .tbox .t3 {
		/*margin-top: 60px;*/
		padding: 0 15px;
	}
	.xuan.color ul li i {
		left: 2px;
	}
	.maplist {
		display: block;
	}
	.map {
		display: none;
	}
	div.zoomDiv {
		display: none!important;
	}
	div.zoomMask {
		display: none!important;
	}
	.bigImg {
		height: 736px!important;
		background-color: #fff;
	}
	.left-pro .t2 li {
		height: 100%!important;
	}
	/*.clickzoom{background: #000;}*/
}

@media only screen and (max-width:960px) {
	.bigImg {
		height: 690px!important;
	}
	/*.clickzoom{background: #ccc;}*/
}

@media only screen and (max-width:780px) {
	/*.weizhi,*/
	.biaoti {
		display: none;
	}
	.nlist_section,
	.news_section,
	.pro1_section {
		padding: 30px 0;
	}
	.nlist_section .main ul li .tbox .t2 {
		margin: 0;
	}
	.news_section .main ul li .tbox .t1 {
		margin: 20px 0;
	}
	.news_section .main ul li .tbox .t2 {
		font-size: 18px;
	}
	.news_section .main ul li .tbox .t3 a {
		margin-right: 5px!important;
	}
	.layoutleft {
		width: 100%;
	}
	.layoutright {
		width: 100%;
	}
	.xuan.color ul li i {
		left: 45px;
	}
	.bigImg {
		height: 553px!important;
	}
	/*.clickzoom{background: red;}*/
}

@media only screen and (max-width:640px) {
	.bigImg {
		height: 461px!important;
	}
}

@media only screen and (max-width:560px) {
	.bigImg {
		height: 403px!important;
	}
}

@media only screen and (max-width:480px) {
	.nlist_section .main ul li {
		border: 1px solid #BDBDBD;
		padding: 10px;
	}
	.nlist_section .main ul li .pic {
		width: 100%;
	}
	.nlist_section .main ul li .tbox {
		width: 100%;
		margin-top: 10px;
	}
	.news_section .main ul li {
		padding: 15px;
	}
	.news_section .main ul li .tbox {
		position: static;
		width: 100%;
		padding: 0;
	}
	.news_section .main ul li .pic {
		width: 100%;
	}
	.news_section .main ul li .tbox .t1 {
		margin: 10px 0;
	}
	.news_section .main ul li .tbox .t3 {
		position: static;
		margin: 10px 0;
		padding: 0;
	}
	.xuan.color ul li i {
		left: 15px;
	}
	.in1_sec li {
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
	}
	.reclist ul li {
		width: 100%;
		margin-left: 0;
	}
	.pro_detail2_section {
		margin-bottom: 50px;
	}
	.bigImg {
		height: 360px!important;
	}
	.sear_section {
		margin-bottom: 95px;
	}
	.sear_section {
		margin: 52px 0px 10px;
	}
}

@media only screen and (max-width:380px) {
	.xuan.color ul li i {
		left: 10px;
	}
	.recoChecked {
		width: 25%;
	}
	.recoUnchecked {
		width: 25%;
	}
	.bigImg {
		height: 326px!important;
	}
}

@media only screen and (max-width:320px) {
	.xuan.color ul li i {
		left: 3px;
	}
}

.pro1_sec {
	position: relative;
}


/*2018/5/10*/


/*.layoutleft.fixed{position: fixed; top: 115px; left: 8.8%; width: 19.465%; }*/


/**/


/*@media only screen and (max-width: 1920px){
.layoutleft.fixed{ left: 12.5%; width: 17.39%;}
}

.layoutleft.fixed{position: fixed; top: 115px;left: 10.1%; width: 18.835%;}
@media only screen and (max-width:1440px ) {

.layoutleft.fixed{ left: 4.86%; width: 21.55%;}
}
@media only screen and (max-width:1680px ) {
.layoutleft.fixed{ left: 6.8%;   width: 20.4%;}
}
@media only screen and (max-width:1600px ) {
.layoutleft.fixed{ left: 4.6%;   width: 21.46%;}
}
@media only screen and (max-width:1400px ) {

.layoutleft.fixed{ left: 6.8%; width: 20.5%;}
}

@media only screen and (max-width:1366px) {
	.layoutleft.fixed{ left: 5.5%; width: 21%;}
}@media only screen and (max-width:1360px) {
	.layoutleft.fixed{ left: 5.3%;}
}
@media only screen and (max-width:1280px) {
	.layoutleft.fixed{ left: 2.5%; width: 22.42%;}
}

@media only screen and (max-width:1200px) {
	.layoutleft.fixed{ left: 4.3%; width: 22.1%;}
}

@media only screen and (max-width:1024px) {
	.layoutleft{width: 100%;position: static;}
	.layoutright{width: 100%;}
	.layoutleft.fixed{position: static;  width: 100%;}
}*/


/*@media only screen and (max-width: 1920px){
#UpdateUserItem.fixed .layoutleft{ left: 12.5%; width: 17.39%;}
}

#UpdateUserItem.fixed .layoutleft{position: fixed; top: 115px;left: 10.1%; width: 18.835%;}
@media only screen and (max-width:1440px ) {

#UpdateUserItem.fixed .layoutleft{ left: 4.86%; width: 21.55%;}
}
@media only screen and (max-width:1680px ) {
#UpdateUserItem.fixed .layoutleft{ left: 6.8%;   width: 20.4%;}
}
@media only screen and (max-width:1600px ) {
#UpdateUserItem.fixed .layoutleft{ left: 4.6%;   width: 21.46%;}
}
@media only screen and (max-width:1400px ) {

#UpdateUserItem.fixed .layoutleft{ left: 6.8%; width: 20.5%;}
}

@media only screen and (max-width:1366px) {
	#UpdateUserItem.fixed .layoutleft{ left: 5.5%; width: 21%;}
}@media only screen and (max-width:1360px) {
	#UpdateUserItem.fixed .layoutleft{ left: 5.3%;}
}
@media only screen and (max-width:1280px) {
	#UpdateUserItem.fixed .layoutleft{ left: 2.5%; width: 22.42%;}
}

@media only screen and (max-width:1200px) {
	#UpdateUserItem.fixed .layoutleft{ left: 4.3%; width: 22.1%;}
}*/

@media only screen and (max-width:1024px) {
	.layoutleft {
		width: 100%;
		position: static!important;
	}
	.layoutright {
		width: 100%;
	}
	/*#UpdateUserItem.fixed .layoutleft{position: static;  width: 100%;}*/
}

.phone_head .search {
	border: 1px solid #dcdcdc;
	border-radius: 3px;
	padding: 0 8px;
	margin-top: 10px;
	margin-left: 10px;
}

.phone_head .search input {
	float: left;
	font-size: 14px;
	height: 35px;
}

.phone_head .search input:nth-child(1) {
	width: 120px;
}

.phone_head .search input:nth-child(2) {
	width: 20px;
	cursor: pointer;
	background: url(../images/h5.jpg) no-repeat center;
}

.phone_head .logo {
	width: auto;
}

@media only screen and (max-width:480px) {
	.phone_head .search input:nth-child(1) {
		width: 100px;
	}
	.phone_head .search {
		margin-left: 40px;
	}
}

@media only screen and (max-width:380px) {
	.phone_head .search {
		margin-left: 20px;
	}
}

@media only screen and (max-width:320px) {
	.phone_head .search input:nth-child(1) {
		width: 80px;
	}
	.phone_head .search {
		margin-left: 8px;
	}
}

.footcontact {
	padding: 10px 0;
	display: none;
}

.footcontact dt {
	font-size: 18px;
}

@media only screen and (max-width: 1024px) {
	.footcontact {
		display: block;
	}
}


/*2018/5/11*/

.in_banner .owl-nav .owl-prev,
.in_banner .owl-nav .owl-next {
	display: inline-block;
	/* top:-600% ;*/
	top: -400%;
	text-indent: 9999px;
	position: absolute;
	width: 18px;
	height: 33px;
}

.in_banner .owl-nav .owl-prev {
	left: 10px;
	background: url(../images2/pl.png) no-repeat center;
}

.in_banner .owl-nav .owl-next {
	right: 10px;
	background: url(../images2/pr.png) no-repeat center;
}

@media only screen and (max-width: 1024px) {
	.in_banner .owl-nav {
		display: none!important;
	}
	/*.in_banner .owl-controls{bottom: 0;}*/
}

@media only screen and (max-width: 560px) {
	.in_banner .owl-controls {
		bottom: 0;
	}
}


/*2018/5/29*/

#pageContent {
	display: none;
	width: 100%;
	/*height: 500px;*/
	max-height: 500px;
	overflow: hidden;
	position: relative;
	margin: 30px auto;
}

#imgContainer {
	width: 100%;
	/*height: 500px;*/
	max-height: 500px;
}

#positionButtonDiv {
	background: rgb(58, 56, 63);
	background: rgba(58, 56, 63, 0.8);
	border: solid 1px #100000;
	color: #fff;
	padding: 8px;
	text-align: left;
	position: absolute;
	right: 35px;
	top: 35px;
	text-align: center;
}


/*#positionButtonDiv .positionButtonSpan img {
				float: right;
				border: 0;
			}*/

#positionButtonDiv .positionButtonSpan img {
	display: inline-block;
	border: 0;
}

.positionMapClass area {
	cursor: pointer;
}

.zoomButton {
	border: 0;
	cursor: pointer;
}

.zoomButton {
	display: inline-block;
}

.zoomableContainer {
	background-image: url(../images/transparent.png);
}


/*#pageContent{display: none;}*/

@media only screen and (max-width: 1024px) {
	#pageContent {
		display: block;
	}
	.left-pro .t2 {
		display: none;
	}
	.in_banner .owl-controls {
		bottom: 215px;
		/*bottom: 180px;*/
	}
	.in_banner .owl-dots .owl-dot span {
		width: 19px;
		height: 19px;
		background-size: auto 100%;
	}
	
	.nlist_section {
	padding: 10px 0 90px;
}
.newshow img{
	display: block;
	max-width: 100%;
	margin: 0 auto;
}
}

@media only screen and (max-width: 560px) {
	#pageContent {
		margin: 20px 0;
	}
	.in_banner .owl-controls {
		bottom: 150px;
	}
	.in_banner .owl-dots .owl-dot span {
		width: 12px;
		height: 12px;
	}
}


/*2018/5/31*/

.pinch-zoom {
	display: none;
	padding: 11px;
	border: 1px solid #b8b8b8;
}

.pinch-zoom img {
	display: none;
}

.pinch-zoom img:first-child {
	display: block;
}

.pinch-zoom,
.pinch-zoom img {
	width: 100%;
	-webkit-user-drag: none;
	-moz-user-drag: none;
	-ms-user-drag: none;
	user-drag: none;
}

@media only screen and (max-width: 1024px) {
	.pinch-zoom {
		display: block;
	}
	.clickzoom {
		display: none;
	}
	.clickzoom1 {
		display: block;
		padding-left: 0;
	}
}


/*2015/6/6*/


/*.loadpagediv {  
            display:none;  
            position:absolute;  
            top:30%;  
            left:40%;  
            width:25%;  
            height:10%;  
            background-color:green;  
            border:10px solid blue;  
            color:red;  
        }  */

#loading {
	background-color: #fff;
	height: 100%;
	width: 100%;
	position: fixed;
	z-index: 9999999;
	margin-top: 0px;
	top: 0px;
}

#loading-center {
	width: 100%;
	height: 100%;
	position: relative;
}

#loading-center-absolute {
	position: absolute;
	left: 50%;
	/*top: 40%;*/
	top: 430px;
	/*height: 150px;
	width: 150px;*/
	height: 300px;
	width: 300px;
	/*margin-top: -75px;
	margin-left: -75px;*/
	margin-top: -150px;
	margin-left: -150px;
	-moz-border-radius: 50% 50% 50% 50%;
	-webkit-border-radius: 50% 50% 50% 50%;
	border-radius: 50% 50% 50% 50%;
}

.loading-center-t {
	text-align: center;
	position: absolute;
	left: 50%;
	top: 65%;
	font-size: 18px;
	height: auto;
	width: auto;
	margin-top: -75px;
	margin-left: -75px;
	-moz-border-radius: 50% 50% 50% 50%;
	-webkit-border-radius: 50% 50% 50% 50%;
	border-radius: 50% 50% 50% 50%;
}

.object {
	width: 20px;
	height: 20px;
	background-color: #3B3B3B;
	position: absolute;
	-moz-border-radius: 50% 50% 50% 50%;
	-webkit-border-radius: 50% 50% 50% 50%;
	border-radius: 50% 50% 50% 50%;
	-webkit-animation: animate 0.8s infinite;
	animation: animate 0.8s infinite;
}

#object_one {
	top: 19px;
	left: 19px;
}

#object_two {
	top: 0px;
	left: 65px;
	-webkit-animation-delay: 0.1s;
	animation-delay: 0.1s;
}

#object_three {
	top: 19px;
	left: 111px;
	-webkit-animation-delay: 0.2s;
	animation-delay: 0.2s;
}

#object_four {
	top: 65px;
	left: 130px;
	-webkit-animation-delay: 0.3s;
	animation-delay: 0.3s;
}

#object_five {
	top: 111px;
	left: 111px;
	-webkit-animation-delay: 0.4s;
	animation-delay: 0.4s;
}

#object_six {
	top: 130px;
	left: 65px;
	-webkit-animation-delay: 0.5s;
	animation-delay: 0.5s;
}

#object_seven {
	top: 111px;
	left: 19px;
	-webkit-animation-delay: 0.6s;
	animation-delay: 0.6s;
}

#object_eight {
	top: 65px;
	left: 0px;
	-webkit-animation-delay: 0.7s;
	animation-delay: 0.7s;
}

@-webkit-keyframes animate {
	25% {
		-ms-transform: scale(1.5);
		-webkit-transform: scale(1.5);
		transform: scale(1.5);
	}
	75% {
		-ms-transform: scale(0);
		-webkit-transform: scale(0);
		transform: scale(0);
	}
}

@keyframes animate {
	50% {
		-ms-transform: scale(1.5, 1.5);
		-webkit-transform: scale(1.5, 1.5);
		transform: scale(1.5, 1.5);
	}
	100% {
		-ms-transform: scale(1, 1);
		-webkit-transform: scale(1, 1);
		transform: scale(1, 1);
	}
}


/*@media only screen and (max-width:480px) {
	.loading-center-t{
	top: 70%;
	}
}*/

@media only screen and (max-width:480px) {
	#loading-center-absolute {
		top: 300px;
		height: 150px;
		width: 150px;
		margin-top: -75px;
		margin-left: -75px;
	}
}

.container {
	position: relative;
}



.izImage {
	border: 0;
	cursor: move;
	width: 100%;
	/*border: 1px solid #000;*/
}

.izViewer {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 105%;
	top: 0;
	display: none;
	border: 1px solid #999;
	z-index: 100;
	background: url(../images2/mask.png);
}


/*.izViewer{width:360px;height:300px;position:absolute;left:420px;top:0;display:none; border:1px solid #000; background: rgba(0,0,0,0.5);}*/

.handle {
	display: none;
	opacity: 0.6;
	filter: alpha(opacity=60);
	background: #E6EAF3;
	cursor: crosshair;
}