﻿textarea{resize:none; overflow:auto;}
.clearfix::after {content:""; display: block; clear:both; }
.clearfix{zoom:1;}
.clear { clear: both;font-size: 0;height: 0;line-height: 0;}
.baseDiv{ width:1200px; margin:0 auto; margin-left:auto !important; margin-right:auto !important; }

.baseTitle{margin:auto; position:relative;}
.baseTitle .div1{ text-align:center;line-height:40px;font-weight:700; font-size:33px; color: #333; padding-bottom:5px;}
.baseTitle .div2{background:url(../images/basetitle.png) center center no-repeat; height: 12px; }
.baseTitle .div3{ color:#999; font-size:14px; text-align: center; padding-top:11px; }

.index_class{padding: 0; background: #fff;  }
.index_class .classBox{ width: 1210px; background: #fff; }
.index_class .classBox li{ float:left; width:292px;margin-right:10px;}
.index_class .classBox li a{display: block;width:100%;height:117px;margin:auto;background: url(../images/classbg.png) center bottom no-repeat;}
.index_class .classBox li a .name{display: block; padding:44px 0 0 0px; color: #1e7f0a; font-size: 24px; font-weight: 700; line-height: 35px; text-align: center;}
.index_class .classBox li a .name2{display: block;color:rgba(255,255,255,0.8); font-size: 14px; text-align: center;  line-height:15px;padding-top:10px;}
.index_class .classBox li a .img{display: block; height:100px ;width: 180px; position: absolute;right: 0; bottom: 0;}
.index_class .classBox li a:hover .name{color: #da1010;}

/*产品*/
.indexMain{position:relative;padding:40px 0; background:#fff; }
.indexMain .product{ position:relative; z-index:10;}
.left_class{ width:240px; }
.left_class .classT{ height: 90px; background:#03403b; position: relative;z-index: 10; text-align: center; }
.left_class .classT .div1{ color:#fff; font-size:33px; font-weight: 700;padding-top:7px;}
.left_class .classT .div2{ color:#b7fbe2; font-size: 15px; }
.left_class .classBox{ padding:5px 0 15px 0;margin-bottom:10px;background:#f4f4f4; }
.left_class .classBox li{ margin:auto; width:215px; margin-top:10px; }
.left_class .classBox li a{ font-size: 15px; color: #333; height:42px; line-height:42px; display: block; background:#fff; text-align: left; border-left:5px solid #ac0303; }
.left_class .classBox li a .name{ display:inline-block;padding-left:25px;}
.left_class .classBox li a:hover{ background: #0ca104;  color: #fff; }
.left_class .classBox li a:hover span{}
.left_class .lxwm{ margin-top:20px;}
.left_class .lxwm .t{ height:60px; line-height:60px; color:#fff; background:#03403b;}
.left_class .lxwm .t .span1{ padding-left:25px; font-size:20px;}
.left_class .lxwm .t .span2{ padding-left:10px; font-size:14px;}
.left_class .lxwm .lxwm_box{ padding:15px 10px; border:1px solid #ddd;}

.left_class .lxwm .lxwm_box p{ line-height:22px; color:#333; font-size:14px; padding:8px 0;}
.left_class .more{display: block; height:65px; text-align: center; line-height: 65px; color: #fff; background:#da1010;}
.left_class .more:hover{ background:#b50606;}

.prdListBox{padding-top:30px ;}
.indexMain .productList{ overflow:hidden; width:1200px;height:636px; position:relative;}
.indexMain .productList ul{ overflow:hidden;width:1212px;height:648px;}
.indexMain .productList ul li{ width:392px; margin:0px 12px 12px 0px; float:left; } 
.indexMain .productList ul li .boxa{display:block; cursor:pointer; margin:auto; position:relative; background: #fff; border:1px solid #ebebeb; padding:0px 0;overflow: hidden; }
.indexMain .productList ul li .boxa .spanImg{ display:block; overflow:hidden;width:100%;margin:auto; height:310px; position:relative;background-position:center center; -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover; background-size:cover;}
.indexMain .productList ul li .boxa .spanImg .aB{display:none; width:100%;height:264px; position:absolute; background:rgba(5,154,100,0.8); overflow: hidden; left: 0; top: 0; z-index: 5;}
.indexMain .productList ul li .boxa .spanImg .aB em{ display:block; width:100%; height:100%;background:url(../images/chakan02.png) center center no-repeat;}
.indexMain .productList ul li .boxa:hover .spanImg .aB{ display:block;}
.indexMain .productList ul li .spanT{ display:block; z-index:10; position: absolute; bottom:0; left:0; height:45px; line-height:45px;background:rgba(0,0,0,0.5); width:100%; text-align:center;color:#fff; font-size:16px; letter-spacing: 2px; overflow:hidden;white-space: nowrap;text-overflow: ellipsis; }
.indexMain .productList ul li a:hover .spanT{ background:rgba(5,154,100,0.8);}

/*case*/
.cases{ position:relative; padding:40px 0; background:#f0f0f0; border-top:5px solid #059a64;}
.cases .caseTitle{ background: url(../images/title01.png) top center no-repeat; height: 83px; text-align: center; }
.cases .caseTitle .div1{ color:#000; font-size:31px; font-weight:700;padding:9px 0 0 0; }
.cases .caseTitle .div1 span{ color:#059a64;}
.cases .caseList{  overflow:hidden;position:relative; z-index:10; padding-top:30px}
.cases .caseList ul{ width:1210px;}
.cases .caseList li{ float:left; width:292px; margin-right:10px; }
.cases .caseList li a.imga{display:block; margin:auto; background: #fff;border:1px solid #ebebeb; position: relative;}
.cases .caseList li a.imga .spanImg{display:block;width:100%;  height:250px; overflow:hidden;margin:auto; background-position:center center; background-size:cover;-webkit-background-size: cover;-moz-background-size: cover; -o-background-size: cover; position:relative;}
.cases .caseList li a.imga .spanImg .aB{display:none; width:100%;height:209px; position: absolute; background:rgba(5,154,100,0.8);overflow: hidden; left: 0; top: 0; z-index: 5;}
.cases .caseList li a.imga .spanImg .aB em{ display:block; width:100%; height:100%;background:url(../images/chakan02.png) center center no-repeat;}
.cases .caseList li a.imga:hover .spanImg .aB{ display:block; }
.cases .caseList li .spanT{  display:block; position: absolute; bottom:0; left:0; z-index:10; height:40px; line-height:40px; background: rgba(0,0,0,0.5); width:100%;margin:auto;text-align:center;color:#fff; font-size:16px;overflow:hidden;white-space: nowrap;text-overflow: ellipsis; }
.cases .caseList .box{ width:9999px; position:relative; z-index:10;}
.cases .caseList .box ul{ float:left;}
.cases .caseList li a.imga:hover .spanT{ background: rgba(5,154,100,0.8);}

/**/
.breadcrumbs{margin-bottom:15px; border-bottom: 2px solid #000;font-size: 14px; padding-bottom: 8px; line-height: 30px;}
.breadcrumbs a{color:#666; font-size: 14px;}
.breadcrumbs a:hover{ text-decoration:underline;}
.breadcrumbs .sortName{ color:#fff; font-size:20px;}
.breadcrumbs .indexa{ padding-left:30px; background:url(../images/icon-home_61y0.png) left center no-repeat;}
/*Â·Ã–Ã’Â³*/
.page_nav{ padding:15px 15px; color:#999; font-size:14px; text-align:center; background-color:#fff;}
.page_nav .nolink{display:inline-block; margin:0 5px; padding:0 5px; height:25px; line-height:25px; border:1px solid #fff;}
.page_nav font,.page_nav a{ display:inline-block; margin:0 5px; padding:0 10px; border:1px solid #e5e5e5; height:25px; line-height:25px; border-radius:5px;}
.page_nav font{ border:1px solid #fff;}
.page_nav a:hover{ color:#fff; border:1px solid #54a530; background-color:#54a530}
.viewpage{ margin:0 auto; padding:20px 0 50px 50px; border-top:1px solid #eee;}
.viewpage .main_r_nav{ color:#999; font-size:14px; line-height:30px;}
.viewpage .main_r_nav a{ font-size:14px; color:#444}
.viewpage .main_r_nav a:hover{ text-decoration:underline;}

/*分页*/
.fenye{ text-align:center; color:#666; font-size:14px; line-height:30px; padding:20px 0;}
.fenye .rows{ color:#666; font-size:13px; padding:0 10px;}
.fenye .current{ display: inline-block; color:#cc0000; font-size:14px; padding:0 5px;}
.fenye .num,.fenye .next{display:inline-block; margin:0 3px; padding:0 10px;  border:1px solid #ddd; color:#666; font-size:14px; height:28px; line-height:27px; border-radius:5px;}
.fenye .num:hover,.fenye .next:hover{ background-color:#cc0000; color:#fff; border:1px solid #cc0000;}

.main{ background-color:#fff; padding:30px 0;}
.main .main_right{ width:920px;}
.text{ line-height:35px; font-size:15px; color:#444;padding:30px;}
.text img{ max-width:100%;}
.main .tT01{ text-align:center; line-height:35px; margin-top:20px;}
.main .tT01 .span1{ font-size:24px; color:#444;}
.main .subtitle{font-size: 13px; line-height: 24px; height: 24px; color: #8F8F8F; text-align:center; border-bottom:1px solid #e5e5e5; width:600px; margin:0 auto;}
.main .subtitle span{ padding:0 10px;}

#faqbox{padding:90px 0 50px 0; background-color:#fff;}
#faqbox form{}
#faqbox .faqline{line-height:2em;text-align:left; padding-bottom:10px; color:#999; font-size:13px;}
#faqbox .faqtit{width:150px;display:block;float:left;clear:both;text-align:right; color:#555;}
#faqbox .Content{line-height:2em;text-align:left; padding-bottom:10px;}
#faqbox font{margin:0 5px;}
#faqbox .FaqTitle{ height:50px; line-height:50px; padding:0 10px; border:1px solid #ddd; width:635px; vertical-align:top;}
#faqbox .Content textarea{height:100px;}
.wizfrm{ border:none;width:655px;height:50px;line-height:50px;font-size:16px;color:#fff;text-align:center;cursor:pointer;background:#ac0303; margin-top:20px;  font-family:'Microsoft YaHei';-moz-transition: all 0.3s;-webkit-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s; border-radius:5px;}
.wizfrm:hover{ background-color:#faaa18; }

/**/
.main .proList{width:920px;position:relative; margin-top:10px;}
.main .proList{ overflow:hidden; width:930px;}
.main .proList li{ width:300px; float:left; margin:0 10px 0px 0; } 
.main .proList li .boxa{ width:298px; height:238px; border:1px solid #ddd; display:block; cursor:pointer;}
.main .proList li .boxa .spanImg{ display:block; overflow:hidden;width:278px; height:218px; margin:10px; position:relative;transition:all 0.5s;
background-position:center center; 
-webkit-background-size: cover;  
-moz-background-size: cover;  
-o-background-size: cover; 
background-size:cover;}
.main .proList li .boxa .spanImg .aB{display:none; width:100%;height:100%; position: absolute; background:rgba(5,154,100,0.8); overflow: hidden; left: 0; top: 0; z-index: 5;}
.main .proList li .boxa .spanImg .aB em{ display:block; width:100%; height:100%;background:url(../images/chakan02.png) center center no-repeat;}
.main .proList li .boxa:hover .spanImg .aB{ display:block;}
.main .proList li .spanT{ display: block; z-index:10; height:35px; line-height:33px; width:222px; margin:auto; text-align:center;color:#666; font-size:13px;overflow:hidden;white-space: nowrap;text-overflow: ellipsis; }
.main .proList li .spanT:hover{ color:#e0222c;}
.main .proList li .boxa .spanImg:hover{ transform:scale(1.13);}

/**/
.main .proListan{width:920px;position:relative; margin-top:10px;}
.main .proListan{ overflow:hidden; width:930px;}
.main .proListan li{ width:435px; float:left; margin:0 10px 15px 10px; } 
.main .proListan li .boxa{ width:433px; height:300px; border:1px solid #ddd; display:block; cursor:pointer;}
.main .proListan li .boxa .spanImg{ display:block; overflow:hidden;width:410px; height:280px; margin:10px; position:relative;transition:all 0.5s;
background-position:center center; 
-webkit-background-size: cover;  
-moz-background-size: cover;  
-o-background-size: cover; 
background-size:cover;}
.main .proListan li .boxa .spanImg .aB{display:none; width:100%;height:100%; position: absolute; background:rgba(5,154,100,0.8); overflow: hidden; left: 0; top: 0; z-index: 5;}
.main .proListan li .boxa .spanImg .aB em{ display:block; width:100%; height:100%;background:url(../images/chakan02.png) center center no-repeat;}
.main .proListan li .boxa:hover .spanImg .aB{ display:block;}
.main .proListan li .spanT{ display: block; z-index:10; height:35px; line-height:33px; width:300px; margin:auto; text-align:center;color:#666; font-size:13px;overflow:hidden;white-space: nowrap;text-overflow: ellipsis; }
.main .proListan li .spanT:hover{ color:#e0222c;}
.main .proListan li .boxa .spanImg:hover{ transform:scale(1.12);}

/**/
.main .news_list{}
.main .news_list li{border-bottom: 1px dashed #e4e4e4; padding:15px;}
.main .news_list li .titleBox{}
.main .news_list li a{ color:#333; font-size:15px;}
.main .news_list li a:hover{ color:#dc2b21; text-decoration:underline;}
.main .news_list li .desc{ line-height: 22px; max-height: 44px;  color: #999;  overflow: hidden; font-size:13px; margin-top:8px; padding:0 0 0 0px;}
.main .news_list li .lMore{ font-size:13px; color:#b7b7b7;}

/*地图*/
.b_box{line-height:20px; color:#2c2c2c; }
.b_box a,.b_box div{line-height:20px; color:#2c2c2c;font-size:13px;}