@charset "utf-8";
/* CSS Document */


.fenlei{ padding:20px 0; width:96%; margin:auto;}
.fenlei ul{}
.fenlei ul li{ float:left; width:33.333%; padding:20px 0;}
.fenlei ul li a{ display:block; width:90%; margin:auto; border:1px solid #999; color:#333; height:80px;  font-size:16px; text-align:center; line-height:80px; background-color:#f4f4f4;}
.fenlei ul li a:hover{background-color:#c30d23;color:#fff;}


/*搜索*/
.content{ width: 1200px; margin: 0 auto; position: relative; font-family: "Microsoft YaHei", serif;}
.search { height: 80px; background: url("../images/seb.jpg") no-repeat center 0;}
.search .sed { width: 270px; height: 78px; background: #ffffff url("../images/se_03.jpg") no-repeat 25px 45px; position: absolute; left: 0; top: -29px; font-size: 18px; color: #333333; line-height: 30px; padding: 35px 0 0 80px;}
.search .sed span { display: block; font-size: 36px; color: #333333; margin-top: 5px; font-family:Impact;}
.search .sez { float: left; padding-left:370px; font-size:16px; color: #ffffff; line-height: 80px;}
.search .sez a { color: #ffffff; margin-right: 15px; font-size:16px;}
.search .sey { float: right; margin-top: 20px; margin-right:20px;}

.search .sey input { display: block; float: left; border: 0;}
.search .sey .sek1 { width: 201px; height: 40px; background: url("../images/se_07.jpg") no-repeat; padding-left: 20px; font-size: 12px; color: #ffffff;}
.search .sey .sek2 { width: 57px; height: 40px; background: url("../images/se_06.jpg") no-repeat; color: #005bac;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {   
 /* WebKit browsers */   
color: #ffffff;
opacity: 1;
}   
input:-moz-placeholder, textarea:-moz-placeholder {   
/* Mozilla Firefox 4 to 18 */   
color: #ffffff; 
opacity: 1;
}   
input::-moz-placeholder, textarea::-moz-placeholder {   
 /* Mozilla Firefox 19+ */   
color: #ffffff;   
opacity: 1;
}   
input:-ms-input-placeholder, textarea:-ms-input-placeholder {   
 /* Internet Explorer 10+ */   
color: #ffffff;   
opacity: 1;
}


.ss{ background:#f4f4f4;overflow:hidden; border-bottom:#ebebeb 1px solid;}
.ss .ssBox{ height:65px;line-height:65px; width:100%;}
.ss .ssBox .title{ color:#005bac; font-weight:700; font-size:15px; width:85px;padding-left: 43px;   }
.ss .ssBox .ss_nr{ width:1065px;overflow:hidden;white-space:nowrap;}
.ss .ssBox .ss_nr div{ display:inline-block; min-width:100%; padding-right:50px; font-size:13px; color:#777;}
.ss .ssBox .ss_nr div span a{}
.ss .ssBox .ss_nr div:hover{ color:#000;}



.baseTitle{margin:auto; position:relative; background-color:#f4f4f4; }
.baseTitle .t1{ color:#fff; font-size:20px;padding:0 30px; background-color:#005bac; height:40px; line-height:40px;}
.baseTitle .t2{ color:#999; padding-left:10px; height:25px; line-height:30px;}
.baseTitle .m{ display:block; color:#777; font-size:13px; font-family:Arial; line-height:40px; margin-right:20px;}
.baseTitle .m span{ display:inline-block;padding-right:20px; background:url(../images/more2.jpg) right center no-repeat;}
.baseTitle .m:hover{ text-decoration:underline; color:#005bac;}



/*首页产品*/
.indexMain{position:relative; padding:40px 0; background-color:#fff; }
.indexMain .product{ position:relative; z-index:10;}
.proTitle{ width:250px;}
.proTitle .t_t{background:#005bac; color:#fff;  text-align:center;padding:12px 0 18px 0;}
.proTitle .t_t .div1{ display:block; font-size:29px; font-weight:700; letter-spacing: 3px;}
.proTitle .t_t .div2{ display:block;height: 19px; background: url(../images/cp_tit.png) center center no-repeat; margin-top:7px;}
.proTitle .pclass{ background:#fff; padding:5px 0 10px 0; border:1px solid #ddd; border-bottom: 1px solid #ddd;}
.proTitle .pclass li{ margin:auto;margin-top:5px;}
.proTitle .pclass li a{ display:block;height:54px; line-height:54px; background:#fff;  border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6;  font-size:16px;color:#000; width:225px; margin:auto; }
.proTitle .pclass li a span{ display:inline-block; margin-left:0px; }
.proTitle .pclass li a:hover span{color:#fe7405; text-decoration:underline;}
.proTitle .m{ display:block;margin-top:5px; height:60px; line-height:60px; background:#fead15; color:#000; font-size:27px; font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif; text-align:center;}
.proTitle .m:hover{ background-color:#005bac; color: #fff;}
.proTitle .left_lxwm{margin-top:5px;}
.proTitle .divT{margin:auto; height:60px; line-height:60px; text-align: center; color: #fff; font-size: 25px; font-weight: 700; background:#c30d23;}
.proTitle .lxwm_box{ padding:5px 15px; border:1px solid #ddd;}
.proTitle .lxwm_box p{ padding:10px 0px; border-bottom:1px dashed #ddd; margin:auto;word-break:break-all; font-size: 14px; color: #333;}
.proTitle .lxwm_box p:last-child{ border:0;}
.prdListBox{}
.indexMain .prdListBox .b{ height:4px; border-top:2px solid #666;border-bottom:1px solid #666;margin-bottom:20px; }
.indexMain .productList{ width:920px;}
.indexMain .productList ul{  width:930px;height:915px;}
.indexMain .productList ul li{ width:300px; float:left; margin:0 10px 10px 0; background-color:#fff; } 
.indexMain .productList ul li .boxa{  display:block; cursor:pointer; border:1px solid #ebebeb;}
.indexMain .productList ul li .boxa .spanImg{ display:block; overflow:hidden;width:100%;margin:auto; height:213px; 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:100%; position: absolute; overflow: hidden; left: 0; top: 0; z-index: 5;}
.indexMain .productList ul li .boxa .spanImg .aB em{ display:block; width:100%; height:100%;}
.indexMain .productList ul li .boxa:hover .spanImg .aB{ display:block;}
.indexMain .productList ul li .spanT{ display: block; z-index:10; height:40px; line-height:35px; width:222px; margin:auto; text-align:center;color:#666; font-size:16px;overflow:hidden;white-space: nowrap;text-overflow: ellipsis; }
.indexMain .productList ul li .spanT:hover{ color:#e0222c;}
.indexMain .more{ display:block; width:100%; height:10px; margin:auto; background-color:#ebebeb; margin-top:15px; border-radius:10px;}
.indexMain .more:hover{ background-color:#c20307;}

.choose{margin-top:23px;height:216px;background:url(../images/choose.jpg) no-repeat center;}
.choose1{padding-top:32px;color:#fff;text-align:center;font-weight:bolder;font-size:40px;opacity:0;}
.choose1 span{padding-left:40px;color:#FCAD1E;}
.choose2{margin:20px auto 0 auto;width:1000px;height:40px;background:#FDAC1E;color:#fff;text-align:center;font-size:18px;line-height:25px;}

.guanggao{height:147px; background: url(../images/guanggao.jpg) center center no-repeat;}

/*关于我们*/
.about{ background:#f4f4f4; padding:40px 0; position: relative;}
.about .bg{}
.about .aboutBox{ position: relative;z-index: 10; }
.about .about_left{ width:820px;}
.about .about_left .title{padding-top:0px; border-bottom:1px solid #ccc; line-height: 50px;}
.about .about_left .title .span1{color:#005bac; font-size:25px; font-weight:700; height: 50px;margin-bottom: -1px; border-bottom: 2px solid #005bac;}
.about .about_left .title .span2{ color: #ddd; font-size:23px ;font-weight:700;padding-left:10px; }
.about .about_left .title .t_m{ color: #666; font-size:13px; }
.about .about_left .img{ border:1px solid #e6e4e4; background: #fff; }
.about .about_left .img .show{width:355px;height: 280px; margin:8px; background: #f4f4f4 url(../images/about.jpg); background-size:cover;}
.about .about_left .box{margin-top:30px; }
.about .about_left .box_r{ width:420px;}
.about .about_left .box_r .box_r_t{padding-top:0px;}
.about .about_left .box_r .box_r_t span{border-bottom:2px solid #005bac; display: inline-block; padding-right:35px; color:#005bac; font-size:22px ; font-weight: 700;padding-bottom:10px; }
.about .about_left .nr{ line-height:34px; font-size:16px; color:#666; overflow:hidden; width:420px;height:240px;margin-top:15px;  }

.about .about_right{ width:340px;height:382px; background: #fff; box-shadow: -3px 3px 10px rgba(0,0,0,0.1); }
.about .about_right .lxwm{ width: 280px; margin:auto;padding-top:3px; }
.about .about_right .lxwm p{ line-height:17px; color: #333; font-size:16px;margin-top:23px; }
.about .about_right .lxwm p span{ padding-left: 15px; display: inline-block; border-left:5px solid #ddd; }
.about .about_right .lxwm .lx{padding:10px  0; background-color:#fead15;margin-top:30px; }
.about .about_right .lxwm .lxwm_t {display: inline-block; margin:auto; height:50px; padding-left:45px; background:url(../images/phone_1.png) left center no-repeat;margin-left: 30px;}
.about .about_right .lxwm .lxwm_t .span1{ display:block; color:#000; font-size:16px;padding-left:3px;}
.about .about_right .lxwm .lxwm_t .span2{ display:block; color:#000; font-size:28px; font-family:SimSun; font-weight:700; line-height:30px; padding-top:2px;}
.about .about_right .lxwm .ewm{margin-top:25px;}
.about .about_right .lxwm .ewm .ewm_img{ width: 110px; height:110px;margin-left:10px ; }
.about .about_right .lxwm .ewm .ewm_img img{display: block; width: 100%;}
.about .about_right .lxwm .ewm .ewm_t {padding-left:20px;padding-top:25px; }
.about .about_right .lxwm .ewm .ewm_t .div1{font-size:18px; color:#333;}
.about .about_right .lxwm .ewm .ewm_t .div2{font-size:14px; color:#999;padding-top:5px;}




/*新闻*/
.news{margin:30px auto 30px auto;width:1200px;height:520px;border:1px solid #EDEDED;}
.news .news-title{margin-bottom:30px;width:1200px;height:57px;background:url(../images/tnews.jpg);}
.news .news-title a{float:right;display:block;margin:15px 12px 0 0;width:25px;height:25px;}
.news .newsL{float:left;margin-left:28px;width:493px;}
.news .newsL a{display:block;margin-top:28px;font-size:18px;}
.news .newsL span{display:block;margin-top:5px;font-size:14px;}
.news .newsL p{margin-top:4px;font-size:15px;line-height:25px;}
.news ul{float:left;margin:-20px 0 0 51px;width:600px;}
.news ul li{height:55px;border-bottom:1px dashed #c5c5c5;line-height:55px;}
.news ul li a{float:left;font-size:16px;}
.news ul li span{float:right;display:block;overflow:hidden;width:95px;height:50px;font-size:15px;}



.indexNews{ padding:40px 0; background:#f6f6f6;}
.indexNews .newsBox{}
.indexNews .newsTitle{ background-color:#fff;}

.indexNews .news_left{ width: 475px; height:400px; position: relative; }
.indexNews .news_left .bg{ position: absolute; z-index: 1; left:0; top:0; height: 100%; width: 395px; background: #d3f7e3; }
.indexNews .news_left .img{position: absolute; z-index:5; right:0; top:7%; height:86%; width: 430px; background:#fff url(../images/news.jpg) center center no-repeat; background-size: cover;}

.indexNews .news_list{ width:790px;position:relative;}
.indexNews .news_list ul{ margin-top:15px; padding-left:260px; background:url(../images/news.jpg) left center no-repeat; height:288px; }

.indexNews .news_right{ width:690px; border:1px solid #ebebeb;height:398px; background: #fff; }
.indexNews .news_right ul{ width:620px ; margin:auto;padding-top: 20px; }
.indexNews .news_right ul li{border-bottom:1px solid #ddd; padding:12px 0;}
.indexNews .news_right ul li a{display: block;}
.indexNews .news_right ul li .time{ width: 65px; height:65px; background: #cc0000; color: #fff; text-align: center; }
.indexNews .news_right ul li .time .span1{ display: block; font-size:22px;padding-top:4px; }
.indexNews .news_right ul li .time .span2{ display: block; font-size:12px; }
.indexNews .news_right ul li .nr{ width: 415px;margin-left:20px; }
.indexNews .news_right ul li .nr .title{font-size:17px; font-weight:700 ; color:#333;overflow:hidden;white-space: nowrap;text-overflow: ellipsis; display:block;height:30px; line-height:30px;padding-top:4px;}
.indexNews .news_right ul li .nr .desc{ font-size:13px; color:#999; height:22px; line-height:22px; width:100%; overflow:hidden; margin-top:3px;}
.indexNews .news_right ul li .more{ display: block; height: 30px; line-height: 30px; padding:0 20px; border-radius: 30px; background: #f4f4f4; color: #999; font-size: 13px;margin-top:25px;  }
.indexNews .news_right ul li a:hover .more{ background: #005bac; color: #fff; }
.indexNews .news_right ul li:last-child{ border:0; }

/*case*/
.huo h2{background: url(../images/alline.png) no-repeat center center;text-align: center; }
.huo h2 a{color: #fff;font-size: 30px;font-weight: 600;}
.huo p{text-align: center;line-height: 30px;color: #fff;font-size: 16px;}
.casebox{width: 100%; min-width: 1200px;padding: 10px 0;}



.cases{ padding:30px 0 20px 0;background-color:#005bac; position:relative;}
.cases .casesTitle{ background: #005bac url(../images/navbg.jpg) repeat; height: 55px; line-height:55px; }
.cases .casesTitle .t1{ color: rgba(255,255,255,0.9); font-size: 23px;padding-left:35px; background: url(../images/caseT.png) left center no-repeat; }
.cases .casesTitle .t2{ color: rgba(255,255,255,0.5);text-transform:Uppercase;font-size:18px;padding-left:20px; height: 55px; line-height:58px;}
.cases .casesTitle .m{ display: block;font-size: 14px;  color: rgba(255,255,255,0.5) }
.cases .casesTitle .m:hover{ color: #fff; }
.cases .caseList{  overflow:hidden; padding-top:40px; position:relative; z-index:10;}
.cases .caseList ul{ width:1210px;}
.cases .caseList li{ float:left;margin-right:10px;width:292px;}
.cases .caseList li a{display: block; border:1px solid #ebebeb; position: relative;}
.cases .caseList li .imga{display:block;  height:230px; overflow:hidden;background-position:top center; background-size:cover;-webkit-background-size: cover;-moz-background-size: cover; -o-background-size: cover; }
.cases .caseList li .aT{ display:block; position: absolute; bottom:0; left:0;z-index: 10; background:rgba(0,0,0,0.4) ; color:#fff;overflow:hidden; white-space: nowrap;text-overflow: ellipsis; text-align:center; font-size:14px; line-height:45px;width: 100%;-moz-transition: all 0.3s;-webkit-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}
.cases .caseList li .titleBox p{ display:block; width:100%; line-height:40px; overflow:hidden; white-space: nowrap;text-overflow: ellipsis; text-align:center;}
.cases .caseList li .titleBox a.title{ color:#666; font-size:13px;}
.cases .caseList li .titleBox a:hover{}
.cases .caseList li a:hover .aT{  line-height: 65px; }
.cases .caseList li .imga:hover img{}
.cases .caseList .box{ width:9999px; position:relative; z-index:10;}
.cases .caseList .box ul{ float:left;}

/**/



/**/
.breadcrumbs{margin-bottom:15px; border-bottom: 2px solid #666;font-size: 14px; padding-bottom: 8px; line-height: 30px; 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; padding:20px 0 50px 0; 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:45px; font-size:16px; color:#000;padding:30px;}
.text span{font-size:15px; color:#666;}
.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;}
.main .subtitle span{ padding:0 10px;}

.main .main_left{ width:182px; }
.main .main_left .titleL{ height:80px; background:url(../images/bt_vt57.jpg) top right no-repeat;  text-align:center; overflow:auto;}
.main .main_left .titleL span{ font-size:24px; color:#fff; font-weight:700; display:block; width:100%; height:80px; line-height:80px;}
.main .main_left .titleL2{ display: block ;width:100%; margin-top:10px; overflow:hidden; }
.main .main_left .titleL2 img{ display:block; width:100%;}
.main .navLeft{}
.main .navLeft li a{ display:block; width:100%; height:45px; line-height:45px;;color:#305dc3; text-align:left; border-bottom:1px solid #305dc3; font-size:14px; position:relative;}
.main .navLeft li a span{ position:relative; z-index:5; padding-left:15px  }
.main .navLeft li a em{ display:block; width:0; position:absolute; z-index:1; left:0; top:0; height:100%;background-color:#305dc3;-moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.main .navLeft li a:hover,.main .navLeft li.active a{ color:#fff;}
.main .navLeft li a:hover em,.main .navLeft li.active a em{ width:100%;}


#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:435px; vertical-align:top;}
#faqbox .Content textarea{height:100px;}
.wizfrm{ border:none;width:455px;height:50px;line-height:50px;font-size:16px;color:#fff;text-align:center;cursor:pointer;background:#fff; 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;background-color:#dd0103; }
.wizfrm:hover{ background-color:#ff9900; }

/**/

.main .proList{width:840px;position:relative; margin-top:10px;}
.main .proList{ overflow:hidden; width:920px;}
.main .proList ul{ width: 930px;}
.main .proList li{ width:300px; float:left; margin:0 10px 10px 0; } 
.main .proList li .boxa{ border:1px solid #ddd; display:block; cursor:pointer;}
.main .proList li .boxa .spanImg{ display:block; overflow:hidden; height:213px; position:relative;
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;  overflow: hidden; left: 0; top: 0; z-index: 5;}
.main .proList li .boxa .spanImg .aB em{ display:block; width:100%; height:100%;}
.main .proList li .boxa:hover .spanImg .aB{ display:block;}
.main .proList li .spanT{ display: block; z-index:10; height:45px; line-height:45px; width:222px; margin:auto; text-align:center;color:#666; font-size:16px;overflow:hidden;white-space: nowrap;text-overflow: ellipsis; }
.main .proList li .spanT:hover{ color:#e0222c;}

/**/
.main .news_list{}
.main .news_list li{border-bottom: 1px dashed #e4e4e4; padding:5px; height:40px; background:url(../images/cp04.png) left center no-repeat;}
.main .news_list li .titleBox{}
.main .news_list li a{ color:#333; font-size:15px; line-height:40px; padding-left:20px;}
.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;}