@charset "utf-8";
/*reset*/

/* CSS reset for c_b */
html { overflow-x: hidden; }
body{margin: 0px auto; padding: 0px; font-size: 14px; line-height:24px; color: #333; font-family:Microsoft YaHei;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, legend, input, textarea, button, p, blockquote, pre, hr, th, td, em{margin:0; padding:0;}
div{margin: 0px; padding: 0px;}
span, p{margin: 0px; padding: 0px;}
p{ word-spacing:-1.5px;font-family: "Microsoft Yahei"; }
h1,h2,h3,h4,h5,h6{ font-family:"Microsoft Yahei"; margin: 0px; padding: 0px;}
img{margin: 0px; padding: 0px;}
dl,dt,dd,ol,ul,li {margin: 0px; padding: 0px; list-style: none;}
img{border-right-width: 0px; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px;}
form,input,select{margin: 0px; padding: 0px;}
ul{list-style-type: none;}
a{text-decoration: none; color: #333; transition: all 0.6s;}
a:hover{text-decoration: blink; transition: all 0.6s;}
img{transition: all 0.3s linear; border:none;}
img:hover{transition: all 0.3s linear;}
.clear{clear:both; height:0; line-height:0; font-size:0;}
.fl{float: left;}
.fr{float: right;}
.mar30{ margin:30px auto !important;}
/*抖动样式二*/
@-webkit-keyframes test{
0%{transform:translate(0,0)}
50%{transform:translate(0,5px)}
100%{transform:translate(0,0)}
}
/* -- 页面整体布局 -- */
.content{ width:1200px; margin:0 auto;}
.page{width:1200px; margin:0 auto; overflow:hidden;}
#top50,#top30,#top20,#top40,#top60,#page,#company{width:1200px; margin:0 auto; overflow:hidden;}
#top20{height:20px; overflow:hidden;}
#top30{height:30px; overflow:hidden;}
#top40{height:40px; overflow:hidden;}
#top50{height:50px; overflow:hidden;}
#top60{height:60px; overflow:hidden;}
.top20{height:20px; overflow:hidden;}
.top30{height:30px; overflow:hidden;}
.top40{height:40px; overflow:hidden;}
.top50{height:50px; overflow:hidden;}
.top60{height:60px; overflow:hidden;}

#top_box{width:100%; margin:0 auto; }
.top{width: 1300px; margin:0 auto; height: 128px;}
#top_name{ width: 207px; float: left; height: 60px; padding-top:18px;}

/*nav*/
#nav{
  padding-top: 37px;
  height:76px;
  z-index:12;
  position:relative;
} 
#navW{
 float: right;
 position:relative;
} 
#nav ul{
  width:920px;
  height:76px;
  float:left;
}
#nav li{
  float:left;
  text-align:center;
  padding: 0px 21px;
  height:106px;
  transition: all 0.5s linear;
  position:relative;
}
#nav ul li a{
  text-decoration: none;
  height:76px;
  display:block;
  text-align:center;
  transition: all 0.5s linear;
  position:relative;
  z-index:3;
}
#nav ul li a:hover, #nav ul .none a, #nav .a_nav a{
  text-decoration:none;
  transition: all 0.5s linear;
  color:#333;
}
.nav_a_m{
  font-size:16px;
  line-height:32px;
  color:#333;
  padding-top:2px;
}
.nav_a_en{
  font-family:Arial, Helvetica, sans-serif;
  text-transform:uppercase;
  font-size:12px;
  line-height:20px;
  color:#ccc;
}
#nav ul li:hover .nav_a_m, #nav ul .now .nav_a_m, #nav .a_nav .nav_a_m{
  transition: all 0.5s linear;
  color:#349f32;
}

#nav .nav_t{
  height:76px;
  transition: all 0.5s linear;
  overflow:hidden;
  position:relative;
}
#nav .nav_d{
  width:160px;
  position:absolute;
  background:#349f32;
  z-index:9;
  transition: all 0.3s linear;
  width:0; overflow:hidden;
  filter:Alpha(opacity=95);
  opacity:0.95;
  margin-left:-43px;
  margin-top:15px;
}
#nav .nav_d a{
  color:#fff;
  line-height:48px;
  height:auto;
  padding-top:0;
  transition: all 0.2s linear;
  width:160px;
  margin-left:-161px;
  z-index:6;
}
#nav .nav_da{
  position:relative;
  overflow:hidden;
}
#nav .nav_da_d{
  position:absolute;
    width:160px; top:0;
    margin-left:0px;
    overflow:hidden;
    background:#349f32;
    width:0; transition: all 0.3s linear;
    z-index:5;
}
#nav li:hover .nav_d{
  transition: all 0.3s linear;
    width:160px;
    font-size:15px;
  border-top:none;
}
#nav li:hover .nav_d:hover{
  overflow:visible;
}
#nav li:hover .nav_da:hover{
  overflow:visible;
}
#nav li:hover .nav_d a{
  transition: all 0.3s linear;
    font-size:15px;
    margin-left:0;
  width:100%;
}
#nav li:hover .nav_d a:hover{
  transition: all 0.3s linear;
    background:#eee;
    font-size:16px;
    border-top:solid 1px #eee;
    color:#333;
}
#nav li:hover .nav_da:hover .nav_da_d{
  transition: all 0.3s linear;
    width:152px;
    margin-left:161px;
  border-top: none;
}
#nav li:hover .nav_da:hover .nav_da_d a{
  line-height:42px;
  font-size:14px;
}
#nav li:hover .nav_da:hover .nav_da_d a:hover{
  font-size:16px;
}

