@charset "utf-8";
/* CSS Document */


/*search*/
.search{width:1080px; height:86px; margin:0 auto; margin-top:20px;}
.sear_l{ float:left; text-align:center;}
.sear_l dt{ font-size:18px; color:#111111; font-weight:bold;    line-height: 30px;}
.sear_l dd{ width:248px; height:32px; background:url(../images/sear_l.gif) no-repeat;  line-height:32px; font-size:16px; color:#fff; font-weight:bold;}
.sear_c{ float:left; margin-left:70px;}

.sear_c .keywords{ font-size:14px; color:#6e6e6e; font-weight:bold; line-height:30px; }
.sear_c .keywords a{color:#6e6e6e; font-weight:normal;}
.sear_c .sur_con{width:446px; height:36px; border-top:1px solid #dedede; border-bottom:1px solid #dedede;  overflow:hidden;}
.sear_c .sur_con .search_k{height:22px;float:left; width:165px; margin-top: 7px; }
.sear_c .sur_con .search_anniu{width:39px;height:36px; background:url(../images/search_an.gif) no-repeat; cursor:pointer; border:none; float:right;}

.sear_r{ float:right; margin-right:30px;}
.sear_r  dt{ font-size:16px; color:#6e6e6e; font-weight:bold; background:url(../images/sear_tel.gif) no-repeat left; height:30px; padding-left:26px; line-height:36px;}
.sear_r dd{ font-size:30px; color:#02a852; font-weight:bold;}

/* banner */
.b_box{height:510px; margin:0 auto; clear:both;}
.flexslider{position:relative;height:510px;overflow:hidden;*z-index:-1;}
.slides{position:relative;z-index:1;}
.slides li{height:510px;}
.slides li a{height:100%; display:block;}
.flex-control-nav{position:absolute;bottom:6px;z-index:999;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:36px;height:11px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:36px;height:11px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer; }
.flex-control-nav .flex-active{background-position:0 0;}



/* product */
.product{width:1080px; height:670px;  margin:0 auto; margin-top:20px;position:relative;}
.aside{width:211px;  float:left; height:655px; border:1px solid #02a852;}
.aside h3{ margin:0; width:211px; height:50px; background:url(../images/aside_t.gif) no-repeat; text-align:center; line-height:35px;}
.aside h3 a{ font-size:16px;  color:#fff; font-weight:bold; }

.aside_t{ width:181px;   margin:0 auto;}
.aside_t dl dt{line-height:30px;overflow:hidden; width:181px; height:30px; background:url(../images/aside_li.gif) left no-repeat; padding-left:30px;margin-bottom: 18px;}
.aside_t dl dt a{ font-size:15px; color:#fff; font-weight:bold;}
.aside_t dl dd{line-height:15px;overflow:hidden; width:181px; height:24px; background:url(../images/aside_li1.gif) left no-repeat; padding-left:30px;margin-bottom: 12px;}
.aside_t dl dd a{ font-size:15px; color:#333;}
.aside_t dl{ padding-top:16px;}
.aside_t dl  a:hover{ color:#fcb200;}

.aside_b{ width:211px; height:90px; background:url(../images/aside_b.gif) no-repeat; position:relative; position:absolute; top:540px; }
.aside_b dl dt{font-size:15px; color:#333;margin-left: 10px; line-height:13px; }
.aside_b dl dd{font-size:22px; color:#333; font-weight:bold; }
.aside_b dl{ position:absolute; top:46px; left:38px;}

.pro_show{width:830px; float:right;  overflow:hidden;  height:670px;}
.pro_show_t ul li a{ font-size:15px;   color:#02a852; line-height: 24px;}
.pro_show_t{height:40px; background:url(../images/pro_show_t.gif) no-repeat bottom;}
.pro_show_t ul li{width:113px;height:25px;  display:block; text-align:center; float:left; }
.pro_show_t ul li:hover{ background:url(../images/pro_show_li.gif) no-repeat;}
.pro_show_t ul li:hover a{ color:#fff;}
.pro_show_t ul .selected{background:url(../images/pro_show_li.gif) no-repeat;}
.pro_show_t ul .selected a{color:#fff;}
.pro_show_t span {float:right;   }
.pro_show_t span a{ font-size:14px;  color:#02a852; }

.product .hide{ display:none;}

.pro_show .tab_box{ margin-top:20px;}
.pro_show .tab_box  ul li{float:left; margin-bottom:30px;margin-right:38px;}

.pro_show .tab_box  ul{ width:880px;}
.pro_show .tab_box  ul li img{width:243px; height:171px; }
.pro_show .pro_img{ width:243px; height:171px; border:1px solid #dcdcdc; padding:3px; background:#dfdfdf; position:relative;}
.pro_show .pro_img  .txt-five{position: absolute;left:3px;bottom:3px;height:30px;line-height:30px; padding-left:40px; background: url(../images/ico1.png) no-repeat; width:243px; overflow:hidden;}
.pro_show .pro_img .txt-five h3 a{font-size:16px; font-weight:normal;color:#fff; margin:0; line-height:26px;}
.pro_show .pro_img .txt-five h3{ margin:0; width:196px;}


/*liu cheng*/ 
.lc{ width:100%; height:380px; background:url(../images/lc_bg.gif) no-repeat center; margin-top:20px;}
.lc .main{ position:relative;}

.lc ul li{  font-size:14px; color:#333; line-height:22px; width:160px;}
.lc ul .lc_1{position:absolute;top:60px; left:130px;}
.lc ul .lc_1  img{ margin-left: 52px;
         margin-bottom: 56px;}
.lc ul .lc_2{position:absolute;top:60px; left:350px;}
.lc ul .lc_2  img{ margin-left: 52px;
         margin-top: 56px;}
.lc ul .lc_3{position:absolute;top:60px; left:570px;}
.lc ul .lc_3  img{ margin-left: 52px;
         margin-bottom: 56px;}
.lc ul .lc_4{position:absolute;top:60px; left:790px;}
.lc ul .lc_4  img{ margin-left: 52px;
         margin-top: 56px;}

.lc ul li span{  font-size:16px; color:#333; font-weight:bold; display:block; text-align:center; }

.lc dl{ position:absolute; top:324px; left:395px;}
.lc dl dt{ font-size:18px; color:#333;}
.lc dl dt span{ font-size:24px; color:#02a852; font-weight:bold;}

.lc ul li img{ margin-top:10px;
        
-webkit-transition:all .2s ;
-moz-transition:all .6s ;
-o-transition:all .6s ;
-ms-transition:all .6s ;
transition:all .6s ; 
}

.lc ul li img:hover {-webkit-transform: rotateZ(360deg);
-moz-transform: rotateZ(360deg);
-o-transform: rotateZ(360deg);
-ms-transform: rotateZ(360deg);
transform: rotateZ(360deg); 

}


.se_ys{ width:1080px; height:530px; margin:0 auto; background:url(../images/lit_ys.gif) no-repeat center; margin-top:20px;position:relative;}
.se_ys span{ font-size:24px; color:#fff; width:546px; height:47px; background:url(../images/se_t.gif) no-repeat; text-align:center; line-height:47px; position:absolute;left:520px; }
.se_ys ul li{ font-size:16px; color:#333; line-height:48px;}
.se_ys ul{ position:absolute; top:54px; left:534px;}
.se_ys dl dt{ font-size:18px; color:#333; float:left;}
.se_ys dl dt em{ font-size:30px; color:#02a852; font-weight:bold; font-style:normal;}
.se_ys dl dd{  width:160px; height:41px; background:url(../images/ban1_zx.png) no-repeat; float:left;margin-top: 20px;}
.se_ys dl dd a{ font-size:16px; color:#fff; font-weight:bold; padding-left:40px; line-height:41px;}
.se_ys dl{ position:absolute; top:460px; left:630px;}

/*advantages*/
.ys{width:100%; height:1192px; background:url(../images/ys_bg.jpg) no-repeat center; margin-top:30px;  }
.ys .main{ position:relative;}

.ys1_1  dt{background:url(../images/ys_d1.png) left no-repeat; font-size:24px; font-weight:bold;  color:#fff; padding-left:80px;  line-height:60px; margin-bottom:20px;}
.ys1_1  dd{ font-size:16px; color:#fff; line-height:30px;  padding-left:20px; margin-left:20px;  background:url(../images/ys_dd1.gif) left 10px no-repeat; margin-bottom:10px; }
.ys1_1  dd span{ color:#fcb200;}
.ys1_1{ width:440px; position:absolute; top:95px; left:88px;}

.ys2_1  dt{background:url(../images/ys_d2.png) left no-repeat; font-size:24px; font-weight:bold;  color:#333; padding-left:80px;  line-height:60px; margin-bottom:60px;}
.ys2_1  dd{ font-size:16px; color:#333; line-height:30px;  padding-left:15px;  background:url(../images/ys_dd.gif) left 10px no-repeat;width:440px; margin-left:516px;}
.ys2_1  dd span{ color:#fcb200;}
.ys2_1{  position:absolute; top:450px; left:100px; }

.ys3_1  dt{background:url(../images/ys_d3.png) left no-repeat; font-size:24px; font-weight:bold;  color:#333; padding-left:80px;  line-height:60px; margin-bottom:30px;}
.ys3_1  dd{ font-size:16px; color:#333; line-height:30px;  padding-left:15px;  background:url(../images/ys_dd.gif) left 10px no-repeat; }
.ys3_1  dd span{ color:#fcb200;}
.ys3_1{ width:440px; position:absolute; top:924px; left:100px;}


/*banner_little1*/
.banner_little1{ width:100%; height:148px; background:url(../images/ban1.jpg) no-repeat center;}
.banner_little1 .main{position:relative;}
.banner_little1  dl dd{ font-size:16px; color:#fff; height:34px  }
.banner_little1  dl dd span{ font-size:24px; color:#fff; font-weight:bold;  }
.banner_little1 .ban1_zx{ width:127px; height:28px; border:1px solid #fff; display:block; text-align:center; position:absolute; top:90px; right:49px; }
.banner_little1 .ban1_zx a{ font-size:18px;  color:#fff; line-height:28px; font-weight:bold;}
.banner_little1  dl { position:absolute; top:30px; right:26px; }

/*pk*/
.pk{ width:1080px; height:585px; margin:0 auto; margin-top:30px;}
.pk h3{ width:116px; background:url(../images/pk_t.gif) no-repeat bottom center; margin:0 auto; height:28px;margin-bottom: 40px;}
.pk h3 a{ font-size:18px; color:#02a852; font-weight:bold;}

.pk .tab_box1 img{ width:479px; height:362px; border:2px solid #e1e1e1;}
.pk .tab_box1 ul{ width:1180px;}
.pk .tab_box1 li{ float:left;margin:0 28px;}
.pk .tab_box1 li span{ display:block; text-align:center; line-height:24px; width:480px; height:24px; overflow:hidden; }
.pk .tab_box1 li span a{ font-size:14px; color:#333;}

.pk #tab1 li{ width:92px;  float:left; height:96px;padding-left: 108px;  }
.pk #tab1{ margin-bottom:20px;}
.pk #tab1 li a{ font-size:18px; color:#02a852; line-height:90px;}
.pk #tab1 .tab_menu{ width:802px; height:100px; margin:0 auto; background:url(../images/cas_tab.gif) no-repeat;}
.pk #tab1 li:hover{ border-bottom:3px solid #02a852;}
.pk #tab1 .selected{ border-bottom:3px solid #02a852;}
.pk .tab_box1 .hidden{ display:none;}


/*customer*/

.customer{ width:100%; height:520px; background:url(../images/cus_bg.gif) no-repeat center;    margin-top: 10px;  }
.customer .main{ padding-top:42px;}
.customer h3{margin:0 auto; text-align:center;  width:300px;    }
.customer h3 a{ font-size:24px; color:#02a852; font-weight:bold;  }
.customer h3  span{ display:block;font-size:15px; color:#333333; background:url(../images/cus_t.gif) no-repeat center; }



.cus_main{ margin-top:40px;}
.cus_main ul{width:1180px;    margin-left: 3px;}
.cus_main li{ float:left;  margin-right:10px; width:225px; position:relative; }
.cus_main li .cus_pic{width:180px; height:182px; position:relative; margin:0 auto;z-index: 9;}
.cus_main li  .cus_pic div{ width:180px; height:182px; background:url(../images/cus_pic_bg.png) no-repeat; position:absolute; left:0; top:0; }

.cus_main li   img{ display:block; width:180px; height:182px;}

.cus_main li  .cus_b{  height:252px; width:205px; border:1px solid #fff; padding:10px; position:absolute; top:90px;}
.cus_main li:hover .cus_b{  height:252px; width:205px; border:1px solid #fff; background:#fcb60d; padding:10px; position:absolute; top:90px;}
.cus_main li:hover .cus_pic div{ width:180px; height:182px; background:url(../images/cus_pic_bg1.png) no-repeat; position:absolute; left:0; top:0; }
.cus_main li:hover span a{color:#fff;}
.cus_main li:hover p{color:#fff;}
.cus_main li  span a{ color:#333;font-size:15px;    line-height: 30px;}
.cus_main li  span {  height:30px;  display:block;  text-align:center; overflow:hidden; margin-top:90px;}
.cus_main li  p{ color:#333;font-size:13px;   line-height:26px;  overflow:hidden; height:78px;  }


/*about*/
.ab_h{ width:1080px;  height:414px; margin:0 auto; margin-top:40px;}
.about{ width:776px;float:left; position:relative; }
.about h3{  margin:0; width:314px; height:66px; background:url(../images/about_t.gif) no-repeat;  }
.about h3 a{ font-size:18px;  color:#02a852;  line-height:20px; font-weight:normal; }

.about_l{float:left;}
.about_l span{ width:66px; height:66px; background:url(../images/about_m.png) no-repeat; text-align:center; position:absolute; left:284px; top:346px;}
.about_l span a{ font-size:16px; color:#fff; line-height:66px;}
.about_l img{ width:314px; height:384px; border:4px solid #E4E4E4;}
.about_r{ width:430px; float:right;}
.about p{ font-size:14px; color:#333; height:192px; line-height:32px;  text-indent:2em; overflow:hidden; width:430px;     }
.about dl dt { width:126px; height:30px; background:url(../images/about_zx.gif) no-repeat; text-align:center; float:left; margin-right:20px; }
.about dl dt a { font-size:16px; color:#fff; font-weight:bold; line-height:30px;}
.about dl { margin-left:146px; margin-top:20px;}


/*honor*/
.honor{width:264px; float:right;}
.honor_t h3{ margin:0; }
.honor_t h3 a{ font-size:16px;color:#02a852; font-weight:normal;}
.honor_t span{float:right;margin-top: 26px; }
.honor_t span a{ font-size:14px; color:#02a852;}
.honor_t{background:url(../images/hon_t.gif)  no-repeat; height:46px;}



.gd_03{ position:relative; width:264px; height:337px; background:#e4e4e4;margin-top: 20px; }
.gd_03 #simgs03{ margin:0 auto; padding-top:26px;  }
.gd_03 li{ float:left;  text-align:center; margin-right:30px; width:202px; height:280px; background:#fff;}
.gd_03 li span{height:30px; display:block;}
.gd_03 li span a{ font-size:14px; color:#333; line-height:30px;}
.gd_03 li.last{ padding-right:0;}
.gd_03 li img{ display:block; width:170px; height:226px;margin: 0 auto; margin-top: 14px; }



/*企业风采*/
.cases{width:1080px; height:240px; margin:0 auto; margin-top:20px;}

.cases h3 span{ float:right;margin-top: 4px;}
.cases  h3 span a{ font-size:14px; color:#02a852; }
.cases h3{margin:0;height:30px;background:url(../images/cas_t.gif) no-repeat bottom; }
.cases h3  a{ font-size:16px; color:#02a852; font-weight:normal; }

.gd_05{ position:relative;  width:1080px; margin:0 auto; padding-top:20px;}
.gd_05 li{ float:left; margin: 0 30px 0 0; text-align:center;}
.gd_05 li.last{ padding-right:0;}
.gd_05 li img{ display:block; width:203px; height:142px; border:4px solid #d9d9d9;}
.gd_05 li span a{ color:#333;font-size:14px;   line-height:24px; text-align:center;  }
.gd_05 li span{ height:24px; display:block;overflow:hidden; width:211px; text-align:center;}



/*banner_little3*/
.banner_little3{ height:184px; width:100%;   background:url(../images/ban_lit3.jpg) no-repeat center;   }
.banner_little3 .main{ height:184px; position:relative;  }
.banner_little3  dl dd{ font-size:18px; color:#333;  }
.banner_little3  dl dd span{ font-size:26px; color:#02a852; font-weight:bold;  }
.banner_little3 .ban3_zx{   width:160px; height:41px; background:url(../images/ban1_zx.png) no-repeat; display:block; text-align:center; position:absolute; top:120px; right:50px; }
.banner_little3 .ban3_zx a{ font-size:18px;  color:#fff; line-height:36px; font-weight:bold; }
.banner_little3  dl { position:absolute; top:100px; right:250px; }








/*news*/
.part2{width:1080px; height:370px;  margin:0 auto; margin-top:30px;  }

.news{width:660px;float:left; }


.news #tab{width:660px; height:46px; background:#eeeeee;}
.news #tab .tab_menu li{ float:left;line-height:46px; width:330px; height:46px;  }
.news #tab .tab_menu li:hover{  background:url(../images/news_t.gif) repeat-x bottom ;}
.news #tab .tab_menu li:hover a{color:#fcb200;  }


.news #tab .tab_menu li h3 a{font-size:17px; color:#02a852; font-weight:normal; }
.news #tab .tab_menu li h3{margin:0; margin-left:10px;}
.news #tab .tab_menu li span{ float:right; background:url(../images/news_m1.png) no-repeat; width:16px; height:16px;    margin-top: 15px; margin-right: 10px;}


.news #tab .tab_menu .selected { background:url(../images/news_t.gif) repeat-x bottom;}
.news #tab .tab_menu .selected a {color:#fcb200;}
.news #tab .tab_menu .selected span{background:url(../images/news_m.png) no-repeat;}


.news  .tab_box .news_t{ width:640px;  background:#eeeeee; padding:10px; }
.news  .tab_box .news_t span a{ font-size:16px; color:#02a852; line-height:33px;}
.news  .tab_box .news_t p{ margin:0; font-size:14px; color:#333; line-height:24px; height:48px; overflow:hidden;}

.news .tab_box ul{  width:700px;margin-top: 20px; }
.news .tab_box ul li{ width:300px; margin-bottom:10px; float:left; margin-right:28px; background:url(../images/news_li.gif) no-repeat left; padding-left:16px;height: 28px;
    overflow: hidden;
    line-height: 28px;}
.news .tab_box ul li a{ font-size:15px; color:#333;}


.news  .hide{display:none;}



/* question */
.question{float:right;width:356px;}
.question .con_news_t h3 a{ font-size:17px; font-weight:normal; color:#02a852; line-height:46px;}
.question .con_news_t h3{ margin:0; }
.question .con_news_t{ height:46px; background:url(../images/news_t.gif) repeat-x bottom;}
.question .con_news_t h3 span{ float:right; background:url(../images/news_m1.png) no-repeat; width:16px; height:16px;    margin-top: 15px; margin-right: 10px;}

.question .news_main{  margin-top:10px; }

.question .contant ul{ position:relative; height:284px;   }
.question .contant ul .faq-l {clear:both;overflow:hidden; margin-top:20px;}
.question .contant ul .faq-l .faq-w p {float:right;width:322px; height:30px;margin:0;color:#0000;font-size: 14px;font-weight:bold;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.question .contant ul .faq-l .faq-d p {float:right; height:40px;line-height:20px;width:322px;font-size: 14px;margin:0;color: #333;overflow:hidden; }
.question .contant ul .faq-l .faq-w span{ float:left;width: 19px;height: 19px;background:url(../images/wen.gif) no-repeat center;line-height:20px;text-align:center;margin-right:5px;margin-bottom:10px; }
.question .contant ul .faq-l .faq-d span{float:left;width: 19px;height: 19px;background:url(../images/da.gif) no-repeat center ; line-height:20px;text-align:center;margin-right:5px;margin-bottom:10px;}



/*link*/
.links{width:1080px;height:70px; margin:0 auto; margin-top:20px;  background:url(../images/link.gif) top no-repeat;  }
.links ul li a{  font-size:14px; color:#333; line-height:70px;}
.links ul li { float:left; margin-left:20px; }

















