*{ margin:0px; padding:0px;-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;}
html {
    font-size: 12pt;
    font-size: 75%;
}
body{ margin:0 auto; font-size:13px; font-family: Arial, Helvetica, sans-serif;  font-size: 12pt;
    font-size: 1.2rem;}
ul, li, ol { list-style:none; padding:0px; margin:0px; width:100%;}
.clwi100{ clear:both; width:100%;}
.jianrong{ clear:both; width:100%; height:0px; overflow:hidden;}
.mainw{ margin:0 auto; max-width:1600px; min-width:1200px; height:auto; overflow-x: hidden;}
.mainw1{ margin:0 auto; max-width:1300px; min-width:1100px; height:auto;}
.mainw2{ margin:0 auto; width:1000px; height:auto;}
.mainw3{ margin:0 auto; width:900px; height:auto; }
.mainw4{ margin:0 auto; width:750px; height:auto; overflow-x: hidden;}
.mainw6{ margin:0 auto; width:600px; height:auto; overflow-x: hidden;}
.mainw7{ margin:0 auto; width:700px; height:auto; overflow-x: hidden;}
.mainw9{ margin:0 auto; width:900px; height:auto; overflow-x: hidden;}
div { word-break: break-all;}

.header-box {
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
	width: 100%;
	z-index: 3;
	background: #fff
}
.menu .logo{ float: left; width: 20%; text-align: center;}
.menu .logo img{ max-width:210px; width:60%; text-align: center; margin-left: 5%; margin-top: 10px; margin-bottom: 10px;}
.menu .nav{float: right; width: 78%; margin-top:25px;
min-height: 50px;
	z-index: 10;
	overflow: initial;
 }
.menu .nav > ul >li{ display:inline-block; width:14%; text-align: center; float: left; padding-left: 15px; padding-right: 10px; font-size:20px;}
 /*position: relative;*/