.nav_line{
    overflow:hidden;
    float:left;
    width:1px;
    height:34px;
    margin-top:22px;
    background:#fff;
}

.nav_ps{width:12px;height:12px;display:block;border-radius:12px;border:2px solid #34a033;position:absolute;top:84px;left:38px;margin-left:-8px;}
/*banner*/

.search_i input{ background:url(images/20181128101551_51919287.png) no-repeat; width:25px; height:25px;margin-top: 3px;float: left;border: none;}
.search_bg input{float: left;height: 33px;border: none;padding-left: 20px;width: 149px;}
/*small_ban*/
.small_ban{width:100%; overflow:hidden; padding:22px 0; background:#00528f;}
.small_banW{width:1200px; margin:0 auto; min-width:1200px;}
.small_ban_l{float:left; width:607px;}
.small_ban_lm{line-height:50px; font-size:36px; font-weight:bold; color:#fff; padding-top:10px;}
.small_ban_ls{font-size:24px; letter-spacing:1px; color:#fff; line-height:28px; height:50px;}
.small_ban_len{font-family:Arial, Helvetica, sans-serif; font-size:12px; text-transform:uppercase; color:#1d76b7; letter-spacing:1px;}
.small_ban_r{float:right;}
.small_ban_rli{float:left; overflow:hidden; width:126px; margin:0px 20px;}
.small_ban_rli_img{width:104px; height:104px; padding:10px; border:solid 1px #1d76b7; border-radius:50%;}
.small_ban_rli_img img{width:100px; height:100px; border-radius:50%; border:solid 2px #fff;}
.small_ban_rli_m{overflow:hidden; line-height:30px; font-size:16px; color:#fff; text-align:center;}
.small_ban_rli_m a{font-size:16px; color:#fff;}
.small_ban_rli:hover .small_ban_rli_img img{
  transition-delay: 1s;
    -webkit-transition-delay: 1s;animation: myrotate 5s forwards infinite linear;
    -webkit-animation: myrotate 5s forwards infinite linear;
  transition: all 0.8s linear;
}

/*search*/
#search_bgdr{width:100%;  height:58px; margin:0 auto;min-width:1002px; margin-bottom: 20px;    z-index: 999; }
#search_bgd{width:100%;  height:58px; margin:0 auto;min-width:1002px; margin-bottom: 20px;}
#search_bg{width:100%;  height:58px; margin:0 auto;min-width:1002px;background:#eee;}
#search_b{width:1100px; margin:0 auto; height:58px; }
#search-i{float:left; margin-top: 3px;}
#search_r{width: 210px;float: right; background-color: #fff;border-radius: 50px; height: 32px; margin-top: 13px;overflow: hidden;}
#search-bg {float: left; width: 155px;height: 30px;overflow: hidden; background: #fff;margin-left: 15px;margin-top: 1px;  }
#search-text{width:890px; float:left;  height:58px; line-height:58px; color:#666;}
#search-text a{color:#666;}

/*bt*/
.bta{font-size: 40px; text-align: center; line-height: 52px; letter-spacing: 2px; font-weight: bold;}
.bta span{color: #0aa307;}
.btax{font-size: 17px; text-align: center; line-height:22px; letter-spacing: 2px; color: #999; margin-top: 10px;}

.pradv{padding: 50px 0px;}
.pradv1{width: 277px; float: left; height: 227px; background: url(images/20181128115743_228874943.jpg); padding-top:120px; transition:all 0.2s linear; -webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; margin-left:18px;}
.pradv1:hover{ transform: translate3d(0,-2px,0); transition: all .3s cubic-bezier(.55,0,.1,1);}
.pradv1 p{font-size: 36px; color: #fff; font-weight: bold; line-height: 46px; text-align: center;}
.pradv1 span{font-family:Impact; text-transform: uppercase; display: block; font-weight: normal;}
.pradvline{width: 51px; margin: 0 auto; height: 2px; overflow: hidden; background: #fff; margin-top:10px; transition: all 0.7s;}
.pradvline:hover{width: 151px; transition: all 0.7s;}

.pradv2{width: 277px; float: left; height: 227px; background: url(images/20210910112859_1042879454.jpg); padding-top:120px; transition:all 0.2s linear; -webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; margin-left:18px;}
.pradv2:hover{transform: translate3d(0,-2px,0); transition: all .3s cubic-bezier(.55,0,.1,1);}
.pradv2 p{font-size: 36px; color: #fff; font-weight: bold; line-height: 46px; text-align: center;}
.pradv2 span{font-family:Impact; text-transform: uppercase; display: block; font-weight: normal;}
.pradv2line{width: 51px; margin: 0 auto; height: 2px; overflow: hidden; background: #fff; margin-top:10px; transition: all 0.7s;}
.pradv2line:hover{width: 151px; transition: all 0.7s;}

.pradv3{width: 277px; float: left; height: 227px; background: url(images/20210910112858_1355020248.jpg); padding-top:120px; transition:all 0.2s linear; -webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; margin-left:18px;}
.pradv3:hover{transform: translate3d(0,-2px,0); transition: all .3s cubic-bezier(.55,0,.1,1);}
.pradv3 p{font-size: 36px; color: #fff; font-weight: bold; line-height: 46px; text-align: center;}
.pradv3 span{font-family:Impact; text-transform: uppercase; display: block; font-weight: normal;}
.pradv3line{width: 51px; margin: 0 auto; height: 2px; overflow: hidden; background: #fff; margin-top:10px; transition: all 0.7s;}
.pradv3line:hover{width: 151px; transition: all 0.7s;}

/*产品*/
#case_dh{width:1220px; margin:0 auto; overflow:hidden; padding-top:50px;}
#case_dh li{width:293px; float:left; text-align:center; height:50px; line-height:50px; font-size:18px; margin-left:10px; border: 1px #ddd solid;}
#case_dh li a{font-size:18px;}
#case_dh li a:hover{background:#349f32; display:block; width:278px; line-height:50px; text-align:center; color:#fff;}
#case_dh .n{background:#349f32; width:278px; line-height:50px; text-align:center; color:#fff;}
#case_dh .n a{color:#fff}

#case_bg{width:1200px; margin:0 auto; padding-top:50px; overflow:hidden; height:390px;}

.pr_cp{width:1200px;}
.pr_cp+.pr_cp{display:none;}
.pr_cpcs{float:left;width:1192px;border:4px #349f32 solid;height:375px;overflow:hidden;}
.pr_cpcs .divproduct_new_div_item_a0{display:none;}
.divproduct_new_div{width:1182px;height:275px;}
.divproduct_new_div_item{width:1122px;height:475px;float:left;position:relative;padding:25px 30px;background:#fff;}
.divproduct_new_div_item_title{line-height:36px;border-bottom:1px solid #c2c0c0;padding-bottom:10px;font-weight:bold;margin-top:5px;}
.divproduct_new_div_item_title a{font-size:26px;}
.divproduct_new_div_item_body{line-height:28px;padding:15px 0px;font-size:20px;color:#666;height:140px;overflow:hidden;}
.divproduct_new_div_item_body strong{font-weight:bold;font-size:24px;color:#ff6201;line-height:40px;}
.divproduct_new_div_item_content{float:right;width:675px;}
.product_div_item_pic{float:left;width:400px;}
img.product_div_item_image{width:400px;height:318px;}
.pr_cpmore{float:left;width:592px;position:relative;margin-left:477px;margin-top:-83px;}
.pr_cpmorea{float:left;width:140px;line-height:38px;color:#fff;font-size:16px;text-align:center;background:#349f32;}
.pr_cpmorea a{color:#fff;font-size:16px;}
.pr_cpmoreb{float:left;width:140px;line-height:38px;color:#fff;font-size:16px;text-align:center;background:#d80613;}
.pr_cpmoreb a{color:#fff;font-size:16px;}


/*产品*/
.prt{width:100%; margin:0 auto; overflow:hidden; background: url(images//20181127174901_264650207.jpg) center; height: 103px;}

.pr_box{width:100%; margin:0 auto; overflow:hidden; background:url(images/20181129095619_258347855.jpg); height:780px;}
.cpr{width: 1200px;overflow: hidden;margin: 0 auto;height:640px;margin-top: 20px;}

.prod_cont_r2{width:1200px;margin:0 auto;overflow:hidden;padding:40px 0px 0px 10px;}
#prod_cont_r2 table, #prod_cont_r2 table tbody, #prod_cont_r2 table tbody tr, #prod_cont_r2 > table > tbody > tr > td { display:block;width:100%;background:#fff;}
.prod_cont_r2 > table > tbody > tr > td { padding:0 !important;display:block;float:left;width:23.6%;margin:1.5% 0 0 1.5% ;background:#fff;border:1px #eee solid;}
.prod_cont_r2 > table > tbody > tr > td:first-child { margin-left:0;}
.prod_cont_r2 > table > tbody > tr > td > a { display:block;margin-bottom:1px;transition:all .3s ease-in-out;position:relative;overflow:hidden;}
.prod_cont_r2 > table > tbody > tr > td > a > img{ display:block;width:90%;height:auto;padding-top:5%;}
.prod_cont_r2 > table > tbody > tr > td > span{ display:block}
.prod_cont_r2 > table > tbody > tr > td > span > a{ display:block;padding:0 35px;height:50px;background:#fff;text-align:left;font-size:14px;line-height:50px;color:#565656;transition:all .3s ease-in-out;position:relative;}
.prod_cont_r2 > table > tbody > tr > td > span > a:after{ content:'';background:url(images/20180829113403_2041867885.png) no-repeat 6px -131px;width:30px;height:30px;display:block;position:absolute;right:30px;top:10px;transition:0.3s all ease-in-out;}
.prod_cont_r2 > table > tbody > tr > td:hover > span > a:after{ background-position:6px -156px;}
.prod_cont_r2 > table > tbody > tr > td:hover > span > a{ background-color:#349f32;color:#fff}
.prod_cont_r2 > table > tbody > tr > td  br{ display:none}

.prod_cont_r2 > table > tbody > tr > td:hover .betago{top:0;left:0;}
.prod_cont_r2 td:nth-child(5){margin-left: 0;}

/*adva*/
.adva{padding:40px 0 30px 0px;}
.adva h2{text-align: center;font-weight:normal;height: 70px;position: relative;margin-bottom: 25px;}
.adva h2 span{display:block;font-size: 36px;color: #333;line-height: 36px;}
.adva h2 i{display:block;font-size: 16px;color: #bdbdbd;line-height: 28px;text-transform: uppercase;}
.adva h2:after{position: absolute;width: 22px;height: 1px;background: #666;content: "";left: 50%;margin-left: -11px;bottom: 0;}
.adva_l{float: left;width: 130px;height: 523px;background: #132d4b;overflow: hidden;}
.adva_l li {
    height: 89px;
    padding-top: 15px;
    text-align: center;
    border-bottom: 1px solid #fff;
}
.adva_l li img{display:block;margin:0 auto;}
.adva_l li span{display:block;font-size: 20px;color: #fff;text-align: center;line-height: 40px;}
.adva_l li.cur{background: #005baf;}
.adva_r{float: right;width: 1055px;height: 523px;}
.adva_det{height: 523px;}
.adva_det .text{float: left;margin:100px 0 0 65px;width: 270px;}
.adva_det h3{font-weight:normal;position: relative;margin-bottom: 30px;height: 135px;}
.adva_det h3:after{position: absolute;width: 30px;height: 2px;background: #999;content: "";left: 0;bottom: 0;}
.adva_det h3 em{display:block;font-size: 60px;color: #005baf;font-family: Arial;line-height: 50px;}
.adva_det h3 b{display:block;font-size: 24px;color: #005baf;line-height: 24px;padding-top: 12px;}
.adva_det h3 i{display:block;font-size: 12px;color: #333;line-height: 26px;text-transform: uppercase;}
.adva_det p{font-size: 16px;color: #333;line-height: 36px;}
.num{padding-top:6px;height: 74px;}
.num_ct{float: left;width:115px;}
.num_ct span{display:block;height: 32px;line-height: 32px;font-size: 16px;color: #333;}
.num_ct span b{font-size: 36px;}
.num_ct i{display:block;font-size: 16px;color: #333;line-height: 30px;}

/*adva*/
.advabox{ width: 100%; height: auto; background: url(images/20181128111820_1035678528.gif) center top no-repeat;}
.adva{padding:40px 0 50px;}
.adva h2{text-align: center;font-weight:normal;height: 70px;position: relative;margin-bottom: 25px;}
.adva h2 span{display:block;font-size: 36px;color: #333;line-height: 36px;}
.adva h2 i{display:block;font-size: 16px;color: #bdbdbd;line-height: 28px;text-transform: uppercase;}
.adva h2:after{position: absolute;width: 22px;height: 1px;background: #666;content: "";left: 50%;margin-left: -11px;bottom: 0;}
.adva_l{float: left;width: 130px;height: 523px;background: #349f32;overflow: hidden;}

.adva_l li img{display:block;margin:0 auto;}
.adva_l li span{display:block;font-size: 20px;color: #fff;text-align: center;line-height: 40px;}
.adva_l li.cur{background: #228320;}
.adva_r{float: right;width: 1055px;height: 523px;}
.adva_det{height: 523px;}
.adva_det .text{float: left;margin:100px 0 0 65px;width: 330px;}
.adva_det h3{font-weight:normal;position: relative;margin-bottom: 30px;height: 135px;}
.adva_det h3:after{position: absolute;width: 30px;height: 2px;background: #999;content: "";left: 0;bottom: 0;}
.adva_det h3 em{display:block;font-size: 60px;color: #228320;font-family: Impact;line-height: 50px;}
.adva_det h3 b{display:block;font-size: 24px;color: #228320;line-height: 24px;padding-top: 12px;}
.adva_det h3 i{display:block;font-size: 12px;color: #333;line-height: 26px;text-transform: uppercase;}
.adva_det p{font-size: 16px;color: #333;line-height: 28px;}
.num{padding-top:6px;height: 74px;}
.num_ct{float: left;width:115px;}
.num_ct span{display:block;height: 32px;line-height: 32px;font-size: 16px;color: #333;}
.num_ct span b{font-size: 36px;}
.num_ct i{display:block;font-size: 16px;color: #333;line-height: 30px;}

/*company*/
#company_box{width:100%; background: #f4f4f4; overflow: hidden; padding: 60px 0px;}
#company_img{width: 547px; float: left; height: 412px; border:3px #e4e3e3 solid;}
#company_r{width: 597px; float: left; padding-left:50px; overflow: hidden;}
#company_rbt{width: 597px; float: left; font-size:30px; line-height: 30px; padding-bottom: 25px;}
#company_rbt span{font-size: 45px; color: #ccc; line-height: 55px; text-transform:uppercase; display: block}
#company_rx{width: 255px; position: absolute; z-index: 99; margin-top:115px; margin-left: -100px;}
#company_rxy{width: 7px; height: 7px; float: left; border-radius: 50%; background: #35a009;}
#company_rxx{width: 248px; float: left; height: 1px; overflow: hidden; background: #35a009; margin-top:3px;}
#company_rt{width: 597px; float: left; line-height: 28px; padding-top: 30px;}
#company_more{padding-left:10px; width:540px; padding-top:25px; float:left;}
#company_more a{width:110px; float:left; height:45px; line-height:45px; font-size:14px; text-align:center; background: #35a009; margin-left: 1px; color: #fff;}
#company_more .r{background: #000;}


/*case*/
.case{margin-top: 60px;}
.case h2{text-align: center;font-weight:normal;height: 100px;}
.case h2 span{display:block;font-size: 36px;color: #333;line-height: 36px;}
.case h2 i{display:block;font-size: 18px;color: #666;line-height: 44px; font-style: normal;}
.case_con{width: 100%;height:580px;overflow: hidden;}
.case_list{width: 638px;margin:0 auto;position: relative;}
.case_list td{width: 638px;padding:0 !important;position:relative;}
.case_list td span{width:100%;line-height:46px !important;display:block;position:absolute;bottom:0;left:0;background:rgba(0,0,0,0.6);}
.case_list td span a{color:#fff;}
.case_box{width:100%;position:absolute;top:0;left:-1276px;font-size:0;}
.case_box table{display:inline-block;vertical-align:top;}

.case_list .tempWrap{margin-left: -638px !important;}
.dzb_bt{width: 638px;height: 65px;margin: 0 auto;position: relative;}
.dzb_prev,.dzb_next{position: absolute;width: 87px;height: 17px;top: 12px;z-index: 10;cursor: pointer;}
.dzb_prev{background:url(images/20181124102349_222790752.png) no-repeat;left: 75px;}
.dzb_next{background:url(images/20181124102309_1193072807.png) no-repeat;right: 75px;}
.dzb_prev:hover{background:url(images/20181124102951_863973639.png) no-repeat;}
.dzb_next:hover{background:url(images/20181124102915_1650906329.png) no-repeat;}
.prev_bg,.next_bg{position: absolute;width: 641px;height: 480px;top: 65px;background:rgba(0,0,0,0.4);z-index: 1;}
.prev_bg{right: -641px;}
.next_bg{left: -641px;}
.dzb_bt .more{display:block;width: 250px;height: 36px;line-height: 36px;font-size: 16px;color: #35a009;text-align: center;border:2px solid #35a009;border-radius:15px;margin:0 auto; letter-spacing: 2.3px;}

/*news*/
.productsys_bt3{width:460px; margin:0 auto; height:30px; border:1px #ccc solid;}
.productsys_bt3 span{width:311px; background:#fff; position:relative; top:17px; text-align:center; font-size:24px; color:#333; margin-left:75px; float:left; height:24px; line-height:24px;}
.productsys_bt3 span a{font-size:24px; color:#333;}
.news{ padding:0px 0px 40px 0px; background: #fff}
.productsys_bt1{text-align:center; font-size:18px; color:#ccc; line-height:28px; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; margin-top:20px;}

.news_row2 > .fr { width: 780px; }
#hot_ranks .news_div_item_day, #hot_ranks .news_div_item_month,.news_div_item_year{ display:inline; color:#fff; font-size:18px; font-family:arial}
.news_div_item_title .news_div_item_a { display: block; color: #333; font-weight: 100; font-size: 18px; line-height: 36px; height: 36px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 250px; transition:0.3s all ease-in-out; position: relative; z-index: 3; }

#it_awewe { position: absolute; bottom: 32px; right: 10px; z-index: 5; width: 60px; text-align: center; }
#hot_ranks { position: relative; width: 408px; height: 340px; overflow: hidden; border:1px #ddd solid;}
#it_awewe span{ float:left; display:block; margin:0 5px; width:17px; height:2pc; color:#fff; font-size:25px; line-height:50px; cursor:pointer}
#it_awewe > #previous2{ background:url(images/20180531144338_1122465891.png) no-repeat left top; text-indent:999em}
#it_awewe > #next2{ background:url(images/20180531144338_1122465891.png) no-repeat right top; text-indent:999em}
#hot_ranks .news_div_item_title { padding: 6px 20px 0; }
#hot_ranks .news_div_item { position: relative; width: 100%; height: 340px; }
#hot_ranks .news_div_item_date { position: absolute; bottom: 102px; left: 0; color: #fff; z-index: 1; width: 100%; line-height: 46px; text-align: left; background: rgba(173,0,1,0.75) url(images/20180912101914_1719792993.png) no-repeat 20px center; text-indent: 50px; transition: 0.3s all ease-in-out; opacity: 0; filter: alpha(opacity=0); }
#hot_ranks:hover .news_div_item .news_div_item_date{opacity: 1; filter: alpha(opacity=1);transition-delay:0.3s;}
#hot_ranks .news_div_item_pic { position: absolute; top: 0; width:410px; height: 237px; }
#hot_ranks .news_div_item_pic a,#hot_ranks .news_div_item_pic a img { width: 100%; display: block; height: auto; height: 100%; }
#hot_ranks .news_div_item_content { position: absolute; width: 100%; bottom: 0; height: 102px; overflow: hidden; background: #fff; transition: 0.3s all ease-in-out; z-index: 2; }
#hot_ranks .news_div_item .news_div_item_content:before{ content: ''; z-index: 2; position: absolute; width: 100%; height: 100%; left: 0; bottom: 0; background: url(images/20180912102001_962498980.png) no-repeat 360px center; transition:0.3s all ease-in-out; }
#hot_ranks:hover .news_div_item_content:before{ background-position: -22px center; background:none;}
#hot_ranks .news_div_item .news_div_item_content:after{ background-color: #349f32; display: block; width: 100%; height: 100%; position: absolute; width: 100%; height: 100%; content: ''; left: 0; bottom: -100%; transition:0.3s all ease-in-out; }
#hot_ranks:hover .news_div_item_content:after{ bottom: 0; }
#hot_ranks:hover .news_div_item_content .news_div_item_body { color: #fff; }
#hot_ranks:hover .news_div_item_title .news_div_item_a { color: #fff; }
#hot_ranks .news_div_item_content .news_div_item_body { bottom: 0; padding: 5px 80px 10px 20px; color: #666; font-size: 13px; line-height: 22px; text-align: justify; transition:0.3s all ease-in-out; position: relative; z-index: 3; }
.new_col4 { float: left; }
.new_col4.new_col4_2 { margin-left: 10px; }
.new_col4 .dgweb_news_item { width: 333px; height: 125px; padding: 20px 25px; background: #fff; margin-top: 10px;transition:0.3s all ease-in-out; border:1px #ddd solid;}
.new_col4 .dgweb_news_item:hover{background: #349f32;}
.new_col4 .dgweb_news_item:first-child{ margin-top: 0; border:1px #ddd solid;}
.new_col4 .dgweb_news_item a{ display: block; position: relative; }
.new_col4 .dgweb_news_item a > strong { font-size: 16px; font-weight: 100; color: #333; line-height: 22px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-bottom: 8px; display: block; transition:0.3s all ease-in-out; }
.new_col4 .dgweb_news_item:hover a > strong { color: #fff}
.new_col4 .dgweb_news_item a > p { line-height: 22px; color: #666; font-weight: 100; font-size: 13px; border-bottom: 1px solid #eee; padding-bottom: 6px; margin-bottom: 6px; display: block; height: 44px; overflow: hidden; transition:0.3s all ease-in-out; }
.new_col4 .dgweb_news_item:hover a > p{ color: #fff; border-bottom: 1px solid #999}
.dgweb_news_item_date p { display: block; font-size: 20px; color: #454545; font-weight: bold; text-align: center; line-height: 20px; padding: 2px 0; transition: 0.3s all ease-in-out; }
.new_col4 .dgweb_news_item:hover .dgweb_news_item_date{ color: #fff; }
.new_col4 .dgweb_news_item:hover .dgweb_news_item_date p{ color: #fff; }
.new_col4 .dgweb_news_item:hover .dgweb_news_item_date .small{ color: #fff; }
.dgweb_news_item_date { width: 60px; transition: 0.3s all ease-in-out; }
.dgweb_news_item_date * { font-family: arial; }
.dgweb_news_item_date .small { font-size: 13px; color: #666; line-height: 20px; display: inline;  transition: 0.3s all ease-in-out;}

.new_col4 .dgweb_news_item a:before { content: ''; z-index: 2; position: absolute; width: 100%; height: 100%; left: 0; bottom: 0; background: url(images/20180530171308_905240840.png) no-repeat 280px 102px; transition: 0.3s all ease-in-out; }
.new_col4 .dgweb_news_item:hover a:before{background-position: -102px 102px;}


/*link*/
.link_box{  padding: 25px 0px; background: #eee}
.link_bt{float: left; font-size: 20px; }
.link_bt span{font-family: Levenim MT; font-size: 20px; color: #ccc; padding-left: 5px;}
.link_bg{float: left; width: 1200px; line-height: 36px;}
/*版权*/
.bqbox {width:100%; background: #000;}

.copy {width:1200px; margin:0 auto; padding:30px 0px;}
.copy_row1{}
.copy_row1 .col4 { float: left; margin-right:60px; padding-right:80px; border-right:1px #3b3c3b dotted; padding-top:10px;}
.copy_row1 .col4:nth-last-child(1){ margin-right: 0; background: none; }
.copy_row1 .col4 .c4title { position: relative; padding: 0 0 25px 0; margin-bottom: 5px; display: inline-block; }
.copy_row1 .col4 .c4title em{font-size:16px; color:#349f32; font-family: Arial, Helvetica, sans-serif; text-transform:uppercase; font-style: normal;}
.copy_row1 .col4 .c4title::after { content: ''; position: absolute; width:50px; height: 1px; display: block; background: #666; left: 0; bottom: 10px; transition:0.6s all ease-in-out; }
.copy_row1 .col4 .c4title a{ font-size: 17px; color: #fff; display: block; line-height: 35px; }
.copy_row1 .col4:hover .c4title::after{ width: 100%; background: #349f32;}
.copy_row1 .col4 ul li a { color: #666; font-size: 14px; display: block; line-height: 30px; }
.copy_row1 .col4 ul li a:hover{ text-decoration: underline; color: #fff; }

.copy_row1 .fr{ text-align: right; padding-top:30px;}
.copy_row1 .cr_2 { font-size: 23px; color: #e1e1e1; line-height: 35px; padding: 0px 0 5px; letter-spacing: 0.4px; }
.copy_row1 .cr_3{ font-size: 14px; color: #e1e1e1; line-height: 30px; }
.copy_row1 .cr_4 { font-size: 14px; border-top: #e1e1e1 1px solid; display: inline-block; padding: 5px; border-bottom: #e1e1e1 1px solid; margin: 15px 0 10px; color: #fff; line-height: 25px; }
.friendlink { margin-top: 10px;width: 270px;
margin-left: auto;}
.friendlink .fri_L { background: url(images/20180324155731_68545226.png) no-repeat; width: 77px; height: 28px; float: left; color: #e4e4e4; font-size: 17px; letter-spacing: 1px; padding: 6px; text-align: center; }
.friendlink .fri_R { height: 37px; display: block; float: right; width: 181px; background: #e4e4e4; }
.friendlink .linkTagcs { width: 181px; max-height: 37px; background: rgba(228,228,228,0.8) url(images/20180324155809_895138737.png) no-repeat 162px 18px; overflow: hidden; transition: 0.3s all ease-in-out; }
.friendlink .linkTagcs:hover { max-height: 200px; overflow-x: hidden; overflow-y: auto; }
.friendlink .fri_R .linkTagcs li { float: none; line-height: 37px; text-align: left; text-indent: 10px; }
.friendlink .fri_R .linkTagcs li a{display: block;}
.cr4button { float: right; }
.copy_row2 { height: 60px; line-height: 60px;margin-top: 25px;}
.copy_row2 .fla{ height: 60px; line-height: 60px; color: #fff; font-size: 13px; letter-spacing: 0.4px; text-align:center; width:1200px;}
.copy_row2 .fla a{ display: inline-block; color: #fff; font-size: inherit; }
.cr4button a {position: relative; font-size: 13px; color: #fff; display: inline-block; line-height: 25px; padding: 0 3px;}
.ine{ background: url(images/20180324155835_622683018.png) no-repeat center; width: 11px; height: 11px; display: inline-block; padding: 0 5px; }
.copy .ewm {position: absolute;width: 120px;bottom: 35px;right: 0;z-index:1;display:none; z-index:99999;}
.copy .ewm img {width: 100%;height:auto; z-index:99999;}
.copy_row2 .fr > a { font-size: 14px; display: inline-block; color: #fff; height: 60px; line-height: 60px; }
.copy_row2 .fr{ position: relative; }
.copy_row2 a:hover{ text-decoration: underline; }

#db{ width:100%; overflow:hidden; background:#000;  line-height:30px; text-align:center; color:#666; padding:20px 0px; border-top:#333 1px solid;}
#db a{color:#666;}

/*公司实景*/
.rea_con{margin-top:35px;}
.rea_con td img{border:1px solid #ccc;}

/*流程*/
#lcbox{width:100%; margin:0 auto; overflow:hidden; padding-top:60px; background:#f3f3f3; padding:60px 0px;}
#lc{width:1200px; margin:0 auto; overflow:hidden;}

.process_tline{width:560px; margin:0 auto; border:solid 1px #ccc; border-bottom:none; padding-top:50px;}
.process_tline_l{float:left; width:88px; background:#ccc; height:1px;}
.process_tline_r{float:right;}
.process_en{width:1220px; margin:0 auto; font-family:Arial, Helvetica, sans-serif; font-size:58px; line-height:58px; font-weight:bold; text-transform:uppercase; color:#009148; text-align:center; margin-top:-26px; text-shadow:5px 5px 50px #fff;}
.process_m{width:1120px; margin:0 auto; font-size:32px; font-weight:bold; line-height:40px; text-align:center;}
.process_line{width:80px; margin:0 auto; overflow:hidden; margin-top:20px; height:6px; background:#009148;}
.process_d{width:1220px; overflow:hidden; margin:0 auto; padding-top:40px;}
.process_dl{float:left; margin:10px; transition: all 0.8s linear;}
.process_dli{background:#fff; width:101px; text-align:center; padding:15px; overflow:hidden; box-shadow:0 0 8px #ccc;}
.process_dl_m{border-radius:50%; width:70px; height:70px; margin:0 auto; border:solid 10px #f1f1f1; transition: all 1.6s linear;}
.process_dl_m span{display:block; font-size:17px; line-height:25px; margin-top:10px; transition: all 1.6s linear; color:#333; padding:0px 10px;}
.process_dl_en{font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; line-height:30px; font-size:15px; overflow:hidden; margin-top:10px; filter:Alpha(opacity=20); opacity:0.5;}

.process_dl:hover{margin-top:-20px; transition: all 0.8s linear;}
.process_dl:hover .process_dli{transform: rotateX(360deg); transition: all 1.0s linear;}
.process_dl:hover .process_dl_m{transition: all 1.6s linear; transform: rotateY(360deg);}




.pr_tp{padding: 28px; float: left;}


/*Program*/ 
.Program{ width: 100%; height:1130px; padding-top: 60px; margin-bottom: 60px;  box-sizing: border-box;} 
.prog{ text-align: center; line-height: 46px; font-size: 16px; letter-spacing:3px; margin-bottom: 15px;}
.prog b{ font-size: 36px; color: #00b51a; letter-spacing: normal;}
.prog b span{ color: #0061b1;}
.prog_x{ width: 260px; height: 1px;     border-bottom: 1px solid #999;  margin: 0 auto;}
.prog_xt{ width: 59px; height: 3px; background: #0061b1; margin: 0 auto;}

#navW li:after{content:""; width: 12px;height: 12px;display: block;border-radius: 12px;border: 2px solid #34a033;position: absolute;top: -55px;left: 50%;margin-left: -6px; transition: all 0.5s;}
#navW li.now:after,#navW li:hover:after{    top: 84px;}

.yb_conct{top: 25% !important;}
.yb_bar ul li{background-color:#349f32 !important;}