body, dl, dd, ul, ol ,h1, h2, h3, h4 ,form, input, button, textarea, p, th, td{ margin:0; padding:0;}
body{font:12px/1.5 arial, '黑体','SimHei';  font-size: 100%;color:#333; -webkit-text-size-adjust: none; }
img{vertical-align: middle; border:none;}
ul,ol{list-style:none outside none;}
table{border-collapse:collapse; border-spacing:0;}
button, input, select, textarea {font-size: 100%; vertical-align:middle; outline:none; font-family:'arial';}
a{ color:#333; text-decoration:none; blr:expression(this.onFocus=this.blur());  }
a:focus {outline: 0 none;}
h1,h2,h3,h4{ font-size:100%; font-weight:normal;}
button, input[type="button"], input[type="reset"], input[type="submit"] {cursor: pointer; -webkit-appearance: button;-moz-appearance: button;}
.text,.btn,textarea{font-family:"\5FAE\8F6F\96C5\9ED1",arial,'Hiragino Sans GB';}
.clearfix:after{ content:""; clear:both; height:0; display:block; visibility:hidden; }
.clearfix{*zoom:1;}
.btn{ border: none; cursor: pointer;}
html,body{ width: 100%;  }
li{ list-style:none;}
em,i{ font-style: normal;  }
.box{ width: 83.33vw; max-width: 1600px; margin: 0 auto }
.head{ position:fixed; left: 0; width: 100%; top: 0; background: rgb(255,255,255,.8); z-index: 999 }
h1{ line-height: 100px; float: left; transition: all 0.5s ease 0s; }
h1 img{transition: all 0.5s ease 0s;}
.head_r{ float: right; padding-top: 28px;transition: all 0.5s ease 0s; }
.search{ float: left; width:130px; height: 44px; line-height: 44px; border-radius: 44px; }
#search-form {
  -moz-transition: max-height, 0.5s;
  -o-transition: max-height, 0.5s;
  -webkit-transition: max-height, 0.5s;
  transition: max-height, 0.5s;
  position: absolute;
  top:100px;
  right: 160px;
  width: 320px;
  max-height: 0;
  overflow: hidden;
  background-color: #e1e4e7;
  z-index: 999

}
.fixed #search-form { top:60px;  }
#search-form.open {
  max-height: 60px;
}
#search-form fieldset {
  position: relative;
 
  padding: 0;
  border: none;
}
#search-form input {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  height: 50px;
  
}
#search-form input[type="search"] {
  width: 100%;
  padding: 0 5px 0 22px;
  background: transparent;
  border: none; outline:none;
}
#search-form input[type="submit"] {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 60px;
  margin: 0;
 
  padding: 0;
  font-weight: 700;
  text-transform: uppercase;
  color: #ff5e00;
  background: #c6cacd;
  border: none;
  cursor: pointer;outline:none;
}

