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


.main_banner{ height:400px; width:100%; background:url(banner.jpg) bottom center no-repeat; position:relative; overflow:hidden;}
.main_banner .class_top{ width:950px; margin:auto; padding-top:150px;}
.main_banner .class_top ul{}
.main_banner .class_top ul li{ float:left; width:25%;}
.main_banner .class_top ul li a{ display:block;    transition: all .3s;}
.main_banner .class_top ul li a .span1{ display:block; height:155px; width:155px; border-radius:100%; border:5px solid #fff;background-position:center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover; background-size:cover; margin:auto;}
.main_banner .class_top ul li a .span_name{ text-align:center; padding-top:10px; color:#fff; font-size:16px; display:block;}
.main_banner .class_top ul li a:hover{    transform: translateY(-14px);}
.main_banner .class_top ul li a:hover .span1{    transition: 1s;-webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); transform: rotateY(360deg);}
/**/
.ss{ background:#fff; }
.ss .ssBox{ height:80px; width:100%; background-color:#fff; margin-top:-40px;overflow:hidden; position:relative; z-index:200; box-shadow:0 3px 10px rgba(0,0,0,0.1);}
.ss .ssBox .title{ height:78px; width:140px; background:url(index_19.png) center center no-repeat; margin-left:50px;}
.ss .ssBox .ss_nr{ width:820px;overflow:hidden;white-space:nowrap; height:40px; margin:20px auto auto 70px;}
.ss .ssBox ul{ display:inline-block;}
.ss .ssBox ul li{ display:inline-block; margin-right:50px; line-height:30px; margin-top:5px; width:280px; border-bottom:1px dashed #ddd;}
.ss .ssBox ul li a{ display:block; font-size:14px; color:#666; overflow:hidden;white-space: nowrap;text-overflow: ellipsis;width:175px;}
.ss .ssBox ul li a:hover{ color:#cf261f; text-decoration:underline;}
.ss .ssBox ul li span{ font-size:13px; color:#b7b7b7;}
.ss .ssBox .more{ display:block; height:50px; width:50px; margin:15px 15px auto auto; background:url(more.png) center center no-repeat;}
.ss .ssBox .more:hover{ background:url(more2.png) center center no-repeat;}



//*当前导航*/
.breadcrumbs{height:70px;font-size:14px;line-height:70px;color:#b0b0b0; padding:0 25px; margin-bottom:30px; background-color:#fff;}
.breadcrumbs .dh_box{ }
.breadcrumbs .sortName{ color:#388c19; font-size:22px; font-weight:700;}
.gg{ padding:10px 0 0 0; border-bottom: 0;}
.searchBox{ margin-top:0;}
.dqdhMain{ line-height:42px; color:#999 }
.dqdhMain a{font-size: 14px;color: #666; display:inline-block;}
.dqdhMain a:hover{ text-decoration:underline; color:#000;}
.dqdhMain .span2{ color:#b7b7b7; font-size: 14px; display:inline-block; padding:0 5px;}
.dqdhMain .span1{ color:#999;padding:0 10px 0 30px; background:url(dizhi.png) left center no-repeat; font-size:14px;}
.gg .bottom_b{ padding-top:10px;}
.gg .b1{ height:7px; background:url(xgray_line06.png) repeat;}
.gg .b2{ height:2px; border-top:1px solid #0b62cb; margin-top:4px; border-bottom: 2px solid #0b62cb;}


.breadcrumbs .indexa{ }
.breadcrumbs .dqdh_class{ float:left;}
.breadcrumbs .dqdh_class li{ float:left; padding:0 15px 0 0px; }
.breadcrumbs .dqdh_class li a{ display:block; padding:0 50px; height:40px; line-height:40px; background-color:rgb(48,93,195); color:#fff; font-size:15px; position:relative;}
.breadcrumbs .dqdh_class li a::before,.breadcrumbs .dqdh_class li a::after{ content:''; display:block; position:absolute; top:50%; margin-top:-6px; height:12px; width:1px; border-left:1px solid #fff; border-right:1px solid #fff;}
.breadcrumbs .dqdh_class li a::before{ left:20px;}
.breadcrumbs .dqdh_class li a::after{ right:20px;}
.breadcrumbs .dqdh_class li a:hover,.breadcrumbs .dqdh_class li.active a{ background-color:#faaf29;}
.breadcrumbs .bottom_b{ padding-top:10px;}
.breadcrumbs .b1{ height:7px; background:url(xgray_line06.png) repeat;}
.breadcrumbs .b2{ height:1px; border-top:1px solid rgb(48,93,195);border-bottom:1px solid rgb(48,93,195); margin-top:3px;}


/**/
.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 #aaa;}
.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; background: #f9f9f9;}
.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:#379FF1; color:#fff; border:1px solid #379FF1;}


.main{ background-color:#fff; padding:0px 0 50px 0; position:relative; z-index:100; overflow:hidden;}
.main .mainBox{ padding-top:50px;}
.main .main_right{ width:980px;}
.text{ line-height:35px; font-size:15px; color:#666; padding:45px 0;}
.text span{font-size:15px; color:#666;}
.text img{ max-width:100%;}


.main .main_left{ width:280px; }
.main .main_left .b{ height:5px; width:80%; margin:10px auto auto auto; background:#03439b; display:none;}
.main .main_left .b2{ height:5px; width:80%; margin:10px  auto; background:#03439b;display:none;}
.main .main_left .titleL{ height:100px; background:#0b62cb;  text-align:left; overflow:auto; border-radius:10px 10px 0 0;}
.main .main_left .titleL .span1{ font-size:35px; color:#fff; font-weight:700; display:block; width:100%; padding-top:10px; }
.main .main_left .titleL .span2{ font-size:14px; color:#8fbef7; letter-spacing:1px;}
.main .main_left .titleL .div1{ padding-left:80px; margin-left:30px; height:100px;background:url(left_l.png) left center no-repeat; }
.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 { padding-top:10px;}
.main .navLeft li a{ display:block; position:relative; border:2px solid #ddd;}
.main .navLeft li a .bg{ position:absolute; left:-2px; top:-2px; width:0; height:84px;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s; background-color:#ffb200;}
.main .navLeft li a:hover .bg{ width:280px;}
.main .navLeft li a .span1{ position:relative; z-index:10; display:block; height:80px; width:120px;background-position:center center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover; background-size:cover; }
.main .navLeft li a .div2{ width:140px; height:80px; position:relative; z-index:10; background-color:#fff;}
.main .navLeft li a .div2 .span_name{ display:block; color:#333; font-size:16px; font-weight:700; padding:12px 0 8px 15px;}
.main .navLeft li a .div2 .span_btn{ display:block; margin:auto auto auto 15px;  width:100px; height:26px; line-height:26px; font-size:12px; background:#f9f9f9; text-align:center; color:#999;}
.main .navLeft li a:hover .div2 .span_name{ color:#0b62cb;}
.main .main_left .more{ display:block; height:60px; line-height:60px; background:#f4f4f4; text-align:center; color:#000; font-size:22px; margin-top:10px;border-radius: 0 0 10px 10px;}
.main .main_left .more:hover{ background-color:#e7a204;}
.main .left_news{}
.main .left_news{}

.main .main_left .lxwm{ margin-top: 20px; }
.main .main_left .lxT{ display: block; text-align: center; height: 118px; line-height: 50px; background:url(sy_144.jpg) center center no-repeat; position: relative;}
.main .main_left .lxT .bg{ position: absolute; display: block; top:0; left:0; width: 100%; height:100%; background:rgba(0,0,0,0.5);}
.main .main_left .lxT .span1{ position: relative; z-index: 10; display: block; text-align: center; color: #fff; font-size: 23px; font-weight: 700; display: none; }
.main .main_left .lxT .span2{ position: relative; z-index: 10; display: block; text-align: center; color: #fff; font-size: 15px;display: none;}
.main .main_left .lxwm .box{ border:1px solid #ddd; padding: 15px 25px; }
.main .main_left .lxwm .box p{ line-height: 22px; color: #666; font-size:14px; padding: 8px 0; border-bottom: 1px dashed #ddd; }


/*底部*/
.mainFoter{ background-color:#fff; padding:80px 0; width:100%; overflow:hidden;}
.mainFoter ul{}
.mainFoter ul li{ float:left; width:33.333%; height:100px; transition: all .3s;}
.mainFoter ul li a{ display:block; width:100%; height:100%;}
.mainFoter ul li.li1 a{background-color:#2d57b6;}
.mainFoter ul li.li2 a{background-color:#305dc3;}
.mainFoter ul li.li3 a{background-color:#e5e5e5;}
.mainFoter ul li a .div1{ width:140px; float:left; height:100%; margin-left:25px; background-position: center center !important; background-repeat:no-repeat;}
.mainFoter ul li.li1 a .div1{ background-image:url(em32.png);}
.mainFoter ul li.li2 a .div1{ background-image:url(c5ce.png);}
.mainFoter ul li.li3 a .div1{ background-image:url(rqml.png);}
.mainFoter ul li a .div2{ float:left; margin-top:20px;}
.mainFoter ul li a .div2 .span1{ display:block; font-size:20px; color:#fff;}
.mainFoter ul li.li3 a .div2 .span1{ color:#434343; font-size:14px; line-height:25px;}
.mainFoter ul li.li3 a .div2 .span2{ color:#434343; font-size:18px; line-height:25px;}
.mainFoter ul li:hover{transform: translateY(-10px);}

/*关于我们*/
.about_title{ text-align:center; }
.about_title .div1{ font-size:35px; color:#000; font-weight: 700; }
.about_title .div2{ font-size:14px; color:#999;}
.about_title .div3{ width:550px; margin:auto; height:10px; position: relative;margin-top:30px; }
.about_title .div3::after,.about_title .div3::before{ content:""; display:block; position: absolute;top:0;width:20px; height:5px; background: #ffb200; transition: all .5s;}
.about_title .div3::after{left:50%; border-radius: 0 10px 10px 0px; }
.about_title .div3::before{right:50%; border-radius: 10px 0px 0px 10px; }
.about_title:hover .div3::after,.about_title:hover .div3::before{ width:200px; }
.about_box{ width:1100px; margin: auto; text-align:center;  line-height: 30px; color:#666; font-size: 15px; padding: 10px 0 0 0; background: url(biao.jpg) center center no-repeat;}
.about_box p{ padding: 15px 0 }
.about_box img{ max-width: 100%; }
.about_img{ padding-top:30px; }
.about_img img{ display: block; max-width: 100%; }
.contact_text { padding:80px 0; line-height:35px; color:#444; font-size:15px;}
.contact_text p{ padding: 15px 0 }
.contact_text img{ max-width: 100%; }

/*厂容厂貌*/
.cases{position:relative; padding:60px 0 0 0;}
.cases .caseList{  overflow:hidden;position:relative; z-index:10; margin-top:35px;}
.cases .caseList ul{}
.cases .caseList li{float:left;margin-right:20px; width:350px; background:#f4f4f4;}
.cases .caseList li a.imga{display:block; position:relative; width:100%; height:250px; 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; color:#3883e1; text-align:center;overflow:hidden; white-space: nowrap;text-overflow: ellipsis; text-align:center; font-size:17px; line-height:60px; position:relative;}
.cases .caseList li .aT span{ position:relative; z-index:10;}
.cases .caseList li .aT em{ display:block; position:absolute; z-index:1;bottom:0; left:0; width:100%; height:0; -moz-transition:all 0.4s;-webkit-transition:all 0.4s;-o-transition:all 0.4s;transition:all 0.4s; background-color:#0074bf;}
.cases .caseList li .imga:hover{}
.cases .caseList li .imga:hover img{}
.cases .caseList .box{ width:9999px; position:relative; z-index:10;}
.cases .caseList .box ul{ float:left;}
.cases .more{ display:block; width:750px; background:url(con5more.png) center center no-repeat; height:60px; margin:auto; margin-top:30px;}
.cases .caseList li a.imga .aB{display:block; width:100%;height:100%; position: absolute; background: rgba(0,116,191,0.5); overflow: hidden; left: 0; top: -100%; z-index: 5; -moz-transition:all 0.4s;-webkit-transition:all 0.4s;-o-transition:all 0.4s;transition:all 0.4s; }
.cases .caseList li a.imga .aB em{ display:block; width:100%; height:100%;background:url(chakan.png) center center no-repeat;}
.cases .caseList li:hover a.imga .aB{ top:0;}
.cases .caseList li:hover .aT em{ height:100%; }
.cases .caseList li:hover .aT{ color:#fff;}



/*产品中心*/
.productList{ overflow:hidden;width:1280px;}
.productList ul{width:1280px;}
.productList ul li{width:304px; border:3px solid #ebebeb; float:left; margin:0 0px 15px 10px;  background:#fff;  -moz-transition:all 0.4s;-webkit-transition:all 0.4s;-o-transition:all 0.4s;transition:all 0.4s;} 
.productList ul li .boxa{ width:100%;  display:block; cursor:pointer;}
.productList ul li .boxa .spanImg{ display:block; overflow:hidden;width:100%; height:304px; position:relative;background-position:center center; -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover; background-size:cover;}
.productList ul li .boxa .spanImg .aB{ display:block; width:100%;height:100%; position: absolute; background: rgba(0,0,0,0.5); overflow: hidden; left: 0; top: -100%; z-index: 5; -moz-transition:all 0.4s;-webkit-transition:all 0.4s;-o-transition:all 0.4s; transition:all 0.4s; }
.productList ul li .boxa .spanImg .aB .em1{ display:block; width:100%; height:90px;background:url(chakan.png) center center no-repeat; margin-top:85px;}
.productList ul li .boxa .spanImg .aB .em2{ display:none; text-align:center; color:#fff; font-size:22px; padding-top:10px;}
.productList ul li .boxa:hover .spanImg .aB{top:0 }
.productList ul li .boxa .spanImg .chakan{ display:block; width:80%; position:absolute; z-index:10; left:10%;bottom:-46px; background:#2495e4; color:#fff; font-size:14px; text-align:center;-moz-transition:all 0.4s;-webkit-transition:all 0.4s;-o-transition:all 0.4s;transition:all 0.4s; height:46px; line-height:46px; }
.productList ul li:hover .boxa .spanImg .chakan{ bottom:0;}
.productList ul li .title{ padding:8px 20px 5px 20px;}

.productList ul li .spanT{ display: block; width:100%; z-index:10; height:40px; line-height:40px;  margin:auto; text-align:left;color:#333; background-color:#fff; font-size:16px; position:relative;  }
.productList ul li .spanT span{overflow:hidden;white-space: nowrap;text-overflow: ellipsis; display:block; width:200px;}
.productList ul li .spanT .jt{ display:block; position:absolute; right:0;top:0; width:25px; height:40px; background:url(jt.png) center center no-repeat;}
.productList ul li .btm{ padding:0 20px 15px 20px;}
.productList ul li .btm .span1{ display:block; color:#b7b7b7; font-size:13px; height:30px; line-height:30px; padding-left:25px; background:url(time.png) left center no-repeat;}
.productList ul li .btm .span2{ display:block; color:#b7b7b7; font-size:13px; height:30px; line-height:30px; padding-left:25px; background:url(view.png) left center no-repeat;}

.productList ul li:hover{box-shadow: 0px 10px 20px #e8ecf1; }
.productList ul li:hover .spanT{ color:#e0222c;}

/*产品中心*/
.productList2{ overflow:hidden;width:980px;}
.productList2 ul{width:1004px;}
.productList2 ul li{width:306px; border:3px solid #ebebeb; float:left; margin:0 20px 24px 0px;  background:#fff;  -moz-transition:all 0.4s;-webkit-transition:all 0.4s;-o-transition:all 0.4s;transition:all 0.4s;} 
.productList2 ul li .boxa{ width:100%;  display:block; cursor:pointer;}
.productList2 ul li .boxa .spanImg{ display:block; overflow:hidden;width:100%; height:306px; position:relative;background-position:center center; -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover; background-size:cover;}
.productList2 ul li .boxa .spanImg .aB{ display:block; width:100%;height:100%; position: absolute; background: rgba(0,0,0,0.5); overflow: hidden; left: 0; top: -100%; z-index: 5; -moz-transition:all 0.4s;-webkit-transition:all 0.4s;-o-transition:all 0.4s; transition:all 0.4s; }
.productList2 ul li .boxa .spanImg .aB .em1{ display:block; width:100%; height:90px;background:url(chakan.png) center center no-repeat; margin-top:90px;}
.productList2 ul li .boxa .spanImg .aB .em2{ display:none; text-align:center; color:#fff; font-size:22px; padding-top:10px;}
.productList2 ul li .boxa:hover .spanImg .aB{top:0 }
.productList2 ul li .boxa .spanImg .chakan{ display:block; width:80%; position:absolute; z-index:10; left:10%;bottom:-46px; background:#2495e4; color:#fff; font-size:14px; text-align:center;-moz-transition:all 0.4s;-webkit-transition:all 0.4s;-o-transition:all 0.4s;transition:all 0.4s; height:46px; line-height:46px; }
.productList2 ul li:hover .boxa .spanImg .chakan{ bottom:0;}
.productList2 ul li .title{ padding:8px 20px 5px 20px;}

.productList2 ul li .spanT{ display: block; width:100%; z-index:10; height:40px; line-height:40px;  margin:auto; text-align:left;color:#333; background-color:#fff; font-size:16px; position:relative;  }
.productList2 ul li .spanT span{overflow:hidden;white-space: nowrap;text-overflow: ellipsis; display:block; width:200px;}
.productList2 ul li .spanT .jt{ display:block; position:absolute; right:0;top:0; width:25px; height:40px; background:url(jt.png) center center no-repeat;}
.productList2 ul li .btm{ padding:0 20px 15px 20px;}
.productList2 ul li .btm .span1{ display:block; color:#b7b7b7; font-size:13px; height:30px; line-height:30px; padding-left:25px; background:url(time.png) left center no-repeat;}
.productList2 ul li .btm .span2{ display:block; color:#b7b7b7; font-size:13px; height:30px; line-height:30px; padding-left:25px; background:url(view.png) left center no-repeat;}

.productList2 ul li:hover{box-shadow: 0px 10px 20px #e8ecf1; }
.productList2 ul li:hover .spanT{ color:#e0222c;}


/*视频中心*/
.video_list{width:980px; overflow:hidden; padding-bottom:20px : }
.video_list ul{width:1020px; padding:0px 0 15px 0;}
.video_list ul li{ float:left; width:468px; margin:0px 40px 40px auto; padding:20px 0; background-color:#fff;  border:1px solid #ddd;}
.video_list ul li a{ display:block; width:425px; margin:auto;}
.video_list ul li .title{display:block; color:#000; font-size:15px;}
.video_list ul li .img{ display:block; width:100%; height:250px; position:relative;background-size:cover;-webkit-background-size: cover;-moz-background-size: cover; -o-background-size: cover; margin:10px 0;}
.video_list ul li .img .bg{ position:absolute; left:0;top:0; width:100%; height:100%; background:rgba(0,0,0,0.4) url(video.png) center center no-repeat; display:block;-moz-transition: all 0.3s;-webkit-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}
.video_list ul li .time{ font-size:13px;color:#999; padding-left:25px; background:url(time.png) left center no-repeat;}
.video_list ul li .view{ font-size:13px;color:#999; padding-left:25px; background:url(view.png) left center no-repeat;}
.video_list ul li:hover .img .bg{ background:rgba(0,0,0,0.6) url(video.png) center center no-repeat; }
.video_list ul li:hover{box-shadow:0 5px 10px rgba(0,0,0,0.1);}


/*新闻列表*/
.news_list{ padding-bottom:30px;}
.news_list li{  border-bottom:1px dashed #ddd; height:116px; padding:10px 0;}
.news_list li .img{ display:block; width:200px; height:116px; position:relative;
background-position:center center; 
-webkit-background-size: cover;  
-moz-background-size: cover;  
-o-background-size: cover; 
background-size:cover;}
.news_list li .titleBox{ display:block; width:970px; height:116px;}
.news_list li .titleBox .left{ width:910px; position: relative; left:0; padding-left:20px;-moz-transition: all 0.3s;-webkit-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}
.news_list li .titleBox .t1{ padding-top:12px;}
.news_list li .titleBox .title{ overflow:hidden;white-space: nowrap;text-overflow: ellipsis; width:400px;   font-size: 16px; color: #333; line-height:25px;}
.news_list li .titleBox .desc{ color:#999; font-size:13px; line-height:22px; height:22px; overflow:hidden; margin-top:5px;}
.news_list li .titleBox .t2{ line-height:25px; padding-top:15px;}
.news_list li .time{ font-size:13px;color:#999; padding-left:25px; background:url(time.png) left center no-repeat;}
.news_list li .view{ font-size:13px;color:#999; padding-left:25px; background:url(view.png) left center no-repeat;}
.news_list li .titleBox:hover{ background-color:#f4f4f4;}
.news_list li .titleBox:hover .left{}


/*新闻详情*/
.main .tT01{line-height:40px;  width:730px;}
.main .tT01 .span1{ font-size:28px; color:#333; font-weight:700;}
.main .tb{ border-top:1px solid #ddd; margin:15px 0 10px 0;}
.main .subtitle{font-size: 13px; line-height: 24px; height: 24px; color: #8F8F8F;}
.main .subtitle span{ display:inline-block; line-height:30px; font-size:13px; color:#999; padding-right:30px; padding-left:28px;}
.main .subtitle span.span1{ background:url(time.png) left center no-repeat;}
.main .subtitle span.span2{ background:url(view.png) left center no-repeat;}

/*产品详情*/

/*产品详情*/
.product_top{}
.product_top .img{ height:200px; width:250px; border:1px solid #ddd;background-position:center center; 
-webkit-background-size: cover;  
-moz-background-size: cover;  
-o-background-size: cover; 
background-size:cover;}
.product_top .nr{ margin-left:30px; width:658px; height:202px; position:relative;}
.product_top .title{ font-size:27px; color:#2a6fd8; font-weight:700; padding-bottom:8px; border-bottom:1px solid #ebebeb; margin-bottom:5px; line-height:30px;}
.product_top .zuozhe{ line-height:30px;font-size:13px; color:#888; padding-top:0px;}
.product_top .zuozhe .span1{ background:url(zuozhe.png) left center no-repeat; padding-left:27px;}
.product_top .zuozhe .span2{background:url(time.png) left center no-repeat; padding-left:27px;}
.product_top .zuozhe .span3{ background:url(peoductc.png) left center no-repeat; padding-left:27px;}
.product_top .zuozhe .span4{background:url(view.png) left center no-repeat; padding-left:30px;}
.product_top .pro_class{ position:absolute; bottom:0; left:0;}
.product_top .pro_class .a{ display:block; float:left; color:#666; font-size:14px; background-color:#fff; border:1px solid #ebebeb; line-height:35px; padding:0 25px; margin-right:30px; border-radius:5px; position:relative; cursor:pointer;}
.product_top .pro_class .a .span1{ padding-left:25px;}
.product_top .pro_class .a1 .span1{ background:url(pro_qq.png) left center no-repeat;}
.product_top .pro_class .a2 .span1{ background:url(pro_wx.png) left center no-repeat; padding-left:27px;}
.product_top .pro_class .a2  .show{ display:none; position:absolute; top:100%; left:50%; margin-left:-101px; background-color:#fff; border:1px solid #ddd; width:200px; height:200px; z-index:100; border-radius:5px;}
.product_top .pro_class .a2  .show img{ display:block; width:150px; height:150px; margin:25px;}
.product_top .pro_class .a2:hover .show{ display:block;}
.product_top .pro_class .a3 .span1{ background:url(pro_fx.png) left center no-repeat; padding-left:27px;}
.product_top .pro_class .a4{ margin:0; background-color:#fda102; color:#fff; width:150px; padding:0; text-align:center;}
.product_top .pro_class .a:hover{ background-color:#f9f9f9;}
.product_top .pro_class .a4:hover{ background-color:#eb9604;}


.xiangqing{ margin-top:30px;}
.xiangqing .xiangqing_top{ background-color:#f9f9f9;}
.xiangqing .xiangqing_top a{ display:block; float:left; width:230px;color:#eea200; text-align:center; height:50px; line-height:50px; font-size:22px; font-weight:700;}
.xiangqing .xiangqing_top a:hover,.xiangqing .xiangqing_top a.active{ background-color:#3172d5; color:#fff;}
.xiangqing .content{ border:1px solid #ddd; border-top:2px solid #bbb; padding:20px 50px;}
.xiangqing img{ margin-bottom:15px;}


/*联系我们*/
.contact_nav{ text-align:center; padding-top:30px;}
.contact_nav a{ display:inline-block; margin:0 20px; height:40px; padding:0 45px; color:#333; border:1px solid #ddd; line-height:40px; border-radius:45px;} 
.contact_nav a:hover,.contact_nav a.active{ background-color:#ff9000; border:1px solid #ff9000; color:#fff;}
.contact_box{ padding:50px 0 0 370px;}
.contact_box span{ float:left;}
.contact_box .span0{ display:inline-block; height:60px; width:40px;}
.contact_box .span1{ display:inline-block; padding-left:10px; color:#333; font-size:22px; height:60px; line-height:60px;}
.contact_box .span2{ display: inline-block; font-size:35px; color:#cc0000; font-family:Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif; height:60px; line-height:60px;}
.contact_box .div1 .span0{ background:url(contact_icon01.png) center center no-repeat;}
.contact_box .div2 .span0{ background:url(contact_icon02.png) center center no-repeat;}
.contact_box .div3 .span0{ background:url(contact_icon03.png) center center no-repeat;}


.contactMap{ display:block; height:450px; border:1px solid #ddd; overflow:hidden; border-radius:5px;}
.xiaoshou{ padding-top:30px;}
.xiaoshou ul{ border-top:1px solid #ddd; border-left:1px solid #ddd; background-color:#f9f9f9}
.xiaoshou ul li{ float:left; width:25%; height:130px; box-sizing:border-box; border-bottom:1px solid #ddd; border-right:1px solid #ddd; text-align:center;}
.xiaoshou ul li .div1{ display:block; color:#0b62cb; font-size:25px; padding-top:25px; font-weight:700;}
.xiaoshou ul li .div2{ display:block; font-size:22px; color:#111; padding-top:8px;}
.contact_ewm{ width:880px; margin:auto; padding:50px 0;}
.contact_ewm ul{}
.contact_ewm ul li{ float:left; width:33.333%;}
.contact_ewm ul li img{ display:block; margin:auto; width:145px;}
.contact_ewm ul li span{ display:block; padding-top:7px; text-align:center; color:#444; font-size:15px;}


/*地图*/
.dt{ width:100%; position:relative; z-index:10; border-top:5px solid #e40011;}
.dt .dtBox{ height:600px; width:100%;} 
.iw_poi_content{ padding:8px 0; line-height:25px; color:#666; font-size:14px;}
.BMap_cpyCtrl.BMap_noprint,.anchorBL img{ display:none !important;}
.BMap_scaleCtrl{ left:15px !important;}


/*招聘*/
.zhaopin_list{ overflow:hidden;}
.zhaopin_list ul{ width:1350px; padding:30px 0 60px 0;}
.zhaopin_list ul li{ float:left; width:623px; border:1px solid #ebebeb;  background-color:#fdfdfc; margin:30px 50px auto auto; position:relative; }
.zhaopin_list ul li a{ display:block; width:100%;}
.zhaopin_list ul li a .box{ display:block; width:480px; margin:auto; padding-left:100px; position:relative; padding-bottom:20px;}
.zhaopin_list ul li a .box .title{overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size:18px; font-weight:700; color:#333; padding:23px 0 10px 0;} 
.zhaopin_list ul li a .box .desc{ height:50px; line-height:25px; color:#666; font-size:14px; overflow:hidden;}
.zhaopin_list ul li a .box .i{ display:block; width:80px; height:100%; position: absolute; background:url(zp.png) center center no-repeat; top:0; left:5px;}
.zhaopin_list ul li::after{ display:block; width:0; height:0; left:0; position:absolute; content:''; border-bottom:2px solid #d81e06;-moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.zhaopin_list ul li:hover::after{ width:100%;}



/*在线留言*/
#faqbox{padding:90px 0 50px 0; background-color:#fff;}
#faqbox form{}
#faqbox .faqline{line-height:2em;text-align:left; padding-bottom:15px; color:#ff9900; font-size:14px;}
#faqbox .faqtit{width:200px;display:block;float:left;clear:both;text-align:right; color:#000; font-weight:700; line-height:70px; padding-right:10px;}
#faqbox .Content{line-height:2em;text-align:left; padding-bottom:10px;}
#faqbox font{margin:0 5px;}
#faqbox .FaqTitle{ height:70px; line-height:70px; padding:0 25px; border:none; width:900px; vertical-align:top; background-color:#f5f5f5; font-family:'Microsoft YaHei'; font-size:16px; color:#0b62cb;-moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s;transition: all 0.3s;}
#faqbox .Content textarea{height:150px;outline: 0;}
#faqbox .FaqTitle:hover { box-shadow: 0 10px 10px rgba(43, 43, 43, 0.12);}
.wizfrm{ border:none;width:900px;height:80px;line-height:80px;font-size:30px; letter-spacing:10px;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:#0074bf; }
.wizfrm:hover{ background-color:#ff9900; }


/*网站地图*/
.wzdt{ margin:30px auto; padding:30px 0;border-left:1px solid #000;}
.wzdt .wzdt_box{ background-color:#fff; padding:30px 0px; margin-bottom:50px; }
.wzdt .wzdt_t{}
.wzdt .wzdt_t .b1{ width:160px; height:0px; border-top:1px solid #000; margin:30px 0 0;}
.wzdt .wzdt_t a{ display:block; height:60px; line-height:60px; width:180px; text-align:center; font-size:18px;  color:#fff; background-color:rgb(48,93,195); border-radius:8px;}
.wzdt .wzdt_t a:hover{ background-color:#1e46a0;}
.wzdt .du_ej .b2{ width:100px;height:0px; border-top:1px solid #000; margin:30px 0 0;}
.wzdt .wzdt_li{border-left:1px solid #000;}
.wzdt .wzdt_li li{ margin-bottom:15px;} 
.wzdt .wzdt_li li .b3{ width:70px;height:0px; border-top:1px solid #000; margin:30px 0 0;}
.wzdt .wzdt_li li a{ display:block;height:60px; padding:0 50px; line-height:60px; text-align:center; font-size:15px; color:#fff; background-color:#faaf29;overflow:hidden;border-radius:8px; } 
.wzdt .wzdt_li li a:hover{ background-color:#d88c05;}



/*搜索结果*/
.seach_title{ background-color:#f4f4f4; padding:0 25px;}
.seach_title .span1{ display:block; color:#555; font-size:18px; line-height:60px;}
.seach_title .span2{ display:block; font-size:25px; color:#000; line-height:58px;}
.seach_list{ width:1010px; padding-top:20px;}
.seach_list li{ float:left; width:475px; margin-right:30px; padding:15px 0; } 
.seach_list li .titleBox{ width:275px; }
.seach_list li .titleBox .left{ width:240px; }
.seach_list li .titleBox .title{ width:100%;}
.no_seach{ text-align: center; color:#666; padding: 20px 0; }