.toolbar{position:absolute; top:15px; z-index:999;right:10px; width:36px}
.menu-button {
  position: relative; 
  width: 24px;
  cursor: pointer; border-top:2px solid #FFF; display:none
}
.menu-button:before {
  content: "";
  position: absolute;
  top: 6px;
  right: 0px;
  border-bottom: 2px solid #fff;
  border-top:2px solid #ccc;
  width: 24px;
  height:7px;
}
.menu-left {
  float: left;
  margin-right: 1.5em;
}
.sidebar {
    margin: 0;
    padding-top: 1em;
    color: white;
    background:rgba(28,44,49,1);
}

.sidebar h6 {
    margin: 0 .8em;
    padding: 0;
    font-weight:300;
}

.sidebar li a{ color:#fff}
.sidebar li {
    margin: .5em 0;
    padding: 0 1em;
    line-height: 20px; float:left;width:100%
}
.sidebar li em{ display:inline-block; padding-left:8px;font-style:normal; text-transform:uppercase; font-family:Arial;font-size:12px;}

.sidebar li:hover {
    background-color: #e84e40;
}

.sidebar hr {
    margin: 2em auto;
    border: 0;
    padding: 0;
    width: 80%;
    height: 1px;
    background-color: white;
    
}
/**/
a{text-decoration:none;transition:color 0.2s;transition:background 0.2s;}
.page{width:100%; float:left; position:relative; }
.main{width:1200px; margin:0 auto}
.head{width:100%; float:left; padding:30px 0px;position:absolute; top:0px; left:0px; background-color:transparent; z-index:998; }
.head .logo{width:160px; float:left;}
.head .logo img{width:100%}
.head .menu{ float:right;}
.head .menu a{ display:block; float:left;width:100px; line-height:20px; text-align:center; color:#fff; font-size:15px; padding:5px 0px}
.head .menu a:hover,.head .menu a.ahover{ background-color:#FFF; color:#1c2c31; -moz-border-radius:5px;-webkit-border-radius:5px; border-radius:5px;}
.head .menu em{  width:100%; display:block; text-align:cente; float:left; font-style:normal; font-family:Arial; font-size:14px;}
.banner{width:100%; float:left; background:#ebebeb}
.banner img{width:100%; height:auto}

.h_about{ background-color:#FFF;width:100%; float:left;}
.h_about .main{ height:481px}
.h_about .main22222{background:url(../images/59f0485c306e7.png) no-repeat left top; height:481px}
.h_about_t{width:100%; float:left; background-color:#FFF; text-align:center; font-size:30px; color:#efb402; padding:40px 0px 30px 0px;}
.h_about_c{ background-image: url(../images/00case.jpg); padding:50px 0px; float:left;width:100%}
.h_about_c .about_left{width:481px; float:left;margin-top:140px}
.h_about_c .about_right{width:680px; float:right; color:#606060; padding-top:130px; font-size:15px; line-height:26px}
.h_about_c .about_right span{ font-size:24px; float:left; display:block;width:100%; padding-bottom:20px}
.h_about_c .about_right div{ float:left;width:100%; padding-bottom:50px}
.h_about_c .about_right a{ display:block;  float:right;width:154px; height:44px; line-height:44px; background-color:#fff; color:#000; text-align:center}
.h_about_c .about_right a:hover{background-color:#25343b; color:#fff;}

.h_about_c .about_c{width:100%; float:100%; color:#fff; padding-top:50px; font-size:15px; line-height:26px}
.h_about_c .about_c span{ font-size:24px; float:left; display:block;width:100%; padding-bottom:20px}
.h_about_c .about_c div{ float:left;width:100%; padding-bottom:50px}
.h_about_c .about_c a{ display:block;  float:right;width:154px; height:44px; line-height:44px; background-color:#fff; color:#000; text-align:center}
.h_about_c .about_c a:hover{background-color:#25343b; color:#fff;}


.h_pro{width:100%; float:left; padding-bottom:50px}
.h_pro_t{width:100%; float:left;  text-align:center; font-size:30px; color:#efb402; padding:40px 0px 30px 0px;}
.h_pro_t div{ display:inline-block;}
.h_pro_t em{ font-style:normal; display:inline-block; float:left; margin:0px 10px; font-size:24px}
.h_pro_t span{font-weight:bold; height:18px;width:100px;border-bottom:1px solid #395e70;display:inline-block; float:left}
.h_pro_c{ float:left;width:100%; overflow:hidden; text-align:center}
.h_pro_c ul{width:110%; float:left; }
.h_pro_c li{width:280px; float:left;  background-color:#fff; border:1px solid #e5e5e5; border-top:1px solid #efb402; text-align:center; padding-bottom:20px; margin-right:26px; margin-bottom:26px}
.h_pro_c li:hover{ border-top:1px solid #000}
.h_pro_c li img{width:100%; height:auto}
.h_pro_c li span{ font-size:14px; display:inline-block; position:relative;height:30px;}
.h_pro_c li span:after
{
	content:""; position:absolute; top:10px; left:-25px;width:20px; height:1px; border-bottom:1px solid #000; display:block
}
.h_pro_c li span:before
{
	content:""; position:absolute; top:10px; right:-25px;width:20px; height:1px; border-bottom:1px solid #000; display:block
}
.h_pro_c li a{ display:inline-block; width:103px; height:24px; line-height:24px; font-size:12px; color:#fff; background-color:#efb402;-moz-border-radius:3px;-webkit-border-radius:3px; border-radius:3px; margin:0px; padding:0px}
.h_pro_c li a:hover{ background-color:#000;}
.h_pro_c a{ display:inline-block;width:154px; height:44px; line-height:44px; background-color:#efb402; color:#fff; font-size:14px; margin-top:20px}
.h_pro_c a.more:hover{ background-color:#000;}

.h_case{width:100%; background-image:url(../images/case.jpg); background-repeat:no-repeat; height:728px; text-align:center}
.h_case_t{width:100%; float:left; text-align:center; padding:76px 0px}
.h_case_c{width:100%; float:left; overflow:hidden}
.h_case_c ul{width:110%; float:left; }
.h_case_c li{float:left;width:378px; background-color:#FFF; font-size:13px; margin-right:32px; text-align:left}
.h_case_c li img{width:100%}
.h_case_c li div{ padding:10px}
.h_case_c li a{ color:#8c8c8c;}
.h_case_c li span{ display:block;width:100%;; min-height:50px; line-height:20px; font-size:14px;  color:#383838;}
.h_case_c a.more{ display:inline-block;width:154px; height:44px; line-height:44px; background-color:#efb402; color:#fff; font-size:14px; margin-top:80px; text-align:center}
.h_case_c a.more:hover{ background-color:#000;}

.h_news{width:100%; float:left; padding-top:100px}
.h_news .h_news_t{width:100%; text-align:center; padding-bottom:52px}



.adNewsR{float:right; width:34%;background-color:#efb402; position:relative;}
.adNewsR .news-imgbox { text-align:center; overflow:hidden; padding-top: 50px;}
.adNewsR .news-imgbox img{width: 354px; height: 268px;}
.adNewsR .news-imgbox img{transform: scale(1);-ms-transform: scale(1); -moz-transform: scale(1);-webkit-transform: scale(1); -o-transform: scale(1);}
.adNewsR .news-imgbox:hover img{/*transform: scale(1.2);-ms-transform: scale(1.2); -moz-transform: scale(1.2);-webkit-transform: scale(1.2); -o-transform: scale(1.2);transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; -o-transition: all 0.5s;*/}
.adNewsR .news-com{ padding:35px 30px;  color:#fff;}
.adNewsR .news-com .news-together{margin-bottom:10px;}
.adNewsR .news-com .news-h a{color:#fff; font-size:16px}
.adNewsR .news-com .date{color:#fff;}
.adNewsR .news-com .news-sum{max-height:6.5em; overflow:hidden; font-size:14px}
.adNewsR .news-com .more{position:absolute; right:0; bottom:0;}
.triangle-bottomright{width: 0;height: 0;border-bottom: 35px solid #b30105;border-left: 35px solid transparent;}
.adNewsR .news-com .more .more_add{position:absolute; bottom:3px; right:3px; color:#fff; font-weight:bold; font-size:14px;}
.adNewsL{ float:left; width:64.5%;}
.adNewsL li{ overflow:hidden; margin-bottom:20px; background-color:#D9D9D9; position:relative; font-size:14px}
.adNewsL li .date{ float:left;  text-align:center; padding:0 35px 14px; margin-right:15px;  color:#7c7c7c;  font-family:Arial, Helvetica, sans-serif;}
.adNews7datebg{background-color:#CCCCCC;}
.adNewsL li .date .date-day{  font-size:72px;line-height:1.4;}
.adNewsL .triangle-bottomright{border-bottom: 35px solid #efb402;border-left: 35px solid transparent;}
.adNewsL li .date .date-yearMonth{border:1px solid #7c7c7c;  line-height:1.7; font-size:18px;  padding:0 12px;}
.adNewsL li .news-com{color:#242424; padding:17px 50px 17px 15px; }
.adNewsL li .news-com .news-h{font-size:125%; margin-bottom:15px;text-overflow: ellipsis; white-space: nowrap; word-break: keep-all;overflow: hidden;}
.adNewsL li .news-com .news-h a{color:#242424; }
.adNewsL li .news-com .news-sum{max-height:5em; overflow:hidden;}
.adNewsL li .news-com .more{position:absolute; right:0; bottom:0;}
.adNewsL li .news-com .more .more_add{position:absolute; bottom:3px; right:3px; color:#fff; font-weight:bold; font-size:14px;}
.adNewsL li:hover{background-color:#efb402;}
.adNewsL li:hover .date,.adNewsL li:hover .news-com,.adNewsL li:hover .news-com .news-h a{ color:#fff;}
.adNewsL li:hover .date .date-yearMonth{border-color:#fff;}
.adNewsL li:hover .adNews7datebg{ background-color:#000}
.h_news_c a.more2{ display:inline-block;width:168px; height:38px; line-height:38px; background-color:#efb402; color:#fff; font-size:14px; margin-top:52px; text-align:center}
.h_news_c a.more2:hover{ background-color:#000;}

.foot{width:100%; float:left; background-color:#000; color:#fff; margin-top:40px; font-size:14px; color:#bcbcbc;}
.foot .left{width:285px; background-color:#000; text-align:center; float:left; height:230px; padding-top:30px}
.foot .left img{width:159px}
.foot .right{width:874px; float:right; margin-left:0px; padding-top:50px;}
.footmenu{width:100%; text-align:left; text-align:left}
.footmenu a{ display:inline-block; margin:0px 20px; font-size:15px; color:#fff;}
.footmenu a:hover{ color:#ccc;}
.foottext{ text-align:center; border:1px solid #5f7077; padding:20px 0px; margin:20px 0px}

/*1280分辨率以上（大于1200px）*/
@media screen and (min-width:1200px){
	

}
/*1280分辨率以上（大于1200px）*/
@media screen and (min-width: 1199px) and (max-width: 1200px) {
	

}
/*1100分辨率（大于960px，小于1199px）*/

@media screen and (min-width: 960px) and (max-width: 1199px) {
	.main{width:960px; margin:0 auto;}
	.head .logo{width:150px;}
	.head .menu a{width:85px;  font-size:14px}
	.h_about .main{ background-size:auto 400px; height:481px}
	.h_about_t{padding:20px 0px 30px 0px; font-size:26px}
	.h_about_c .about_left{width:400px; }
	.h_about_c .about_left img{width:100%}
	.h_about_c .about_right{width:520px; padding-top:100px; font-size:12px;}	
	.h_about_c .about_right div{ padding-bottom:25px}
	.h_about_c .about_right a{ width:140px; height:40px; line-height:40px;}	
	
	.h_about_c .about_c{width:520px; padding-top:100px; font-size:12px;}	
	.h_about_c .about_c div{ padding-bottom:25px}
	.h_about_c .about_c a{ width:140px; height:40px; line-height:40px;}
	
	
	.h_pro{}
	.h_pro_t{padding:20px 0px 20px 0px;}
	.h_pro_c ul{width:110%; float:left; }
	.h_pro_c li{width:220px; float:left;  background-color:#fff; border:1px solid #e5e5e5; border-top:10px solid #efb402; text-align:center; padding-bottom:20px; margin-right:26px; margin-bottom:26px}
	
	.h_case{height:628px;}
	.h_case_t{padding:50px 0px}
	.h_case_c li{width:298px;}
	.h_case_c a.more{ margin-top:50px;}
	
	.h_news{width:100%; float:left; padding-top:50px;}
	.h_news .h_news_t{width:100%; text-align:center; padding-bottom:52px}
	.h_news .h_news_t img{width:960px}	
	.adNewsR{width:960px; margin-bottom:20px}
	.adNewsR .news-imgbox {float:left; margin-right:20px;}
	.adNewsR .news-imgbox img{width:auto; height:180px;}
	.adNewsL{ float:left; width:100%;}
	.h_news_c a.more2{ margin-top:10px; text-align:center}
	
	.foot{ margin-top:40px; font-size:12px; }
	.foot .left{width:200px; padding-top:75px; height:190px;}
	.foot .left img{width:159px}
	.foot .right{width:730px; margin-left:0px; padding-top:30px}
	.footmenu a{ display:inline-block; margin:0px 24px; font-size:14px; color:#fff;}
	.footmenu a:hover{ color:#ccc;}
	.foottext{  font-size:12px}
}
 

/*880分辨率（大于768px，小于959px）*/

@media screen and (min-width: 768px) and (max-width: 959px) {
	
	.main{width:768px; margin:0 auto;}
	.head{width:100%;  padding:20px 0px 10px 0px; position:static; float:left;background:rgba(28,44,49,1);}
	.head .logo{width:100%; text-align:center; margin-bottom:20px}
	.head .logo img{width:20%}
	.head .menu a{width:85px;  font-size:14px}
	
	.h_about .main{ background:none; height:190px}
	.h_about_t{padding:20px 0px 20px 0px; font-size:26px}	
	.h_about_c{padding:50px 0px;}
	.h_about_c .about_left{width:235px;}
	.h_about_c .about_left img{width:100%}
	.h_about_c .about_right{width:520px; padding-top:10px; font-size:12px; line-height:22px}	
	.h_about_c .about_right div{ padding-bottom:20px}
	.h_about_c .about_right a{ width:140px; height:30px; line-height:30px;}	
	.h_about_c .about_c{width:520px; padding-top:10px; font-size:12px; line-height:22px}	
	.h_about_c .about_c div{ padding-bottom:20px}
	.h_about_c .about_c a{ width:140px; height:30px; line-height:30px;}	
	
	.h_pro_t{padding:20px 0px 20px 0px;}
	.h_pro_c ul{width:110%; float:left; }
	.h_pro_c li{width:180px; padding-bottom:20px; margin-right:16px; margin-bottom:26px;}
	
	.h_case{height:570px;}
	.h_case_t{padding:50px 0px}
	.h_case_c li{width:245px; margin-right:15px}
	.h_case_c a.more{ margin-top:50px;}
	
	.h_news{width:100%; float:left; padding-top:50px}
	.h_news .h_news_t{width:100%; text-align:center; padding-bottom:52px}
	.h_news .h_news_t img{width:768px}	
	.adNewsR{width:768px; margin-bottom:20px}
	.adNewsR .news-imgbox {float:left; margin-right:20px;}
	.adNewsR .news-imgbox img{width:auto; height:180px;}
	.adNewsL{ float:left; width:100%;}
	.h_news_c a.more2{ margin-top:10px; text-align:center}
	
	.foot{ margin-top:40px; font-size:12px; padding-bottom:20px}
	.foot .left{width:200px; padding-top:75px; height:190px; display:none}
	.foot .right{width:768px; margin-left:0px;  padding:0px 5px;padding-top:30px; text-align:center}
	.footmenu a{ display:inline-block; margin:0px 26px; font-size:14px; color:#fff;}
	.footmenu a:hover{ color:#ccc;}
	.foottext{  font-size:12px}
    
}
 

/*720分辨率（小于767px）*/
@media only screen and (max-width: 767px) {	
	.sidebar{ display:block}
	.menu-button {display:block}
	.main{width:100%; margin:0 auto;}
	.head{width:100%;  padding:20px 0px 10px 0px; position:static; float:left;background:rgba(28,44,49,1);}
	.head .logo{width:100px; margin-left:10px;}
	.head .menu{ display:none}
	.head .menu a{width:85px;  font-size:14px}
	
	.h_about .main{ background:none; height:190px}
	.h_about_t{padding:10px 0px 10px 0px; font-size:20px; font-weight:bold}	
	.h_about_t img{width:100%}
	.h_about_c{padding:20px 0px; text-align:center}
	.h_about_c .about_left{width:100%; display:none}
	.h_about_c .about_left img{width:50%;}
	.h_about_c .about_right{width:100%; padding:10px; font-size:12px; line-height:22px; text-align:left}	
	.h_about_c .about_right div{ padding-bottom:20px}
	.h_about_c .about_right a{ width:140px; height:30px; line-height:30px;width:100%}	
	.h_about_c .about_c{width:100%; padding:10px; font-size:12px; line-height:22px; text-align:left}	
	.h_about_c .about_c div{ padding-bottom:20px}
	.h_about_c .about_c a{ width:140px; height:30px; line-height:30px;width:100%}	
	.h_pro_t{padding:20px 0px 20px 0px; font-size:20px}
	.h_pro_t em{ font-size:16px; margin:0px 5px;}
	.h_pro_t span{font-weight:bold; height:10px;width:50px;border-bottom:1px solid #395e70;display:inline-block; float:left}
 	.h_pro_c{ overflow:hidden; padding:0px 10px}
	.h_pro_c ul{width:100%; float:left;overflow:hidden}
	.h_pro_c li{width:48%; padding-bottom:20px;  margin-right:0px; margin-bottom:26px; border:1px solid #efb402; border-top:10px solid #efb402}
	.h_pro_c li:nth-child(even){ float:right}
	.h_pro_c a{ display:inline-block;width:90%; height:44px; line-height:44px; margin-top:0px}
	
	
	
	.h_case{height:580px; background-size:100% 100%}
	.h_case_t{padding:30px 0px}
	.h_case_t img{width:80%}
	.h_case_c{ overflow:hidden; padding:0px 10px}
	.h_case_c ul{width:100%; float:left;overflow:hidden}
	.h_case_c li{width:49%;font-size:12px; margin-right:0px; text-align:left;padding:0px; overflow:hidden}
	.h_case_c li:nth-child(even){ float:right}
	.h_case_c li:nth-child(3){ display:none}
	.h_case_c li div{ padding:5px}
	.h_case_c li span{ font-size:12px; line-height:18px}
	.h_case_c a.more{ margin-top:30px;height:40px; line-height:40px; width:90%}
	
	.h_news{width:100%; float:left; padding-top:40px}
	.h_news .h_news_t{width:100%; text-align:center; padding-bottom:20px}
	.h_news .h_news_t img{width:100%}	
	.adNewsR{width:100%; margin-bottom:20px; font-size:12px;}
	.adNewsR .news-com{ padding:35px 10px;  color:#fff;}
	.adNewsR .news-com .news-h a{color:#fff; font-size:14px}
	.adNewsR .news-com .news-sum{max-height:6.5em; overflow:hidden; font-size:12px}
	.adNewsR .news-imgbox {float:left; margin-right:20px;width:100%}
	.adNewsR .news-imgbox img{width:auto; height:180px;}
	.adNewsL{ float:left; width:100%;}
	.h_news_c a.more2{ margin-top:10px; text-align:center;width:90%}
	
.adNewsL li .date{ padding:3px 10px 14px; margin-right:5px; }
.adNewsL li .date .date-day{font-size:30px;}
.adNewsL li .date .date-yearMonth{ font-size:14px;}
.adNewsL li .news-com{color:#242424; padding:2px 10px 10px 15px; }
.adNewsL li .news-com .news-h{font-size:100%; margin-bottom:5px;}
.adNewsL li .news-com .news-h a{color:#242424; }
.adNewsL li .news-com .news-sum{max-height:4em; overflow:hidden; font-size:12px}
.triangle-bottomright{order-bottom: 25px solid #b30105;border-left: 25px solid transparent;}
.adNewsL .triangle-bottomright{border-bottom: 25px solid #efb402;border-left:25px solid transparent;}


	
	
	.foot{ margin-top:40px; font-size:12px; padding-bottom:20px}
	.foot .left{width:200px; padding-top:75px; height:190px; display:none}
	.foot .right{width:100%; margin-left:0px; padding-top:30px; text-align:center; overflow:hidden; padding:0px 5px}
	.footmenu{ display:none}
	.footmenu a{ display:inline-block; margin:0px 6px; font-size:14px; color:#fff;}
	.footmenu a:hover{ color:#ccc;}
	.foottext{  font-size:12px; padding:5px 5px; text-align:left; float:left; margin-bottom:8px}
   

	
}
 
@media screen and (min-width: 430px) and (max-width: 600px) {
	.h_case{height:500px; background-size:100% 100%;}
}

/*440分辨率以下（小于479px）*/

@media only screen and (max-width: 479px) {
.h_case{height:450px; background-size:100% 100%;}	
}