@keyframes fadedown {
    from { transform: translateY(-100%); opacity: 0; }

    to { transform: translateY(0); opacity: 1; }
}
.sea_img{ width:130px; cursor: pointer; height: 44px; line-height: 44px; border-radius: 44px; background: #fb6a15 url(../images/search.png) 33px center no-repeat;  text-indent: 62px; color: #fff; font-size:18px;  }



.nav_ul{ float: left; }
.nav_ul li{ float: left; margin-right: 50px; }
.nav_ul li a{ display: block; position: relative; height: 44px;transition: all 0.5s ease 0s; line-height: 44px; font-size: 20px; padding: 0 4px; }
.nav_ul li a:after{ position: absolute; left: 0; bottom: -28px; content: ''; width: 0; height: 6px; transition: all 0.5s ease 0s; background: url(../images/headbj.png) center top no-repeat; }
.nav_ul li a:hover:after{ width: 100%;transition: all 0.5s ease 0s; }
.nav_ul li a:hover{ color: #ff5e00;transition: all 0.5s ease 0s; }


.fixeds h1{ line-height: 80px; transition: all 0.5s ease 0s; }
.fixeds h1 img{transition: all 0.5s ease 0s; height: 60px;}
.fixeds .head_r{padding-top: 20px;transition: all 0.5s ease 0s;}
.fixeds .nav_ul li a:after{ bottom: -16px; }
.fixeds #search-form{ top: 80px; }

.foot{background: url(../images/footbj.jpg) center top no-repeat; height: 709px; }
.foot_t{ padding: 71px 0 38px 0; border-bottom: 1px solid #2a3140; margin-bottom: 36px; }
.sus_i{ display: block; font-size: 40px; color: #fff; height:72px; line-height: 72px; overflow: hidden;  }
.sustain{ float: left; }
.footpro{ float: right; padding-top: 0px; }
.footsee{  color: #fff; display: block; font-size:18px; text-indent: 40px;  width:342px; height:80px; line-height: 80px; border-radius: 20px; background: #ff5e00 url(../images/foot_see.png) 278px center no-repeat;    }
.foot_ul{ float: left;  width: 60%; }
.foot_ul li{ float: left;  width: 20%; }
.foot_em{ color: #fff; height: 62px; display: block; line-height: 62px; position: relative; color: #fff; font-size:20px; margin-bottom: 12px;  }
.foot_em:after{ width:20px; height: 1px; background: #ff5e00; position: absolute; left: 0; bottom: 0; content: ''  }
.foot_ul a { display: block;transition: all 0.5s ease 0s;  font-size: 14px; color: #fff; line-height:30px; height: 30px; overflow: hidden; }
.foot_ul a:hover{color: #ff5e00;transition: all 0.5s ease 0s;}
.foot_ser{ float: right; }
.call_dl dt{ font-size: 16px; height:30px; line-height: 30px; color: #bababb; overflow: hidden;  }
.call_dl { padding-top: 20px; margin-bottom: 16px; }
.call_dl dd{ height:52px; line-height: 52px; overflow: hidden; font-size:38px; color: #ef5802   }
.info_dl dt{ float: left; height: 24px; line-height: 24px; width: 81px;color: #bababb; overflow: hidden; }
.info_dl dd{ float: left; line-height: 24px; font-size: 16px; color: #fff; width: 270px; }
.info_dl { margin-bottom: 32px; }
.foot_inner{ margin-bottom: 60px; }
.what{ float: left; line-height: 87px; }
.what a{ margin-right:7px;  }
.what a img{transition: all 0.5s ease 0s;  border-radius: 5px;}
.what a:hover img{ background: #fff; transition: all 0.5s ease 0s; }
.copy{ float: right; line-height: 87px;  height: 87px; overflow: hidden; font-size: 14px; color: #898b8d }
.copy a{ color: #898b8d; margin-left: 20px; transition: all 0.5s ease 0s;}
.copy a:hover{ color: #fff;transition: all 0.5s ease 0s;}
.foot_add{ border-top: 1px solid #2a3140; }
.wrap{ width: 69.79vw; margin: 0 auto;  }
.banner{ position: relative; height: 600px; /* margin-bottom: 82px; */ }
.banner_inner{ position: absolute; left: 0; bottom: 0; width: 100%; }
.banner_title{ border-bottom: 1px solid #d4d9dd; height: 130px; line-height: 130px; font-size:54px; color: #000000;  }
.banner_title sub{ font-size: 20px; font-weight: bold; font-style: italic; color: #c6c7c8; margin-left:20px;  }
.site{padding:38px 0; }
.catalog{ float: left; }
.catalog_ul li{ float: left; margin-right:30px; }
.catalog_ul li a{ display: block; font-size:18px; transition: all 0.5s ease 0s;height: 48px; line-height: 48px; border-radius: 48px; border: 1px solid #7f8c94; width: 158px; text-align: center;  }
.catalog_ul li a:hover,.catalog_ul li a.on{ transition: all 0.5s ease 0s; background: #ff6d19; border: 1px solid #ff6d19; color: #fff; }
.site_inner{ float: right; height: 50px; line-height: 50px;}
.site_box{background: url(../images/home1.png) left center no-repeat; padding-left: 24px; }
.site_box a{ display: block; float: left;transition: all 0.5s ease 0s; font-size: 14px; height: 50px;background: url(../images/home2.png) right center no-repeat;  line-height: 50px; padding: 0 12px 0 6px; }
.site_box a:nth-last-child(1){ background: none; color: #ff6d19; }
.site_box a:hover{ color: #ff6d19; transition: all 0.5s ease 0s; }
.news_ul { margin-left: -2% }
.news_ul li{ padding: 0 0 0 2%; margin:0 0 60px 0; width: 33.3%; float: left; box-sizing: border-box;  }
.newsbox{ border: 1px solid #cfd8dc; padding:20px 29px 30px; box-sizing: border-box; border-radius: 20px;  }
.news_time{ font-size:16px; height: 58px; line-height: 58px; overflow: hidden;background: url(../images/time.png) left center no-repeat; color: #7f8c94; padding-left: 26px; }
.news_tit{ font-size: 68px; transition: all 0.5s ease 0s;line-height: 34px; overflow: hidden; font-size: 22px; margin-bottom: 24px; }
.news_img{ width: 100%; }
.news_img img{ width: auto; height: auto; max-width: 100%; border-radius: 20px; }
.news_ul li:hover .news_tit{ color: #ff6d19; transition: all 0.5s ease 0s; }

.pages_inner{ padding:40px 0 50px 0;  }
.pages_l{ float: left; }
.pages_l a{ display: block; float: left;  transition: all 0.5s ease 0s; height:48px; line-height: 48px; padding: 0 15px; font-size: 24px; color:#222222;   }
.pages_l a:nth-child(1){ padding-left: 0; }
.pages_r a{display: block; margin-left: 20px; float: left; height:48px;transition: all 0.5s ease 0s; width: 48px;background: url(../images/pages_l.png) center center no-repeat;  border-radius: 48px; border: 1px solid #c9d0d3;}
.pages_l a:hover,.pages_l a.on{ color: #ff5e00; transition: all 0.5s ease 0s; }
.pages_r{ float: right; width:140px;  }
.pages_r a.page_right{background: url(../images/pages_r.png) center center no-repeat;}
.pages_r a.page_right:hover{background:#ff5e00 url(../images/pages_r11.png) center center no-repeat;border: 1px solid #ff5e00;}
.pages_r a.page_left:hover{background:#ff5e00 url(../images/pages_l11.png) center center no-repeat;border: 1px solid #ff5e00;}
.pages_c{ float: left;background: url(../images/pagesc.jpg) left center repeat-x; height: 48px;  box-sizing: border-box; }
.rel_title{ font-size: 34px; line-height: 50px; text-align: center; }
.rel_inner{ height: 72px; line-height: 72px; text-align: center; font-size: 14px; color: #999999 }
.rel{ border-bottom: 1px solid #e7e7e7; margin-bottom: 30px; }
.newsword{ padding-bottom: 30px; border-bottom: 1px solid #e7e7e7; margin-bottom: 60px; }
.piece{ margin-bottom:100px; height:100px; background: #e7ecf2; padding:0 60px;  overflow: hidden;   }
.piece_l{ float: left;width: 33.3%; float: left; height: 100px; line-height: 100px; font-size: 20px; padding-left: 30px; box-sizing: border-box; background: url(../images/p_l.png) left center no-repeat;}
.piece_r{ float: left;width: 33.3%; float: left; height: 100px; line-height: 100px; font-size: 20px; padding-right: 30px; text-align: right; box-sizing: border-box; background: url(../images/p_r.png) right center no-repeat;}
.piece_c{float: left;width: 33.3%; float: left; height: 100px; line-height: 100px; font-size: 20px; box-sizing: border-box; text-align: center; background: url(../images/p_c.png) 30% center no-repeat;}
.contbody .banner{  margin-bottom: 0; }
.contbj{background:#f8fbfc url(../images/contbj.jpg) center top no-repeat; background-size: cover; padding-top: 82px; padding-bottom: 1px;}
.cont_cn{ margin-bottom: 12px; height:44px; line-height: 44px; overflow: hidden; font-size:26px; color:#fb834c;   }
.cont_gx{ height: 62px; line-height: 62px; font-size:46px; overflow: hidden;  }
.cont_title{ margin-bottom:66px;  }
.cus_l{ float: left; width: 492px; }
.cus_dl dt{ border-bottom: 1px solid #c9cede; height:60px; line-height: 60px; overflow: hidden;  margin-bottom: 12px; }
.cus_tit{ float: left; height: 60px; line-height: 60px; overflow: hidden; font-size:22px; color: #999999  }
.cus_img{ float: right; }
.cus_dl dd{ height: 40px; line-height: 40px; font-size:20px; overflow: hidden;  }
.cus_dl{ margin-bottom: 28px; }
.cus_dl:nth-child(1) dd{ font-size: 40px; color: #fc6b16 }
.contwhat a{ display: block; float: left; position: relative; margin-right:20px; background: #fc6b16;  width: 50px; height: 50px; border-radius: 5px; line-height: 50px; text-align: center; }
.whatpic{ position: absolute; left: 0; bottom: -200px; display: none; }
.contwhat a:hover .whatpic{ display: block; }
.cus_r{ width: calc(100% - 552px); float: right; position: relative; }
.cuspic img{ width: auto; height: 642px; max-width: 100% }
.cuspic{ position: absolute; left: 0; top: 0; height: 642px; width: 55.72vw;background: url(../images/map.png) left top no-repeat; background-size: cover; }
.contwhat{ padding-top: 30px; }
.cont_c{ padding: 90px 0 0 0; margin-bottom: 80px; }
.sales{ margin-left: -3%; }
.sales_box{padding-left: 3%;width: 50%; box-sizing: border-box; float: left; }
.sales_dl{  background: #fff; box-shadow: 0 0 10px 5px #f6eee8; border-radius: 8px; padding: 0 30px; box-sizing: border-box;}
.sales_dl dt{ height:72px;overflow: hidden; border-bottom: 1px solid #e6e8f0  }
.sales_l{ float: left; font-size: 22px; height: 72px; line-height: 72px; color: #999999  }
.sales_r{ float: right; height: 72px; line-height: 72px; }
.sales_dl dd{ height: 86px; line-height: 86px; overflow: hidden; font-size:46px; color: #fc6b16  }
.work_ul{ margin-left: -2% }
.work_ul li{ float: left; margin: 0 0 60px 0; padding: 0 0 0 2%; width: 33.3%; box-sizing: border-box; }
.work_li{ background: #ffffff; border-radius: 10px; padding:0 20px 20px;  }
.work_tit{ height: 81px; line-height: 81px; overflow: hidden; border-bottom: 1px solid #e7e7e7; font-size: 22px; margin-bottom: 30px;  }
.work_div{ height: 142px; overflow-y:auto; padding-right: 26px;  }
.work_i{ line-height: 30px;  font-size: 18px; display: block; }
.work_em{ line-height: 30px; font-size:18px; color: #999999; display: block;  }

.work_div::-webkit-scrollbar-track,.team_scroll::-webkit-scrollbar-track,.path_list li .info::-webkit-scrollbar-track
{
    border-radius: 10px;
    background-color: #F5F5F5;
}

.work_div::-webkit-scrollbar-thumb,.team_scroll::-webkit-scrollbar-thumb,.path_list li .info::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    background-color: #fc6b16;
}

.work_div::-webkit-scrollbar,.team_scroll::-webkit-scrollbar,.path_list li .info::-webkit-scrollbar {
    width: 3px;
    background-color: transparent;
}

.work_div::-webkit-scrollbar-thumb,.team_scroll::-webkit-scrollbar-thumb,.path_list li .info::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background:#fc6b16
}

.work_div::-webkit-scrollbar-track-piece,.team_scroll::-webkit-scrollbar-track-piece,.path_list li .info::-webkit-scrollbar-track-piece {
    background-color: transparent;
}

.work_see{ display: block; margin: 0 auto 120px; width:158px; height: 50px; line-height: 50px; border-radius: 50px; background: #eb5e0c; border: 1px solid #eb5e0c; text-align: center; color: #fff; font-size:18px;   }
.blank{ padding:100px 0 1px 0 ;  background: #f8fbfc;    }

.mess_r{ float: right; width: calc(100% - 700px);  padding-top: 72px; overflow: hidden; }
.mess_r img{ width:100%; height: 850px; overflow: hidden; }
.mess_l{ float: left; width:640px;   }
.mess_div{ border-bottom: 1px solid #dfdfdf; margin-bottom: 10px;}
.mess_tit{ float: left; height:40px; line-height: 40px; overflow: hidden; font-size:16px; width: 110px;   }
.sign{ color: #f30b0b}
.mess_txt{ width:510px; padding-right: 10px; box-sizing: border-box; float: left; border: none; background: none; font-size: 16px; height:40px; line-height: 40px; overflow: hidden; }
.mess_area{width:510px; padding-right: 10px; resize: none; box-sizing: border-box; float: right; border: none; background: none; font-size: 16px; height:80px; line-height: 30px; overflow: hidden;}
.code_l{ float: left; width: 301px; }
.code{  width:299px; height: 40px; border: 1px solid #cfd8dc; border-radius: 5px;  }
.codetxt{ height: 38px; line-height: 38px; overflow: hidden; background: none; border: none; float: left; width: 166px; padding: 0 10px; box-sizing: border-box; }
.form-captcha{ height: 38px; line-height: 38px; overflow: hidden; background: none; border: none; float: left; width: 166px; padding: 0 10px; box-sizing: border-box; }
.codepic{ float: right; height: 38px; line-height: 38px; width: 130px; border-left: 1px solid #cfd8dc; box-sizing: border-box; }
.code_l .mess_tit{ float: none; }
.code_r{ float: right; padding-top: 46px; }
.code_sub{ width:168px; height: 38px; line-height: 38px;transition: all 0.5s ease 0s; font-size: 16px; color: #575757;border-radius: 58px;  text-align: left; border: 1px solid #575757; text-indent: 20px; background: url(../images/mess_see.png) 130px center no-repeat; }
.code_sub:hover{color: #fc6b16; background: url(../images/mess_see1.png) 130px center no-repeat; transition: all 0.5s ease 0s; border: 1px solid  #fc6b16; }
.tit_t{ font-size:28px; height:44px; line-height: 44px; overflow: hidden; margin-bottom: 10px;   }
.tit_b{line-height: 24px; height: 48px; font-size:16px; color: #666666; margin-bottom: 10px;  }

.mess{ padding: 0px 0 120px 0; }
.messtit{ font-size: 26px; color: #fc6b16; height: 44px; line-height: 44px; overflow: hidden; margin-bottom: 12px; }
.honorline {background: url(../images/mess1.png) center top no-repeat;width: 12px;height: 40px;display: none;}

.site_l{ float: left; }
.site_l .banner_title{ border: none; }
.pro_body .site{ padding:20px 0; }
.pro_body .banner_title sub{  color: #92a1aa }
.pro_body .site_inner{ padding-top: 60px; }
.deal{ background: #fff;  box-shadow: 0 0 10px 5px #eef2f4; padding: 42px 0 0 0; }
.deal_l{ font-size: 32px; height:85px; line-height: 85px; width:200px; color: #000000; float: left;  }
.deal_r{ float: right; width: calc(100% - 200px) }
.deal_ul{  border-bottom: 1px solid #d8dcdf; margin-left: -70px; padding: 20px 0; }
.deal_ul li{ float: left; margin-left:70px;  }
.deal_ul li a{ display: block; padding: 0 5px;transition: all 0.5s ease 0s; font-size:26px; height: 44px; line-height: 44px;  }
.deal_ul li a:hover,.deal_ul li a.on{color: #ff6e19; transition: all 0.5s ease 0s;}
.all{ padding:22px 0 38px 0;  }
.all_l{ float: left; padding-left: 40px; height:60px;background: url(../images/all.jpg) left center no-repeat; color: #ff6e19; line-height: 60px; font-size:22px; text-align: right;   }
.all_ul{ float: right; width: calc(100% - 150px); margin-left: -50px; }
.all_ul li{ float: left; margin-left:50px  }
.all_ul li a{ display: block; padding: 0 5px; height: 60px;transition: all 0.5s ease 0s; line-height: 60px; color: #7f8c94; font-size: 22px; }
.all_ul li a:hover{color: #ff6e19; transition: all 0.5s ease 0s;}
.all_title{ font-size: 26px; height:130px; line-height: 130px; overflow: hidden;  }
.pro_ul{ margin: 0 0 0 -2% }
.pro_ul li{ float: left; width: 33.3%; padding: 0 0 0 2%; margin-bottom:60px;   box-sizing: border-box; }
.pro_ul li a{ background: #fff; border-radius: 10px; display: block; width: 100%;box-shadow: 0 0 10px 5px #eef2f4; }
.proimg{ text-align: center; overflow: hidden; border-radius: 10px;height: 300px; line-height: 300px; }
.proimg img{ width: auto; height: auto; max-width: 100%;transition: all 1s ease 0s; }
.pro_box{ padding:0 30px 32px;  }
.pro_word{ height:40px;transition: all 0.5s ease 0s; line-height: 20px; overflow: hidden; font-size: 14px; text-align: center;  }
.pro_tit{ text-align: center;transition: all 0.5s ease 0s; height:70px; line-height: 70px; overflow: hidden; font-size:24px;   }
.pro_see{ height:68px; transition: all 0.5s ease 0s;position: relative; font-size: 14px; color: #88949b; line-height: 68px; margin: 0 auto; width: 126px;background: url(../images/pro_see.png) right 16px no-repeat;  }
.pro_see:after{ position: absolute; transition: all 0.5s ease 0s; transform: rotate(-45deg); right: 22px; top: 27px; background: url(../images/pro_see1.png) center top no-repeat; width: 12px; height: 12px; content: ''}
.pro_ul li:hover .pro_see:after{transform: rotate(0deg); transition: all 0.5s ease 0s;}
.pro_ul li:hover .pro_tit,.pro_ul li:hover .pro_word,.pro_ul li:hover .pro_see{ color: #ff5e00;transition: all 0.5s ease 0s; }
.pro_ul li:hover .proimg img{ transition: all 1s ease 0s; transform: scale(1.1); }
.pro_info{ padding:0px 0 0 0;  }
.sig_l{ float: left; width: 50%; height: 620px; line-height: 620px; text-align: center; background: #fff; overflow: hidden; }
.sig_l img{ width: auto; height: auto; max-width: 100%; }
.sig_r{ float: right; width: 50%; padding-left: 60px; box-sizing: border-box; }
.sig_tit{  font-size: 34px; height:70px; overflow: hidden; border-bottom: 1px solid #cbcbcb  }
.sig_pro{ height:40px; line-height: 40px; margin-top: 20px;background: url(../images/sig.png) left center no-repeat; position: relative; font-size:22px; padding-left:16px;    }
.sig_pro:after{ position: absolute; top: 0; right: 0; height: 40px;background: url(../images/pro_info2.png) left center no-repeat; width: 17px; content: '' }
.sin_word{ height:210px; line-height: 30px; font-size: 16px; overflow: hidden;  }
.sig_div{ padding-bottom: 12px; border-bottom: 1px solid #cbcbcb  }
.des_word{ font-size: 14px; height:76px; line-height: 28px; overflow: hidden; margin-bottom: 30px;    }
.des_see{ font-size: 18px; text-align: center; color: #fff; height:60px; border-radius: 60px; line-height: 60px; background: #ff6e19; width: 100%; display: block;  }
.infor{ border-bottom: 1px solid #eeeeee;border-top: 1px solid #eeeeee; height: 79px; overflow: hidden; }
.infor_ul li{ float: left; margin-right:40px;  }
.infor_ul li a{ display: block;transition: all 0.5s ease 0s; padding: 0 6px; font-size: 20px;height: 79px; line-height: 79px; position: relative; }
.infor_ul li.on a{ color: #ff6e19;transition: all 0.5s ease 0s; }
.infor_ul li a:after{ bottom: 0; left: 0; width: 0; height: 2px;transition: all 0.5s ease 0s; background: #ff6e19; position: absolute; content: '' }
.infor_ul li.on a:after{ width: 100%; transition: all 0.5s ease 0s;}
.infor_box{ padding:90px 0;  }
.sigma_ul li{ border-radius: 10px; cursor: pointer; background: #ffffff; margin-bottom: 20px; padding: 0 38px; }
.sigma_l{ font-size:24px;transition: all 0.5s ease 0s; width: 80%; height: 90px; line-height: 90px; padding-left: 20px; float: left;background: url(../images/pro_info3.png) left center no-repeat;  }
.sigma_r{ float: right; width: 8%; font-size: 14px; height: 90px; line-height: 90px; background: url(../images/pro_info4.png) right center no-repeat; }
.sigma_ul li:hover .sigma_l{ color: #ff6e19;transition: all 0.5s ease 0s; }
.inforbox{ font-size: 16px; line-height: 24px; }
.infor_inner{ display: none; }
.return{ background: #f3f4f8; border-radius: 5px; padding: 24px 30px; border: 1px solid #eeeeee;  }
.ret_l{ float: left;transition: all 0.5s ease 0s; display: block; font-size: 16px; width: 33.3%; border-radius:60px; height: 60px; line-height: 60px; background: #fff url(../images/y_l1.png) 30px center no-repeat; text-align: right; padding-right: 30px; box-sizing: border-box;  }
.ret_r{ float: right;transition: all 0.5s ease 0s; display: block;  font-size: 16px; width: 33.3%; border-radius:60px; height: 60px; line-height: 60px; background: #fff url(../images/y_r1.png) 92% center no-repeat;  padding-left: 30px; box-sizing: border-box;  }
.ret_c{ float: left; width: 33.3%; padding: 0 80px; box-sizing: border-box;  }
.retdiv{ width: 100%;transition: all 0.5s ease 0s; border-radius:60px; height: 60px; text-align: center; line-height: 60px; font-size: 16px;background:#fff url(../images/y_end.png) 28% center no-repeat; }
.infohe{padding-bottom: 120px;}
.ret_l:hover{background: #ff6e19 url(../images/y_l.png) 30px center no-repeat; color: #fff; transition: all 0.5s ease 0s;}
.ret_r:hover{background: #ff6e19 url(../images/y_r.png) 92% center no-repeat; color: #fff; transition: all 0.5s ease 0s; }
.retdiv:hover{background:#ff6e19 url(../images/y_end1.png) 28% center no-repeat; color: #fff; transition: all 0.5s ease 0s;}

.story{background: #f8fbfc url(../images/aboutbj1.jpg) center top no-repeat; padding-bottom: 100px; }
.about_title{ padding-top: 84px; float: left; }
.stor_gu{  font-size:26px; height: 56px; line-height: 56px; overflow: hidden; color: #fc6c18  }
.stor_us{height: 74px; line-height: 74px; overflow: hidden; font-size:46px; }
.stor_word{ float: right; width:60%; padding-top: 150px;  }
.stor_zi{ margin-bottom: 22px; height:142px; overflow: hidden;  }
.stor_see{ font-size: 14px; height:34px; display: block; line-height: 34px; margin-bottom: 80px; text-align: center; border-bottom: 2px solid #ff5e00; width: 90px;  }
.story_b{ position: relative; }
.story_img{ width: 100% }
.story_img img{ width: auto; height: auto; max-width: 100% }
.story_ul{ width: 80%; position: absolute; bottom: 70px; right: 0; }
.story_ul li{ float: left; width: 33.3%; padding: 0 4px; box-sizing: border-box; }
.story_yrea{ height: 100px; line-height: 100px; overflow: hidden; color: #fff; font-size: 90px; }
.story_yrea sub{ font-size: 32px; margin-left: 20px; }
.gs_tit{ height:50px; line-height: 50px; font-size:20px; color: #fff; overflow: hidden;   }
.deve{background: url(../images/aboutbj2.jpg) center top no-repeat; height: 820px;}
 .deve_inner{ margin-left:15.104vw;  background: url(../images/devebj.png) left 104px no-repeat;   }
 


.event_box{ position: relative; min-height: 420px;}
.event_box .parHd {width: 100%;  display: inline-block;height: 140px;overflow: hidden; margin-bottom: 100px;}
.parHd  ul{ width: 100%; text-align: center; margin: 0 auto; padding-top: 25px !important;}
.parHd .tempWrap{ margin: 0 auto;}
.parHd li.act{background: url(../images/tab1.png) center 76px no-repeat;}
.parHd li{  display: inline-block; cursor: pointer; height: 120px; background: url(../images/tab2.png) center 76px no-repeat; font-size: 16px; color: #000; width: 210px; position: relative; }
.parBd{ text-align: center;  width: 50%; margin: 0 auto}
div#listBox {width: 100%;}
.sPrev,.sNext{ width: 72px; height: 72px; cursor: pointer; border: 1px solid #e8e8e8; border-radius: 72px; line-height: 72px; text-align: center; display: block; position: absolute; top: 10px;}
.sPrev{ left: 15%; top: 60%;background: url(../images/iso_l.png) center center no-repeat; transition: all 0.5s ease 0s;}
.sNext{ right: 15%; top: 60%;background: url(../images/iso_r.png) center center no-repeat; transition: all 0.5s ease 0s;}
.sPrev:hover{background:#1c3565 url(../images/iso_l1.png) center center no-repeat;border: 1px solid #1c3565; transition: all 0.5s ease 0s;}
.sNext:hover{background:#1c3565 url(../images/iso_r1.png) center center no-repeat;border: 1px solid #1c3565; transition: all 0.5s ease 0s;}

.sPrev img,.sNext img{transition: all .6s cubic-bezier(.51,1.1,.9,.95);-moz-transition: all .6s cubic-bezier(.51,1.1,.9,.95);-webkit-transition: all .6s cubic-bezier(.51,1.1,.9,.95);-o-transition: all .6s cubic-bezier(.51,1.1,.9,.95);}
.slideBox{ display: none; }
.partime{ height:66px; position: absolute; left: 0; width: 100%; top: 0; transition: all 0.5s ease 0s; line-height: 66px; font-size:36px; color: #1c3565; text-align: center;   }
.parimg{background: url(../images/tab3.png) center top no-repeat;position: absolute; left: 0; width: 100%; top: -66px; transition: all 0.5s ease 0s;height:66px; line-height: 66px;}
.hdbox{ height: 66px; position: relative; overflow: hidden; }
.parHd li.act .partime{top: -66px; transition: all 0.5s ease 0s; }
.parHd li.act .parimg{top: 0px; transition: all 0.5s ease 0s; }
.deve_year{ width: 40%; margin-right: 4%; height: 250px; font-size:110px; color: #1c3565; float: left; border-right: 1px solid #a7b0c2; box-sizing: border-box;  }
.deve_r{ float: right; width: 54%; }
.deve_img{text-align: left}
.deve_img img{ width: auto; height: auto; max-width: 100% }
.deve_em{ font-size: 30px;padding-left: 26px; text-align: left; display: block;background: url(../images/dian.jpg) left 22px no-repeat; }
.deve_tit{ padding: 24px 20px 0; }
.deve{ padding-bottom: 1px; }
.deveblak{background: url(../images/devebj.jpg) center bottom no-repeat;}
.deve_inner .wrap{ margin: 0 }

.vision{background: url(../images/aboutbj3.jpg) center top no-repeat; height: 940px;}
.vision .stor_us{ color: #fff; }
.stor_cx{ font-size: 20px; height: 50px; line-height: 50px; color: #fff; overflow: hidden; margin-bottom:50px;  }
.vision_ul{ margin: 0 0 0 -3%; clear: both; }
.vision_ul li{ float: left; padding: 0 0 0 3%;  width: 33.3%; box-sizing: border-box; }
.vision_inner{ border: 1px solid #eff2f4;transition: all 0.5s ease 0s; border-bottom: none; position: relative; border-radius: 20px; height: 496px;padding: 0 30px; }
.vision_title{ font-size: 42px; margin-top: 128px;transition: all 0.5s ease 0s; margin-bottom: 22px; height: 60px; line-height: 60px; overflow: hidden; text-align: center; color: rgb(255,255,255,.6); }
.vision_word{ font-size: 20px;transition: all 0.5s ease 0s; color: #fff; line-height:32px; text-align: center;  height: 152px; overflow: hidden; }
.vision_word p{ margin-bottom: 20px; }
.vision_on{ position: absolute;transition: all 0.5s ease 0s; left: 0%;  z-index: 999; background:none; bottom: -20px; width:100%; height:40px; line-height: 40px; color: #fff; font-size:30px; text-align: center;    }
.vision_inner:after{ width: 30%; transition: all 0.5s ease 0s;height: 1px; position: absolute; left: 14px; bottom: 0px; content: ''; background: #eff2f4; }
.vision_inner:before{ width: 30%;transition: all 0.5s ease 0s; height: 1px; position: absolute; right: 14px; bottom: 0px; content: ''; background: #eff2f4; }
.vision_ul li:hover .vision_inner {background: #fff;transition: all 0.5s ease 0s;}
.vision_ul li:hover .vision_title{ margin-top: 20px;transition: all 0.5s ease 0s; }
.vision_ul li:hover .vision_title,.vision_ul li:hover .vision_word{ color: #101010;transition: all 0.5s ease 0s;  }
.vision_ul li:hover .vision_word{ height:314px; transition: all 0.5s ease 0s; }
.vision_ul li:hover .vision_on{  color: #101010;transition: all 0.5s ease 0s; bottom: 20px;}
.team{ clear: both; }
.team .swiper-container {width: 100%; position: relative; overflow: hidden; padding: 50px 5px 120px; box-sizing: border-box;}
.swiper-slide {
display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.team_div{ background: #fff; border-radius: 30px; box-shadow: 0 0 10px 5px #e6ebee}
.team_img{ width: 100% }
.team_img img{ height: auto; width: 100%;  border-radius: 30px;}
.team_inner{ padding:0 19px 34px;  }
.team_anme{ height: 26px; line-height: 26px; overflow: hidden; font-size:14px; color: #666666 }
.team_word{ line-height: 26px; overflow: hidden; font-size:14px; color: #666666;  }
.team_scroll{ padding-right:20px; height:106px; overflow-y:auto;   }
.team_tit{ height:62px; line-height: 62px; font-size: 22px; overflow: hidden;  }
.team{ padding-bottom: 120px; }


.swiper-button-next{ height:48px!important;transition: all 0.5s ease 0s; bottom: 0px!important; top: inherit!important; width: 48px!important;background: url(../images/pages_r.png) center center no-repeat!important;  border-radius: 48px!important; border: 1px solid #c9d0d3!important;}
.swiper-button-next:hover{ background:#ff5e00 url(../images/pages_r11.png) center center no-repeat!important;border: 1px solid #ff5e00!important;transition: all 0.5s ease 0s; }
.swiper-button-prev{height:48px!important;transition: all 0.5s ease 0s; left: inherit!important; right:80px!important;  bottom: 0px!important; top: inherit!important; width: 48px!important;background: url(../images/pages_l.png) center center no-repeat!important;  border-radius: 48px!important; border: 1px solid #c9d0d3!important;}
.swiper-button-prev:hover{background:#ff5e00 url(../images/pages_l11.png) center center no-repeat!important;border: 1px solid #ff5e00!important;transition: all 0.5s ease 0s;}


.pages_c{ float: left;background: url(../images/pagesc.jpg) left center repeat-x; height: 48px;  box-sizing: border-box; }
.swiper-button-next:after,.swiper-button-prev:after{ display: none; }
.team .swiper-pagination{ text-align: left!important; }
.team .swiper-pagination .swiper-pagination-bullet-active{ background: #ff5e00!important }
.anz{ text-align: center; margin-bottom:60px;  }
.anz li{ display: inline-block; margin: 0 30px; }
.anz li a{ display: block; transition: all 0.5s ease 0s; font-size: 24px; text-align: center; height:70px; line-height: 70px; border-radius: 70px; width: 360px; background: #e7ecf2  }
.anz li a.on,.anz li a:hover{transition: all 0.5s ease 0s; background: #fc6d18; color: #fff;}
.nan_dl{ margin-bottom: 40px; background:#ffffff; border-radius: 5px; height: 90px; overflow: hidden; }
.nan_dl dt{ float: left; transition: all 0.5s ease 0s; width:110px; border-radius: 5px; background: #e7ecf2;  height: 90px; }
.nan_year{ font-size:28px;transition: all 0.5s ease 0s;  height:34px; padding-top: 14px; line-height: 34px; overflow: hidden; text-align: center; color: #fc6d18   }
.nan_day{font-size:18px;transition: all 0.5s ease 0s;  height:26px; line-height: 26px; overflow: hidden; text-align: center; color: #fc6d18}
.nan_dl dd{ float: right; width: calc(100% - 150px); padding-right: 60px; box-sizing: border-box; }
.tech_l{ float: left;transition: all 0.5s ease 0s;  width: 80%; font-size:24px; height: 90px; line-height: 90px; overflow: hidden;  }
.tech_r{ float: right;transition: all 0.5s ease 0s;  width: 8%;background: url(../images/pro_info4.png) right center no-repeat; font-size: 14px; height: 90px; line-height: 90px; }
.nan_dl:hover dt{ background: #fc6d18; transition: all 0.5s ease 0s; }
.nan_dl:hover .nan_year,.nan_dl:hover .nan_day{ color: #fff; transition: all 0.5s ease 0s; }
.nan_dl:hover .tech_l{ color: #fc6d18; transition: all 0.5s ease 0s; }
.nan_dl:hover .tech_r{ color: #fc6d18; transition: all 0.5s ease 0s; background: url(../images/pro_info5.png) right center no-repeat;}
.tech_info{ padding: 0 0 60px 0; }

.custit{ font-size: 26px; height:60px; line-height: 60px; color: #fc6b16  }
.cusus{ height: 74px; line-height: 74px; overflow: hidden; font-size: 46px; margin-bottom: 10px; }
.cus_bh{ font-size:18px; height: 74px; line-height: 37px; overflow: hidden; width:527px; margin-bottom: 28px;   }
.vice{  margin:0 0 22px -40px;  }
.vice_inner{ float: left; width: 50%; padding-left: 40px; box-sizing: border-box; }
.vice_tit{ height:58px; line-height: 58px; font-size: 20px;  }
.vice_i{ color: #f30b0b }
.vice_txt{ width: 100%; border: 1px solid #cfd8dc; padding:0 24px; height: 58px; line-height: 58px; box-sizing: border-box; font-size: 16px; color: #999999;  }
.vice_area{width: 100%; border: 1px solid #cfd8dc; padding:0 24px; height: 198px; line-height: 30px; box-sizing: border-box; font-size: 16px; color: #999999;}
.vicehe{ margin-left:0; }
.vice_inner .code_sub{ float: right; margin-top: 60px;  width: 188px; height: 58px; text-indent: 45px; line-height: 58px;}
.cus_form{ padding-bottom: 120px; }


.sci_ul li{ float: left;transition: all 0.5s ease 0s;  height: 300px; background: url(../images/casebj.png) left top repeat-x; position: relative; width: 20%;  padding-right: 1px; box-sizing: border-box; }
.sci_ul li:after{background: url(../images/caseline.jpg) right center no-repeat; position: absolute;right: 0; top: 0; width: 1px; height:280px; content: '' }
.casebody .blank{ padding: 0; }
.sci_tit{ text-align: center; height: 92px;transition: all 0.5s ease 0s;  line-height: 92px; overflow: hidden; font-size:36px; color: #101010;  }
.sci_img{ margin-top:60px; height: 96px; position: relative; overflow: hidden; text-align: center;  }
.sciimg_t{ position: absolute; left: 0;  transition: all 0.5s ease 0s; top: 0; width: 100%; text-align: center; height: 96px; line-height: 96px; overflow: hidden; }
.sciimg_b{position: absolute; left: 0; transition: all 0.5s ease 0s;  bottom: -96px; width: 100%; text-align: center; height: 96px; line-height: 96px; overflow: hidden; }
.sci_ul li:hover .sciimg_t,.sci_ul li.on .sciimg_t{ top: -96px; transition: all 0.5s ease 0s; }
.sci_ul li:hover .sciimg_b,.sci_ul li.on .sciimg_b{ bottom: -0; transition: all 0.5s ease 0s; }
.sci_ul li:hover,.sci_ul li.on{background: url(../images/casebj1.png) left top no-repeat;transition: all 0.5s ease 0s;}
.sci_ul li:hover .sci_tit,.sci_ul li.on .sci_tit{ color: #fff; transition: all 0.5s ease 0s; }
.case_dl{  position: relative;z-index: 999; /* margin-top: -60px; */  background: #fff; border-left: 8px solid #ff5e00 }
.case_dl dt{ float: right; width:360px; height: 170px; overflow: hidden;  }
.case_dl dt img{ width:360px; height: 170px; overflow: hidden;}
.case_dl dd{ float: left; padding: 30px 34px 0; box-sizing: border-box; width:  calc(100% - 360px) }
.case_title{ height: 50px; transition: all 0.5s ease 0s; line-height: 50px; overflow: hidden; display: block; font-size:32px;  margin-bottom: 10px; }
.case_see{ display: block;  position: relative; height: 72px; line-height: 58px; font-size:14px;background: url(../images/pro_see.png) right center no-repeat; color: #7f8c94; width: 120px;  }
.case_see:after{ position: absolute; transition: all 0.5s ease 0s; transform: rotate(-45deg); right: 22px; top: 22px; background: url(../images/pro_see1.png) center top no-repeat; width: 12px; height: 12px; content: ''}
.case_dl:hover .case_see:after{ color: #ff5e00; transition: all 0.5s ease 0s; transform: rotate(0deg);  }
.case_box{margin-top:40px;}
.case_num{ font-size: 90px; color: rgb(0,0,0,.06); }
.case_dl:hover .case_title,.case_dl:hover .case_see{color: #ff5e00; transition: all 0.5s ease 0s; }
.case{ padding: 30px 0 100px 0; }

.instrument{background: url(../images/indexbj1.jpg) center top no-repeat; height: 940px;}
.index_inner{ padding:110px 0 50px 0;  }
.index_title{ float: left;  }
.index_cn{ font-size: 44px; height:56px; line-height: 56px; overflow: hidden;  }
.index_en{ font-size: 20px; font-weight: bold; font-style: italic; color: #b6bfc5; text-transform: uppercase; }
.title_r{ float: right; padding-top:32px;  }
.title_see{ height: 52px;transition: all 0.5s ease 0s; position: relative; display: block; line-height: 40px; background: url(../images/pro_see.png) right center no-repeat;overflow: hidden; font-size: 14px; color: #7f8c94; width: 120px; }
.title_see:after{position: absolute; transition: all 0.5s ease 0s; transform: rotate(-45deg); right: 22px; top: 13px; background: url(../images/pro_see1.png) center top no-repeat; width: 12px; height: 12px; content: ''}
.title_see:hover:after{ transform: rotate(0deg);  transition: all 0.5s ease 0s;}
.title_see:hover{ color: #ff5e00; transition: all 0.5s ease 0s;}
.ins_div { position: relative;  padding-bottom: 186px; }
.ins_div .swiper-container {width: 100%;height: 100%; overflow: hidden;}
.ins_div .swiper-slide {
display: -webkit-box;
display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.ins_inner{ background:#fff url(../images/insbj.png) center top no-repeat; position: relative; border-radius: 20px; width: 100%; height: 360px;  }
.ins_img{ width: 100%; height: 360px; line-height: 360px; text-align: center; overflow: hidden; }
.ins_img img{ width: auto; height: auto; max-width: 100% }
.ins_box{ position: absolute; left: 0; bottom: 0px; width: 100%; padding: 0 36px; box-sizing: border-box; }

.ins_inner:hover .ins_nanme{color: #ff5e00;transition: all 0.5s ease 0s; }

.ins_l{ float: left; }
.ins_yq{ height: 26px; line-height: 26px; font-size:16px; color: #ff5e00; overflow: hidden;  }
.ins_nanme{ font-size:22px; height: 33px;transition: all 0.5s ease 0s; line-height: 33px; overflow: hidden; color: #222222;  }
.ins_r{ float: right; padding-top: 20px; }
.ins_see{background: url(../images/pro_see.png) center top no-repeat;  position: relative; width: 56px; height: 52px; display: block;}
.ins_see:after{position: absolute; transition: all 0.5s ease 0s; transform: rotate(-45deg); right: 22px; top: 13px; background: url(../images/pro_see1.png) center top no-repeat; width: 12px; height: 12px; content: ''}
.ins_inner:hover .ins_see:after{ transform: rotate(0deg);  transition: all 0.5s ease 0s;}
.ins_div .swiper-button-prev{ top: 156px!important; margin-top:0px!important; left: -80px!important; right: inherit!important;  }
.ins_div .swiper-button-next{top: 156px!important; margin-top:0px!important; left: inherit!important; right: -80px!important; }
.analysis{background: url(../images/anabj.jpg) center 46px repeat-x; height: 144px;}
.ana_ul{ float: left; width:85%;  margin-left: -6% }
.ana_ul li{ width: 20%; float: left; }
.ana_he{ width: 90px;transition: all 0.5s ease 0s; height: 90px; margin: 0 auto; line-height: 90px; background: #fff; border-radius: 30px; position: relative; overflow: hidden; }
.ana_img{ width: 100%; transition: all 0.5s ease 0s; height: 100%; text-align: center; position: absolute; left: 0; top: 0; border-radius: 30px; }
.ana_pic{ width: 100%; transition: all 0.5s ease 0s; height: 100%; text-align: center; position: absolute; left: 0; bottom: -100%; border-radius: 30px; }
.ana_img img,.ana_pic img{ width: auto; height: auto; max-width: 100% }
.ana_title{ height:54px; transition: all 0.5s ease 0s;line-height: 54px; font-size: 20px; overflow: hidden; text-align: center;  }
.ana_ul li:hover .ana_img{ top: -100%; transition: all 0.5s ease 0s; }
.ana_ul li:hover .ana_pic{ bottom: 0; transition: all 0.5s ease 0s; }
.ana_ul li:hover .ana_he{ background: #ff5e00; transition: all 0.5s ease 0s;  }
.ana_ul li:hover .ana_title{transition: all 0.5s ease 0s; color: #ff5e00}
.chanpin_see{ display: block;background:#ff5e00 url(../images/pages_r11.png) 80% center no-repeat;transition: all 0.5s ease 0s; float: right; width:198px; height: 68px;  line-height: 68px; border: 1px solid #ff5e00; font-size: 20px;  border-radius: 68px; color: #fff; text-indent:32px;   }
.chanpin_see:hover{background:#fff url(../images/pro_info5.png) 80% center no-repeat;transition: all 0.5s ease 0s; color:#ff5e00 }
.ana_r{ float: right; padding-top: 10px; }
.trends{ background: #f8fbfc; padding-bottom:40px;  }
.dt_r{ float: right; padding-top: 26px; }
.dt_ul{ float: left; }
.dt_ul li{ float: left; margin-right: 30px; }
.dt_ul li a{ display: block; height: 48px; line-height: 48px; border: 1px solid #7f8c94;transition: all 0.5s ease 0s;  text-align: center; width:158px; border-radius: 48px; font-size: 18px; color: #7f8c94  }
.dt_ul li.on a{ background: #ff5e00;border: 1px solid #ff5e00; color: #fff; transition: all 0.5s ease 0s; }

.trendpic{ float: left; width:50%;  height: 470px; }
.trend_img{ display: none; }
.trend_img img{ width: 100%; height: 470px; overflow: hidden; border-radius:30px 0 0 30px;  }
.trend_div{ float: left;width: 50%; border-radius: 0 30px 30px 0; background: #ffffff; height: 470px; padding:0 60px; box-sizing: border-box;  }
.trends_ul{ padding-top:32px;  }
.trends_ul a{ display: block;height:79px; overflow: hidden; border-bottom: 1px solid #e5e8ea;  }
.trend_time{ float: left; width: 12%; line-height: 79px; line-height: 79px; overflow: hidden; font-size:18px; color: #8a959c;  }
.trend_i{ font-size: 26px;transition: all 0.5s ease 0s; color: #222222; margin-right: 5px; }
.trend_title{ float: left;transition: all 0.5s ease 0s; width: 78%; font-size: 22px; color: #222222; height: 79px; line-height: 79px; overflow: hidden; }
.trends_ul li.on a .trend_i,.trends_ul li.on a .trend_title{transition: all 0.5s ease 0s; color: #ff5e00  }

.brand{background: url(../images/indexbj2.jpg) center top no-repeat; height: 870px;}
.brand_ul{ margin-left: -1% }
.brand_ul li{ float: left; width:16.66%; padding: 0 0 0 1%; box-sizing: border-box; }
.brand_li{background: url(../images/brand1.png) left 20px no-repeat; height: 462px; padding: 0 10px 0 30px;}
.brand_year{ height: 58px; line-height: 46px; overflow: hidden; font-size:46px; color: #ff5e00; margin-bottom: 15px;  }
.brand_year sub{ margin-left:18px; font-size:18px;   }
.brand_word{ line-height: 24px; color: #7f8c94; width: 75% }
.brand_ul li:nth-child(even) .brand_li{background: url(../images/brand2.png) left 20px no-repeat; margin-top: 150px; }
.succ{background: url(../images/indexbj3.jpg) center top no-repeat; height: 763px;}
.succ_inner{ padding:122px 0 0 0;  }
.succ_l{ width: 50%; float: left; padding-top: 80px; }
.succ_word{ padding:76px 0 0 0; clear: both;  }
.succzi{ height:96px; line-height:32px; font-size: 16px; overflow: hidden; margin-bottom: 36px; padding-right: 60px; }
.succ_r{ float: right; width: 50%; }
.succ_ul{ margin-left: -2%; }
.succ_ul li{ float: left; width: 25%; transition: all 0.5s ease 0s; padding: 0 0 0 2%;  box-sizing: border-box; height:500px;  }
.succ_ul li.on{ width: 50%;transition: all 0.5s ease 0s; }
.succ_ul li a{ display: block; position: relative; }
.succ_img{ border-radius: 30px; width: 100%; overflow: hidden; }
.succ_img img{ width: auto; height: 500px; border-radius: 30px; }
.succ_hover{ position: absolute;  left: 0; top: 0; padding: 0 28px; box-sizing: border-box; width: 100%; height: 100%;border-radius: 30px;  }
.succ_ul li.on .succ_img img{ width: 100% }
.succ_hover:after{  position: absolute; left: 0;border-radius: 30px; top: 0; content: '';transition: all 0.5s ease 0s;width: 0; height: 100%; background: rgb(255,94,0,.8);}
.succ_ul li.on .succ_hover:after{ width: 100%;transition: all 0.5s ease 0s; }
.hoverinner{ z-index: 999; padding-top: 50px; position: relative; height: 100%; box-sizing: border-box; }
.succ_num{ color: #fff; font-size:28px; height:40px; line-height: 40px;   }
.keynote{ position: absolute; left: 0; bottom: 55px; width: 100%; }
.succtit{ font-size:22px;  height: 40px; line-height: 40px; overflow: hidden; color: #fff; margin-bottom:16px;  }
.succ_rk{ height:0;transition: all 0.5s ease 0s; line-height:26px; overflow: hidden;  color: #fff; font-size:16px;   }
.succ_ul li.on .succ_rk {height: 72px; transition: all 0.5s ease 0s;}
.us{ background: #f3f7f9; padding:120px 0  }
.us_l{ width: 50%; float: left; }
.us_video{background: url(../images/usbj1.jpg) left bottom no-repeat; padding-bottom: 250px; margin-bottom: 110px; }
.video{ float: right; width: 73%; height:340px; overflow: hidden;  }
.video img{ height: 340px; width: 100%; }
.esa{ font-size: 18px; height:34px; line-height: 34px; overflow: hidden; position: relative;  color: #ff5e00; padding-left: 35%; text-transform: uppercase; }
.esa:after{ position: absolute; left: 0; top: 15px; width:30%; height:2px; background: #d7dee4; content: '';    }
.us_r{ width: 50%; float: left; }
.us_t{ padding:34px 60px 24px;  }
.us_word{ clear: both; font-size: 16px; margin-bottom: 22px; height:96px; line-height: 32px; overflow: hidden; color: #7f8c94 }
.us_t .index_title{ margin-bottom: 26px; }
.us_see{ float: right; }
.us_b img{ width: auto; height: auto; max-width: 100% }
.link{ background: #f8fbfc; padding-bottom: 1px; }

.link_ul { margin-left:-2% ; }
.link_ul li{ float: left; padding: 0 0 0 2%; box-sizing: border-box; width: 16.66%; margin-bottom:40px;   }
.link_ul li a{ display: block;border-radius: 15px; height: 120px; line-height: 120px; background: #fff; width: 100%; text-align: center; }
.link_ul li img{ width: auto;border-radius: 15px;transition: all 0.5s ease 0s; height: auto; max-width: 100%; }
.link_ul li:hover img{ transform: scale(1.1); transition: all 0.5s ease 0s; }
.linkdiv:after{ position: absolute; left: 0; top: 0; content: '';background: url(../images/stor_l.png) right top no-repeat; width: 280px; height: 100%;  }
.linkdiv{position: relative;margin-bottom: 100px;  }
.linkdiv:before{ position: absolute; right: 0; top: 0; content: '';background: url(../images/stor_r.png) left top no-repeat; width: 280px; height: 100%;  }
.link_box{ padding:0px 0 50px 0; }

.succul .news_tit{ margin: 24px 0 0 0; }

.indexbanner .swiper-pagination{ z-index: 99!important; left: inherit!important; top: 50%!important; right:60px!important;  width: 6px!important; }
.indexbanner .swiper-pagination-bullet{ width: 6px!important; height:32px!important; border-radius: 6px!important; background: #fff!important; opacity: .4!important; margin-bottom:20px!important  }
.indexbanner .swiper-pagination-bullet-active{ background: #ff5e00!important; opacity: 1!important; }
.trend_box{ display: none; }

.navBg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 3;
    background: #222;
    background: rgba(34, 34, 34, .9);
    
    transition: all .5s ease 0s;
    transform: translate(-100%, 0);
    
}

.navBg.activenav {
    opacity: 1;
    transform: translate(0, 0);
    z-index: 9999;

}

.navTop {
    position: relative;
    z-index: 1;
    padding: 15px 10px;
    overflow: hidden;
    
}

.navClose {
    float: right;
    width: 30px;
    height: 30px;
    cursor: pointer;
     margin-right: -9px;
}

.navClose span {
    display: block;
    width: 100%;
    height: 1px;
    background: #FFF;
    transform-origin: left center
}

.navClose span:first-child {
    transform: rotate(45deg)
}

.navClose span:last-child {
    margin-top: 20px;
    transform: rotate(-45deg)
}

.navBot {
    position: absolute;
    top: 36px;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
   
    height: 100%
}

.navList {
    overflow: hidden;
    height: 100%
}

.navList li {
    width: 100%;
    height: auto;
    
    transition: all .5s ease 0s;
    transform: translate(0, 50px)
}

.navList li a {
    display: block;
    padding: 10px ;
    border: none;
    border-bottom: 1px solid rgba(255, 255, 255, .08);
    color: #fff;
    font-size: 16px;
}



.navList li a:hover {
    padding-left: 10%;
    color: #297f38
}

.activenav .navList li {
    opacity: 1;
    transform: translate(0, 0)
}

.activenav .navList li {
    transition-delay: .3s
}

.menuBg {
    position: absolute;
    top: 22px;
    right: 10px;
    z-index: 2;
    display: none;
    
}


.menuBtn img {
    margin: 6px auto 10px
}

.mBtnLine {
    font-size: 0;
    width: 20px;
}

.mBtnLine span {
    display: inline-block;
   
    vertical-align: top
}

.mBtnLine span:nth-child(2) {
    margin: -4px 3px 0
}
.mBtnLine span {
        width: 100%;
        height: 2px;
        background: #fb6a15
    }

    .mBtnLine span:nth-child(2) {
        margin: 5px 0;
        width: 80%
    }




.about3_con{
    position: relative;
}
.action_con{
    padding-top: 50px;
    position: relative;
}
.prev1{
    
}

.path_list{

}
.path_list li{
    padding-top: 107px;
}
.path_list li:not(.null):before {
    content: '';
    display: block;
    position: absolute;
    left: 20px;
    top: 9px;
    width: 100%;
    /*height: 149px;*/
    height: 8.1vw;
    /* background: url(../images/dots.png) no-repeat; */
    -o-background-size: cover;
       background-size: cover;
    background-position: 1px -24px;
    z-index: -1;
}
.path_list li:nth-child(2n)::before {
    background-position-x: 51%;
    top: 18px;
    left: 17px;
}
.path_list li .info{
    display: none;
}
.path_list li .dot{
    width: 60px;
    height: 60px;
    background: #ff5e00;
    margin: 5px;
    border-radius: 50%;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.path_list li:hover .dot {
    -webkit-animation: a1 1s linear infinite;
       -moz-animation: a1 1s linear infinite;
         -o-animation: a1 1s linear infinite;
            animation: a1 1s linear infinite;
}
.path_list li.swiper-slide-active .info{
    display: block;
}
.path_list li.swiper-slide-active .dot{
    width: 40px;
    height: 40px;
    margin: 0;
    background: #fff;
    border: 15px solid #ff5e00;
}


.path_list li .year{
    font-size: 30px;
    color: #ff5e00;
    margin: 10px 0 70px;
}
.path_list li .info{
    font-size: 16px;
    line-height: 34px;
    height: 102px; 
    overflow-y:auto;
    padding-right: 20px;
}
.path_list li.swiper-slide-active   .year{ font-weight: bold; }
.em_deve{ display: block; line-height: 34px; background: url(../images/round.jpg) left center no-repeat; padding-left: 20px; }
.path_list li .info p{
    line-height: 40px;
}
.date_active{
    position: absolute;
    bottom: 0px;
    right: 40px;
    z-index: 10;
    z-index: 99;
}
.date_active .circle{
    width: 440px;
    height: 440px;
    border-radius: 50%;
    overflow: hidden;
}
.date_active .circle .img{
    width: 100%;
    height: 100%;
}
.date_active.wowed .imgbox {
    -webkit-animation: ig 1s;
       -moz-animation: ig 1s;
         -o-animation: ig 1s;
            animation: ig 1s;
}

.date_active .year{
    font-size: 200px;
    color: #ff5e00;
    line-height: 24px;
    position: absolute;
    right: 60%;
    bottom: 60px;
}
.date_active.wowed .year{
    -webkit-animation: ye 1s;
       -moz-animation: ye 1s;
         -o-animation: ye 1s;
            animation: ye 1s;
}

@-webkit-keyframes ye {
    0% {
        bottom: -200px;
        opacity: 0
    }
    100% {
        bottom: 60px;
        opacity: 1
    }
}
@-moz-keyframes ye {
    0% {
        bottom: -200px;
        opacity: 0
    }
    100% {
        bottom: 60px;
        opacity: 1
    }
}
@-o-keyframes ye {
    0% {
        bottom: -200px;
        opacity: 0
    }
    100% {
        bottom: 60px;
        opacity: 1
    }
}
@keyframes ye {
    0% {
        bottom: -200px;
        opacity: 0
    }
    100% {
        bottom: 60px;
        opacity: 1
    }
}

.deve{  position: relative; }

.actionbnt{ width: 122px; position: absolute; left: 0; bottom: -80px; }

.messcheck{ float: left;padding-top: 10px;  }
.messcheck .checkinput{ margin-right: 6px; }
.footsh{ font-size: 16px; color: #fff; height: 30px; line-height: 30px; text-align: center; margin-bottom: 10px; }
.footpro img{width: 120px;}
.footpro { text-align: center; }

.pagination-block{ padding:30px 0; text-align:center}
.pagination{ display:inline-block}
.pagination li{ float:left; margin:0 5px;height:34px; width:34px; border:1px solid #c6c7c8; border-radius:5px; line-height:34px; text-align:center; cursor:pointer; font-size:16px;}
.pagination li.active { color:#fb6a15;border:1px solid #fb6a15;}