.menu .nav > ul >li:nth-child(2){width:18%;}
.menu .nav > ul >li:nth-child(5){width:11%;}
.menu .nav > ul >li:nth-child(1){width:11%;}
/*.menu .nav > ul >li:before{ content: "|"; left: 1px; top:24%; font-size: 12px; position: absolute; color: #1a1a1a;}*/
.menu .nav > ul >li a{ color: #1a1a1a;}
.menu .nav > ul >li:first-child:before{content: " "; left: 1px; font-size: 12px; position: absolute; color: #1a1a1a;}
.menu .nav > ul >li.active a{color:#005b7f; font-weight:600;}
.menu .nav > ul >li:hover a{color:#005b7f; font-weight:600;}
.menu-fixed-top {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
    z-index: 3;
    background: #fff;
	position: fixed;
	top: 0;
}
.menu-fixed-on {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
    background: #fff;	
}
.nav .navsub {
	display: none;
	margin: 0px 0px 0px 0px;	
	padding: 0;
	position: absolute;
	/* width: 120px; */
	width:220px;
	height: auto;
	background: #fff;
	z-index: 999;
	overflow: hidden;
	clear: both;
	margin-left: 10px;
}
.nav .navsub li {
	float: left;
	display: block;
	padding-top:6px;
	padding-bottom:6px;
	text-align: left;
	padding-left:16px;
}

.nav .navsub li a {
	color: #000 !important;
	font-size: 14px;
	font-weight: 100;
	font-weight:normal  !important;
}
.nav .navsub li:hover{	
	background-color: #005b7f;
	color: #ffffff;
}
.nav .navsub li:hover a{	
	color: #ffffff !important;
	font-weight:normal  !important;
}


/* 幻灯片*/
.layout {
    width: 100%;
}
.line {
    margin: 0;
    padding: 0;
}
.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {
	outline: none;
}
.slides, .flex-control-nav, .flex-direction-nav {
	margin: 0;
	padding: 0;
	list-style: none;
}
.flexslider {
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 1;
	width: 100%;
}
.flexslider .slides > li {
	display: none;
	-webkit-backface-visibility: hidden;
	margin:0px;
	padding:0px;
}
.flexslider .slides img {
	width: 100%;
	display: block;
}
.flexslider .slides a{width: 100%;}
.flexslider .slides a img {
	width: 100%;
	display: block;
}
.flex-pauseplay span {
	text-transform: capitalize;
}
.slides:after {
	content: "\0020";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
html[xmlns] .slides {
	display: block;
}
* html .slides {
	height: 1%;
}
.no-js .slides > li:first-child {
	display: block;
}
.flex-control-nav {
	position: absolute;
	bottom: 20px;
	z-index: 2;
	width: 100%;
	text-align: center;
}
.flex-control-nav li {
	display: inline-block;
	width: 12px;
	height: 12px;
	margin: 0 5px;
*display:inline;
	zoom: 1;
}
.flex-control-nav a {
	display: inline-block;
	cursor: pointer;
	width: 12px;
	height: 12px;
	float: left;
	text-indent: -2000px;
	background: #FFF;
	border-radius: 9px;
	font-size: 0px;
}
.flex-control-nav .flex-active {
	background: #1968B7;
}
.flex-direction-nav {
	position: absolute;
	z-index: 3;
	width: 100%;
	top: 50%;
}
.flex-direction-nav li a {
	display: block;
	width: 40px;
	height: 40px;
	cursor: pointer;
	text-indent: -999em;
	position: absolute;
	top: 50%;
	margin-top: -20px;
}
.flex-direction-nav li a.flex-prev {
	left: 25px;
	/*background: url("../images/slider-arrow.png") no-repeat -190px 50%;*/
	opacity: 0.75;
}
.flex-direction-nav li a.flex-next {
	right: 25px;
	/*background: url("../images/slider-arrow.png") no-repeat -66px 50%;*/
	opacity: 0.75;
}
.flex-direction-nav li a.flex-next:hover {
	/*background: url("../images/slider-arrow.png") no-repeat -6px 50%;*/
	opacity: 1;
}
	.flex-direction-nav li a.flex-prev:hover {
		/*background: url("../images/slider-arrow.png") no-repeat -130px 50%;*/
		opacity: 1;
	}
/* 幻灯片*/
.floor1{position: relative; padding-top:45px;padding-bottom:5px;}
.floor1 .t1{ text-align:center;}
.floor1 .t1 h1{ color: #005b7f;}
.floor1 .t2{ text-align:center;  padding-top:10px;padding-bottom: 15px; font-size: 16px; line-height:26px;}
.floor1 .t2 p{font-size: 18px; line-height:28px;}
.floor1 .t3 ul li{width:26%; float: left; text-align: center;}
.floor1 .t3 ul li .p1{font-size:20px; color: #4b8f43; font-weight: bold; padding-bottom:0px ;}
.floor1 .t3 ul li .p1 span{font-size:100px; font-family: 'Times New Roman', Times, serif; padding-bottom: 0px; }
.floor1 .t3 ul li .p2{ font-weight: 100; font-style: normal;}
.floor1 .t3 ul li:first-child{margin-left:11%;}
.floor1 .leftcircle{position: absolute; top:10%; left:0%; width:7%;}
.floor1 .leftcircle img{ max-width:250px; width: 100%;}
.floor1 .rightcircle{position: absolute; top:10%; right:0%; width:9%;}
.floor1 .rightcircle img{ max-width:250px; width: 100%;}

.floor1bt{border-bottom: 1px solid #c0c0c0;}

.floor2{
	background: -webkit-linear-gradient(to bottom, #002f42, #005b7f);
	  background: -moz-linear-gradient(to bottom, #002f42, #005b7f); 
	  background: -o-linear-gradient(to bottom, #002f42, #005b7f);
	  background: linear-gradient(to bottom, #002f42, #005b7f);
	  min-height: 100px;
	  padding-top: 30px; padding-bottom: 30px;
}
.floor2 .leftpannel{float: left; width:26%; margin-left:3%;}
.floor2 .leftpannel img{max-width: 500px; width: 100%;}
.floor2 .rightpannel{float:right; width:61%; margin-right: 5%;}
.floor2 .rightpannel h1{ color: #ffffff; padding-top: 10px; padding-bottom: 10px;}
.floor2 .rightpannel h2{ color: #ffffff; font-weight:100; line-height:36px;word-break: keep-all; padding-bottom: 10px;}
.floor2 .rightpannel span{ display:inline; background-color: #4b8f43;border-radius: 10px;  font-size:22px; text-align: center; padding:14px 25px; width: auto; color: #FFF; font-weight: 500; }
.floor2 .rightpannel span a{color: #FFF; }


.floor3{ }
.floor3 .flooremain{position:relative;}
.floor3 .flooremain .bd{ width:90%; z-index: 10; margin-left: 5%;}
.floor3 .flooremain .bd .tempWrap{overflow:hidden; position:relative;}
.floor3 .flooremain .bd  ul{overflow:hidden; zoom:1; }
.floor3 .flooremain .bd  ul li{ width:33.33%; float: left; text-align: center;  _display:inline; overflow:hidden; text-align:center; margin-left:1rem; margin-right: 1rem;}
.floor3 .flooremain .bd  ul li img{ width:96%; transition: all .5s linear; margin-left: auto; margin-right: auto;}
.floor3 .flooremain .bd  ul li:hover img{transform: scale3d(1.1, 1.1, 1);border: none;}
.floor3 .flooremain .bd  ul li p.pa{ text-align: center; display: inline-block; font-size: 1rem; width: 100%; margin-top: 0.8rem; font-weight:600;}
.floor3 .flooremain .bd  ul li p.pa span{ width:30%; margin-left: auto; margin-right: auto; height:1px; background-color: #e1e1e1; display:block; margin-top: 0.4rem; margin-bottom: 0.2rem;}
.floor3 .flooremain .bd  ul li p.pa em{ font-weight: 500; font-style: normal;font-size: 0.9rem; }
.floor3 .flooremain .hd{ position: relative; z-index: 1;}
.floor3 .flooremain .hd ul{overflow: hidden; height: 0px; width: 0px;}
.floor3 .flooremain .hd a.prev{ width:10%; position: absolute; left:0; width: 3.5%; margin-top:0%; background: url(../Img/f4.png) center center no-repeat; background-size: 90%; color: #FFF; display: inline-block; z-index:500;  text-align: center; font-size: 2rem; font-family: Arial, Helvetica, sans-serif; cursor: pointer;}
.floor3 .flooremain .hd a.next{ width: 5%; position: absolute; right:0%; width: 3.5%;  background: url(../Img/f5.png) center center no-repeat; background-size:90%; color: #FFF; display: inline-block; z-index: 15; text-align: center; cursor: pointer; }

.floor4{ padding-bottom: 30px; padding-right: 10PX;}
.floor4 .teapicdiv{ position: relative;}
.floor4 .teapicdiv .item{ border-radius:6px; border: 1px solid #e6e6e6; text-align: center; padding:10px 10px 38px 10px;}
.floor4 .teapicdiv .item p{ color: #0000000; font-size:18px; line-height: 20px; padding-top:22px; padding-bottom:10px; width:100%;}
.floor4 .teapicdiv .item a.link{ width: auto; background-color: #4b8f43;color: #FFF; padding:12px 10px;border-radius: 10px;  font-size:22px;display:inline-block;}

.floor4 .owl-theme .owl-nav{ margin-top: 0px; position: absolute;  top:38%;display: flex;
    justify-content: space-between;
     width: 100%;}
.floor4 .owl-theme .owl-nav .owl-prev{background-color: #4b8f43;color: #FFF; font-weight:500; font-size:40px; height:60px; width: 60px; border-radius:50%; padding: 0; margin-left: -70px;
display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background 0.3s;
}
.floor4 .owl-theme .owl-nav .owl-next{background-color: #4b8f43;color: #FFF; font-weight:500; font-size:40px; height:60px; width: 60px; border-radius:50%; padding: 0;transform: translateX(130%);}

.bottompannel{background: -webkit-linear-gradient(to bottom, #003246, #005b7f);
	  background: -moz-linear-gradient(to bottom, #003246, #005b7f); 
	  background: -o-linear-gradient(to bottom, #003246, #005b7f);
	  background: linear-gradient(to bottom, #003246, #005b7f);
	  min-height: 100px;
	  padding-top: 30px; padding-bottom:20px;}

.bottompannel .btleft{ width: 40%; float: left; margin-left:5%;}
.bottompannel .btleft .img1{ width: 25%; max-width: 300px; padding-top:20px;}
.bottompannel .btleft .p1{ color:#ffffff; font-size: 16px; padding-top: 10px;padding-bottom:6px;}
.bottompannel .btleft .p2{ color:#ffffff; font-size: 16px; padding-bottom: 10px;}
.bottompannel .btright{ width:45%; float: left; margin-left: 5%;}
.bottompannel .btright .p1{ color:#ffffff; font-size: 16px; padding-top: 10px;padding-bottom:6px;}
.bottompannel .btright .p2{color:#ffffff; font-size: 16px;padding-top:5px;padding-bottom:3px;}
.bottompannel .btright .p2 img{ width: 20px; margin-right:8px;}



.floorab1{position: relative; padding-top:25px;padding-bottom:15px;}
.floorab1 .t1{ text-align:left;}
.floorab1 .t1 h1{ color: #005b7f;}
.floorab1 .t2{ text-align:left;  padding-top:10px;padding-bottom: 15px; font-size: 16px; line-height:26px;}
.floorab1 .t3 img{ width:100%; max-width: 1100px;}

.contentpanl {
	line-height: 28px;
	color: #000000;
	font-size: 18px;
	padding-bottom:30px;
}
	.contentpanl img {
		width: 100%;
		max-width:1000px;
	}
.contentpanl p {
	line-height: 28px; color: #000000; font-size: 18px;
}
.floorab2{ margin-top: 20px;}
.floorab2 .paleft{ width: 54%; margin-left:1%; float: left; line-height:36px; font-size:20px; color: #000000; margin-top: 15px; margin-bottom: 15px;}
.floorab2 .paright{ width:45%; float: right; text-align: right;}
.floorab2 .paright img{ width: 100%; max-width:400px;}

.floorab3{padding-top:50px; padding-bottom:30px;}
.floorab3 ul li{ width: 40%; float: left; margin-bottom:40px;padding-top:10px;}
.floorab3 ul li:nth-child(2n){ width: 40%; float:right;}
.floorab3 ul li h2{ color:#005b7f;}
.floorab3 ul li h3{ color:#005b7f;}
.floorab3 ul li p{ line-height: 28px; color: #000000; font-size: 18px;}



.floorbraimg img{ width: 100%;}






.floorprod1{ position: relative;}
.floorprod1 .imgpan{ position: absolute; right:-80px; top:-130px;z-index:50;}
.floorprod1 .imgpan img{width: 100%;border-radius: 50%;width:320px; background-color: #ffffff;padding: 5px; }
.floorprod1 .imgpan2{width:150px; height: 150px;border-radius: 50%; position: absolute; right:100px; top:20px; background-color:#4b8f43;z-index:40; }


.floorprod1 .pan0{ padding-top: 30px; padding-bottom: 10px;}
.floorprod1 .pan0 img{ max-width:185px; display: inline-block; width:12%; margin-right:35px; }


.floorprod1 .pan1 {min-height: 600px; padding-top: 30px; padding-bottom: 30px; font-size: 18px; line-height: 30px; color: black;}
.floorprod1 .pan1 p{font-size:20px; line-height: 30px; padding-top: 10px; color: black;}
.floorprod1 .pan1 img{max-width: 100%; border: 0px;}
.floorprod1 .pan1 h2{ color: #005b7f; padding-top: 20px; padding-bottom:10px;}

.floorfacimg img{width: 100%;}
.floorfact1 .imgpan{}



.floorfac1{ padding-top:35px;padding-bottom:15px;}
.floorfac1 .t1{ text-align:center;}
.floorfac1 .t1 h2{ color: #1a1a1a;}

.floorfac1 .t2{font-size: 16px; line-height: 30px; padding-top: 10px; color: black;}
.floorfac1 .t2 img{max-width: 100%; border: 0px;}

.floorfac2{padding-top:15px;padding-bottom:15px;}
.floorfac2 .t1{font-size: 16px; line-height: 30px; padding-top: 10px; color: black;}
.floorfac2 .t1 img{max-width: 100%; border: 0px;}
.floorfac2 .t2{padding-top:15px;padding-bottom:5px;}
.floorfac2 .t2 ul li{ width: 100%; float: left;padding-top:15px;padding-bottom:6px; margin-bottom:5px; background-color:#f2f2f2;}
.floorfac2 .t2 ul li:last-child{ margin-bottom: 30px;}
.floorfac2 .t2 ul li:nth-child(2n){ background-color:#ffffff;}
.floorfac2 .t2 ul li h3{padding-left:40px;}
.floorfac2 .t2 ul li p{font-size: 16px; color: black; padding-left:50px;}
.floorfac2 .t3{
	background-color: #f2f2f2;
	border-top-right-radius:25px;
	min-height:100px;
	margin-bottom: 20px;	
	padding-top: 20px;
	padding-bottom: 20px;
	background: #f2f2f2 url('../imgs/fac3.png') no-repeat top right; 
}
.floorfac2 .t3 h3{padding-left:40px;}
.floorfac2 .t3 p{font-size: 16px; color: black; padding-left:40px;line-height: 30px;}

.floornewstype{border-bottom:1px solid #808080; padding-top: 30px; margin-top: 5px; margin-bottom:5px; padding-bottom: 5px;}
.floornewstype ul{list-style-type: none;}
.floornewstype ul li{ display: inline-block; width: auto; cursor: pointer;}
.floornewstype ul li h2{font-weight:normal;margin-left:20px; padding-left: 5px; padding-right: 5px; margin-right:40px; display: inline-block; color: #030303; margin-bottom: -8px;}
/*.floornewstype ul li:hover{padding-left:2px; padding-right:2px;}
.floornewstype ul li:hover h2{color: #005b7f; font-weight: bold; border-bottom:3px solid #005b7f;}*/

.floornewstype ul li.active{padding-left:2px; padding-right:2px;}
.floornewstype ul li.active h2{color: #005b7f; font-weight: bold; border-bottom:3px solid #005b7f;}

.floornewstype ul li.normal{padding-left:5px; padding-right:5px;}
.floornewstype ul li.normal h2{color: #030303; border-bottom:0px solid #005b7f;}



.floornews1{padding-top:10px; padding-bottom:40px;}
.floornews1 ul li{width: 100%; border-top:1px dashed #000000 ; float: left; padding-bottom: 20px;  padding-top: 20px; position: relative;}
.floornews1 ul li:first-child{border-top:0px solid #000000 ;}
.floornews1 ul li img{ width: 30%; float: left; max-width:400px; margin-right:3%; border-radius: 8px; border: none;}
.floornews1 ul li h2{ color: #000000;}
.floornews1 ul li h2 a{ color: #000000;}
.floornews1 ul li p{ width:65%; float: left;}
.floornews1 ul li .pa{ font-size: 16px; font-weight: bold;}
.floornews1 ul li .pb{font-size: 16px; line-height:30px; color: #808080; padding-bottom:15px;}
.floornews1 ul li .readnum{font-size: 14px; color: #808080; display: inline-block; position: absolute; left: 32%; bottom:20px;}
.floornews1 ul li .readtime{font-size: 14px; color: #808080;display: inline-block;position: absolute; right: 20px; bottom: 20px;}


.floornews1a{padding-top:10px; padding-bottom:40px;}
.floornews1a ul li{width: 100%; border-top:1px dashed #000000 ; float: left; padding-bottom: 20px;  padding-top: 20px; position: relative;}
.floornews1a ul li:first-child{border-top:0px solid #000000 ;}
.floornews1a ul li img{ width: 30%; float: left; max-width:400px; margin-right:3%; border-radius: 8px; border: none;}
.floornews1a ul li h2{ color: #000000;}
.floornews1a ul li h2 a{ color: #000000;}
.floornews1a ul li p{ width:100%; float: left;}
.floornews1a ul li .pa{ font-size: 16px; font-weight: bold;}
.floornews1a ul li .pb{font-size: 16px; line-height:30px; color: #808080; padding-bottom:30px;}
.floornews1a ul li .readnum{font-size: 14px; color: #808080; display: inline-block; position: absolute; left: 0%; bottom:20px;}
.floornews1a ul li .readtime{font-size: 14px; color: #808080;display: inline-block;position: absolute; right: 20px; bottom: 20px;}




.floornew .d1{ padding-top: 15px; border-bottom: 1px dashed #000000; margin-bottom: 15px;margin-top:20px;}
.floornew .d1 p{ text-align: right; font-size:16px;}

.floornew .d2{ padding-top:10px;padding-bottom: 15px; font-size: 16px; line-height:30px; margin-bottom: 30px; color: #494949;}
.floornew .d2 img{max-width: 100%; border: 0px; margin-top: 5px; margin-bottom:5px;}

.con1{border-bottom:1px solid #c0c0c0; padding-top:40px; padding-bottom: 0px;}
.con1 .leftpan{ width: 48%; float: left;padding-top: 10px; padding-bottom: 10px;}
.con1 .leftpan p{font-size: 16px; line-height:30px; color: #494949;padding-top: 10px; padding-bottom: 10px;}
.con1 .rightpan{width: 48%; float: right; margin-left: 3%;padding-top: 10px; padding-bottom: 10px;}
.con1 .rightpan p{font-size: 16px; line-height:30px; color: #494949;padding-top: 10px; padding-bottom: 10px;}

.con2{padding-top:0px; padding-bottom: 30px;}
.con2 ul{}
.con2 ul li{ float: left; width:46%;display: inline; font-size: 16px; margin-top:30px; border-bottom: 1px solid #c0c0c0; padding-left: 5px;}
.con2 ul li input{display: inline-block; width:65%; margin-left: 8px; border: 0px solid #000000;box-shadow: none;background-color:#ffffff; font-size: 16px;}
.con2 ul li input:hover{background-color:#ffffff;}
.con2 ul li:nth-child(2n){ float: right;}
.con2 ul li:last-child{ width: 100%;}

.con2 .bta{text-align: center; margin-top:50px;margin-bottom:40px;}
.con2 .bta a{display: inline-block; padding:10px 40px; background-color: #4b8f43; border-radius:15px; color: #ffffff; font-size: 30px; font-weight: bold;}
.con2 .bta button{display: inline-block; padding:13px 40px 10px 40px; background-color: #4b8f43; border-radius:15px; color: #ffffff; font-size: 30px; font-weight: bold;}
	.con2 .normal {
		background-color: #4b8f43;
		color: #ffffff;
	}

	.con2 .active {
		background: linear-gradient(to top, #dadada,#dadada);
		color: transparent;
		color: #c0c0c0;
	}




/*修改*/

.floorpros1{padding-top:10px; padding-bottom:40px;}
.floorpros1 .productspan{ background-color: #ffffff; width:71%; float: right; min-height:800px}
.floorpros1 .productspan ul li{width:98%; margin-left:2%; border-top:1px dashed #000000 ; float: left; padding-bottom: 20px;  padding-top: 20px;}
.floorpros1 .productspan ul li:first-child{border-top:0px solid #000000 ;}
.floorpros1 .productspan ul li img{ width: 30%; float: left; max-width:400px; margin-right:3%; border-radius: 8px; border: none;}
.floorpros1 .productspan ul li h2{ padding-top:10px; padding-bottom: 5px;}
.floorpros1 .productspan ul li h2 a{color: #000000;}

.floorpros1 .productspan ul li p{ width:65%; float: left;}
.floorpros1 .productspan ul li .pa{ font-size: 16px; font-weight: bold;}
.floorpros1 .productspan ul li .pb{font-size: 16px; line-height:30px; color: #808080;}
.floorpros1 .productspan ul li .sign{ width: 100%;  line-height: 22px; padding-bottom: 5px; color: #5a5a5a;width:65%; float: left;}
.floorpros1 .productspan ul li .sign div{ width: 100%; margin-top:10px; font-size: 16px; margin-bottom: 10px;}
.floorpros1 .productspan ul li .sign div span{font-size: 18px; color: #000; padding-right:3px;}
.floorpros1 .productspan ul li .sign div font{font-size: 12px;}





.floorprod1 .pan1 {min-height: 600px; padding-top:0px; padding-bottom: 30px; font-size: 18px; line-height: 30px; color: black;}
.floorprod1 .pan1 p{font-size:20px; line-height: 30px; padding-top: 10px; color: black;}
.floorprod1 .pan1 img{max-width: 100%; border: 0px;}
.floorprod1 .pan1 h2{ color: #005b7f; padding-top: 20px; padding-bottom:10px;}

.floorprod1 .pan2{min-height: 600px; padding-top:30px; padding-bottom: 30px;}
.floorprod1 .pan2 .picpan{}
.floorprod1 .pan2 .picpan .pica{ width:35%; float: left;}
.floorprod1 .pan2 .picpan .pica img{ width: 100%;}
.floorprod1 .pan2 .picpan .picb{width:62%; float: right; background-color: #f5f7f9;}
.floorprod1 .pan2 .picpan .picb .taleft{ padding-top:10px; padding-bottom:8px; color: #005b7f; background-color: #ffffff;}
.floorprod1 .pan2 .picpan .picb .sign{ width: 100%; padding-top:5px; color: #5a5a5a; padding-bottom: 8px;font-size: 16px; line-height:26px;}
.floorprod1 .pan2 .picpan .picb .sign div{ width: 100%; margin-top:12px; font-size: 16px; margin-bottom:12px; padding-right:30px; padding-left: 8px;}

.floorprod1 .pan2 .picpan .picb .sign div span{font-size: 18px; color: #000; padding-right:3px;}
.floorprod1 .pan2 .picpan .picb .sign div font{font-size: 12px;}

	.floorprod1 .pan2 .picpan .picb .sign a.link {
		margin-left:18px;
		padding: 10px 15px;
		margin-bottom: 10px;
		border-radius: 5px;
		background: linear-gradient(to top, #4b8f43,#005b7f);
		color: transparent;
		color: #ffffff;
	}
		.floorprod1 .pan2 .picpan .picb .sign a.link:hover {
			text-decoration: underline;
		}



.floorprod1 .pan2 .proIntpan {
	font-size: 24px;
	color: #000;
	font-family: "SourceHanSans-Bold";
	position: relative;
	margin-top: 30px;
	padding-left: 20px;
	margin-bottom: 1.3%;
}

.floorprod1 .pan2 .proIntpan:before {
    content: "";
    width: 7px;
    height:65%;
    background: linear-gradient(180deg, #005b7f 0%, #319CFF 100%);
    border-radius: 10px;
    position: absolute;
    left: 0;
    top:25%;
}

.floorprod1 .pan2 .proConpan{ margin-top:0px; background-color: #f5f7f9; padding: 15px 20px  15px  20px; font-size: 18px; line-height: 34px;}
.floorprod1 .pan2 .proConpan2{}
.floorprod1 .pan2 .proConpan2 img{max-width:98%;}
.floorprod1 .pan2 .proConpan2 table{
    width: 100%;
    height: auto;
    overflow: hidden;
    border-collapse: collapse;
	display: table;
    box-sizing: border-box;
    text-indent: initial;
    unicode-bidi: isolate;
    border-spacing: 1px;
    border-color: gray;

}
.floorprod1 .pan2 .proConpan2 tr th {
    width: 25%;
    color: #000;
    font-family: "SourceHanSans-Bold";
    background: #F5F7F9;
    border: 1px solid #E2E6EC;
}
.floorprod1 .pan2 .proConpan2 table tr {
    display: table-row;
    vertical-align: inherit;
    unicode-bidi: isolate;
    border-color: inherit;
	height: 50px; text-align: center;
}
.floorprod1 .pan2 .proConpan2 table th, td{font-size: 16px;
    font-family: "SourceHanSans-Regular", -apple-system, "Microsoft Yahei", "Hiragino Sans GB", "Helvetica Neue", Helvetica, tahoma, arial, Verdana, sans-serif, "WenQuanYi Micro Hei", "\5B8B\4F53";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-text-size-adjust: 100%;
	text-align: center;
}

.floorprod1 .pan2 .proConpan2 table tr {
    display: table-row;
    vertical-align: inherit;
    unicode-bidi: isolate;
    border-color: inherit;
}

.floorprod1 .pan2 .proConpan2 table td {
    display: table-cell;
    vertical-align: inherit;
    unicode-bidi: isolate;
	font-size: 15px; border: 1px solid #E2E6EC;text-align: center;
}
.floorprod1 .pan2 .proConpan2table tr.even, table tr.alt, table tr:nth-of-type(even){background-color: transparent;}
/*修改*/




/*添加*/
.bgb{background-color: #ffffff;}
.bga{background-color: #ededed;}



.proTypeList{float: left; width:28%; float: left; background-color: #ffffff; padding-bottom: 30px;}
.proTypeList h3{ padding-top:16px; padding-bottom: 14px; color: #ffffff; padding-left:5%; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; font-size:22px;background: url(../Imgs/proType.png) no-repeat 96% center; background-color: #005b7f; background-size:22px;}
.proTypeList ul{ margin-top: 10px;}
.proTypeList ul li{ width:90%; float: left; margin-left:5%; color: #000; margin-top:10px; margin-bottom:5px; border-bottom: 1px solid #c8c8c8; font-size:20px; padding-bottom: 3px; padding-left: 3px;}
.proTypeList ul li a{color: #000;}
.proTypeList ul li a:hover{color: #005b7f;}
.proTypeList ul li.active a{color: #005b7f;}
.proTypeList ul li.active a:hover{color: #005b7f;}

/*添加*/










/* 大屏幕 ：大于等于1200px*/
@media (min-width:1900px) {
	
    .line {
       width: 1900px; margin-left: auto;  margin-right: auto;
    }
}
@media (min-width: 1800px) {
    .menuPostion {
        position: absolute;
        top: -40px;
        left: 27%;
    }
}
@media (min-width: 1600px) and (max-width: 1800px) {
    .menuPostion {
        position: absolute;
        top: -40px;
        left: 22%;
    }
}
@media (min-width: 1200px) and (max-width: 1600px) {
    .menuPostion {
        position: absolute;
        top: -40px;
        left: 17%;
    }
}

/*默认*/
@media (min-width: 980px) and (max-width: 1200px) {
    .menuPostion {
        position: absolute;
        top: -40px;
        left: 0%;
    }
}

/* 平板电脑和小屏电脑之间的分辨率 */
@media (min-width: 768px) and (max-width: 979px) {
    .menuPostion {
        position: absolute;
        top: -40px;
        left: 0%;
    }
}

/* 横向放置的手机和竖向放置的平板之间的分辨率 */
@media (max-width: 767px) {
    .menuPostion {
        position: absolute;
        top: -40px;
        left: 0%;
    }
}

/* 横向放置的手机及分辨率更小的设备 */
@media (max-width: 480px) {
    .menuPostion {
        position: absolute;
        top: -40px;
        left: 0%;
    }
}