@charset "utf-8";



/* CSS Document */











/*search*/



.search{width:100%; height:42px; }



.search_main{width:1080px; margin:0 auto; }



.keywords{ font-size:14px; color:#ff8400; font-weight:bold; line-height:42px;  float:left; }



.keywords a{color:#333; font-weight:normal;}



.sur_con{width:220px; height:22px;float:right; margin-top:12px; margin-right:50px; overflow:hidden;}



.sur_con input{height:20px;float:left; width:165px; border:1px solid #d2d2d2;}



.sur_con .search_anniu{width:50px;height:22px; background:url(../images/search_an.gif) no-repeat; cursor:pointer; border:none; float:right;}











/* banner */



.b_box{height:438px; margin:0 auto; clear:both;}



.flexslider{position:relative;height:438px;overflow:hidden;*z-index:-1;}



.slides{position:relative;z-index:1;}



.slides li{height:438px;}

.slides li a{ display:block; height:100%;}



.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;}















/*procedure */







.procedure_t{ text-align:center; width:328px; margin:0 auto;}



.procedure{ height:486px; width:100%; background:url(../images/procedure_bg.gif); padding-top:20px; border-top:1px solid #dbdbdb;}



.procedure .main{ position:relative;}



.procedure_t span{ margin:0;  background:url(../images/proce_t.gif)  no-repeat; width:328px; height:24px;display: block; }



.procedure_t h3{ margin:0; margin-bottom:4px;}



.procedure_t h3 a{ font-size:18px; color:#333; font-weight:bold;}



.procedure_t h3 a i{ color:#ff8400; font-style:normal;}



.procedure_t span em a{ font-size:13px; color:#333; line-height:19px; font-style:normal;}



.procedure_t span em{ width:72px; height:19px; background:url(../images/proce_zx.gif) no-repeat; text-align:center;display: block; float:right;margin-top: 2px; margin-right: 20px;}







.procedure ul li span a{ font-size:16px; color:#333; font-weight:bold;}



.procedure ul .proce1 span {height:33px; background:url(../images/proce_1.gif) no-repeat; display:block; padding-left:38px;    line-height: 34px;}



.procedure ul .proce2 span {height:33px; background:url(../images/proce_2.gif) no-repeat; display:block; padding-left:38px;    line-height: 34px;}



.procedure ul .proce3 span {height:33px; background:url(../images/proce_3.gif) no-repeat; display:block; padding-left:38px;    line-height: 34px;}



.procedure ul .proce4 span {height:33px; background:url(../images/proce_4.gif) no-repeat; display:block; padding-left:38px;    line-height: 34px;}



.procedure ul .proce5 span {height:33px; background:url(../images/proce_5.gif) no-repeat; display:block; padding-left:38px;    line-height: 34px;}



.procedure ul .proce6 span {height:33px; background:url(../images/proce_6.gif) no-repeat; display:block; padding-left:38px;    line-height: 34px;}



.procedure ul .proce7 span {height:33px; background:url(../images/proce_7.gif) no-repeat; display:block; padding-left:38px;    line-height: 34px;}



.procedure ul .proce8 span {height:33px; background:url(../images/proce_8.gif) no-repeat; display:block; padding-left:38px;    line-height: 34px;}







.procedure ul .proce6 { position:absolute; top:280px; right:-10px;}



.procedure ul .proce7 { position:absolute; top:280px; right:210px;}



.procedure ul .proce8 { position:absolute; top:280px; right:425px;}



.procedure ul li{   float:left; margin:0 44px;}



.procedure ul{ margin-top:30px; width:1280px;}



.procedure 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 ; 



}







.procedure ul li:hover img{-webkit-transform: rotateZ(360deg);



-moz-transform: rotateZ(360deg);



-o-transform: rotateZ(360deg);



-ms-transform: rotateZ(360deg);



transform: rotateZ(360deg); 







}







/*banner_little1*/



.banner_little1{  width:336px;height:139px;   background:url(../images/ban_lit1.gif) no-repeat;position:absolute; top:300px; left:30px; }



.banner_little1  dl dt { font-size:16px; color:#333; font-weight:bold; float:left;  }



.banner_little1  dl dt span { font-size:26px; color:#ff8400; font-weight:bold;  }



.banner_little1 dl dd{ width:104px; height:26px; background:url(../images/ban1_zx.gif) no-repeat; display:block; text-align:center;float:left;margin-top: 28px; margin-left: 10px; }



.banner_little1 dl dd a{ font-size:16px;  color:#fff; line-height:26px; font-weight:bold; }



.banner_little1  dl {margin-top: 70px; margin-left: 12px; }















/* product */



.pro_show{width:1080px; margin:0 auto;   overflow:hidden;height: 500px;margin-top: 20px;}



.pro_show_t ul li a{ font-size:16px;   color:#333; line-height: 88px; margin-left:40px;}



.pro_show_t{ height:88px; margin-bottom:20px;}



.pro_show_t ul li{display:block;width:192px;height:88px;  float:left; margin-right:27px;}



.pro_show_t ul .pro_l1{ background:url(../images/pro_l1.gif) no-repeat; }



.pro_show_t ul .pro_l1:hover{  background:url(../images/pro_l11.gif) no-repeat;}



.pro_show_t  ul{ width:1180px;}







.pro_show_t ul .pro_l2{ background:url(../images/pro_l2.gif) no-repeat; }



.pro_show_t ul .pro_l2:hover{  background:url(../images/pro_l21.gif) no-repeat;}







.pro_show_t ul .pro_l3{ background:url(../images/pro_l3.gif) no-repeat; }



.pro_show_t ul .pro_l3:hover{  background:url(../images/pro_l31.gif) no-repeat;}







.pro_show_t ul .pro_l4{ background:url(../images/pro_l4.gif) no-repeat; }



.pro_show_t ul .pro_l4:hover{  background:url(../images/pro_l41.gif) no-repeat;}







.pro_show_t ul .pro_l5{ background:url(../images/pro_l5.gif) no-repeat; }



.pro_show_t ul .pro_l5:hover{  background:url(../images/pro_l51.gif) no-repeat;}







.pro_show_t ul li:hover a{ color:#ff8400;}

















.pro_show .tab_box{ margin-top:10px;}



.pro_show .tab_box  ul li{float:left; margin-bottom:18px;}







.pro_show .tab_box  ul{ width:1135px;}















.pro_show .pro_img1{ width:247px; height:170px; border:1px solid #dcdcdc; padding:3px; background:#fff; position:relative;}

.pro_show .pro_img1 a img{ width:247px; height:170px; }



.pro_show .pro_img1  .txt-five{position: absolute;left:3px;bottom:3px;height:30px;line-height:30px; padding-left:40px; background: url(../images/ico2.png) no-repeat; width:258px; overflow:hidden;}



.pro_show .pro_img1 .txt-five h3 a{font-size:16px; font-weight:normal;color:#fff; margin:0; line-height:30px;}



.pro_show .pro_img1 .txt-five h3{ margin:0; width:225px;}



.pro_show .pro_li1{margin-right:16px; float:left;}



.pro_show .hide{ display:none;}









/*advantages*/



.ys{width:100%; height:625px; background:url(../images/ys_bg.jpg) no-repeat center;     margin-top: 30px;}



.ys .main{ position:relative;}



.ys_1{ position:absolute; top:140px; left:100px;   width:580px; }



.ys_1  dt{background:url(../images/ys_d1.gif) left no-repeat; font-size:18px;  color:#333; font-weight:bold;  padding-left:70px;  height:54px;     line-height: 54px;}



.ys_1  dt  span , .ys_1  dd  span{ color:#ff8400;}



.ys_1  dd{ font-size:16px; color:#333; line-height:30px;   margin-left:55px;}











.ys_2{position:absolute; top:300px; left:100px;  width:580px; }



.ys_2  dt{background:url(../images/ys_d2.gif) left no-repeat; font-size:18px;  color:#333; font-weight:bold;  padding-left:70px;  height:54px;    line-height: 54px; }



.ys_2  dt  span , .ys_2  dd  span{ color:#ff8400;}



.ys_2  dd{ font-size:16px; color:#333; line-height:30px;   margin-left:55px;}







.ys_3{position:absolute; top:450px; left:100px;  width:580px; }



.ys_3  dt{background:url(../images/ys_d3.gif) left no-repeat; font-size:18px;  color:#333; font-weight:bold;  padding-left:70px;  height:54px;    line-height: 54px; }



.ys_3  dt  span , .ys_3  dd  span{ color:#ff8400;}



.ys_3  dd{ font-size:16px; color:#333; line-height:30px;   margin-left:55px;}











/*banner_little2*/



.banner_little2{ width:240px;  position:absolute; top:0px; left:-38px;  }



.banner_little2  dl dt { font-size:16px; color:#333; font-weight:bold;  }



.banner_little2  dl{ text-align:center;}



.banner_little2  dl dd{ font-size:26px; color:#ff8400; font-weight:bold;   }



.banner_little2 span{ width:88px; height:22px; background:url(../images/ban2_zx.gif) no-repeat; display:block; text-align:center; margin-left: 70px; margin-top: 8px; }



.banner_little2 span a{ font-size:15px;  color:#fff; line-height:22px; font-weight:bold; }



























/*about*/



.ab_h{ width:1080px;  height:420px; margin:0 auto; margin-top:30px;}



.about{ width:776px;float:left; position:relative; }



.about h3{  margin:0; width:300px; height:67px; background:url(../images/about_t.gif) no-repeat;  }



.about h3 a{ font-size:18px;  color:#333;  line-height:20px; font-weight:normal; }







.about_l{float:left;}



.about_l span{ width:87px; height:88px; background:url(../images/about_m.png) no-repeat; text-align:center; position:absolute; left:250px; top:320px;}



.about_l span a{ font-size:20px; color:#fff; line-height:88px;}



.about_l img{ width:292px; height:365px; border:5px solid #e1e1e1;}



.about_r{ width:430px; float:right;}



.about p{ font-size:14px; color:#333; height:224px; line-height:28px;  text-indent:2em; overflow:hidden; width:430px;     }



.about dl dt { width:127px; 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:#333; font-weight:normal;}



.honor_t span{float:right;margin-top: 10px; }



.honor_t span a{ font-size:14px; color:#ff8400;}



.honor_t{background:url(../images/hon_t.gif)  no-repeat; height:46px;}















.gd_03{ position:relative; width:264px; height:310px; background:#eeeeee;margin-top: 20px; }



.gd_03 #simgs03{ margin:0 auto; padding-top:30px;  }



.gd_03 li{ float:left;  text-align:center; margin-right:30px;}



.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:225px; border:5px solid #fff; }



















/*精英团队  合作伙伴*/



.partner{width:1080px; height:294px; margin:0 auto; margin-top:20px;}



.partner_t{ height:26px; width:330px; margin:0 auto;}



.partner_t h3{margin:0; }



.partner_t h3 ul li{float:left;  background:url(../images/part_li.gif) no-repeat left;}



.partner_t h3 ul li:first-child{ background:none;}



.partner_t h3 ul li a{ font-size:18px; color:#333; padding:0 14px;}



.partner_t h3 ul li span{color:#ff8400; }



.partner_t h3 ul li:hover{  border-bottom:3px solid #ff8400; }



.partner_t h3 ul .selected{border-bottom:3px solid #ff8400;}







.gd_02{ position:relative;  width:1080px; margin:0 auto; padding-top:20px;}



.gd_02 li{ float:left; margin: 0 30px 0 0; text-align:center;}



.gd_02 li.last{ padding-right:0;}



.gd_02 li img{ display:block; width:182px; height:210px; padding:3px; border:1px solid #dcdcdc;}



.gd_02 li span a{ color:#333;font-size:14px;   line-height:30px; text-align:center;  }



.gd_02 li span{ height:30px; display:block;overflow:hidden;}







.gd_04{ position:relative;  width:1080px; margin:0 auto; padding-top:20px; }



.gd_04 li{ float:left; margin: 0 30px 0 0; text-align:center;}



.gd_04 li.last{ padding-right:0;}



.gd_04 li img{ display:block; width:234px; height:168px; padding:3px; border:1px solid #dcdcdc;}



.gd_04 li span a{ color:#333;font-size:14px;   line-height:30px; text-align:center;}



.gd_04 li span{height:30px; display:block;overflow:hidden;}







.partner .hide{ display:none;}



















/*customer*/



.customer{ width:100%; height:748px; background:url(../images/cus_bg.jpg) no-repeat center;      margin-top: 30px;  }



.customer .main{ position:relative;}



.customer h3{margin:0 auto; text-align:center;      padding-top: 86px; }



.customer h3 a{ font-size:18px; color:#000; }



.customer h3 a span{ color:#ff8400; }















.cus_main{ margin-top:70px;}



.cus_main ul{width:1180px;    margin-left: 3px;}



.cus_main li{ float:left;  margin-right:3px; width:266px; }



.cus_main li .cus_pic1{width:266px; height:237px; position:relative; margin:0 auto;}



.cus_main li  .cus_pic1 div{ width:266px; height:237px; background:url(../images/cus_pic_bg1.png) no-repeat; position:absolute; left:0; top:0; }







.cus_main li .cus_pic2{width:266px; height:237px; position:relative; margin:0 auto;}



.cus_main li  .cus_pic2 div{ width:266px; height:237px; background:url(../images/cus_pic_bg2.png) no-repeat; position:absolute; left:0; top:0; }







.cus_main li .cus_pic3{width:266px; height:237px; position:relative; margin:0 auto;}



.cus_main li  .cus_pic3 div{ width:266px; height:237px; background:url(../images/cus_pic_bg3.png) no-repeat;  position:absolute; left:0; top:0;}







.cus_main li .cus_pic4{width:266px; height:237px; position:relative; margin:0 auto;}



.cus_main li  .cus_pic4 div{ width:266px; height:237px; background:url(../images/cus_pic_bg4.png) no-repeat;  position:absolute; left:0; top:0;}







.cus_main li   img{ display:block; width:266px; height:237px;}







.cus_main li  .cus_b{  height:260px; width:266px; background:url(../images/cus_b.png) no-repeat;}



.cus_main li  span a{ color:#333;font-size:16px;    overflow:hidden; line-height: 50px;}



.cus_main li  span { width:230px; height:44px;  display:block; margin:0 auto; border-bottom:2px solid #ff8400; text-align:center;}



.cus_main li  p{ color:#333;font-size:14px;   line-height:26px;  overflow:hidden; height:104px; width:230px; margin: 10px auto;}



.cus_main li  .cus_b  em a{color:#ff8400;font-size:13px; font-weight:bold; font-style:normal;}



.cus_main li  .cus_b  em { width:70px; margin:0 auto; text-align:center; display:block;}











/*banner_little3*/



.banner_little3{  position:absolute; top:700px; left:680px; }



.banner_little3 dl dt{ font-size:16px; color:#222;font-weight:bold; float:left;     line-height: 30px;  }



.banner_little3 dl dt span{ font-size:26px; color:#df7300;font-weight:bold; }



.banner_little3 dl dd{ width:106px; height:27px; background:url(../images/ban3_zx.gif) no-repeat; display:block; text-align:center; float:left;    margin-left: 10px; }



.banner_little3 dl dd a{ font-size:15px;  color:#fff; line-height:27px; font-weight:bold; }















/*news*/



.part2{width:1080px; height:500px; padding-top:20px; margin:0 auto; margin-top:20px;  }







.news{width:527px;float:left; }











.news #tab{width:527px; height:35px;}



.news #tab .tab_menu li{ float:left;width:94px;height:32px;line-height:30px;text-align:center;margin:0 10px 0 0; background:url(../images/news_t.gif) no-repeat;}



.news #tab .tab_menu li:hover{  background:url(../images/news_t1.gif) no-repeat;}



.news #tab .tab_menu li h3 a{font-size:15px; color:#FFF; font-weight:bold;    line-height: 26px;}



.news #tab .tab_menu li h3{margin:0;}



.news #tab  .news_more {float:right; }



.news #tab  .news_more a{ font-size:14px;  color:#ff8400;   }



.news #tab .tab_menu .selected {background:url(../images/news_t1.gif) no-repeat;}







.news  .tab_box .news_t{ width:507px; height:87px; background:#dedede; padding:10px;}



.news  .tab_box .news_t span a{ font-size:14px; color:#333; line-height:33px; font-weight:bold;}



.news  .tab_box .news_t p{ margin:0; font-size:14px; color:#333; line-height:24px; height:48px; overflow:hidden;}







.news .tab_box ul{ margin-top:20px;}



.news .tab_box ul li{ height:52px; margin-bottom:10px;}



.news .tab_box ul li span{ font-size:14px; color:#333333; line-height:24px;background:url(../images/news_con_l.gif) no-repeat;  float:left; width:71px; height:52px; text-align:center;  }



.news .tab_box ul li span strong{color:#777777;}



.news .tab_box ul li dl{ width:444px; float:right; height:52px; overflow:hidden;}



.news .tab_box ul li dl dt{ font-size:15px; color:#333; line-height:18px; height:20px;overflow:hidden;}



.news .tab_box ul li dl dd{ font-size:14px; color:#666666; line-height:30px; height:30px; overflow:hidden;}







.news  .hide{display:none;}



.news  .tab_box {padding-top:20px;}







/*knowledge*/



.message{width:484px; float:right; }



.mes_top span{float:right;}



.mes_top span a{ font-size:14px;  color:#ff8400; }



.mes_top h3 {width:94px;height:32px;line-height:30px;text-align:center; background:url(../images/news_t.gif) no-repeat; margin:0;}



.mes_top h3 a{font-size:15px;  color:#FFF; font-weight:bold;    line-height: 26px;}







.message img{ width:472px; height:180px; padding:3px; border:1px solid #dedede;    margin-top: 20px; }



.message .contant p{font-size:14px; color:#666666; line-height:22px; height:44px; overflow:hidden;width:484px; margin:0;}



.message .contant span{font-size:15px; color:#333; line-height:36px; height:36px;overflow:hidden; width:484px;}



.message .contant{ height:90px;width:484px; border-bottom:1px solid #dedede;}



.message .ques_b ul li{ font-size:15px; color:#333; margin:15px 0; background:url(../images/ques_li.gif) no-repeat left; padding-left:40px;    line-height: 18px; height: 20px;}







/*banner_little4*/



.banner_little4{ width:1080px; margin:10px auto; height:100px; background:url(../images/ban4.jpg) no-repeat;}















/*link*/



.links{width:1080px;height:40px; margin:0 auto; margin-top:20px; background:url(../images/link.gif) no-repeat;  }







.links ul li a{  font-size:14px; color:#333; line-height:40px;}



.links ul li { float:left; margin-left:20px; }



.links ul{margin-left:140px;}



























































; line-height:40px;}

.links ul li { float:left; margin-left:20px; }

.links ul{margin-left:140px;}





























; line-height:40px;}

.links ul li { float:left; margin-left:20px; }

.links ul{margin-left:140px;}