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';  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','Microsoft YaHei';}
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:'arial','Microsoft YaHei';}
.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;  }
.wrap{padding: 0 8.33vw; width: 100%; box-sizing:border-box;}
.head{ position: absolute; left: 0; top: 0; width: 100%; z-index: 99; }
h1{ float: left; padding-top: 50px;  }
.head_r{ float: right; padding-top: 60px; }
.nav_ul{ float: left; }
.nav_ul li{ float: left; margin-right: 60px; }
.nav_ul li a{ display: block; height: 40px; line-height: 40px; transition: all 0.5s ease 0s;  font-size: 20px; color: #fff; }
.nav_ul li a:hover{ color: #5487d0; transition: all 0.5s ease 0s; }
.head_hot{ float: right; }
.head_hot dt{ float: left; margin-right:14px;  }
.head_hot dd{ float: left; }
.call_tit{ color: #fff; font-size: 12px; height:16px; line-height: 16px; overflow: hidden;  }
.call_num{ color: #fff;font-style: italic; font-weight: bold;font-size: 28px; height:24px; line-height: 24px; overflow: hidden; }

.foot{ background: url(../images/footbj.png) center top no-repeat; height: 502px; margin-top: -19px; position: relative; }
.foot_top{ padding: 93px 0 60px 0; border-bottom: 1px solid #3c3a3b }
.foot_ul{ float: left; width:70%  }
.foot_ul li{ float: left; width:16.6%;  }
.foot_em{ font-size: 20px; color: #fff; font-weight: bold;  margin-bottom: 12px; display: block; height:62px; line-height: 62px; position: relative;  }
.foot_em:after{ position: absolute; left: 0; bottom: 0; content: ''; width:20px; height: 1px; background: #4d4d4e  }
.foot_ul li a{ display: block; height:28px; line-height: 28px; font-size:16px; color: #d3d3d3; transition: all 0.5s ease 0s;   }
.foot_ul li a:hover,.foot_b a:hover{ color: #fff; transition: all 0.5s ease 0s; }
.foot_r{ float: right; width: 28%; }
.ser_name{ height:46px; line-height: 46px; font-size:16px; color: #bcbcbc   }
.ser_num{ height: 52px; font-weight: bold;  line-height: 52px; overflow: hidden; font-size:46px; color: #f0f0f0; margin-bottom: 12px; color:#fff; }
.ser_eml{ height:34px; line-height: 34px; overflow: hidden; font-size: 16px; color: #858483; margin-bottom: 10px;  }
.ser_dz{height:34px; line-height: 34px; overflow: hidden; font-size: 16px; color: #858483; margin-bottom: 48px; }
.serem{ color: #fff; }
.what_ul li{ float: left; margin-right:10px; position:relative;  }
.wximg{ position:absolute; left:0; top:55;display:none}
.contwximg{ position:relative; }
.what_ul li:hover .wximg,.contwximg:hover .wximg{ display:block}
.what_ul li .wximg img,.contwximg .wximg img{ width: 130px; height: 130px; }
.what_ul li img{ width: 36px; height: 36px; }
.add_l{ float: left; height:72px; line-height: 72px; overflow: hidden; font-size:14px; color: #949494   }
.add_r{ float: right;height:72px; line-height: 72px; overflow: hidden; font-size:14px; color: #949494 }
.foot_b a{color: #949494;transition: all 0.5s ease 0s;   }
.box{ width: 69.79vw; margin: 0 auto; max-width: 1340px; }
.banner{ position: relative; }
.banner_inner{ position: absolute; left: 0; bottom:80px; width: 100%; }
.site_r{ float: right; height: 34px; margin-top: 37px; line-height: 34px;background: url(../images/home1.png) left center no-repeat; padding-left: 24px; }
.site_r a{ display: block; float: left; color: #fff; transition: all 0.5s ease 0s;padding: 0 10px 0 5px;background: url(../images/home2.png) right center no-repeat;}
.site_r a:hover{ color: #5487d0; transition: all 0.5s ease 0s; }
.site_r a:nth-last-child(1){ background: none; color: #5185d0 }
.site_l{ float: left; font-size:56px; color: #fff;  font-weight: bold;  }
.site_l sub{ font-size: 18px; color: rgb(255,255,255,.6); margin:-10px 0 0 20px; font-weight: initial;}

.catalog{ position: absolute; left: 0; top: -50px; height: 70px; width: 100%; border-radius: 20px; background: #fff; }
.aboutinner{ position: relative; }
.cata_ul{ text-align: center; }
.cata_ul li{ display: inline-block; width: 13.6vw }
.cata_ul li a{ display: block;transition: all 0.5s ease 0s; position: relative; height: 70px; line-height: 70px;background: url(../images/home3.png) right center no-repeat; font-size:18px; text-align: center;  }
.cata_ul li:nth-last-child(1) a{ background: none; }
.cata_ul li a:after{ position: absolute; bottom: 0; left: 50%;transition: all 0.5s ease 0s;  content: ''; background: #5185d0; width: 0;height: 3px; margin-left: -50px; }
.cata_ul li a:hover:after,.cata_ul li a.on:after{ width: 100px; transition: all 0.5s ease 0s; }
.cata_ul li a:hover,.cata_ul li a.on{ color: #5185d0;transition: all 0.5s ease 0s; }
.about_word{ padding:100px 0 0 0;  }
.about_cn,
.culwh{ font-size: 40px !important; text-align: center; font-weight: bold; line-height: 62px; overflow: hidden;  }
.about_en{font-size:16px; text-align: center; height:38px; line-height: 38px; overflow: hidden; color: #999999; margin-bottom: 40px;}
.aboutzg{ font-size: 22px; font-weight: bold;  text-align: center; height: 40px; line-height: 40px; color: #5185d0 }
.aboutzi{ height:146px; overflow: hidden; line-height:30px; font-size: 18px; margin-bottom: 55px;  }
.aboutsee{ font-size: 16px;display: block; font-weight: bold; color: #fff;background: url(../images/see.png) left center no-repeat; width: 121px; height: 60px; line-height: 60px; text-align:center; margin: 0 auto 54px;}
.focus_ul{ margin-bottom:118px;  margin-left: -2% }
.focus_ul li{ padding: 0 0 0 2%; width: 25%; box-sizing: border-box; float: left}
.focus_div{ background:#fff; border-radius: 10px; padding: 0 2.08vw  }
.focus_l{ float: left; width: 66%; margin-top: 28px; }
.focus_r{ float: right; width: 30%;height: 140px; text-align: right; line-height: 140px;}
.focus_word{ font-size: 16px; height: 30px; line-height: 30px; overflow: hidden; }
.focus_tit{height: 60px; font-weight: bold;  line-height: 40px;  font-size: 60px; color: #5185d0; overflow: hidden;}
.focus_tit sup{ margin-left:20px; font-size: 14px; color: #333 }
.video img{ width: auto; height: auto; max-width: 100% }
.ser_dl{ position: relative; z-index: 9 }
.culture{ padding:60px 0 0 0;  }
.cul_word{ margin-bottom:50px;  }
.cul_ul li{ margin-bottom:40px;  position: relative; }
.culimg{ height: 360px; width: 100%; overflow: hidden; border-radius: 15px; }
.culimg img{ height: 360px; width: 100%; overflow: hidden;transition: all 1s ease 0s;  }
.cul_ul li:hover .culimg img{ transform: scale(1.1); transition: all 1s ease 0s; }
.cul_hover{ background: rgb(255,255,255,.9); width:45%; padding: 0 4%; box-sizing: border-box; height: 80%; position: absolute; right: 5%; top:10%; border-radius: 15px;  }
.cul_tit{ height:58px; line-height: 58px; overflow: hidden; font-size: 34px; color: #989897; margin:36px 0 10px 0;   }
.cul_tian{ font-size:38px; font-weight: bold;  height:100px; line-height: 50px; color: #5386d0; overflow: hidden;   }
.cul_tit img{ margin-right: 16px; transition: all 0.5s ease 0s; }
.cul_ul li:nth-child(even) .cul_hover{ right: inherit; left:5%; }
.cul_ul{ margin-bottom: 120px; }
.duty .aboutzg{ margin: 20px 0; }
.cul_ul li:hover .cul_tit img{ transition: all 0.5s ease 0s; transform: translateY(-10px); }
.duty_ul{ width: 100%; }
.duty_ul li{ float: left; margin-right:1.35vw; width:22.29vw;  overflow: hidden;   }
.duty_ul li img{ width:100%; height: auto; overflow: hidden; }
.duty_box{ width: 100%; overflow-x:auto ; padding-bottom: 60px; margin-bottom: 140px; }
.honor .about_cn{ margin-bottom: 20px; }
.honor_ul{ text-align: center; margin-bottom: 88px; }
.honor_ul li{ display: inline-block; margin:0 30px;  }
.honor_ul li a{ display: block;transition: all 0.5s ease 0s; height:72px; line-height: 72px; font-size:26px; position: relative;   }
.honor_ul li a:after{ width: 0;transition: all 0.5s ease 0s; height:3px; background: #5185d0; content: ''; position: absolute; left: 0; bottom: 0;  }
.honor_ul li.on a{ color: #5185d0; transition: all 0.5s ease 0s; }
.honor_ul li.on a:after{ width: 100%; transition: all 0.5s ease 0s;  }
.honorbj{position: relative;} 
.honor_img img{ width: 100%; height: auto; }
.honorbox{ position: absolute; left: 0; top: 0; width: 100% }
.honor_inner{ display: none; text-align: center; }
.news{ padding: 108px 0 0 0; }
.news_dl{ border: 1px solid #e8edf1; transition: all 0.5s ease 0s;  padding: 20px; border-radius: 10px; margin-bottom: 40px;background:#F8F8F8;}
.news_dl dt{ float: left; width:300px; height: 160px; overflow: hidden; margin-right: 40px;  }
.news_dl dt img{width:300px; height: 160px; overflow: hidden;}
.news_dl dd{ float: left; width: calc(100% - 340px) }
.news_time{ font-size: 18px; height:60px; line-height: 60px;background: url(../images/news1.png) left center no-repeat;  overflow: hidden; color: #bdbdbd; padding-left: 24px;  }
.news_title{ display: block; font-weight: bold;  transition: all 0.5s ease 0s; font-size: 26px; height:44px; line-height: 44px; overflow: hidden;  }
.news_dl:hover .news_title{color: #5185d0; transition: all 0.5s ease 0s;}
.news_dl:hover{ transition: all 0.5s ease 0s; box-shadow: 0 0 10px 10px #eeeff4; transform:translateY(-10px);}
.news_zi{ height:36px; line-height: 36px; overflow: hidden; font-size: 16px; color: #666666;  }
.news{ padding-bottom: 60px; }
.rel_tit{ font-size: 34px; font-weight: bold;  line-height: 68px; text-align: center; }
.rel_time{ text-align: center; height: 50px; line-height: 50px; font-size:14px; color: #999999;  }
.rel{ padding-bottom:10px; border-bottom: 1px solid #e7e7e7; margin-bottom: 30px; }
.newsword{ padding-bottom:50px; border-bottom: 1px solid #e7e7e7;  }
.end{ padding:64px 0 40px 0;  }
.end_l{ float: left; width:  }
.end_r{ float: right; width:230px; height: 80px; transition: all 0.5s ease 0s; font-size: 20px; line-height: 80px; border-radius: 10px; background: #f1f4f8 url(../images/end.png) 60px center no-repeat;  text-indent: 90px; }
.end_r:hover{background: #f1f4f8 url(../images/end1.png) 60px center no-repeat;  }
.end_r:hover a{color: #5185d0; transition: all 0.5s ease 0s;}
.end_page{ display: block;transition: all 0.5s ease 0s; height:40px; line-height: 40px; font-size: 18px; overflow: hidden;  }
.contact{background: url(../images/contbj.jpg) center top no-repeat; height: 1107px;}
.conttit{ font-size: 40px;  font-weight: bold; color: #fff; text-align: center; height:210px; line-height: 210px;  }
.end_page:hover{color: #5185d0; transition: all 0.5s ease 0s;}
.cus_dl dt{ border-bottom: 1px solid #c9cede; height:60px; line-height: 60px; overflow: hidden;   }
.cus_tit{ float: left; height: 60px; line-height: 60px; overflow: hidden; font-size:20px; color: #999999  }
.cus_img{ float: right; }
.cus_dl dd{ height: 60px; line-height: 60px; font-size:20px; overflow: hidden; font-weight:bold;}
.cus_dl:nth-child(1) dd{ font-size: 40px; color: #5185d0; font-weight: bold;  }
.contwhat a{ display: block; float: left; margin-right:20px; width: 50px; height: 50px; border-radius: 5px; line-height: 50px; text-align: center; }
.cont_l{ width:40%; background:url(../images/contbj1.png) center top no-repeat;  height: 670px; padding: 40px; box-sizing: border-box; border-radius: 10px 0 0 10px; float: left; }
.cont_r{ float: left; width: 60%; height: 670px; overflow: hidden; border-radius: 0 10px 10px 0; }
.cont_r img{ width:auto; height: 100%; }
.message{background: url(../images/messbj.jpg) center top no-repeat; }
.seek_tit{ text-align: center; font-weight: bold;  color: #fff; font-size:40px; height:68px; line-height: 68px;   }
.seek_we{text-align: center; color: #fff; font-size:20px; height:50px; line-height: 50px;}
.seek{padding: 97px 0 44px 0;}                                                                      
.mess{ background: #ffffff; padding: 40px 60px 60px; border-radius: 10px; box-shadow: 0  20px 15px #f1f4f9; margin-bottom: 150px; }

.mess_div{ margin-left: -2%; margin-bottom: 20px; }
.mess_he{ float: left; width: 50%; padding-left: 2%; box-sizing: border-box; }
.mess_name{ height: 60px; line-height: 60px; font-size:20px;  }
.by{ margin-left:18px; color: #e6010e  }
.mess_txt{ width:100%; height: 58px; line-height: 58px; border: 1px solid #cfd8dc; font-size: 18px; color: #333; background: #ffffff; border-radius: 10px; padding: 0 20px; box-sizing: border-box;  }
.messarea{width:100%; height: 118px; line-height: 28px; border: 1px solid #cfd8dc; font-size: 18px; color: #333;background: #ffffff; border-radius: 10px; padding: 10px 20px; box-sizing: border-box; }
.messly{margin-bottom: 20px;}
.code_sub{ font-size: 16px; color: #575757; margin-top: 56px; cursor: pointer; display: block;transition: all 0.5s ease 0s; float: right; width:218px; height: 58px; line-height: 58px; border-radius: 10px; border:1px solid #575757; background:  url(../images/mess1.png) 128px center no-repeat; text-indent: 44px; text-align: left;  }
.code_sub:hover{ border:1px solid #5185d0; background:  url(../images/mess11.png) 128px center no-repeat; color: #5185d0; transition: all 0.5s ease 0s; }
.code_l{ float: left; }
.mess_code{ width:167px; border: none;  float: left; }
.codediv{ width:298px; border: 1px solid #cfd8dc; border-radius: 10px;  }
.codeimg{ float: left; width: 130px; border-left:1px solid #cfd8dc   }

.jointitle{ font-size: 40px; font-weight: bold;  height:212px; line-height: 212px; text-align: center;  }
.pos dt{ display: none;}
.recu{ padding-bottom: 60px; }
.recu ul{ cursor:pointer; background:#f4f5f7; position: relative; height:100px; line-height:100px;  margin-bottom:20px;}
.recu ul:after{position: absolute;visibility: inherit; top: 31px; right: 60px; width:77px; height: 38px; content: '';  background: url(../images/join11.png) center center no-repeat; }
.recu ul.act:after{background: url(../images/join1.png) center center no-repeat;}
.pos dd li{width:15%; float:left; text-align: center; height: 100px; overflow: hidden; display:block;  font-size: 16px; }
.pos dd li:nth-child(1){ font-size: 24px; font-weight: bold;  }
.Requirement .reqem{ font-size:20px; line-height: 40px; margin-bottom: 10px; }
.Requirement{  line-height:32px; font-size: 16px; background: #f4f5f7;  padding: 30px 60px 40px; display:none; }
.joinsee{ margin-top:30px; display: block; width: 100%; height:58px; line-height: 58px; border: 1px solid #247cd3; background: #247cd3; text-align: center; color: #fff; border-radius: 20px; font-size:18px;    }
.join_mon{ font-size:22px; font-weight: bold;  color: #5185d0; margin-bottom: 20px;  }
.pos dd{ margin-bottom: 40px; }

.scie{background: url(../images/scibj.jpg) center top no-repeat; height: 1807px;}
.scie_div{ padding:110px 0 0 0;  }
.scie_dl{ margin-bottom:90px;  }
.scie_dl dt{ float: left; width: 50%; border-radius: 20px; overflow: hidden; }
.scie_dl dt img{ width: auto; height: 460px; }
.scie_dl dd{ float: left; width: 50%; padding: 40px 0 0 50px; box-sizing: border-box; }
.scie_img{ height: 80px; line-height: 80px; overflow: hidden; }
.sci_tit{ height:62px; line-height: 62px; font-weight: bold;  margin-bottom:18px;  overflow: hidden; font-size: 34px; color: #5185d0;  }
.sci_word{ height:223px; overflow-y:auto; padding-right: 50px; font-size: 16px; line-height:32px; color: #747575   }
.scie_dl:nth-child(even) dt{ float: right; }
.scie_dl:nth-child(even) dd{padding: 40px 50px  0 0px; }
.pro{background:#fefefe url(../images/probj.jpg) center top no-repeat; height: auto; padding-bottom:30px;}
.pro_ul{ text-align: center; padding-top: 80px; margin-bottom: 130px; }
.pro_ul li{  float: left; width: 33.3%;background: url(../images/pro1.png) center top no-repeat; height: 184px; position: relative; }
.imgdiv{ width: 89px; margin: 0 auto 20px; height: 100px; position: relative; overflow: hidden; }
.img_t{ position: absolute;transition: all 0.5s ease 0s;left: 0; width: 100%; text-align: center; line-height: 100px; top: 0; }
.img_b{ position: absolute;transition: all 0.5s ease 0s; left: 0; width: 100%; text-align: center; line-height: 100px; bottom: -100px; }
.img_tit{ height:44px;transition: all 0.5s ease 0s;  line-height: 44px; font-size: 26px; text-align: center;  }
.pro_ul li:after{ width:0px;transition: all 0.5s ease 0s; height: 0px; border-radius: 14px; border: 0px solid #6896d6; position: absolute; left: 50%; margin-left: -7px; bottom: 0; content: '' }
.pro_ul li:hover:after,.pro_ul li.on:after{ width: 14px; height: 14px; border: 2px solid #6896d6;  transition: all 0.5s ease 0s; }
.pro_ul li:hover .img_t,.pro_ul li.on .img_t{ top: -100px;transition: all 0.5s ease 0s;  }
.pro_ul li:hover .img_b,.pro_ul li.on .img_b{ bottom: 0;transition: all 0.5s ease 0s;  }
.pro_ul li:hover .img_tit,.pro_ul li.on .img_tit{ color: #6896d6;transition: all 0.5s ease 0s;  }
.pro_dl{  margin-bottom: 230px; }
.pro_dl dt{ float: right; width: 44%; text-align: center; height:372px; overflow:hidden; }
.pro_dl dt img{transition: all 1s ease 0s; height:372px; width:auto; max-width:100%}
.pro_dl dt:hover img{ transition: all 1s ease 0s; transform: scale(1.1); }
.pro_title{ display: block; font-weight: bold;  height: 54px; line-height: 54px; overflow: hidden; font-size:38px; color: #5185d0; margin-bottom: 20px; }
.pro_gn{ height:56px; line-height: 28px; margin-bottom: 0px; overflow: hidden; font-size: 26px; font-weight:bold; }
.pro_zi{ font-size: 14px; height:52px; line-height: 26px; overflow: hidden; color: #575757; margin-bottom: 56px; }
.pro_see{ display: block;transition: all 0.5s ease 0s;  font-size:16px; font-weight: bold;background: url(../images/see.png) center top no-repeat; width: 121px; height: 60px; line-height: 60px; text-align: center; color: #fff;  }
.pro_dl dd{ padding-top: 50px; width: 50%; float: left; }
.pro_dl:nth-child(even) dt{ float: left; }
.pro_dl:nth-child(even) dd{ float: right; }
.pro_see:hover{ transition: all 0.5s ease 0s; transform: scale(1.1); }
.ser_div{ position: relative; margin-bottom: 50px;}
.sernum{ position: absolute; top: -53px; right: 0; font-size: 260px; color: #f1f5fb }
.service{ padding: 90px 0 0 0; }
.ser_tit{ font-size: 34px; height:80px; font-weight: bold;  line-height: 80px; text-align: center; overflow: hidden;  }
.ser_word{ font-size: 20px; line-height: 30px; color: #666666; margin-bottom:34px; }
.ser_dl dd{ position: relative; box-shadow: 0 10px 15px #e0e0e2;border-radius: 20px; overflow: hidden;  }
.ser_dl img{ width: auto; height: auto; max-width: 100%; border-radius: 20px; overflow: hidden; }
.ser_see{ position: absolute; transition: all 0.5s ease 0s; left: 50%; top: 50%; width:0px; transform: translate(-50%,-50%); height: 0px; border-radius: 8px 0 8px 0; background:#5185d0 url(../images/sersee.png) center center no-repeat;     }
.service{ padding-bottom: 100px; }
.ser_dl dd:hover .ser_see{transition: all 0.5s ease 0s; width: 80px; height: 80px;}
.serinfo{background: url(../images/serbj.jpg) center top no-repeat; min-height: 928px; }
.sersao{ padding: 90px 0 0 0; }
.sersao img{ width: auto; height: auto; max-width: 100% }


.indexbanner .swiper-pagination-bullet{ opacity: 1!important;transition: all 0.5s ease 0s; margin:8px 0 !important; width: 11px!important; border-radius: 13px!important; height: 7px!important; border-radius:0 !important;background: url(../images/jour3.png) left center no-repeat;}
.indexbanner .swiper-pagination{ right: 0px!important; left: inherit!important; width: 16px!important; top: 50%!important; text-align: center!important;  }
.indexbanner .swiper-pagination-bullet-active{opacity: 1!important; background:#e8340c!important;  transition: all 0.5s ease 0s;}
.indexbanner .swiper-button-next,.indexbanner .swiper-button-prev{ display: none; }

.jour{background: url(../images/jourbj.jpg) center top no-repeat; height: 688px;}
.jour_t{ padding:50px 0 34px 0;  text-align: right;  }
.jour_ul{ display: inline-block;}
.jour_ul li{  float: left; margin-left:13px;  }
.jour_ul li a{ display: block; height:36px; line-height: 36px; font-size:18px; padding-left: 16px;   }
.jour_ul li.on a{ color: #5185d0; background: url(../images/jour2.png) left center no-repeat;}
.jour_inner{ display: none; }
.jour_img{ width: 50%; float: left; overflow: hidden; border-radius: 20px; box-shadow: 0 0 20px 5px #e9eff1 }
.jour_img img{ width: 100%; height: 450px;}
.jour_r{ float: right; width: 50%; padding:0 0 0 30px; box-sizing: border-box;  }
.jour_time{ height:36px; line-height: 36px; overflow: hidden; font-size:24px; padding-left:30px; background: url(../images/jour1.png) left center no-repeat;   }
.jour_tit{ display: block; height:60px; line-height: 60px; overflow: hidden; font-size: 26px; color: #5185d0;  }
.jour_word{ height:48px; line-height: 24px; overflow: hidden; font-size:14px;   }
.jourdl{ padding-bottom: 24px; border-bottom: 1px solid #dde6f0; margin-bottom: 16px; }
.dy_ul{padding-bottom: 24px; border-bottom: 1px solid #dde6f0}
.dy_ul a{ display: block; height:48px; overflow: hidden; background: url(../images/jour3.png) left center no-repeat;  padding-left: 20px;}
.dy_l{ float: left; height: 48px;transition: all 0.5s ease 0s; line-height: 48px; overflow: hidden; font-size: 18px; width: 75%; }
.dy_r{ float: right; height: 48px; transition: all 0.5s ease 0s;line-height: 48px; overflow: hidden; font-size: 16px; padding-left: 24px;background: url(../images/jour1.png) left center no-repeat;}
.dy_ul a:hover .dy_l,.dy_ul li.on a .dy_l{ color: #5185d0; transition: all 0.5s ease 0s; }
.dy_ul a:hover .dy_r,.dy_ul li.on a .dy_r{ color: #5185d0; transition: all 0.5s ease 0s; background: url(../images/jour11.png) left center no-repeat;}
.dy_ul a:hover,.dy_ul li.on a  { background: url(../images/jour2.png) left center no-repeat;}
.us{ padding:120px 0;  }
.us_l{ float: left; width: 57%; position: relative; overflow: hidden; border-radius: 20px;}
.us_img{}
.us_l .us_img img{ width: auto; height: 720px;  }
.us_hover{ position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; z-index: 99;}
.hover_div{ position: absolute; left: 0; bottom: 0; padding: 0 60px; width: 100%; box-sizing:border-box; }
.house{ height: 40px; line-height: 40px; }
.house_tit{ height:94px; line-height: 94px; font-weight: bold; position: relative; color: #fff; font-size:36px; margin-bottom: 20px;   }
.house_us{ height:58px; line-height: 58px; font-weight: bold;  font-size: 38px; overflow: hidden; color: #fff;}
.house_ba{ height:48px; line-height: 48px; font-size: 26px; overflow: hidden; color: #fff; margin-bottom:26px; }
.house_see{ display: block; width:121px; transition: all 0.5s ease 0s; margin-bottom: 60px; height: 0px; overflow: hidden; color: #fff; text-align: center; font-size:16px; font-weight: bold;  line-height: 60px;background: url(../images/see.png) left center no-repeat; }
.us_r{ width: 41%; float: right; }
.ky{ position: relative; margin-bottom:40px; height: 340px; }
.us_hover:hover .house_see{ height: 60px; transition: all 0.5s ease 0s; }
.house_tit:after{ position: absolute; left: 0; bottom: 0; content: ''; transition: all 0.5s ease 0s;width:0; height: 2px; background: #fff;  }
.us_hover:hover .house_tit:after{ width: 30px; transition: all 0.5s ease 0s;}
.ky .house_tit{ height: 82px; line-height: 82px; margin-bottom: 0; }
.ky .house_ba{ font-size:16px ; height: 34px; line-height: 34px; }
.ky .us_hover:hover .house_tit{ margin-bottom: 10px; }
.ky .house_see{ margin-bottom: 30px; }
.ky .us_img img{ height: 340px; }
.ky .us_img{ overflow: hidden; border-radius: 20px; }
.case{background: url(../images/casebj.jpg) center bottom no-repeat; padding-bottom:100px;}





 .case .swiper-slide {
	-webkit-transition: transform 1.0s;
	-moz-transition: transform 1.0s;
	-ms-transition: transform 1.0s;
	-o-transition: transform 1.0s;
	-webkit-transform: scale(1);
	transform: scale(1);
	padding: 0 40px; box-sizing: border-box;
}




.case .none-effect {
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
}



.case .swiper-slide-active a:after {
	background: none;
}



.case .swiper-pagination {
	position: relative;
	margin-bottom: 30px;
}

.case .swiper-pagination-bullet {
	background: #00a0e9;
	margin-left: 4px;
	margin-right: 4px;
	width: 17px;
	height: 17px;
	opacity: 1;
	margin-bottom: 4px;
}

.case .swiper-pagination-bullet-active {
	width: 13px;
	height: 13px;
	background: #FFF;
	border: 6px solid #00a0e9;
	margin-bottom: 0;
}


.case .button {
	width: 1000px;
	margin: 0 auto;
	bottom: 43px;
	position: relative;
}


.case .button div:hover {
	background-color: #2f4798;
}

.case .swiper-button-prev {
display: none;	
}

.case .swiper-button-next {
display: none;	
}

.case .swiper-slide img{ width: auto; height: auto; max-width: 100%; border-radius: 20px; } 
.casediv{ padding: 64px 0 0 0; position: static; left: 0; bottom: -200px;transition: all 1s ease 0s; width: 100%; padding: 0 40px; box-sizing: border-box; margin-top:30px;}
.case_l{ float: left; }
.casetit{ font-size:32px; height:52px; line-height: 52px; overflow: hidden; color: #5084cf  }
.caset{font-size:18px; height:40px; line-height: 40px; overflow: hidden; }
.case_r{ float: right; padding-top: 18px; }
.case .case_r a{display: block; font-size:16px; font-weight: bold;background: url(../images/see.png) center top no-repeat; width: 121px; height: 60px; line-height: 60px; text-align: center; color: #fff; }
/*.case .swiper-slide-active .casediv{ bottom: 70px; transition: all 1s ease 0s; }*/
.case .swiper-container{ height: 680px; }
.duty_box::-webkit-scrollbar-track,.research::-webkit-scrollbar-track,.sci_word::-webkit-scrollbar-track
{
    border-radius: 5px;
    background:none;
}

.duty_box::-webkit-scrollbar-thumb,.research::-webkit-scrollbar-,.sci_word::-webkit-scrollbar-thumb
{
    border-radius: 5px;
    background-color: #5185d0;cursor: pointer;
}

.duty_box::-webkit-scrollbar,.research::-webkit-scrollbar,.sci_word::-webkit-scrollbar{
    width: 3px;
    background-color: transparent;
    height: 4px;
    cursor: pointer;
}

.duty_box::-webkit-scrollbar-thumb,.research::-webkit-scrollbar-thumb,.sci_word::-webkit-scrollbar-thumb{
    border-radius: 5px;
    background:#5185d0;cursor: pointer;
}

.duty_box::-webkit-scrollbar-track-piece,.research::-webkit-scrollbar-track-piece,.sci_word::-webkit-scrollbar-track-piece{
    background-color: transparent;
}

.devebj{background: url(../images/devebj.jpg) center top no-repeat; height:978px; }
.fz_tit{ text-align: center; height:66px; font-weight: bold;  line-height: 66px; font-size: 40px; color: #fff;  }
.fz_inner{ height:50px; line-height: 50px; font-size: 18px; text-align: center; color: #fff;  }
.fz{ padding: 97px 0 60px 0; }
.res_time{ float: left; font-weight: bold;  position: relative; width: 50%; font-size: 40px; color: #fff; height:70px; line-height: 70px;  padding-right: 65px; box-sizing: border-box; text-align: right; }
.res_time:after{background: url(../images/deve2.png) left center no-repeat; width: 9px; height: 9px; position: absolute; top: 50%; margin-top: -4.5px; right:-5px; content: '' }
.res_r{ float: left; width: 50%;   }
.restitle{font-size: 26px; font-weight: bold;  color: #fff; height:70px; line-height: 70px; padding-left: 65px;box-sizing: border-box;}
.resinner{background: url(../images/develine.png) left top repeat-y;padding-left: 65px;box-sizing: border-box; margin-left: -5px;}
.res_em{ display: block; line-height: 36px;background: url(../images/deve3.png) left 12px no-repeat; padding-left: 20px;  font-size: 18px; color: rgb(255,255,255,.8); }
.res_ul li:nth-child(even) .res_time{ float: right;text-align: left; padding: 0 0 0 65px;  }
.res_ul li:nth-child(even) .res_time:after{right: inherit; left: -5px;}
.res_ul li:nth-child(even) .res_r{ float: left; }
.res_ul li:nth-child(even) .res_r .restitle{ text-align: right;padding: 0 65px 0 0 ;  }
.res_ul li:nth-child(even) .res_r .resinner{background: url(../images/develine.jpg) right top repeat-y; padding: 0 65px 0 0 ; margin: 0; }
.res_ul li:nth-child(even) .res_r .res_em{background: url(../images/deve1.png) right 12px no-repeat; text-align: right; padding:0 20px 0 0;}
.seetit{ font-size: 14px; text-align: center; height: 88px;background: url(../images/devesee.png) center bottom no-repeat; line-height:52px; color: #fff;  }
.research{ margin-bottom: 50px; height: 496px; overflow-y:auto; }
.a_banner img{ width: 100%; height: auto; }
.pro_wrap{ padding:80px 0 0 0;  }
.xa{ padding: 0px 0 0 0; margin-bottom:60px;  }
.xa_l{ float: left; width:50%; overflow: hidden; }
.xa_l .small_list ul{height:90px;overflow:hidden}
.xa_l .small_list ul li{position:relative;float:left; text-align: center; line-height: 78px; cursor: pointer;  margin-right:20px;width:98px; height: 78px; overflow: hidden;  border: 1px solid rgb(255,255,255,0); box-sizing:border-box;}
.xa_l .small_list ul li img{ max-width: 100%; width:auto; height: auto;}
.xa_l .small_list ul li.on { border: 1px solid #5185d0 }
.xa_l .btn{width:9px;height:16px;cursor:pointer;position: absolute; bottom: 32px; }
.xa_l .right_btn{cursor:pointer; position: absolute; right: 20px;background:  url(../images/pro_r1.png) center center no-repeat;}
.xa_l .right_btn:hover{ background: url(../images/pro_r1.png) center center no-repeat;}
.xa_l .left_btn{ cursor:pointer; position: absolute; left: 20px;  background:  url(../images/pro_l1.png) center center no-repeat;} 
.xa_l .left_btn:hover{background:  url(../images/pro_l1.png) center center no-repeat;}
.xa_l .large_box{  width:100%; height:420px; margin-bottom:20px;  text-align: center; border-radius: 20px; overflow: hidden;  }
.xa_l .large_box li{ display: none; text-align: center; }
.xa_l .large_box li img{width:auto; height: 420px; max-width:100%;  }
.xa_l .small_box{ box-sizing: border-box;  height: 80px; width: 100%; }
.xa_l .small_list{ height: 80px; width:85%; overflow: hidden; margin: 0 auto}
.xa_l .mag_banner{ position: relative; }
.xa_r{ float: right; width: 50%; padding:0 0 0 40px; box-sizing: border-box;  }
.xa_tit{ font-size: 34px; font-weight: bold;  height: 110px; line-height: 110px; overflow: hidden; border-bottom: 1px solid #cbcbcb; margin-bottom: 10px; }
.xa_gs{ height: 64px; line-height: 64px; font-size:22px; padding-left:16px; position: relative; font-weight:bold; }
.xa_gs:after{ width:2px; height: 20px; position: absolute; left: 0; top: 50%; margin-top: -10px; content: ''; background: #2b7ac9  }
.xa_word{ height:194px; overflow: hidden;  }
.xa_em{ display: block; height: 28px; line-height: 28px; overflow: hidden; font-size:16px;  }
.gs_word{ height:200px; line-height: 38px; overflow-y: auto; font-size:18px; padding-right: 30px; }
.xa_zx{ font-size: 18px; transition: all 0.5s ease 0s; height:60px; transition: all 0.5s ease 0s; line-height: 60px; text-align: center; border: 1px solid #2b7ac9; background: #2b7ac9; color: #fff; border-radius: 10px; cursor: pointer; display: block;  }
.xa_zx:hover{ background: none; color: #2b7ac9; transition: all 0.5s ease 0s; }
.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: #2b7ac8;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: #2b7ac8; position: absolute; content: '' }
.infor_ul li.on a:after{ width: 100%; transition: all 0.5s ease 0s;}

.inforbox{ font-size: 16px; line-height: 24px; }
.infohe{ background: #fff; margin-bottom: 60px; padding:30px 30px 50px;  line-height: 30px; font-size:16px;  }

.return{ margin-bottom: 170px; }
.ret_l{ float: left;transition: all 0.5s ease 0s; display: block; font-size: 16px; width: 33.3%; border-radius:10px; height: 60px; line-height: 60px; background: #f1f4f8 url(../images/p_l.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:10px; height: 60px; line-height: 60px; background: #f1f4f8 url(../images/p_r.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:10px; height: 60px; text-align: center; line-height: 60px; font-size: 16px;background:#f1f4f8 url(../images/p_c.png) 28% center no-repeat; }
.ret_l:hover{background: #5185d0 url(../images/p_l1.png) 30px center no-repeat; color: #fff; }
.ret_r:hover{background: #5185d0 url(../images/p_r1.png) 92% center no-repeat; color: #fff; }
.retdiv:hover{background:#5185d0 url(../images/p_c1.png) 28% center no-repeat; color: #fff; }
.infor_inner img,.newsword img,.honor_inner img{ width: auto; height: auto; max-width: 100% }
.indexbanner .swiper-slide img{ width: auto; height: auto; max-width: 100% }
.case .mySwiper2 .swiper-slide{display:block;}
.case .mySwiper2 .swiper-slide-active img{ box-shadow: 0 20px 50px rgb(0,0,0,.4); border-radius: 20px; }
.case .pro_ul{ margin-bottom:30px;  }

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

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

.case    .swiper-slide {
      text-align: center;
      display: flex;
      justify-content: center;
      align-items: center;
    }


.case .swiper {
      width: 100%;
      margin-left: auto;
      margin-right: auto;
    }

.case     .swiper-slide {
      background-size: cover;
      background-position: center;
    }

.case     .mySwiper2 {
      height: auto;
      width: 60%;
          overflow: initial;
    }

 .case    .mySwiper {
      box-sizing: border-box;
      padding: 0px 0 42px 0;
    }

  .case   .mySwiper .swiper-slide {
      width: 25%;
      height: 100%;
      cursor: pointer;
    }

  .case   .mySwiper .swiper-slide-thumb-active {
      opacity: 1;
    }
.pro_swiper{  background: url(../images/pro1.png) center top no-repeat; height: 184px; position: relative; }
.imgdiv{ width: 89px; margin: 0 auto 20px; height: 100px; position: relative; overflow: hidden; }
.img_t{ position: absolute;transition: all 0.5s ease 0s;left: 0; width: 100%; text-align: center; line-height: 100px; top: 0; }
.img_b{ position: absolute;transition: all 0.5s ease 0s; left: 0; width: 100%; text-align: center; line-height: 100px; bottom: -100px; }
.img_tit{ height:44px;transition: all 0.5s ease 0s;  line-height: 44px; font-size: 26px; text-align: center;  }
.pro_swiper:after{ width:0px;transition: all 0.5s ease 0s; height: 0px; border-radius: 14px; border: 0px solid #6896d6; position: absolute; left: 50%; margin-left: -7px; bottom: 0; content: '' }
.pro_swiper:hover:after, .swiper-slide-thumb-active .pro_swiper:after{ width: 14px; height: 14px; border: 2px solid #6896d6;  transition: all 0.5s ease 0s; }
.pro_swiper:hover .img_t, .swiper-slide-thumb-active .pro_swiper .img_t{ top: -100px;transition: all 0.5s ease 0s;  }
.pro_swiper:hover .img_b,.swiper-slide-thumb-active .pro_swiper  .img_b{ bottom: 0;transition: all 0.5s ease 0s;  }
.pro_swiper:hover .img_tit,.swiper-slide-thumb-active .pro_swiper  .img_tit{ color: #6896d6;transition: all 0.5s ease 0s;  }
.casebox{ padding-top: 66px;}
.case{ overflow: hidden; width: 100% }
 .casediv{ display: none; } 
 .casediv{ bottom: -164px; }
.swiper-slide-active  .casediv{ display: none; }

table{border:1px solid #333; width:100%;}
table tr,table td{border:1px solid #333;}

.pagination-block{ text-align: center;padding: 30px 0; }
.pagination{ display: inline-block; }
.pagination li{float: left; margin: 0 8px;}
.pagination li span,.pagination li a{ display: block; width:50px; line-height: 50px; height: 50px;transition: all 0.5s ease 0s; border-radius: 5px; background: #f1f1f1; font-size: 16px; color: #959ea4  }
.pagination li span:hover,.pagination li a:hover,.pagination li.active span{ background: #5185d0; color:#fff; transition: all 0.5s ease 0s; }


.jourpic1,.jourpic2{ display:none;}