/* ÍøվͨÓÿªÊ¼ */
body{height:100%;font-family:"HanHei SC","PingHei","PingFang SC","STHeitiSC-Light","Helvetica Neue","Helvetica","Arial","΢ÈíÑźÚ";color:#333;}
div{font-family:"HanHei SC","PingHei","PingFang SC","STHeitiSC-Light","Helvetica Neue","Helvetica","Arial","΢ÈíÑźÚ";color:#333;}
p{font-family:"HanHei SC","PingHei","PingFang SC","STHeitiSC-Light","Helvetica Neue","Helvetica","Arial","΢ÈíÑźÚ";color:#8E755E; line-height:180%;}
h1{font-family:"HanHei SC","PingHei","PingFang SC","STHeitiSC-Light","Helvetica Neue","Helvetica","Arial","΢ÈíÑźÚ";color:#fff;line-height:60px; letter-spacing:10px;}
h2{font-family:"HanHei SC","PingHei","PingFang SC","STHeitiSC-Light","Helvetica Neue","Helvetica","Arial","΢ÈíÑźÚ";color:#fff;}
a{font-family:"HanHei SC","PingHei","PingFang SC","STHeitiSC-Light","Helvetica Neue","Helvetica","Arial","΢ÈíÑźÚ";color:#333; text-decoration:none;}
img{border:0px;}


@media only screen and (max-width: 2400px) {a{ font-size: 22px; }}
@media only screen and (max-width: 2000px) {a{ font-size: 20px; }}
@media only screen and (max-width: 19000px){a{font-size:  18px; }}
@media only screen and (max-width: 1800px) {a{ font-size: 18px; }}
@media only screen and (max-width: 1700px) {a{ font-size: 16px; }}
@media only screen and (max-width: 1600px) {a{ font-size: 16px; }}
@media only screen and (max-width: 1500px) {a{ font-size: 14px; }}
@media only screen and (max-width: 1400px) {a{ font-size: 14px; }}
@media only screen and (max-width: 1300px) {a{ font-size: 12px; }}
@media only screen and (max-width: 1200px) {a{ font-size: 12px; }}

@media only screen and (max-width: 2400px) {div{ font-size: 24px; }}
@media only screen and (max-width: 2000px) {div{ font-size: 22px; }}
@media only screen and (max-width: 19000px){div{font-size:  20px; }}
@media only screen and (max-width: 1800px) {div{ font-size: 20px; }}
@media only screen and (max-width: 1700px) {div{ font-size: 18px; }}
@media only screen and (max-width: 1600px) {div{ font-size: 18px; }}
@media only screen and (max-width: 1500px) {div{ font-size: 16px; }}
@media only screen and (max-width: 1400px) {div{ font-size: 14px; }}
@media only screen and (max-width: 1300px) {div{ font-size: 14px; }}
@media only screen and (max-width: 1200px) {div{ font-size: 12px; }}

@media only screen and (max-width: 2400px) {h1{ font-size: 38px; }}
@media only screen and (max-width: 2000px) {h1{ font-size: 36px; }}
@media only screen and (max-width: 19000px){h1{font-size:  34px; }}
@media only screen and (max-width: 1800px) {h1{ font-size: 32px; }}
@media only screen and (max-width: 1700px) {h1{ font-size: 30px; }}
@media only screen and (max-width: 1600px) {h1{ font-size: 28px; }}
@media only screen and (max-width: 1500px) {h1{ font-size: 26px; }}
@media only screen and (max-width: 1400px) {h1{ font-size: 24px; }}
@media only screen and (max-width: 1300px) {h1{ font-size: 24px; }}
@media only screen and (max-width: 1200px) {h1{ font-size: 22px; }}
@media only screen and (max-width: 1000px) {h1{ font-size: 22px; }}
@media only screen and (max-width: 800px) {h1{ font-size: 20px; }}

@media only screen and (max-width: 2400px) {h2{ font-size: 28px; }}
@media only screen and (max-width: 2000px) {h2{ font-size: 26px; }}
@media only screen and (max-width: 19000px){h2{font-size:  24px; }}
@media only screen and (max-width: 1800px) {h2{ font-size: 22px; }}
@media only screen and (max-width: 1700px) {h2{ font-size: 20px; }}
@media only screen and (max-width: 1600px) {h2{ font-size: 18px; }}
@media only screen and (max-width: 1500px) {h2{ font-size: 16px; }}
@media only screen and (max-width: 1400px) {h2{ font-size: 14px; }}
@media only screen and (max-width: 1300px) {h2{ font-size: 14px; }}
@media only screen and (max-width: 1200px) {h2{ font-size: 12px; }}
@media only screen and (max-width: 1000px) {h2{ font-size: 12px; }}
@media only screen and (max-width: 800px) {h2{ font-size: 12px; }}


@media only screen and (max-width: 2400px) {p{ font-size: 22px; }}
@media only screen and (max-width: 2000px) {p{ font-size: 20px; }}
@media only screen and (max-width: 19000px){p{font-size:  18px; }}
@media only screen and (max-width: 1800px) {p{ font-size: 18px; }}
@media only screen and (max-width: 1700px) {p{ font-size: 16px; }}
@media only screen and (max-width: 1600px) {p{ font-size: 16px; }}
@media only screen and (max-width: 1500px) {p{ font-size: 16px; }}
@media only screen and (max-width: 1400px) {p{ font-size: 14px; }}
@media only screen and (max-width: 1300px) {p{ font-size: 14px; }}
@media only screen and (max-width: 1200px) {p{ font-size: 12px; }}



@media only screen and (max-width: 2400px) {.titlecn{ font-size: 24px; }}
@media only screen and (max-width: 2000px) {.titlecn{ font-size: 22px; }}
@media only screen and (max-width: 19000px){.titlecn{font-size:  20px; }}
@media only screen and (max-width: 1800px) {.titlecn{ font-size: 18px; }}
@media only screen and (max-width: 1700px) {.titlecn{ font-size: 16px; }}
@media only screen and (max-width: 1600px) {.titlecn{ font-size: 16px; }}
@media only screen and (max-width: 1500px) {.titlecn{ font-size: 16px; }}
@media only screen and (max-width: 1400px) {.titlecn{ font-size: 14px; }}
@media only screen and (max-width: 1300px) {.titlecn{ font-size: 12px; }}
@media only screen and (max-width: 1200px) {.titlecn{ font-size: 12px; }}

@media only screen and (max-width: 2400px) {.right-top a{ font-size: 26px; }}
@media only screen and (max-width: 2000px) {.right-top a{ font-size: 24px; }}
@media only screen and (max-width: 19000px){.right-top a{font-size:  22px; }}
@media only screen and (max-width: 1800px) {.right-top a{ font-size: 22px; }}
@media only screen and (max-width: 1700px) {.right-top a{ font-size: 20px; }}
@media only screen and (max-width: 1600px) {.right-top a{ font-size: 20px; }}
@media only screen and (max-width: 1500px) {.right-top a{ font-size: 18px; }}
@media only screen and (max-width: 1400px) {.right-top a{ font-size: 16px; }}
@media only screen and (max-width: 1300px) {.right-top a{ font-size: 16px; }}
@media only screen and (max-width: 1200px) {.right-top a{ font-size: 14px; }}


/* ÍøվͨÓýáÊø */

* {padding: 0;margin: 0;font-family: "΢ÈíÑźÚ";font-size: 14px;}
ul,li {list-style: none;}
.box{width: 100%;margin: 0px auto;overflow: hidden;position: relative;}
.box-1 ul{}
.box-1 ul li{width:100%;position: relative;overflow: hidden;}
.box-1 ul li img{display:block;width:100%;}
.box-1 ul li h2{position: absolute;left: 0;bottom: 0;height: 40px;width:300px;background: rgba(125,125,120,.4);text-indent: 2em;
				padding-right:500px ;font-size: 15px;line-height: 40px;text-overflow: ellipsis;overflow: hidden;
				white-space: nowrap;font-weight: normal;color: ghostwhite}

.box-2{position: absolute;right:calc(50% - 33px);bottom: 20px;}
.box-2 ul li{float:left;width: 12px;height: 12px;overflow: hidden; margin: 0 5px; border-radius: 50%;
				background: rgba(0,0,0,0.5);text-indent: 100px;cursor: pointer;}
.box-2 ul .on{background: rgba(255,255,255,0.6);}
.box-3 span{position: absolute;color: white;background: rgba(125,125,120,.3);width: 50px;height: 80px;
				top:50%; font-family: "ËÎÌå";line-height: 80px;font-size:60px;margin-top: -40px;
				text-align: center;cursor: pointer;}
.box-3 .prev{left: 10px;}
.box-3 .next{right: 10px;}
.box-3 span::selection{background: transparent;}
.box-3 span:hover{background: rgba(125,125,120,.8);}


/* ¶¥²¿Í¨ÓÿªÊ¼ */


.top1{ display:block; height:40px; width:100%;  border-bottom:1px solid #B19C89; float:left;}
.container{display:block;width:90%; margin-left:5%; float:left;}
.header{width:100%;height:100px;z-index:9999}


.left-top1{ display:block; float:left; width:49.9%; padding-top:15px; text-align:left;font-size:14px; color:#7D5D3B;}
.right-top1{ display:block; float:left; width:49.9%;padding-top:15px; text-align:right;}
.right-top1 a{font-family:"΢ÈíÑźÚ";font-size:14px;line-height:150%; text-align:right; color:#7D5D3B; padding-left:20px;}
.right-top1 a:hover{ color:#999;}

.channelbg{width:100%;height:50px; display:block; float:left; background-color:#B19C89;z-index:9999}
.channelbg a{font-family:"΢ÈíÑźÚ"; width:14.2%;line-height:50px; height:50px; text-align: center; color:#fff; float:left; display:inline; }
.channelbg a:hover{ color:#8E755E;}
a.channel2:link {color: #fff;}
a.channel2:visited {color: #fff;}
a.channel2:hover{color: #8E755E;}
a.channel2:active {color: #fff;}
.left-top{ display:block; float:left; width:49.9%; padding-top:20px; text-align:left; height:120px;}
.right-top{ display:block; float:left;width:49.9%;padding-top:20px; text-align:right; height:120px;}
.right-link{ display:block; float:left; width:92%;height:100%; text-align:right;}

.right-en{ display:block; float:left; width:8%;height:100%; text-align:right;}
.right-en a{font-family:"΢ÈíÑźÚ";  width:100%;line-height:150%; text-align:right; color:#000;}
.right-en a:hover{ color:#999;}
/* ¶¥²¿Í¨ÓýáÊø */

/* ͼÁÐͨÓÿªÊ¼ */
.main{width:100%;position:relative; margin-top:50px;}
.main a{  filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=0);  -webkit-filter: grayscale(0%); }
.main a:hover{ filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);  -webkit-filter: grayscale(100%); }
.abouttitle{
   font-family:"΢ÈíÑźÚ"; 
   font-size: 30px;
	margin-bottom: 20px;
	text-align: center;
	color: #8E755E;
	background: url(/Skin/images/pbg1.png) no-repeat bottom center;
	padding-bottom: 30px;
	}
.about{width:100%;position:relative; }	
.left-about{float:left; display: block;width:calc(50% - 15px); margin-right:15px; text-align:left; }
.left-about img{width:100%; }
.right-about{float:right;display: block;width:calc(50% - 15px); margin-left:15px; text-align:left;  }
.right-about img{width:100%; }
.left-news{float:left; display: block;width:48%; margin-left:1%; margin-right:1%;}
.right-news{float:left;display: block;width:48%; margin-left:1%; margin-right:1%;}
.aboutmore{ width:8%; height:36px;  border:1px #8E755E solid; position:absolute; bottom:0px; left:75%; }
.aboutmore a{ width:100%; height:36px; line-height:36px;color: #8E755E; text-align:center; display:block;}
.aboutmore a:hover{ width:100%; height:36px; line-height:36px;color: #fff; background-color:#8E755E;}

.index_poduct{width:100%; background-color:#333333; height:160px; margin-top:50px; }
.poducttitle{width:48%; min-width:600px;margin:15px auto;position:relative; display:block; text-align:center;}
.poducttitle a{background-color:#333333; width:25%; color:#FFFFFF; position:absolute; z-index:15; display:block;  line-height:60px;letter-spacing:3px; height:60px; margin-left:37.5%; }
.poducttitle p{width:100%; border-bottom:1px #fff solid; height:10px; position:absolute; margin-top:20px;  }


.poductclass{width:100%; margin:15px auto;position:relative; display:block; text-align:center;}
.poductclass a{   color:#FFFFFF;  line-height:60px;letter-spacing:3px; height:60px; padding-left:15px;padding-right:15px;}
.poductclass a:hover{color: #8E755E; }
.classlist{ width:100%; text-align:center; display:block; float:left;}

.page_list { position: relative; }
.more { text-align: center; padding-top:20px; }
.more a { display: inline-block; line-height: 35px; font-size: 15px; width: 132px; text-align: center; border-radius: 30px; border: 1px solid #d2d2d2; color: #adadad; height:35px; }
.more a:hover { border-color: #e63b3e; color: #e63b3e; }
.ArticleTitle{width:100%; text-align:center;font-family: "΢ÈíÑźÚ"; font-size: 16px; margin-top:0px; padding-bottom:20px; font-weight:bold} 
.ArticleContent{text-align:justify;}

.photolist{width:23.8%; margin-left:0.5%; margin-right:0.5%;  float:left; display:block; text-align:center; border:1px #8E755E solid; margin-bottom:30px;}

.photolist a{ width:100%; height:50px; line-height:50px;color: #8E755E; text-align:center; display:block;}
.photolist a:hover{ color: #fff; background-color:#8E755E;}
.showpage{width:100%; text-align:center; display:block}
.imgcss{ position:relative;}; 
.titlebg{ 
position: absolute; 
left:0px; 
bottom:0px;  
background-color:#000;
color:#FFFFFF; 
width:100%; 
padding:8px 0; 
filter:alpha(opacity=70);-moz-opacity:0.7; -khtml-opacity: 0.7;opacity: 0.7; visibility:hidden;
z-index:99;
-webkit-animation: 1000ms ease-in-out 0s normal none 1 running fadeIn;
        animation: 1000ms ease-in-out 0s normal none 1 running fadeIn; 
 }
.worktitle{ 
position: absolute; 
left:0px; 
bottom:0px;  
 color:#FFFFFF; 
 width:90%; 
 padding:8px 0; 
 margin-left:20px;
 visibility:hidden;
 z-index:999; 
 -webkit-animation: 1000ms ease-in-out 0s normal none 1 running fadeIn;
        animation: 1000ms ease-in-out 0s normal none 1 running fadeIn;
 }
 .main a:hover  .worktitle, .main a:hover .titlebg {visibility: visible; }
 
.left-w1{  float:left; width:23.6%; margin:0 0.7% 1.4% 0.7%;}
.cent-w2{  float:left; width:48.6%; margin:0 0.7% 1.4% 0.7%;}
.right-w1{  float:left; width:23.6%; margin:0 0.7% 1.4% 0.7%;}
.cent-w1{  float:left; width:23.6%; margin:0 0.7%  1.4%  0.7%;}
.right-w2{  float:left; width:48.6%; margin:0 0.7% 1.4% 0.7%;}
.left-w2{  float:left; width:48.6%; margin:0 0.7% 1.4% 0.7%;}

.all-w3{  float:left; width:98.6%; margin:0 0.7% 1.4% 0.7%;}
.pic3{ width:100%;}
.clum_all{ width:100%; display:block; border:#ba956b 1px solid; float:left;height:1820px; padding-bottom:20px;}
.clum_1{ width:calc(16.66% - 30px); display:block; float:left; border-right:#ba956b 1px solid;padding:10px;height:100%;}
.clum_2{ width:calc(16.66% - 30px); display:block; float:left; border-right:#ba956b 1px solid;padding:10px;height:100%;}
.clum_3{ width:calc(16.66% - 30px); display:block; float:left; border-right:#ba956b 1px solid;padding:10px;height:100%;}
.clum_4{ width:calc(16.66% - 30px); display:block; float:left; border-right:#ba956b 1px solid;padding:10px;height:100%;}
.clum_5{ width:calc(16.66% - 30px); display:block; float:left; border-right:#ba956b 1px solid;padding:10px;height:100%;}
.clum_6{ width:calc(16.66% - 30px); display:block; float:left; border-right:#ba956b 0px solid;padding:10px;height:100%;}

/* ͼÁÐͨÓýáÊø */

.bottom {width:100%; display:block; float:left; margin-top:80px; background-color:#2f2f2f; position:relative}
.left-bottom{width:18%; display:block; float:left; padding-top:25px; background-color:#000; text-align:center; height:200px;}
.right-bottom{width:74%; display:block; float:left; padding-top:25px; margin-left:2%;text-align:center;}
.classlist{width:100%; display:block; float:left;  text-align:center; border-bottom:0px #444444 solid;}
.contactus{width:100%; display:block; float:left; text-align:left; padding-top:15px; color:#FFFFFF; font-size:18px; background:url(/Skin/Images/BLOGO.png) bottom right no-repeat; background-siz:150px 60px;line-height:160%;}
.listlink{ padding-bottom:15px;}
.listlink a{font-family:"΢ÈíÑźÚ"; line-height:100%; text-align:left; color:#000;}
.listlink a:hover{ color:#999;}

.about{ width:96%;line-height:220%; text-align:justify; padding-top:20px;}
.workinfo{ width:96%;line-height:100%; text-align:justify; padding-top:-20px;}
.margintop {margin-top:0px;}
.show{ display:none;}