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,'Microsoft YaHei'; color:#333; font-size:12px;}
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;}
a{ color:#333; text-decoration:none; blr:expression(this.onFocus=this.blur()); }
a:hover{ text-decoration:none; text-decoration:none!important;  }
:focus {outline: 0 none;}
h1,h2,h3{ 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:arial,'Microsoft YaHei';}
.clearfix:after{ content:""; clear:both; height:0; visibility:hidden; display:block;}
.clearfix{*zoom:1;}
em,i{ font-style:normal;}
li{ list-style:none;}
h3{ font-weight:normal;}
.box{ width: 1340px; margin: 0 auto; }

.head{ border-bottom: 1px solid #eeeeee; }
.head_top{ background: #005bac; }
.wel{ font-size: 14px; color: #b4c5df; height:40px; line-height: 40px;  float: left; }
.head_ser{ float: right; }
.lan{ display: block; transition: all 0.5s ease 0s; border: 1px solid #005bac; float: right; margin:7px 0 0 30px; width: 26px; height: 26px; border-radius: 5px; background: #fff; line-height: 26px; text-align: center; font-size: 12px; color: #005bac }
.call{ float: left; height: 40px; line-height: 40px; color: #fff; font-size: 14px; }
.call img{ margin-right:8px;  }
.call_i{ font-weight: bold; font-size:18px; padding-left: 6px;  }
.lan:hover{ color:#fff; background: #005bac; transition: all 0.5s ease 0s; border: 1px solid #fff; }
h1{ float: left; line-height:90px;  }
.nav_ul{ float: right; }
.nav_ul li{ float: left; margin-left: 30px; }
.nav_ul li a{ display: block; height: 90px; transition: all 0.5s ease 0s; line-height: 90px; font-size:16px; padding: 0 10px; position: relative;  }
.nav_ul li a:after{ height:2px; background: #005bac; width: 0; transition: all 0.5s ease 0s; position: absolute; left: 0; bottom: 0; content: ''; display: block;  }
.nav_ul li a:hover:after{ width: 100%; transition: all 0.5s ease 0s; }
.nav_ul li a:hover{ color: #005bac;  transition: all 0.5s ease 0s;}
.foot{ background: #04163f }
.foot_top{ border-bottom: 1px solid #233256 }
.foot_img{ float: left; line-height:180px;  }

.foot_ul{ float: right; padding-top: 114px; }
.foot_ul li{ float: left; margin-left: 58px; }
.foot_ul li a{ font-size:16px; display: block; color: #fff; height:36px; line-height: 36px;    transition: all 0.5s ease 0s; }
.foot_ul li a:hover,.add_right li a:hover{ transition: all 0.5s ease 0s; font-weight: bold; }
.foot_bottom{ padding: 40px 0; }
.hot{ float: left; width:450px; background: url(../images/foot.jpg) right top no-repeat; height: 120px;  }
.hot dt{ float: left; margin-right:16px;  }
.hot dd{ float: left; width: 310px; }
.hottit{ display: block; height:28px; line-height: 28px; overflow: hidden; font-size:16px; color: #cccdd2   }
.hotnum{ display: block; height:40px; line-height: 40px; overflow: hidden; font-size:36px; color: #fff}
.admin{ float: left; width:608px; margin: 0 0 0 32px; background: url(../images/foot.jpg) right top no-repeat; }
.cn_div{ height:22px; line-height: 22px; margin-bottom: 14px; font-size: 12px; overflow: hidden; color: #fff;  }
.cn_div img{ margin-right:14px  }
.cn_ul li{ float: left; margin-right: 30px; font-size: 16px; color: #fff; height: 30px; line-height: 30px; }
.cn_ul li img{ margin-right:10px;  }
.cn_ul{ padding-top: 20px; }
.footwhat{ float: right; width: 174px; }
.what_tit{height: 24px; line-height: 24px; color: #fff; width: 131px;font-size: 14px; text-align: center;}
.what_tit .what_i{ font-size: 16px; color: #d2e1ef;  line-height: 16px; display: block; text-align: center; }
.whatimg{   }
.whatimg img{width: 131px; height: 129px; overflow: hidden;}
.add{ height:72px; border-top: 1px solid #1e2e53 }
.add_left{ float: left; font-size: 16px; color: #fff; height: 72px; line-height: 72px; }
.add_left a{font-size: 14px; color: #fff;}
.add_right{ float: right; }
.add_right li{ float: left; padding: 0  20px;background: url(../images/footline.jpg) right center no-repeat;}
.add_right li a{ display: block; transition: all 0.5s ease 0s;font-size:16px; color: #fff; height: 72px; line-height: 72px;  }
.add_right li:nth-last-child(1){ background: none; }
.catalog{ background: url(../images/cata.png) right center repeat;height: 90px; overflow: hidden; margin-top: -90px; border-radius: 5px 5px 0 0;}
.catalog_ul{ padding:20px 0 20px 10px;  float: left; }
.catalog_ul li{ float: left; margin-left: 10px; }
.catalog_ul li a{ display: block; font-size:18px; border-radius: 5px; padding: 0 15px; transition: all 0.5s ease 0s; height: 50px; line-height: 50px; text-align: center; overflow: hidden;   }
.catalog_ul li a:hover,.catalog_ul li a.on{ color: #fff; background: #005bac; transition: all 0.5s ease 0s; }
.site_ul{ float: right;  background: url(../images/home1.png) left center no-repeat; padding-left: 24px;  }
.site_ul li{ float: left; }
.site_ul li a{ display: block; transition: all 0.5s ease 0s; font-size: 16px; height: 90px;background: url(../images/home2.png) right center no-repeat; line-height: 90px; color: #a3a3a2; padding: 0 20px 0 10px; }
.site_ul li:nth-last-child(1) a{  background: none; color: #333333 }
.site_ul li a:hover{ color: #333; transition: all 0.5s ease 0s; }

.about{background: url(../images/aboutbj.jpg) center top no-repeat;}
.about_inner{ padding: 105px 0; }
.culture{background: url(../images/culbj.jpg) center top no-repeat; height:900px; padding-top: 40px; }
.cul_tit{ font-size: 26px; text-align: center; height:90px; line-height: 90px; display: block;  }
.cul_line{ display: block; margin: 0 auto 30px; width:30px; height: 2px; background: #cbcbcb;  }
.cul_word{ text-align: center; line-height: 30px; overflow: hidden; font-size:20px; color: #666666 ; margin-bottom: 50px;  }
.cul_ul li{ width: 25%; float: left; height: 280px; }
.cul_ul li:nth-child(1){background: url(../images/cul1.jpg) center top no-repeat; background-size: cover;}
.cul_ul li:nth-child(2){background: url(../images/cul2.jpg) center top no-repeat; background-size: cover;}
.cul_ul li:nth-child(3){background: url(../images/cul3.jpg) center top no-repeat; background-size: cover;}
.cul_ul li:nth-child(4){background: url(../images/cul4.jpg) center top no-repeat; background-size: cover;}
.feel_tit{ display: block; text-align: center; font-size:26px; color: #fff; height: 72px; line-height: 72px; overflow: hidden; padding-top: 48px;  }
.feel_div{ height:120px; line-height: 20px; overflow: hidden; color: #fff; font-size:16px; padding: 0 10px;  text-align: justify;  }


.flex-viewport{width: 100%;height: 100%;}
.flexslider {position: relative;width: 100%;height: 100%; overflow: hidden; text-align: center; clear: both;}
.slides li .banner_img{ width: 100%; height: 100%;     transform: translate3d(0px, 0px, 0px);  transition: all 1000ms ease 0s}
.slides li { position:relative; width:100%; height: 100%; float: left; }
.slides li.flex-active-slide img{ -webkit-animation:scale-bg 6s linear forwards;
  animation:scale-bg 6s linear forwards; }
.slides {width:100%; height:auto;}
.flex-control-nav {display: block; width: 100%;  text-align: center; box-sizing: border-box;  z-index: 99;  position: absolute; left: 0; bottom: 60px; }
.flex-control-nav li{  display: inline-block; margin: 0 15px;}
.flex-control-nav li a{ display: block; background: #fff; width: 50px; height: 6px; border-radius: 6px; font-size: 0;transition: all 0.5s ease 0s; }
.flex-control-nav li a.flex-active{background:#005bac; transition: all 0.5s ease 0s; }
.flex-direction-nav{ display: block;}
.flex-direction-nav .flex-prev{background: url(../images/banner_left.png) left center no-repeat; transition: all 0.5s ease 0s; position: absolute;  width: 23px; height:45px;top: 50%; margin-top: -22.5px; left: 148px; display: block; font-size: 0; }
.flex-direction-nav .flex-next{background: url(../images/banner_right.png) left center no-repeat;  transition: all 0.5s ease 0s; position: absolute;  width: 23px; height:45px;top: 50%; margin-top: -22.5px; right: 148px; display: block; font-size: 0; }
.flex-direction-nav .flex-prev:hover{background: url(../images/banner_left1.png) left center no-repeat; transition: all 0.5s ease 0s;}
.flex-direction-nav .flex-next:hover{background: url(../images/banner_right1.png) left center no-repeat; transition: all 0.5s ease 0s;}




@-webkit-keyframes scale-bg{
  from{
    -webkit-transform:scale(1.2);
    transform:scale(1.2);
  }
  to{
    -webkit-transform:scale(1);
    transform:scale(1);
  }
}
@keyframes scale-bg{
  from{
    -webkit-transform:scale(1.2);
    transform:scale(1.2);
  }
  to{
    -webkit-transform:scale(1);
    transform:scale(1);
  }
}

.platform{background: url(../images/serbj1.jpg) center top no-repeat; height: 467px;}
.plat_tit{ font-size:26px; padding-top: 58px; height:92px; line-height: 92px; overflow: hidden; text-align: center;   }
.plat_line{ display: block; margin: 0 auto 28px; width:30px; height: 2px; background: #cbcbcb;  }
.plat_inner{ height:114px; line-height: 38px;  font-size:16px; text-align: justify; overflow:hidden; padding: 0px    }
.plat_blue{ color: #005bac }
.int{background: url(../images/serbj2.jpg) center top no-repeat; height: 490px; position: relative; }
.int_img{  position: absolute; left: 50%; top: -90px; width:787px; margin-left:-393.5px;    }
.mind{background: url(../images/serbj3.jpg) center top no-repeat; height: 990px; position: relative;}
.mind_ul{ position: absolute; left: 50%; top: -105px; padding-top: 40px; background: #fff; border-radius: 5px; height: 200px; box-shadow: 0 0 10px 0 #eef3f9; width:1340px; margin-left: -670px;  }
.mind_ul li{ float: left; width: 33.3%; border-right: 1px solid #dddfed; box-sizing: border-box;  }
.mind_img{ display: block; text-align: center;height: 100px; line-height: 100px;}
.mind_tit{ display: block; text-align: center; font-size: 20px; height: 56px; line-height: 56px; overflow: hidden; }
.mind_ul li:nth-last-child(1){ border-right: none; }
.mind_div{ padding-top:220px;  }
.mindping{ text-align: center; height:120px; line-height: 120px; overflow: hidden; display: block; font-size: 26px;  }
.mind_pic img{ width: auto; height: auto; max-width: 100% }
.mind_pic { text-align: center; }

.web li{ width: 25%; float: left; border-bottom: none; border-right: 1px solid #516394; box-sizing: border-box; overflow: hidden; position: relative; }
.web li:nth-last-child(1){ border-right: none; }
.web_img img{ width: 100%; height: auto; }
.web_hover{ position: absolute; left:0; height: 177px; overflow: hidden; bottom: 80px; width: 100%;  transition: all 0.5s ease 0s; }
.web_pic{ display: block; text-align: center; height:112px; line-height: 112px; overflow: hidden;  }
.web_tit{ text-align: center; display: block; height: 48px; line-height: 48px; font-size: 26px; overflow: hidden; color: #fff; margin-bottom: 20px; }
.web_line{ display: block; transition: all 0.5s ease 0s; width:20px; height: 2px; margin: 0 auto 30px; background: #9cbcd6;  }
.web_yuan{ height: 30px;transition: all 0.5s ease 0s; line-height: 30px; display: block; text-align: center; overflow: hidden; color: #fff; font-size: 20px; overflow: hidden; }
.web li:hover .web_hover{height: 242px; transition: all 0.5s ease 0s;}

.contbj{background:#fff  url(../images/contbj.jpg) center top no-repeat; }
.contbj{ padding:112px 0 100px 0;  }
.help_left{ float: left; width: 630px; }
.get_tit{ font-size: 26px; height:46px; line-height: 46px; overflow: hidden; display: block;  }
.get_line{ display: block; margin:26px 0 22px 0;   width: 30px; height: 2px; background: #cbcbcb;}
.get_zi{ height:66px;text-align: justify;  line-height: 33px; overflow: hidden; padding-right: 260px; margin-bottom:50px; font-size: 16px; color: #666666;   }
.get_img img{ width:auto; height: auto; max-width: 100%  }
.help_right{ float: right; width: 630px; border-top: 1px solid #dfdfdf }
.comp{ border-bottom: 1px solid #dfdfdf }
.comp_left{ float: left; width:170px; padding-top: 18px;  }
.comp_tit{ height: 56px; line-height: 56px; font-size:26px; overflow: hidden;  }
.comp_right{ float: right; width:400px; padding-top: 18px;  }
.comp_dl dt{  font-size:16px; height: 56px; line-height: 56px; overflow: hidden; color: #666666;border-bottom: 1px solid #dfdfdf  }
.comp_dl dd{ height: 56px; line-height: 56px; overflow: hidden; font-size:26px;  }
.comp_dl dd img{ margin-right:20px;  }
.area_img{ float: left; margin-right:20px; width: 20px;line-height:32px;    }
.area_tit{ float: left; width:340px; font-size: 16px; line-height:32px;  }
.comp_add dd{ margin: 10px 0 5px 0; }
.help{ margin-bottom: 118px; }
.mess_right{ float: right; width:630px;  }
.mess_right img{ width: 630px; height:760px;  }
.mess_left{ width: 630px; float: left; }
.mess_tit{ font-size: 26px; height:50px; line-height: 50px; overflow: hidden; display: block;  }
.mess_div{ height:60px;text-align: justify;  line-height: 30px; overflow: hidden; font-size:14px; color: #666666; margin-bottom: 38px;   }
.mess_txt{ height:78px; line-height: 78px; margin-bottom: 30px; overflow: hidden; width: 100%; border: none; border-bottom: 1px solid #dfdfdf; font-size: 16px; }
.mess_area{ height:140px; line-height: 48px; margin-bottom: 30px; resize: none; overflow: hidden; width: 100%; border: none; border-bottom: 1px solid #dfdfdf; font-size: 16px;}
.sub_mess{ float: right; transition: all 0.5s ease 0s; margin-top: 50px; cursor: pointer; width:168px;background: url(../images/mess.png) 130px center no-repeat; text-align: left;  height: 58px; border: 1px solid #575757; border-radius: 5px; font-size: 16px; text-indent:20px;  }
.mess_code{ float: left; }
.mess_name{ height: 50px; line-height: 50px; display: block;font-size: 16px; }
.code_div{ border: 1px solid #cfd8dc; border-radius: 5px; width:298px; height:58px; overflow: hidden;  }
.codetxt{ float: left;  height: 58px; line-height: 58px; width: 167px; border: none; padding: 0 10px; box-sizing: border-box; font-size: 16px; color: #b4c1c6; border-right: 1px solid #cfd8dc}
.codeimg{ float: left; height: 58px; line-height: 58px; overflow: hidden; }
.sub_mess:hover{ background: #005bac url(../images/newssee1.png) 130px center no-repeat; color: #fff; transition: all 0.5s ease 0s; }
.achieve{ padding:60px 0 0 0;  }
.ach_tit{ display: block; height:88px; line-height: 88px; text-align: center; font-size:26px; overflow: hidden;   }
.ach_line{ display: block; margin: 0 auto 28px; width:30px; height: 2px; background: #cbcbcb;  }
.ach_div{ line-height: 36px; font-size: 16px; margin-bottom: 50px;  }
.ach_img{ text-align: center; margin-bottom: 170px;}
.ach_img img{ width: auto; height: auto; max-width: 100% }
.fare{ position: relative; height:359px;  }
.fare_scroll{ position: absolute; left: 0; width: 1340px; top: 0; height: 359px; overflow: hidden; }
.fare_img{ float: left; width: 720px; height: 359px; overflow: hidden; }
.fare_img img{width: 720px; height: 359px; overflow: hidden; }
.fare_right{ float: right; width:580px; }
.fare_tit{ display: block; margin-bottom: 20px; height: 88px; line-height: 88px; overflow: hidden; border-bottom: 1px solid #eaeaea; font-size:26px;background: url(../images/join.png) right center no-repeat;  }
.fare_div{ height: 138px; overflow: hidden; margin-bottom: 50px; }
.fare_zi{  line-height: 34px; font-size: 18px;background: url(../images/join1.png) left 14px no-repeat; padding-left: 20px;  color: #666666; }
.fare_num{ display: block; height: 62px; line-height: 62px; overflow: hidden; font-size:60px; color: #ededed  }
.button_left{ position: absolute; bottom: 0; right:80px; width:48px; height: 48px;background:#fff url(../images/join_left.png) center center no-repeat; border: 1px solid #d6d6d6; border-radius: 5px; display: block;   }
.button_right{ position: absolute; bottom: 0; right:0px; width:48px; height: 48px;background:#fff url(../images/join_right.png) center center no-repeat; border: 1px solid #d6d6d6; border-radius: 5px; display: block;  }
.welfare{ margin-bottom: 100px; }
.jobimg{ text-align: center; margin-bottom: 70px;text-align: justify;  }
.jobimg img{ width: auto; height: auto; max-width: 100% }
.wei_i{ font-size: 26px; height:48px; line-height: 48px; overflow: hidden; display: block; overflow: hidden;  }
.wei_zi{ height:36px; line-height: 36px; color: #666666;  font-size: 16px; overflow: hidden; margin-bottom: 32px;}

.pos dt{ height:80px; background: #005bac; margin-bottom:40px;  border-radius: 5px;  }
.pos_dt{ font-size:20px; color: #fff; height: 80px; line-height: 80px; width: 16.6%; float: left;  text-indent: 40px; }
.pos_dt:nth-child(1),.pos dd li:nth-child(1){ width: 16.6% }
.recu ul{ cursor:pointer; background:#fff; height:80px; line-height:80px;}
.pos dd li{width:16.6%; float:left; display:block; text-indent: 40px; color:#666666; font-size: 14px; overflow:hidden}
.Requirement{display:none; background: #fff; box-shadow: 0 0 10px #eff2f4; padding: 30px 40px 30px 0; line-height: 34px; font-size: 16px; }
.join_add{ display: block;background: url(../images/join3.png) left top no-repeat; width: 60px; height: 50px; margin: 15px 0 0 40px; }
.pos dd{ background: #fff; box-shadow: 0 0 10px #f0f2f5; margin-bottom:40px;  }
.req_em{ display: block; font-size: 22px; color: #005bac; height: 50px; line-height: 50px; }
.req_left{ float: left; width: 50%; padding-left: 40px; box-sizing: border-box; overflow:hidden}
.req_right{ float: left; width: 50%; padding-left: 40px; box-sizing: border-box;overflow:hidden}
.recu ul.act{ background: #eeeeee }
.recu ul.act .join_add{ display: block;background: url(../images/join2.png) left top no-repeat;}
.job{ padding-bottom: 80px; }

.path{ padding:50px 0 70px 0;  }
.path_ul{ margin: 0 0 0 -34px; }
.path_ul li{ float: left; margin: 0 0 0 34px; width:421px;  }
.path_div{ width: 421px; height: 240px; position: relative; margin-bottom: 22px; }
.path_div img{ width: 421px; height: 240px; overflow: hidden; }
.path_tit{ position: absolute; left: -10px; bottom:20px; width: 120px; height: 40px; line-height: 40px; text-align: center; color: #fff; font-size:20px; overflow: hidden; background: #005bac   }
.path_inner{}
.path_inner .path_i{ line-height:32px; display: block; font-size:16px;  margin-bottom: 10px; padding-left: 15px; background: url(../images/join1.png) left 13px no-repeat;  }

.term li{ width: 30%;transition: all 0.5s ease 0s; border-right: 1px solid #3b4d69; box-sizing: border-box; position: relative; overflow: hidden; float: left; background:url(../images/path1.jpg) left top no-repeat; background-size: cover; height: 590px;  }
.term li:nth-child(2){ background:url(../images/path2.jpg) left top no-repeat;background-size: cover;}
.term li:nth-child(3){ background:url(../images/path3.jpg) left top no-repeat;background-size: cover;}
.term_inner{ position: absolute; left: 0; top: -100%; width: 100%;transition: all 0.5s ease 0s; }
.term_he{ position: absolute; left: 0; width: 100%; bottom: 100px;transition: all 0.5s ease 0s; }
.term_img{ display: block; text-align: center; height:144px; line-height: 144px;  }
.term_tit{ display: block; text-align: center; height: 64px; line-height: 64px; color: #fff;  font-size:24px;  }
.term_tit{ display: block; margin-bottom: 50px; text-align: center; height: 48px; line-height: 48px; overflow: hidden; color: #fff; font-size:26px;  margin-top: 50px; }
.term_li{ height:86px; display: block; line-height: 86px; overflow: hidden; text-align: center; color: #fff; font-size:20px;  }
.term_line{ display: block; background: #fff; width:30px; height: 1px; margin: 0 auto 18px; }
.term_div{ line-height: 38px; color: #fff;text-align: justify;  font-size:14px;  padding:0 65px;  }
.term li.on{ width:40%; transition: all 0.5s ease 0s;  }
.term li.on .term_inner{  top: 0; transition: all 0.5s ease 0s; }
.term li.on .term_he{ bottom: -100%; transition: all 0.5s ease 0s; }
.apply{background:url(../images/deabj.jpg) center top no-repeat; height: 1111px;}


.apply_div{ margin:0 0 20px -40px;  }
.mess_em{ display: block; font-size: 16px; height: 56px; line-height: 56px; overflow: hidden; }
.apply_txt{ background: #fff; font-size: 16px; border-radius: 5px;padding:0 10px; box-sizing: border-box;  box-shadow: 0 0 10px #eef1f5; width: 650px; height: 60px; line-height: 60px; border: none; }
.apply_inner{ float: left; margin:0 0 0 40px; width: 650px; }
.mess_i{ display: block; font-size: 16px; height:38px; line-height: 38px; color: #999999 }
.mess_no{ margin-left: 0; }
.mess_area{ width: 100%; background: #fff; border-radius: 5px; box-shadow: 0 0 10px #eef1f5; resize: none; padding: 10px; box-sizing: border-box; height: 190px; line-height: 24px; border: none; }
.apply_left{width: 380px; float: left; }
.code_txt{ background: none; float: left; font-size: 16px; color: #b4c1c6; width: 246px;}
.mess_what{height: 58px; width:378px; border: 1px solid #cfd8dc; border-radius: 5px; overflow: hidden;}
.code_img{ float: right; width:130px; height: 58px; line-height: 58px; border-left: 1px solid #cfd8dc; border-radius: 0 5px 5px 0;   }
.apply_right{ float: right; }
.mess_sub{ cursor: pointer; width:228px; height: 58px; text-align: left; background: url(../images/mess.png) 190px center no-repeat; border-radius: 5px; border: 1px solid #575757; text-indent: 20px; font-size:16px; color: #575757 ; margin-top: 70px; }
.mess_sub:hover{background: url(../images/sub11.png) 190px center no-repeat; color: #02368c; border: 1px solid #02368c}
.app_tit{ font-size: 26px; padding-top: 68px;  display: block; text-align: center; height:58px; line-height: 58px; overflow: hidden;  }
.app_zi{ height:50px; line-height: 50px; text-align: center; font-size: 16px; overflow: hidden; color: #666666; margin-bottom: 24px;  }
.app_red{ color: #f30b0b }
.trade{background: #fff; position: relative; font-size: 16px; color: #b4c1c6; border-radius: 5px;padding:0 10px; box-sizing: border-box;  box-shadow: 0 0 10px #eef1f5; width: 100%; height: 60px; line-height: 60px; border: none;}
.trade_file{ position: absolute; top: 0; right: 0; width:350px; height: 60px; line-height: 60px; background: none; z-index: 999; border-radius: 5px; opacity: 0;  text-align: center; color: #fff; display: block; font-size: 16px; cursor: pointer;  }
.trade_sub{position: absolute; top: 0; right: 0; width:350px; height: 60px; line-height: 60px; background: #d1d1d1; border-radius: 5px;   text-align: center; color: #fff; display: block; font-size: 16px; cursor: pointer; }

.news{ padding: 50px 0; }
.news_ul{ margin:0 0 0 -40px;  }
.news_ul li{ float: left; transition: all 0.5s ease 0s;  margin:0 0 60px 40px; width: 420px; }
.news_img{ width: 420px; height: 280px; overflow: hidden; display: block; }
.news_img img{width: 420px; height: 280px; overflow: hidden;}
.news_div{ padding:30px 40px 30px 0;  }
.news_year{ float: left; width:90px; border-right: 1px solid #333333; height: 60px; margin-right: 20px;  }
.year_day{ display: block;  transition: all 0.5s ease 0s;height: 40px;  line-height: 40px; font-size:34px; overflow: hidden; text-align: center;  }
.year_time{display: block; transition: all 0.5s ease 0s; height: 20px;  line-height: 20px; font-size:14px; overflow: hidden;  text-align: center;   }
.news_tit{ display: block; text-align: justify; float: left;transition: all 0.5s ease 0s; width: 268px; height: 80px; line-height: 20px; overflow: hidden; font-size:14px;  }
.news_see{ font-size: 16px; transition: all 0.5s ease 0s; border: 1px solid #cbcbcb; background:  url(../images/see1.png) 384px center no-repeat; height:46px; line-height: 46px; border-radius:5px; text-indent: 20px;  }
.news_ul li:hover .news_tit,.news_ul li:hover .year_day,.news_ul li:hover .year_time{ color: #005bac; transition: all 0.5s ease 0s; }
.news_ul li:hover .news_see{background: #005bac url(../images/see11.png) 384px center no-repeat; color: #fff; transition: all 0.5s ease 0s; }
.news_ul li:hover{ transition: all 0.5s ease 0s; transform: translateY(-10px); }


.rel{ padding: 0px 0 22px 0; border-bottom: 1px solid #cbcbcb; margin-bottom: 30px; }
.reltit{ height:58px; line-height: 58px;  overflow: hidden; font-size:26px;   }
.rel_time{  height:50px; line-height: 50px;  font-size:16px; overflow: hidden;   }
.piece{ padding-top: 40px; border-top: 1px solid #cbcbcb; }
.news_info{ background:#fff; padding:50px 0 100px 0;  }
.end{ display: block; transition: all 0.5s ease 0s; float: right; height: 52px; line-height: 52px; width:188px; border: 1px solid #575757; border-radius: 52px; text-indent:20px; font-size: 16px; background: url(../images/end1.png) 152px center no-repeat;   }
.piece_left{ float: left; }
.piece_left a{ display: block; margin-right:40px; transition: all 0.5s ease 0s; width:120px; height: 54px; background: #f5f5f5; float: left; line-height: 54px; border-radius: 54px; text-align: center; font-size:16px;    }
.tact_tit{ font-size: 20px; height:70px; line-height: 70px; display: block;  }
.piece_left a:hover{ color: #fff; background: #0068c6; transition: all 0.5s ease 0s; }
.end:hover{ color: #fff; background:#0068c6 url(../images/end11.png) 152px center no-repeat;  border: 1px solid #0068c6;  transition: all 0.5s ease 0s; }
.newsword{ padding-bottom: 30px; }
.case{ padding: 50px 0 0 0; }
.case_ul{ margin:0 0 0 -22px;  }
.case_ul li{ float: left; width:430px; margin: 0 0 30px 22px;  }
.case_img{ display: block; overflow: hidden; width: 430px; height:300px; margin-bottom: 20px; }
.case_img img{ overflow: hidden;transition: all 1s ease 0s; width: 430px; height:300px;}
.case_div{ padding:0 20px;  }
.case_tit{ display: block; height:34px; line-height: 34px; overflow: hidden; font-size: 20px;  }
.case_fen{display: block; height:30px; line-height: 30px; overflow: hidden; font-size: 14px;}
.case{ padding-bottom: 50px; }
.case_ul li:hover .case_tit{ color: #005bac; background: url(../images/case_see.png) 372px center no-repeat; }
.case_ul li:hover .case_img img{ transition: all 1s ease 0s; transform: scale(1.1); }
.research{ padding: 50px 0; }
.res_div{ font-size: 16px; line-height:34px; text-align: justify; padding: 0 0px;  margin-bottom: 50px; }
.demand{ position: relative; height:440px; }
.demand_scroll{ position: absolute; left: 0; width: 1340px; height: 440px; overflow: hidden; top: 0; }
.demand_ul{ width: 10000px; }
.demand_ul li{ float: left; margin-right:40px; width: 420px; height: 440px;  position: relative; overflow: hidden; }
.demand_div{  position: absolute; left: 0; top: 0; width: 420px; height: 440px;  }
.demand_div img{width: 420px; height: 440px;  overflow: hidden;}
.demand_hover{ position: absolute; left: 0; bottom: 60px; width: 100%; padding: 0 30px; box-sizing: border-box; }
.demand_img{ display: block;  height:30px; line-height: 30px; overflow: hidden;  }
.demand_tit{ display: block; height:60px; line-height: 60px; margin-bottom: 10px; color:#fff; border-bottom: 1px solid #7e7d9a; overflow: hidden; font-size:22px;   }
.demand_zi{ line-height: 32px; overflow: hidden; font-size:16px; color: #fff;   }
.demand_left{position: absolute; top: 50%; margin-top: -25px; left:-90px; width:48px; height: 48px;background:url(../images/join_left.png) center center no-repeat; border: 1px solid #d6d6d6; border-radius: 5px; display: block;  }
.demand_right{position: absolute; top: 50%; margin-top: -25px; right:-90px; width:48px; height: 48px;background:url(../images/join_right.png) center center no-repeat; border: 1px solid #d6d6d6; border-radius: 5px; display: block;}

.active{background:url(../images/resbj.jpg) center top no-repeat; height: 580px; padding-top: 352px; }
.active_ul{ border-top:10px solid #005bac;  background: #fff; padding-bottom: 54px;box-shadow: 0px 20px 30px -20px #e4e9ef;}
.active_ul li{ width: 33.3%; float: left; padding:0 50px; box-sizing: border-box;  }
.act_img{ display: block; text-align: center; height:102px; line-height: 102px; overflow: hidden;  }
.act_tit{ display: block; height:44px; line-height: 44px; font-size:26px; overflow: hidden; text-align: center;  margin-bottom: 12px; }
.act_zi{  text-align: justify; overflow: hidden; font-size: 16px; line-height:32px;   }
.honor{background:url(../images/honor.jpg) center top no-repeat; height: 812px;}
.honor_inner{ padding: 50px 0 0 0; }


#certify {
  position: relative;
  width: 1340px;
  margin: 0 auto
}

#certify .swiper-container {
  padding-bottom: 60px;
}

#certify  .swiper-slide {
  width: 540px;
  height: 430px;
  
  
}
#certify  .swiper-slide img{
  display:block;
}
#certify  .swiper-slide p {
  line-height: 98px;
  padding-top: 0;
  text-align: center;
  color: #636363;
  font-size: 1.1em;
  margin: 0;
}

#certify .swiper-pagination {
display: none!important;
}

#certify .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 5px;
  border: 3px solid #fff;
  background-color: #d5d5d5;
  width: 10px;
  height: 10px;
  opacity: 1;
}

#certify .swiper-pagination-bullets .swiper-pagination-bullet-active {
  border: 3px solid #00aadc;
  background-color: #fff;
}

#certify .swiper-button-prev {
  left: 150px;
  width: 48px;
  height: 48px;
  background: url(../images/join_left.png) center center no-repeat!important;
  border: 1px solid #b9babd;
   border-radius: 5px;
   top: 84%!important
  
}
#certify .swiper-button-prev:hover{ border: 1px solid #005bac; background:#005bac url(../images/join_left1.png) center center no-repeat!important;}


#certify .swiper-button-next {
  right: 150px;
 width: 48px;
  height: 48px;
  background: url(../images/join_right.png) center center no-repeat!important;
border: 1px solid #b9babd;
   border-radius: 5px;
   top: 84%!important
  
}

#certify .swiper-button-next:hover{border: 1px solid #005bac; background:#005bac url(../images/join_right1.png) center center no-repeat!important;}

.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after,.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after{ display: none!important; }
.honortit{ font-size: 26px; height:100px; line-height: 100px; display: none; text-align: center; margin-top: 20px;  }
.swiper-slide-active .honortit{ display: block; }

.deve{/* background:url(../images/devbj.jpg) center top no-repeat; */ position: relative; overflow: hidden; height: 870px;}
.deve_color{ padding-top: 50px; }
.deve_color .ach_tit{ color: #fff; }
.small_lop{ height: 64px; position: absolute; bottom: 42px; left: 0; width: 100%; z-index: 999; }
.small_inner{  overflow: hidden; height: 64px; width: 1340px; text-align: center;  }
.small_inner li{ display: inline-block;transition: all 0.5s ease 0s; margin: 0 30px; cursor: pointer; font-size: 30px; color: #fff; padding: 0 5px; height: 62px;}
.small_inner li.on{ font-weight: bold; border-bottom: 2px solid #fff; transition: all 0.5s ease 0s; }
.left_lop{background:url(../images/join_left1.png) center center no-repeat; cursor: pointer; height: 48px; width:48px;border: 1px solid #d6d6d6;
    border-radius: 5px; position: absolute; left: 5px; top: 0px; }
.right_lop{background:url(../images/join_right1.png) center center no-repeat; cursor: pointer; height: 48px; width:48px;position: absolute;border: 1px solid #d6d6d6;
    border-radius: 5px; right:  5px; top: 0px; }
.large_lop li{ display: none; }
.lop_dl dt{ font-size:80px; margin-bottom: 108px; color: #fff; height:96px; line-height: 96px; text-align: center; overflow: hidden;   }
.exp_time{ height: 38px; line-height: 38px; display: block; overflow: hidden; font-size:20px; color: #fff; margin-right: 20px; display: inline-block; }
.exp_tit{ line-height: 38px; display: block; overflow: hidden;background:url(../images/deve2.png) left 15px no-repeat; font-size:20px; color: #fff;padding-left: 30px; display: inline-block; }
.lop_dl dd{background:url(../images/deve1.png) 4px top repeat-y; width: 800px; margin: 0 auto }
.small_inner ul{ width: 100%!important; }
.small_lop .box{ position: relative; }

.pro{background:#f1f5f8 url(../images/probj.jpg) left top no-repeat; position: relative; padding: 192px 0 10px 0;}
.pro_nav{ position: absolute; left: 100px; top: 20%; z-index: 9999; }
.pro_nav li{ margin-bottom: 5px; }
.pro_nav a{ display: block; font-size: 20px; transition: all 0.5s ease 0s; height: 82px;background:url(../images/round1.png) left center no-repeat; line-height: 82px; padding-left: 34px; }
.pro_nav a.on,.pro_nav a:hover{background:url(../images/round2.png) left center no-repeat; transition: all 0.5s ease 0s; height: 116px; line-height: 116px; font-size:26px;  }

.pro_ul li{ margin-bottom:120px; position: relative; height:518px;  }
.pro_img { position: absolute; left: 0; top: 0; overflow: hidden;}
.pro_img img{ width: 1000px; height: 518px; overflow: hidden;transition: all 1s ease 0s; }
.pro_hover{ position: absolute; right: -172px; top: 0; width: 600px; height: 470px; }
.pro_num{ display: block; font-size: 160px; color: #e9eff3; text-align: center; margin-top: -60px; font-style: inherit; }
.mac{ position: absolute; left: 0; top:86px; background: #fff; height: 380px; border-radius: 5px; padding: 0 60px; box-sizing: border-box; box-shadow: 0 0 20px #d9e1e9 }
.mac_tit{ display: block; transition: all 0.5s ease 0s; height: 96px; margin-bottom: 20px; line-height: 96px; overflow: hidden; font-size:26px; padding-top:28px; border-bottom: 1px solid #e2e9ed;  }
.mac_div{ height:72px; line-height: 36px; overflow: hidden; font-size: 16px; margin-bottom:44px;   }
.mac_see{ display: block; transition: all 0.5s ease 0s;   width:178px; height: 56px; line-height: 56px; border-radius: 5px;background:url(../images/case_see.png) 136px center no-repeat;  border: 1px solid #cbcbcb; font-size: 16px; text-indent: 30px;  }
.mac_line{ position: absolute; left: 0; top: 33px; height:30px; width: 3px; background: #005bac;  }
.pro_ul li:nth-child(even) .pro_img{  top: 0; left: inherit; right: -172px; }
.pro_ul li:nth-child(even) .pro_hover{ right: inherit; left: 0; }

.pro_ul li:hover .pro_img img{ transition: all 1s ease 0s; transform: scale(1.1); }
.pro_ul li:hover .mac_tit{ color: #005bac; transition: all 0.5s ease 0s; }
.pro_ul li:hover .mac_see{ color: #fff;background:url(../images/newssee2.png) 136px center no-repeat; color: #005bac; transition: all 0.5s ease 0s;  border: 1px solid #005bac; }

.mag_left{ float: left; width:650px; overflow: hidden; }
.prowrap{ padding-bottom: 60px;}

.mag_left .small_list ul{height:112px;overflow:hidden}
.mag_left .small_list ul li{position:relative;float:left; cursor: pointer; margin-right:12px;width:118px; overflow: hidden;  border: 1px solid #dddddd; box-sizing:border-box;}
.mag_left .small_list ul li img{display:block; width:118px; height: 108px;}

.mag_left .small_list ul li.on { border: 1px solid #005bac }
.mag_left .btn{display:none;width:60px;height:60px;cursor:pointer; position: absolute;}

.mag_left .large_box{  width:650px; height: 650px; line-height: 650px;  margin-bottom:20px;  }
.mag_left .large_box li{ display: none; text-align: center; }
.mag_left .large_box li img{width:650px; height: 650px; }
.mag_left .small_box{  width: 650px;height: 112px;  }
.mag_left .small_list{ height: 112px; width:650px; overflow: hidden;}
.mag_left .mag_banner{ position: relative; }

.mag_right{ float: right; width:650px; padding-top: 72px;  }
.mag_title{ font-size: 38px; height:126px; line-height: 126px; overflow: hidden; }
.mag_ul li{ font-size: 20px; height:79px; line-height: 79px; border-bottom: 1px solid #dde8ed;  }
.mag_ul { margin-bottom:92px;  }

.mag_right{ float: right; width:650px; padding-top: 20px;  }
.mag_title{ font-size: 38px; height:126px; line-height: 126px; overflow: hidden; }
.mag_ul li{ font-size: 20px; height:79px; line-height: 79px; border-bottom: 1px solid #dde8ed;  }
.mag_ul { margin-bottom:92px;  }
.hot_right{ float: right; }
.hot_right a{ display: block; font-size: 16px; width:178px; height: 58px; line-height: 58px; border: 1px solid #02368c; background: #02368c; border-radius: 10px; text-align: center; color: #fff;  }
.hot_left{ float: left; }
.hot_left dt{ float: left; margin-right: 20px; }
.hot_left dd{ float: left; }
.hot_tit{ display: block; height:30px; line-height: 30px; font-size:14px; overflow: hidden;  }
.hot_num{ display: block; height:30px; line-height: 30px; font-size:24px; overflow: hidden; color: #02368c;  }
.pro_infodiv{   }
.des_tit{ font-size: 36px;height:190px; line-height: 190px; text-align: center;  }
.chem_inner{ padding:50px 0 20px 0;  }
.chem_inner{ display: none; }
.ject_tit{ height:120px; line-height: 40px; overflow: hidden; font-size: 20px;  }
.ject_dl { padding-top: 22px; border-top: 1px solid #999999; margin-bottom: 30px; }
.ject_dl dt{ height:60px; line-height: 60px; overflow: hidden; font-size:20px; background: url(../images/pro_info7.png) right center no-repeat;  }
.infor_word{ height: 72px; line-height: 36px; overflow: hidden; font-size:18px; color: #666666;  }
.good_i{ display: block; height:36px; line-height: 36px; overflow: hidden; font-size:18px; color: #666666; padding-left: 18px;background: url(../images/pro_info4.png) left center no-repeat;  }
.use_ul li{ width: 50%; float: left; height:36px; line-height: 36px; overflow: hidden; box-sizing: border-box; font-size: 18px; color: #666;padding-left: 18px;background: url(../images/pro_info3.png) left center no-repeat;   }
.use_ul { margin-bottom: 20px; }

.infor_left{ float: left; width: 190px; }
.infor_title{ font-size:26px; height:70px; line-height: 70px; overflow: hidden; display: block; margin-bottom: 20px;  }
.infor_ul li{ margin-bottom:8px;  }
.infor_ul li a{ display: inline-block; padding:10px 0; line-height: 24px; overflow: hidden; font-size:16px; overflow: hidden;   }
.infor_ul li.on a{ color: #005bac; border-bottom:2px solid #005bac; }
.infor{ background: #f3f4f8; padding: 120px 0; }
.infor_right{ float: right; width:1098px; background: #fff; border-radius: 5px; padding:30px 60px; box-sizing: border-box;   }
.piecepro{    margin: 60px 0;   }

.proend{ display: block; border-radius: 5px; float: left; margin:0 40px; width: 200px; height: 60px; line-height: 60px;  background: #f3f4f8 url(../images/page1.png) 47px center no-repeat; text-indent: 90px; font-size: 16px;   }
/*.piece_left:hover{background: #005bac url(../images/page_left.png) 30px center no-repeat; color: #fff;}
 .piece_right:hover{background: #005bac url(../images/page_right.png) 290px center no-repeat; color: #fff;} */
.proend:hover{background: #005bac url(../images/page11.png) 47px center no-repeat; color: #fff;}
.infor_inner{ display: none; }


 .propiece_left{ display: block; border-radius: 5px; float: left; width:345px; height: 60px; line-height: 60px; overflow: hidden; background: #f3f4f8 url(../images/page_left1.png) 30px center no-repeat; font-size: 16px; text-align: right;  padding-right:30px; box-sizing: border-box;   }
.propiece_right{display: block; border-radius: 5px;float: left; width:345px; height: 60px; line-height: 60px; overflow: hidden; background: #f3f4f8 url(../images/page_right1.png) 290px center no-repeat; font-size: 16px;   padding-left:30px; box-sizing: border-box; } 
.proend{ display: block; border-radius: 5px; float: left; margin:0 40px; width: 200px; height: 60px; line-height: 60px;  background: #f3f4f8 url(../images/page1.png) 47px center no-repeat; text-indent: 90px; font-size: 16px;   }
 .propiece_left:hover{background: #005bac url(../images/page_left.png) 30px center no-repeat; color: #fff;}
.propiece_right:hover{background: #005bac url(../images/page_right.png) 290px center no-repeat; color: #fff;} 
.proend:hover{background: #005bac url(../images/page11.png) 47px center no-repeat; color: #fff;}



.jour_top{ padding: 88px 0 0 0; }
.jourmind{ float: left; }
.mind_cn{ display: block; height:60px; line-height: 60px; overflow: hidden; font-size:40px;   }
.mind_en{ display: block; height:44px; line-height: 44px; overflow: hidden; font-size:18px;   }
.mindul{ float: right; margin-top:40px; }
.mindul li{ float: left; margin-left:40px;  }
.mindul li a{ display: block; width:138px; height: 48px; line-height: 48px; font-size: 16px; border-radius: 5px; transition: all 0.5s ease 0s; border: 1px solid #c1c1c1; text-align: center; font-size: 16px;  }
.mindul li.on a{ background: #005bac; border: 1px solid #005bac; color: #fff; transition: all 0.5s ease 0s; }
.jour_top{ margin-bottom: 34px; }
.poly{ float: left; width:640px;  }
.poly_dl dt{ height:40px; border-bottom: 2px solid #005bac;background:  url(../images/us2.png) right center no-repeat; }
.poly_time{ display: block; height:40px; line-height: 40px; font-size: 16px; color: #666666;background:  url(../images/us1.png) left center no-repeat; text-indent: 26px; }
.poly_tit{ display: block; height:78px; line-height: 78px; overflow: hidden; font-size:22px; color: #005bac   }
.poly_img{ width:640px; height: 317px; overflow: hidden;  }
.poly_img img{ width:640px; height: 317px; overflow: hidden; }
.scene{ float: right; width:640px;  }
.scene_dl dt{ height:40px; transition: all 0.5s ease 0s;margin-bottom: 20px; border-bottom: 2px solid #cbcbcb;background:  url(../images/us2.png) right center no-repeat; }
.scene_time{display: block; height:40px; line-height: 40px; font-size: 16px; color: #666666;background:  url(../images/us1.png) left center no-repeat; text-indent: 26px; }
.scene_dl{ margin-bottom: 22px; }
.scene_tit{ display: block; height:40px;  transition: all 0.5s ease 0s;line-height: 40px; overflow: hidden; font-size:22px;   }
.scene_zi{ height: 30px; text-align: justify; line-height: 30px; display: block; overflow: hidden; font-size:16px;  }
.scene_dl:hover .scene_tit{ color: #005bac; transition: all 0.5s ease 0s; }
.scene_dl:hover dt{ border-bottom:  2px solid #005bac;transition: all 0.5s ease 0s;background:  url(../images/newssee2.png) right center no-repeat;}

.jour_see{ display: block; width: 178px;transition: all 0.5s ease 0s; height: 56px; line-height: 56px; border: 1px solid #005bac; margin: 0 auto; font-size: 16px; color: #fff; border-radius: 5px; background: #005bac url(../images/newssee1.png) 136px center no-repeat; text-indent:30px;  }
.jour_bottom{ padding-bottom:100px;  }
.jour_div{ margin-bottom: 70px; }
.jour_see:hover,.vibe_see:hover{ width: 210px; color: #005bac; transition: all 0.5s ease 0s;background:  url(../images/newssee2.png) 166px center no-repeat;  }
.vibe{background:  url(../images/matterbj.jpg) center top no-repeat;height: 807px;}
.vide_video{ display: block;transition: all 1s ease 0s;  background:  url(../images/matter.png) center top no-repeat; width: 100px; height: 100px; float: right; margin:406px 206px 0 0; }
.vide_video:hover{ transform: scale(1.1); transition: all 1s ease 0s; }
.vibe_left{ float: left; width:782px; height: 562px;background:  url(../images/matter1.png) center top repeat; border-radius: 5px;  margin-top: 148px; }
.vibe_div{ padding:0 34px 0 58px;  }
.vibe_see{display: block;transition: all 0.5s ease 0s; width: 178px; height: 56px; line-height: 56px; border: 1px solid #005bac;  font-size: 16px; color: #fff; border-radius: 5px; background: #005bac url(../images/newssee1.png) 136px center no-repeat; text-indent:30px; }
.vibe_zi{ font-size: 24px; text-align: justify; line-height: 44px; overflow: hidden;height: 132px; margin-bottom: 46px; }
.vibe_bule{ color: #005bac }
.vibe_tit{ display: block; height:60px; line-height: 60px; overflow: hidden; font-size:44px; margin-top: 88px;  }
.vibe_zhan{display: block; height:38px; line-height: 38px; overflow: hidden; font-size:18px; color: #666666}
.industry{ padding:90px 0 0 0;  }
.index_tit{ margin-bottom:50px;  }
.index_cn{ text-align: center; height:60px; line-height: 60px; overflow: hidden; font-size: 40px;  }
.index_en{  text-align: center; height:42px; line-height: 42px; overflow: hidden; font-size:18px;   }

.industry .swiper {
        width: 100%;
        height: 100%;
      }

  .industry     .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;

        /* Center slide text vertically */
        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;
      }

.industry       .swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
      }
.industry  .swiper-pagination{ display: none; }
.industry{ padding:70px 14px 0;  }
.ind_tit{ position: absolute; z-index: 999; transition: all 0.5s ease 0s;   left: 0; bottom: 0; width: 100%; height:80px; text-align: left; padding: 0 30px; box-sizing: border-box; line-height: 80px;  color: #fff; font-size: 24px; overflow: hidden;}
.inde_see{ margin:70px auto;  }
.ind_inner{ display: block; }

.ind_tit:after{ position: absolute; content: ''; left: 0; bottom: 0; height: 0; z-index: 99; width: 100%; background: #005bac url(../images/newssee1.png) 411px center no-repeat; transition: all 0.5s ease 0s; }
.ind_inner:hover .ind_tit:after{ height: 80px; transition: all 0.5s ease 0s; }
.ind_img{ width: 100%; overflow: hidden; }
.ind_img img{ transition: all 1s ease 0s;  }
.ind_inner:hover .ind_img img{ transition: all 1s ease 0s; transform: scale(1.1); }
.ind_i{ display: block; position: relative; z-index: 9999 }

.industry .swiper-button-next{background:  url(../images/pic_left.png) center top no-repeat!important; transition: all 0.5s ease 0s; width: 50px!important; height: 100px!important; position: absolute!important; left: 0!important; top: 50%!important; margin-top:-50px!important; } 
.industry .swiper-button-prev{background:  url(../images/pic_right.png) center top no-repeat!important; z-index: 999!important; width: 50px!important; height: 100px!important; position: absolute!important; left: inherit!important; right: 0!important; top: 50%!important; margin-top:-50px!important; }

.industry .swiper-button-next:hover{background:  url(../images/pic_left1.png) center top no-repeat!important; transition: all 0.5s ease 0s; }
.industry .swiper-button-prev:hover{background:  url(../images/pic_right1.png) center top no-repeat!important; transition: all 0.5s ease 0s;}

.air{background:  url(../images/scenariobj.jpg) center top no-repeat;height: 800px;}

.intel_left{ float: left; position: relative; width: 70%; height: 591px; margin-top: 104px;  }
.ope_img img{ width: 100%; height: 591px; }
.ope_div{ position: absolute; left:290px; top: 74px; z-index: 999;  }
.ope_title{ height: 36px; line-height: 36px; overflow: hidden; display: block; font-size: 18px; }
.ope_vocs{ height: 52px; line-height: 52px; overflow: hidden; display: block; font-size: 38px; margin-bottom: 20px; }
.opesee{ display: block; height:36px; line-height: 36px; transition: all 0.5s ease 0s; width: 95px; font-size: 14px; color: #005bac; overflow: hidden;background:  url(../images/newssee2.png) right center no-repeat;  }
.opesee:hover{ width: 120px; transition: all 0.5s ease 0s; font-size: 18px; }
.ope_tit{ display: block; height:76px; padding-top: 145px; line-height: 76px; overflow: hidden; font-size: 36px; font-weight: bold; color: #fff; }
.ope_see{ display: block; text-align: center;transition: all 0.5s ease 0s; height:46px; line-height: 46px; width: 200px;background: url(../images/opesee.png) left top repeat;  border-radius: 46px;  color: #fff; font-size: 14px;  }
.ope_see:hover{ background: #3051ff; color: #fff; transition: all 0.5s ease 0s; }
.intel_right{ float: right; width: 30%; z-index: 999; position: relative; }
.intel_ul li{background: #ebebeb; position: relative; height: 118px; width: 100%; }
.intel_ul li:nth-child(even){ background: #dadada }
.summary{ width:100%; overflow: hidden; height: 118px;transition: all 0.5s ease 0s; position: relative;z-index: 999; padding:0 20px 0 136px; box-sizing: border-box;  }
.mary_tit{ display: block; transition: all 0.5s ease 0s; height:118px; line-height: 118px;  font-size:20px; color: #757575   }
.mary_div{ height: 38px; line-height: 38px; overflow: hidden; color: #fff; font-size:16px;  }
.intel_ul li:hover .summary,.intel_ul li.on .summary{ background: #005bac; transition: all 0.5s ease 0s; padding-left: 54px;}
.intel_ul li .sum{position: absolute;transition: all 0.5s ease 0s; left: 0; top: 0;background: url(../images/sec1.png) center right no-repeat;  height: 118px; line-height: 118px; width:114px; }
.intel_ul li:nth-child(2) .sum{transition: all 0.5s ease 0s;background: url(../images/sec2.png) center right no-repeat; }
.intel_ul li:nth-child(3) .sum{transition: all 0.5s ease 0s;background: url(../images/sec3.png) center right no-repeat; }
.intel_ul li:nth-child(4) .sum{transition: all 0.5s ease 0s;background: url(../images/sec4.png) center right no-repeat; }

.intel_ul li:after{content: "";clear: both; overflow: hidden; position: absolute; transition: all 0.5s ease 0s;  left: 0; top: 0; z-index: 9; display: block;width: 0; height: 120px; background: url(../images/mindbj1.png) center right repeat;transition: all 0.5s ease 0s;}
.intel_ul li:hover:after,.intel_ul li.on:after{ width: 100%; transition: all 0.5s ease 0s; }

.intel_ul li:hover .mary_tit,.intel_ul li.on .mary_tit{ height: 68px; transition: all 0.5s ease 0s;  line-height: 68px; color: #fff; font-size:28px;  display: block;  }
.intel_ul li:hover .sketch,.intel_ul li.on .sketch{  left: -128px;transition: all 0.5s ease 0s; }
.sum_i{ font-size:16px; color: #676767; margin-left: 26px;  }
.intel_ul li:hover .sum_i,.intel_ul li.on .sum_i{ display: none; }
.intel_ul li:hover .sum,.intel_ul li.on .sum{ left: -53px; transition: all 0.5s ease 0s;background: #005bac; border-radius: 5px 0 0 5px; }
.case_cn{ font-size: 40px; color: #fff; display: block; height: 50px; line-height: 50px; overflow: hidden; }
.case_en{font-size: 18px; color: #fff; display: block; height: 38px; line-height: 38px; overflow: hidden;}
.intel_case{ padding: 102px 0 32px 60px; }
.ope_inner{ display: none; }
.jour_bottom{ 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: 56px;
    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 {
   
    color: #005bac
}

.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: #02368c
    }

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

.logoanv { float: left; }
.begin .pro_hover{ right: 16px; }
.begin .pro_img{ width: 65%; }
.begin .pro_ul li:nth-child(even) .pro_img{ right: 16px; }

.dataTables_paginate{ text-align: center; padding: 30px 0; }
.pagination{ display: inline-block; }
.pagination a,.pagination span{ display: block; cursor: pointer; border: 1px solid #cbcbcb; float: left; height: 30px; line-height: 30px; font-size: 16px; padding: 0 10px; margin: 0 5px; }
.pagination li{ float: left; }
.pagination li.cur span{ color: #04163f;border: 1px solid #04163f;}

.ball{background:url(../images/ball.png) center top repeat; display: none;  width: 100%; height: 100%; z-index: 9999; position: fixed;left: 0; top: 0; }
.video_close{ position: absolute; display: block; right: -25px; top:-22px;background:  url(../images/close.png) center top no-repeat; width: 21px; height: 21px; }
.video{width:700px; height: 394px; display: none; z-index: 99999; background: #fff; border-radius: 8px; position:fixed; top: 50%; left: 50%; margin:-197px  0 0 -350px;}

.videoinner video{ width: 100%; height: auto; }


.follow{ position: fixed; top: 40%; right: 0; z-index: 99999; }
.follow_img{ width: 60px;background: #005bac; height: 60px; cursor: pointer; transition: all 0.5s ease 0s; line-height: 60px; display: block; text-align: center;border-radius: 5px 0 0 5px;   }
.follow_div{ margin-bottom:5px;  position: relative; }
.follow_div:hover .follow_img{   }
.follow_call{ position: absolute; transition: all 0.5s ease 0s; width:0; text-align: center;  overflow: hidden; border-radius: 5px 0 0 5px; right: 56px; top: 0; height: 61px; line-height: 61px; font-size: 16px; color: #fff; background: #005bac;  }

.fo_call:hover .follow_call{width:150px; transition: all 0.5s ease 0s;}
.fo_what:hover .what{width:120px; transition: all 0.5s ease 0s;}



.begin .box{ padding: 0 40px; box-sizing: border-box; }
.begin .a_banner{ height: 740px!important; background-size: cover!important; }
.begin .help_left,.begin .mess_left{ width: 47% }
.begin .help_right,.begin .mess_right{ width: 50% }
.begin .mess_right img{ width: auto; }
.begin .fare_scroll{ width: 100% }
.begin .fare_img{ width: 58% }
.begin .fare_right{ width: 40% }
.begin .path_ul{  margin-left: -3% }
.begin .path_ul li{ width: 33.3%; box-sizing: border-box; padding: 0 0 0 3%; margin: 0; overflow: hidden;}
.begin .term_inner{ top: -147% }
.begin .apply_div{ margin-left: -3%;  }
.begin .apply_inner{ padding: 0 0 0 3%; width: 50%; box-sizing: border-box; margin: 0; }
.begin .apply_txt{ width: 100% }
.begin .mess_no{ margin: 0; }
.begin .demand_scroll{ width: 100% }
.begin .demand_right{ right: 0; }
.begin .demand_left{ left: 0; }
.begin .demand_ul li{ width: 393px; }
.begin .web_line,.begin .web_tit{ margin-bottom: 10px; }
.begin .web li:hover .web_hover{ height: 205px; }
.begin .web_hover{ bottom: 60px; }
.begin .p_banner{height: 510px!important;}
.begin .pro_nav{ left: 30px; }
.begin .pro_nav a{ padding-left: 20px; height: 70px; line-height:70px; font-size: 16px; }
.begin .pro_nav a.on, .pro_nav a:hover{ font-size: 18px;background-size: 13%; }
.begin .mag_right{ width: 48% }
.begin .pro_infodiv{ padding-bottom: 30px; }
.begin .infor_right{ width: 83% }
.begin .propiece_right,.begin .propiece_left{ width: 320px; }
.begin #certify{ width: 100% }

.begin .poly{ width: 46% }
.begin .scene{ width: 46% }
.begin .hot{ width: 430px; }
.begin .admin{ margin-left: 80px; width: 510px; }
.begin .flex-direction-nav .flex-prev{ left: 50px; }
.begin .flex-direction-nav .flex-next{right: 50px;}
.begin .case_cn{ font-size: 24px; }
.begin .intel_ul li:hover .mary_tit,.begin  .intel_ul li.on .mary_tit{ font-size: 26px; }
.begin .ope_vocs{ font-size: 24px; }
.begin .index_cn,.begin .vibe_tit{ font-size: 24px; }
.begin .vibe_zi{ font-size: 18px; line-height:36px; height: 180px;  }
.begin .mind_cn{ font-size: 24px; }
.begin .scene_tit{ font-size: 20px; }
.begin .poly_tit{ font-size: 20px; }
.begin .hotnum{ font-size: 38px; }
.begin .lop_dl dt{ font-size: 50px; }
.begin .mac_tit{ font-size: 24px; }
.begin .mindping{ font-size: 24px; }
.begin .plat_tit{ font-size: 24px; }
.begin .act_tit{ font-size: 24px; }
.begin .ach_tit{ font-size: 24px; }
.begin .fare_tit{ font-size: 20px; }
.begin .wei_i{ font-size: 24px; }
.begin .comp_tit{ font-size: 20px; }
.begin .get_tit,.begin .mess_tit{ font-size: 20px; }
.begin .case_ul{ margin: 0 0 0 -2%; }
.begin .case_ul li{ margin:0 0 30px 0; width: 33.3%; padding-left: 2%; box-sizing: border-box;  }
.begin  .case_img{ width: 100%; height: auto; }
.begin .case_img img{ width: auto; height: auto; max-width: 100% }
.begin .news_ul{ margin: 0 0 0 -2%; }
.begin .news_ul li{ margin:0 0 60px 0; width: 33.3%; padding-left: 2%; box-sizing: border-box;  }
.begin  .news_img{ width: 100%; height: auto; }
.begin .news_img img{height: 268px; max-width: 100% }

.begin .news_see{ background: url(../images/see1.png) 360px center no-repeat }
.begin .news_div{ padding-right: 0; }
.begin .news_ul li:hover .news_see{ background:#005bac url(../images/see11.png) 360px center no-repeat }
.phone_news_year{ display: none; }
.begin .industry{ padding: 70px 40px 0; }
.begin .comp_dl dt{ height: 50.3px; line-height: 50.3px; }
.begin .mess_txt{ margin-bottom: 16px; }



.infor_inner img{ width: auto!important; height: auto!important; max-width:100%!important