@charset "utf-8";
/* CSS Document */
*{margin:0;padding:0;list-style-type:none;}
html{overflow-x:hidden;color:#666666;background-color:#FFFFFF;}
body,div,h1,h2,h3,h4,h5,h6,hr,dl,dt,dd,ul,ol,li,form{margin:0;padding:0;}
body,button,input,select,textarea{font:12px/1.5 Arial,"\5FAE\8F6F\96C5\9ED1",sans-serif;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
em{font-style:normal;}
fieldset,img{border:none;}
button,input,select,textarea{font-size:100%;}
table{border-collapse:collapse;border-spacing:0;}
img{-ms-interpolation-mode:bicubic;image-rendering:optimizeQuality;}
ul,ol{list-style:none}

a:link,a:visited {text-decoration:none;color:#666666}
a:hover {color:#017D47;text-decoration:underline;}

.hd-bg{display:none}
.hd-contact{float:left;color:#FFFFFF;font-size:14px}
.lang{float:right;height:38px;line-height:38px}
.lang li{float:left;height:38px;color:#FFFFFF;padding-left:10px;padding-right:10px}
.lang li a{color:#FFFFFF}
.lang li:hover,.lang li:hover a{background-color:#1A8959;color:#FFFFFF;text-decoration:none}

.wp-hd{width:100%;padding-top:10px;padding-bottom:10px;background:url(/JS9FH1OPUISGTSyKHyODDk9QIHSSI0SnT1gPIN.jpg) repeat-x center center;}
.wp-bd{
	padding-right:15px;
    padding-left:15px;
    margin:0 auto;
	box-sizing:border-box;
	position:relative;
	z-index:1
}
.logo{height:47px;background:url(/JS9FH1OPUI9oHy4pD1cF.jpg) no-repeat left center;background-size:auto 100%}
.hd-nav{float:right;height:36px;margin-top:40px}
.hd-nav ul li{float:left;position:relative;cursor:pointer}
.hd-nav ul li a:link,.hd-nav ul li a:visited{float:left;color:#3B3B3B;white-space:nowrap;display:inline;font-size:16px;height:36px;text-decoration:none;line-height:36px;text-align:center;padding-left:12px;padding-right:12px;border-radius:50px}
.hd-nav ul li:hover a,.hd-nav ul li a:hover{background:#017D47;color:#FFFFFF;text-decoration:none}
.nov{background-color:#017D47 !important;color:#FFFFFF !important}

.slider{position:relative;z-index:2}

.product-type{display:none;background:url(/JS9FH1OPUHAJHu9LD1Z.jpg) no-repeat center center;background-size:100% 100%;padding-top:70px;padding-bottom:110px}
.product-type-title{color:#FFFFFF;font-size:24px;text-align:center;padding-top:50px;}
#carousel {
	position: relative;
    z-index: 2;
	height: 420px;
	margin-top:-50px;
	padding-bottom:100px;
    transform-style: preserve-3d;
    perspective: 800px
}
#carousel li {
	position: absolute;
    left: 50%;
    top: 50%;
	width: 200px;
	padding: 20px;
    margin-left: -120px;
    margin-top: -100px;
    border-radius: 8px;
    transition: transform 0.5s ease-in-out;
	background-color: #FCFAFB;
	color: #017D47;
	text-align: center
}
#carousel li img{
	display:block;
	max-width:100%
}

.com-sel {
	width:100%;
	text-align:center;
	padding-top:70px;
}
.com-opt {
	height: 41px;
	text-indent: 0.8em;
	font-size: 14px;
	border-radius: 5px;
    color: #666;
	outline: none;
	padding-right: 66px;
    /*去掉默认的下拉三角*/
    appearance: none;  
    -moz-appearance: none;  
    -webkit-appearance: none;
    /*添加下拉三角图标*/
    background: #FFFFFF url(arrow.png) no-repeat right center;
}

.index-type{background:url(/JS9FH1OPUI9RKSWXUHEoIt.jpg) no-repeat center bottom;padding-top:20px;padding-bottom:20px}
.type-list{float:left;width:30.66666%;margin-right:4%;margin-bottom:4%}
.type-list:nth-child(3n+0){margin-right:0px}
.type-pic img{display:block;max-width:100%}
.type-name{text-align:center;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;height:40px;font-size:14px;line-height:120%;color:#214659;margin-top:10px}

.type-enname{text-align:center;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;height:80px;font-size:12px;line-height:120%;color:#214659;margin-top:10px}

.type-more{text-align:center;position:relative}
a.tm:link, a.tm:visited{display:inline-block;background-color:#DDDDDD;color:#214659;width:98px;height:38px;line-height:38px;font-weight:bold;border-radius:50px;margin-bottom:10px}
a.tm:hover{background-color:#017D47;color:#FFFFFF;text-decoration:none}
.type-more ul{display:none;}

.type-pic{
    position:relative;
	z-index:1;
	overflow:hidden;
	box-sizing: border-box;
	
}
.type-sel {
	width:100%;
	text-align:center;
	padding-top:15px;
	position:relative;
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
	-ms-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
}
.type-sel>a{
	display:block;width:100%;height:24px;position:relative;
	line-height:24px;
	border-radius:5px 5px 0 0;
	z-index:9999;
	background-color:#FFF;
	box-sizing:border-box;
	border:1px solid #F5F5F5;color:#017D47;text-decoration:none
}
.type-pic-list{
	position:absolute;
	padding-top:4px;
	z-index:100;
	top:100%;
	left:0px;
	width:100%;
	height:196px;
	/*visibility:hidden;
	opacity:0;*/
	background-color:rgba(0,0,0,0.5);
	
}
.type-pic:hover .type-sel{
	visibility:visible;
	opacity:1;
	transform: translateY(-215px);
	/*-webkit-transform:translateY(-100%);
	-moz-transform:translateY(-100%);
	-ms-transform:translateY(-100%);
	-o-transform:translateY(-100%);*/
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
	-ms-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
}

.type-pic-list ul li{float:left;width:100%;text-align:center}
.type-pic-list ul li a:link,.type-pic-list ul li a:visited{display:inline-block;color:#FFF}
.type-pic-list div{width:100%;text-align:center;padding-top:5px}
.type-pic-list div a{color:#FFF;display:inline}


.equipment{margin-top:20px}
.title{text-align:center;position:relative}
.back{background-color:#CCC;padding:5px 10px}
.title h3{font-size:26px}
.title span{display:block;font-size:14px;}
.line{display:inline-block;background-color:#017D47;width:38px;height:2px;margin-bottom:5px}
.white{color:#FFFFFF}

.equipment-list{margin-top:20px}
.equipment-list ul li{float:left;text-align:center;margin-right:4%;margin-bottom:30px;width:30.6666%;}
.equipment-list ul li a:link,.equipment-list ul li a:visited{display:inline-block;position:relative;z-index:1;width:100%;overflow:hidden}
.equipment-list ul li:nth-child(3n+0){margin-right:0px;}
.equipment-list ul a img{
	max-width:100%;
	display:block;
	transition: all 0.4s linear;
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -ms-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
}
.equipment-list ul a:hover img{
	-webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
	transition: all 0.4s linear;
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -ms-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
}
.equipment-more{text-align:center;margin-top:20px}
.equipment-more a:link,.equipment-more a:visited{display:inline-block;background-color:#017D47;color:#FFFFFF;width:157px;height:42px;line-height:42px;font-weight:bold;border-radius:50px;font-size:14px}
.equipment-more a:hover{background-color:#1A8959;color:#FFFFFF;text-decoration:none}

.about{margin-top:20px;padding-bottom:40px;background:url(/JS9FH1OPUIgoJSEgHyMnERMfIyVsJRAG.jpg) no-repeat center top;background-size:auto 100%}
.about-box{padding-top:40px;}
.about-box h3{display:block;padding-bottom:20px;font-size:20px;color:#FFFFFF;font-weight:bold}
.about-box p{color:#D9D9D9;font-size:14px;line-height:180%;word-break: break-all;
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 8;
-webkit-box-orient: vertical;}

.about-more{padding-top:35px}
.about-more a:link,.about-more a:visited{display:block;background-color:#7DA03A;color:#FFFFFF;width:140px;height:38px;line-height:38px;font-weight:bold;border-radius:50px;font-size:14px;text-align:center}
.about-more a:hover{background-color:#1A8959;color:#FFFFFF;text-decoration:none}

.advantage{margin-top:20px}
.advantage-box{margin-top:20px}
.advantage-box h3{font-size:16px;color:#434343}
.advantage-box span{display:block;color:#888888;font-size:13px;margin-bottom:20px}
.advantage-left{width:100%;}
.advantage-middle{width:100%;margin-bottom:20px}
.advantage-right{width:100%;}

.middle-banner{margin-top:20px;background:url(/JS9FH1OPUIgoJSEgHSgoEIADDR0sJRAG.jpg) no-repeat center center;background-size:auto 100%;padding-bottom:25px;padding-top:25px;}
.middle-banner h3{font-size:26px;font-weight:bold}
.middle-banner p{font-size:14px;color:#FFFFFF;padding-top:5px}

.banner-tel{display:none;position:absolute;right:0;top:20px}
.banner-tel a:link,.banner-tel a:visited{display:block;color:#FFFFFF;width:143px;height:42px;line-height:42px;border-radius:50px;font-size:14px;text-align:center;border:1px solid #FFFFFF}
.banner-tel a:hover{color:#FFFFFF;text-decoration:none}

.news{margin-top:20px;margin-bottom:20px;}
.news-pic{margin-top:20px}
.news-pic img{max-width:100%}
.news-pic p{padding-top:3px;padding-bottom:3px;line-height:23px}
.news-list{margin-top:20px}
.news-list ul li{padding-top:12px;padding-bottom:12px;min-height:64px;border-bottom:1px dashed #DBD4CD;font-family:Arial,'\5FAE\8F6F\96C5\9ED1';}

.news-date{float:left;width:16%;text-align:center;color:#FFFFFF;background-color:#017D47;margin-right:12px;padding-top:10px;padding-bottom:10px}
.news-title{font-size:16px;padding-top:10px;}
.news-content{float:left;width:80%;font-size:14px}

.news-more{text-align:center;margin-top:20px}
.news-more a:link,.news-more a:visited{display:inline-block;background-color:#017D47;color:#FFFFFF;width:157px;height:42px;line-height:42px;font-weight:bold;border-radius:50px;font-size:14px}
.news-more a:hover{background-color:#1A8959;color:#FFFFFF;text-decoration:none}

.wp-ft{font-size:14px;color:#FFFFFF;background:#017D47 url(real-estate-pattern.png) no-repeat center bottom;padding-top:30px;padding-bottom:10px}
.footer_nav{padding-bottom:20px}
.footer_nav h3{font-size:16px}
.footer_nav ul{padding-top:10px}
.footer_nav ul li{float:left;width:33%}
.footer_nav ul li a{color:#CCCCCC;line-height:26px}

.footer_conatct{border-left:1px solid #5A6B74}
.ewm{float:left;padding-right:30px;color:#CCCCCC;line-height:30px}
.conatct{float:left;color:#CCCCCC;padding-top:20px}
.conatct h3{font-size:20px;color:#FFF;font-weight:bold}
.conatct p{padding-top:15px;line-height:26px}

.copyright{color:#CCCCCC;margin-top:20px;border-top:1px solid #5A6B74;text-align:center;font-size:14px;padding-top:10px}

.main{margin-top:40px;margin-bottom:60px}
.content{margin-top:30px;font-size:14px;min-height:350px;line-height:180%}

.nlist li{padding-top:15px;padding-bottom:15px;border-bottom:1px dashed #DBD4CD}
.ndate{float:left;width:80px;line-height:24px;text-align:center;color:#FFFFFF;background-color:#017D47;margin-right:20px;padding-top:10px;padding-bottom:10px}
.ncontent{float:left;width:1080px;font-size:14px;line-height:1.6}

.con{width:100%}
.map{padding-top:20px;width:100%;height:350px}

.product-content{display:none}
.wap-content table{border-right:1px dashed #E1E1E1;border-bottom:1px dashed #E1E1E1} 
.wap-content table td{padding:3px;text-align:center;font-size:12px;border-left:1px dashed #E1E1E1;border-top:1px dashed #E1E1E1} 

.last-td{width:100px;position:relative}
.last-td div{position:absolute;z-index:5;top:100%;right:0px;padding:10px;background-color:#F0F0F0;width:200px;box-shadow:2px 2px 10px #999;overflow:hidden;max-height:0;visibility:hidden;transition:max-height 1s ease;line-height:23px}
.product-content tr:hover .last-td div{
	visibility:visible;
	max-height:200px;
}

.tree{width:100%;text-align:left}
.tree em{
	text-decoration:none;
	color:#017D47;
	font-size:26px;
	font-weight:bold;
	display:inline-block;
	letter-spacing:2px;
	vertical-align:top
}
.tree ul {
	padding-top: 20px
}
.tree ul li {
	text-align:left;
}
.tree ul li span{
	font-size:30px;
}
.tree ul li a{
	margin:5px 0;
	width:100%;
	text-decoration: none;
	float: left;
	color: #017D47;
    line-height: 120%;
    font-size: 18px;
	font-weight:bold;
	background-color:#D8D8DA
}
.tree ul li ul {
	padding-top: 10px;
}
.tree ul li ul li {
	text-align:left;
}
.tree ul li ul li a{
	text-decoration: none;
	float:left;
	padding-left:20px;
	box-sizing:border-box;
	padding-top:5px;
	padding-bottom:5px;
	color: #017D47;
    line-height: 120%;
    font-size: 16px;
	font-weight:normal;
	vertical-align:top;
	background-color:#FFFFFF
}
.tree li a:hover{background-color:#017D47;color:#FFF}

.rightbg{display:none;float:right;width:46%;height:950px;text-align:right;background:url(/JS9FH1OPUHSqHyyTHIZoJ0WH.jpg) no-repeat center center;background-size:100%}

@-webkit-keyframes fInLeft{
	0%{opacity:0;-webkit-transform:translate3d(-500px,0,0);transform:translate3d(-500px,0,0)}
	to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}
}
@keyframes fInLeft{
	0%{opacity:0;-webkit-transform:translate3d(-500px,0,0);transform:translate3d(-500px,0,0)}
	to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}
}
.fLeft{-webkit-animation-name:fInLeft;animation-name:fInLeft}

.left-bar{position:absolute;top:108px;z-index:99;-webkit-transform:translateZ(0);-webkit-animation-duration:350ms;-webkit-animation-timing-function:ease-in-out;-webkit-animation-name:fadein;display:none}
.arrow{margin-left:-48px;width:26px;padding:0 10px;height:30px;text-align:center;margin-bottom:1px;background:#017D47 url(arrow_up.png) center no-repeat;}
.focus{background:#017D47 url(arrow_down.png) center no-repeat;}

.left-bar .left-type-title{width:26px;padding:10px;font-size:26px;color:#FFF;line-height:140%;background-color:#017D47;vertical-align:top;word-wrap:break-word;word-break:break-all;cursor:pointer}
.left-bar .en-left-type-title{width:26px;padding:10px;font-size:26px;color:#FFF;line-height:100%;letter-spacing:2px;background-color:#017D47;text-align:center;vertical-align:top;word-wrap:break-word;word-break:break-all;cursor:pointer;writing-mode:vertical-lr;writing-mode:tb-lr}
.left-type{margin-left:-48px;position:relative;}
.left-type:hover .left-type-list{display:block}
.left-type:hover .left-type-list ul li{-webkit-animation-name:fInLeft;animation-name:fInLeft}

.left-type-list{display:none;position:absolute;left:46px;top:0;background-color:#FFFFFF;padding:15px;width:190px;-moz-box-shadow:0px 0px 3px #CCCCCC;-webkit-box-shadow:0px 0px 3px #CCCCCC;box-shadow:0px 0px 3px #CCCCCC;}
.left-type-list ul{position:relative;z-index:2}
.left-type-list ul li a:link,.left-type-list ul li a:visited{float:left;width:100%;line-height:140%;font-size:14px;text-decoration:none;text-align:left;padding:10px;overflow:hidden}
.left-type-list ul li:hover a,.left-type-list ul li a:hover{-moz-box-shadow:-3px 0px 3px #CCCCCC;-webkit-box-shadow:-3px 0px 3px #CCCCCC;box-shadow:-3px 0px 3px #CCCCCC;background-color:#FFFFFF;color:#017D47;text-decoration:none;padding:10px 6px 10px 10px;}

.left-sub-type{display:none;position:absolute;z-index:-1;left:205px;top:-15px;width:190px;min-height:286px;width:250px;-moz-box-shadow:0px 0px 5px #CCCCCC;-webkit-box-shadow:0px 0px 5px #CCCCCC;box-shadow:0px 0px 5px #CCCCCC;padding:15px;background-color:#FFFFFF;overflow:hidden}
.left-type-list ul li:hover .left-sub-type{display:block}
.left-sub-type ul li a:link,.left-sub-type ul li a:visited{float:left;color:#666666;width:100%;font-size:14px;text-decoration:none;text-align:left;padding:10px;box-sizing:border-box;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;}
.left-sub-type ul li a:hover{-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;background-color:#017D47;color:#FFFFFF;text-decoration:none}

.clear{height:74px;clear:both;overflow:hidden}
.footer_contact {-webkit-transform:translateZ(0);-webkit-animation-duration:350ms;position:fixed;-webkit-animation-timing-function:ease-in-out;-webkit-animation-name:fadein;z-index:10;opacity:1;width:100%;overflow:hidden;bottom:0;}
.footer_contact ul {overflow:hidden;border-left:solid 0.5px #128D5F}
.footer_contact li {float:left;width:20%;text-align:center;font-size:14px;background:#017D47}
.footer_contact li a {border-right:solid 0.5px #128D5F;color:#FFFFFF;height:60px;padding-top:14px;text-decoration:none;display:block;}

@media (min-width: 768px) {
	.tree{float:left;width:50%;}
	.rightbg{display:block}
	.clear{display:none}
    .footer_contact{display:none}
}
@media (min-width: 992px) {
	.hd-bg{display:block;background-color:#017D47;height:38px;line-height:38px;}
	.wp-hd{width:100%;height:115px;padding-top:0px;padding-bottom:0px;background:url(/JS9FH1OPUISGTSyKHyODDk9QIHSSI0SnT1gPIN.jpg) repeat-x center center;}
	.logo{float:left;height:115px;width:300px;background-size:auto}
	.hd-bg{display:block;background-color:#017D47;height:38px;line-height:38px;}
	.index-type{padding-top:70px;padding-bottom:70px}
	.type-list{float:left;width:16.8%;margin-right:4%;margin-bottom:0px;}
	.type-list:nth-child(3n+0){margin-right:4%}
    .type-list:last-child{margin-right:0px}
	
	.type-name{height:50px}
	.type-enname{font-size:14px;height:60px;}
    .type-more ul{display:none;position:absolute;top:100%;z-index:50;width:230%;}
    .type-more ul li{display:inline-block;padding-right:5px;font-size:14px}
	.type-more ul li a:link,.type-more ul li a:visited{display:inline-block;background-color:#DDDDDD;color:#214659;height:30px;line-height:30px;border-radius:50px;margin-bottom:5px;padding-left:10px;padding-right:10px}
    .type-more ul li a:hover{background-color:#017D47;color:#FFFFFF;text-decoration:none}
	
	.type-more:hover ul{display:block}
	
	.equipment{margin-top:40px}
	.equipment-list{margin-top:30px}
	.about{margin-top:40px;height:485px}
	.about-box{width:55%;padding-top:40px}
	.advantage{margin-top:40px}
    .advantage-box{margin-top:30px}
	.advantage-box h3{font-size:17px;}
	.advantage-left{float:left;width:25%;text-align:right}
    .advantage-middle{float:left;margin-left:5%;margin-right:5%;width:40%;text-align:center}
    .advantage-right{float:right;width:25%;text-align:left}
	.middle-banner{margin-top:40px;background:url(/JS9FH1OPUIgoJSEgHSgoEIADDR0sJRAG.jpg) no-repeat center center;height:110px;padding-top:25px;padding-bottom:0px}
	.banner-tel{display:block}
	.news{margin-top:40px;margin-bottom:60px;}
	.news-pic{float:left;width:36%;margin-top:40px}
	.news-list{float:right;width:60%;margin-top:30px}
	.footer_nav{float:left;width:40%}
	.footer_conatct{float:right;width:50%;padding-left:70px;}
	.con{float:left;width:40%}
    .map{float:right;width:60%}
	.left-bar{display:block}
	.product-content{display:block}
	.product-content table{border-right:1px dashed #E1E1E1;border-bottom:1px dashed #E1E1E1} 
    .product-content table td{text-align:center;font-size:12px;border-left:1px dashed #E1E1E1;border-top:1px dashed #E1E1E1}
	.wap-content{display:none}
	.back{display:none}
}
@media (min-width: 1200px) {
	.wp-bd{padding-right:50px;padding-left:50px;}
	.hd-nav ul li a:link,.hd-nav ul li a:visited{padding-left:15px;padding-right:15px}
	.type-name{font-size:18px}
	.type-enname{font-size:16px;height:65px;}
	.tree li a{margin:3px 17px;}
}
@media (min-width: 1399px) {
	.hd-nav ul li a:link,.hd-nav ul li a:visited{padding-left:25px;padding-right:25px}
	.type-name{font-size:20px}
	.tree li a{margin:3px 17px;}
}
@media (min-width: 1600px) {
	.wp-bd{width:1550px}
	.tree li a{margin:3px 25px;}
}

.PageNo{margin:0 auto;text-align:center;padding-top:30px;padding-bottom:20px;font-size:12px}
.PageNo a{font-weight:100;margin:2px;border:1px solid #787878;padding:5px;color:#323232;text-decoration:none;}
.PageNo .PV{color:#FFFFFF;background-color:#F02A2A}
.PageNo span{margin:2px;padding:5px;border:1px solid #787878;font-weight:100;color:#787878;}

.clearfix{zoom:1}
.clearfix:after{content:"\0020";display:block;height:0;clear:both;visibility:hidden}
<!--耗时0.0002751350402832秒-->