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{ background: #fff; border-top: 3px solid #02368c;height: 87px; }
h1{ float: left; line-height: 87px; padding-left: 96px; }
.head_right{ float: right; padding-right: 3px; }
.lan{ float: left; }
.lan a{ display: block; height: 87px; line-height: 87px; font-size: 18px; width: 100px; text-align: center; border-left: 1px solid #cbcbcb; }
.visit{ float: left; height: 87px; cursor: pointer; position: relative; line-height: 87px; font-size: 18px;  width: 100px; background: url(../images/head.png) center center no-repeat; }
.visit_inner{ position: absolute; display: none; z-index: 9999; left:-18px; top: 87px; width: 140px; height: 140px; }
.visit_inner img{ width: 140px; height: 140px; overflow: hidden; }
.visit:hover .visit_inner{ display: block; }
.nav_ul li{ float: left; margin-left: 10px;position: relative; }
.nav_ul li a{ display: block; z-index: 99;transition: all 0.5s ease 0s; position: relative;  height: 87px; text-indent: 38px; line-height: 87px; font-size: 18px; width: 170px; background: url(../images/head1.png) 120px center no-repeat; }
.nav_ul{ float: left; margin-right: 50px; }
.nav_ul li:nth-child(1) a{ background:none!important; text-indent: 0; text-align: center; }
.nav_ul li:after{  width: 100%; height: 0; background: #02368c;left: 0;  position: absolute; top: 0; content: ''; transition: all 0.5s ease 0s; }
.nav_ul li:hover:after{ height: 100%; transition: all 0.5s ease 0s; }
.nav_ul li:hover a{ color: #fff;transition: all 0.5s ease 0s;background: url(../images/head11.png) 120px center no-repeat;  }
.nav_ul li .subnav{width:100%; display: none; box-sizing: border-box; position:absolute; left:0; transition: all 0.5s ease 0s; top:87px; padding: 10px; z-index:9999999;background: url(../images/subnav.png) left center repeat;  border-radius: 0 0 20px 20px; }
.nav_ul li .subnav a{ height:28px; width: 100%; border-radius: 8px; transition: all 0.5s ease 0s; text-indent: 0; background: none; line-height:28px; font-size: 14px; text-align:center; overflow:hidden; color:#fff; }
.nav_ul li .subnav a:hover{ color:#02368c;background:#fff;transition: all 0.5s ease 0s;}
.search{ float: left; display: block; height: 87px; line-height: 87px; cursor: pointer;  width: 100px; text-align: center; border-left: 1px solid #cbcbcb;border-right: 1px solid #cbcbcb; }
#search-form {
  -moz-transition: max-height, 0.5s;
  -o-transition: max-height, 0.5s;
  -webkit-transition: max-height, 0.5s;
  transition: max-height, 0.5s;
  position: absolute;
  top:90px;
  right:201px;
  width: 320px;
  max-height: 0;
  overflow: hidden;
  background-color: #e1e4e7;
  z-index: 999

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

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

    to { transform: translateY(0); opacity: 1; }
}

.foot{background: url(../images/footbj.jpg) center top no-repeat; height: 310px; position: relative;}
.foot_top{ padding:123px 202px 56px; }
.foot_bottom{ padding:0 202px;background: url(../images/footbj1.png) center top repeat; width: 100%; box-sizing:border-box; height:60px;overflow: hidden; }
.add_left{ float: left; height: 60px; line-height: 60px; font-size:14px;  color: #8d98b7; }
.add_right{float: right; height: 60px; line-height: 60px; font-size:14px;  color: #8d98b7;}
.add_right a{ margin-left: 6px; font-size:14px;  color: #8d98b7; transition: all 0.5s ease 0s; }
.add_right a:hover{ color: #fff; transition: all 0.5s ease 0s; }
.foot_ul{ float: left; }
.foot_ul li{ float: left; margin-right: 50px; }
.foot_ul li a{ display: block; font-size:20px; color: #fff; height:70px; line-height: 70px;  }
.foot_div{ float: right; }
.foot_mess{ font-size: 16px; color: #fff; display: block; border: 1px solid #6785bb; width:188px; float: left; height: 68px; margin-right: 30px; line-height: 68px; text-align: center; border-radius: 68px;  }
.what{font-size: 16px; color: #fff; position: relative; display: block;background: url(../images/foot.png) 127px center no-repeat; float: left; border: 1px solid #6785bb; width:188px; height: 68px; line-height: 68px; text-indent: 42px; border-radius: 68px; }
.foot_end{ display: block; position: absolute; left: 50%; margin-left:-80px; top: 0;background: url(../images/foot1.png) center top no-repeat; width: 160px; height: 80px; }

.visit_foot{ position: absolute; display: none; left:0px; top: -117px; width: 110px; height: 110px; }
.visit_foot img{ width: 110px; height: 110px; overflow: hidden; }
.catalog{ background: #fff; box-shadow: 0 0 20px #ebedee; border-bottom: 1px solid #ebeff6; height: 69px; overflow: hidden; }
.what:hover .visit_foot{ display: block; }
.catalog_ul{ float: left; padding-top: 10px; }
.catalog_ul li{ float: left; margin-right:6px;  }
.catalog_ul li a{ display: block; transition: all 0.5s ease 0s; font-size: 18px; height:50px; line-height: 50px; width:140px; text-align: center; border-radius: 50px;   }
.catalog_ul li a:hover,.catalog_ul li a.for,.catalog_ul li.on a{transition: all 0.5s ease 0s; color: #fff; background: #02368c}
.site{ float: right;padding: 10px 0 0 6px;background: url(../images/cata.png) left 28px no-repeat; }
.site a{ display: block;transition: all 0.5s ease 0s; padding: 0 20px; font-size: 16px; height:50px;background: url(../images/cata1.png) right center no-repeat; line-height: 50px; color: #999999; float: left; }
.site a:nth-last-child(1){transition: all 0.5s ease 0s; color: #333333; background: none; padding-right: 0;}
.site a:hover{color: #333333;}

.about{background: url(../images/aboutbj.jpg) center top no-repeat; padding-bottom: 100px; background-size: cover; }
.about_inner{ padding: 84px 0 70px 0; }
.abouttit:after{ width:130px; height: 5px; background: #02368c; display: block; position: absolute; left: 0; bottom: -3px; content: ''  }
.about_ul{}
.about_ul li{ float: left; width: 25%; }
.aboutimg{ display: block;transition: all 0.5s ease 0s;background: url(../images/about5.png) center top no-repeat; width: 224px; height: 224px; margin: 0 auto; line-height: 200px; text-align: center; }
.aboutnum{ height: 113px; line-height: 113px; text-align: center; font-size: 56px; overflow: hidden; }
.aboutnum sup{ font-size: 16px; margin-left: 10px; }
.about_line{ width: 60px; height: 3px; background: #023890; margin: 0 auto }
.aboutcom{ font-size: 22px; text-align: center; height:80px; line-height: 80px; }
.about_ul li:hover .aboutimg{ transform: translateY(-20px); transition: all 0.5s ease 0s;}

.deve{background: url(../images/devebj.jpg) center top no-repeat; height: 940px;}
.small_lop{ position: relative; height: 174px;background: url(../images/deve2.png) center 72px repeat-x;  }
.small_inner{ width:1200px; margin: 0 auto; overflow: hidden; height: 174px;  }
.small_inner li{ float: left; cursor: pointer; width: 200px;background:url(../images/deve1.png) no-repeat center 68px; height: 134px;}
.small_time{ height: 82px; line-height: 82px; text-align: center;font-size: 30px;  color: #fff; display: block; padding-top: 78px; }
.small_inner li.on{background:url(../images/deve3.png) no-repeat center center;}
.small_inner li.on .small_time{ padding-top: 0; color: #fff; }
.left_lop{background-image:url(../images/deve_left.png); height: 22px; cursor: pointer; width:13px; position: absolute; left: -45px; top: 62px; }
.right_lop{background-image:url(../images/deve_right.png); height: 22px; cursor: pointer; width:13px;position: absolute; right:  -45px; top: 62px; }
.left_lop:hover{background-image:url(../images/deve_left1.png);}
.right_lop:hover{background-image:url(../images/deve_right1.png);}
.lop{ padding-bottom: 60px; }
.large_lop li{ display: none; }
.jour_inner{ display: none; }
.deve_h3{ color: #fff; padding-top:58px; text-align: center; height: 150px; line-height: 150px; font-size: 32px; }
.lop_dl{ margin-bottom:44px;  }
.lop_dl dt{ float: left; width: 590px; height: 330px; overflow: hidden; border-radius: 5px; }
.lop_dl dt img{ width: 590px; height: 330px; overflow: hidden; border-radius: 5px;}
.lop_dl dd{ float: left; width: 582px; background: #3c7ec1; height: 330px; padding: 0 38px; box-sizing: border-box; border-radius:0 5px 5px 0;}
.lop_time{ display: block; height:126px; line-height: 126px; color: #fff;  font-size: 60px; overflow: hidden; }
.lop_div{ padding-right:28px; height:160px;  line-height: 32px;color: #fff;  overflow: hidden; font-size:16px; padding-left: 20px;  overflow-y:auto;  background:url(../images/dian.png) no-repeat left 10px;   }
.large_lop{ margin-bottom:50px;  }
.lop_div::-webkit-scrollbar {
            width: 4px;  
            background: rgba(255,255,255,.5);
             border-radius: 10px;
        }
.lop_div::-webkit-scrollbar-thumb {
            border-radius: 10px;
            background: #02368c;
        }

.enterprise{background: url(../images/civibj2.jpg) center top no-repeat; background-size: cover; padding: 96px 0 44px 0; }
.ent_dl{ margin-bottom: 60px; }
.ent_dl dt{ float: right; width:670px; height: 430px; overflow: hidden; margin-left: 60px;  }
.ent_dl dt img{ width:670px; height: 430px; overflow: hidden; }
.ent_dl dd{ float: left; width:608px;  }
.ent_tit{ height:98px; line-height: 98px; border-bottom: 1px solid #cbd5e6; font-size: 32px; position: relative;  }
.ent_tit:after{ position: absolute; left: 0; bottom: -3px; width:130px; height: 5px; background: #02368c; content: ''  }
.ent_zi{height: 98px; line-height: 98px; overflow: hidden; font-size:24px; overflow: hidden; }
.ent_inner{ height: 208px; overflow: hidden; font-size: 18px; color: #666666; line-height: 30px; }
.ent_dl:nth-child(even) dt{ float: left; margin: 0 60px 0 0; }

.core{background: url(../images/civibj.jpg) center top no-repeat; height: 640px; }
.core_tit{ font-size: 32px; color: #fff; height:116px; line-height: 116px; padding-top: 60px; text-align: center;  }
.core_line{ background: #a5d5f1; width:608px; height: 1px; margin: 0 auto; position: relative; margin-bottom: 42px;  }
.core_line:after{ position: absolute; left: 50%; top: -2px; width:130px; height:5px; background: #02368c; margin-left: -65px; content: ''  }
.core_ul{ margin: 0 0 0 -33px; }
.core_ul li{ float: left; margin: 0 0 0 33px;background: url(../images/civi.png) center top repeat; height: 320px; width:310px; padding: 0 20px; box-sizing: border-box;  }
.core_title{ display: block; font-size: 24px; color: #fff; padding-top: 10px; height:62px; line-height: 62px; overflow: hidden;  }
.coreline{ display: block; width:50px; height: 1px; background: #a2c5e5; margin-bottom: 14px; }
.core_div{ color: #fff; line-height: 28px; font-size:16px;  height:224px; overflow: hidden;  }


.duty{background: url(../images/dutybj.jpg) center top no-repeat;}
.duty_tit{ font-size: 32px; text-align: center; height:170px; line-height: 170px; overflow: hidden; }
.duty_dl{ margin-bottom:60px; box-shadow: 0 0 20px #e8ecef; background: #fff; border-radius: 5px; padding: 30px; }
.duty_dl dd{ float: right; width:120px; height: 100px; background:#f6f6f6; border-radius: 5px; text-align: center;   }
.duty_time{ display: block; padding-top: 24px; height:30px; line-height: 30px; color: #999999; font-size:26px;   }
.duty_year{display: block;  height:20px; line-height: 20px; color: #999999; font-size:14px;  }
.duty_dl dt{ float: left; width:1080px;  }
.dutytit{ display: block; height:56px;transition: all 0.5s ease 0s; line-height: 56px; overflow: hidden; font-size:24px;   }
.duty_div{ height: 48px; line-height: 24px; overflow: hidden; font-size: 14px; color: #7a7a7a }
.duty_dl:hover .dutytit{ color: #02368c; transition: all 0.5s ease 0s; }
.detailed{ padding: 60px 0 20px 0; border-bottom: 1px solid #cbcbcb; margin-bottom: 30px; }
.det_tit{ font-size: 34px; text-align: center; height: 64px; line-height: 64px; overflow: hidden; display: block; }
.det_div{ text-align: center; height:52px; line-height: 52px; overflow: hidden;  font-size: 20px; }
.det_time{ display: inline-block; margin-right: 42px; color: #999999; }
.det_time img{ margin:-4px 16px 0 0;  }
.duty_info{  border-bottom: 1px solid #cbcbcb; padding-bottom: 30px; }
.page{ padding:38px 0 100px 0 }
.page_left{ float: left; }
.page_a{ display: block;transition: all 0.5s ease 0s; margin-right:40px;height: 54px; float: left; line-height: 54px; border-radius: 54px; text-align: center; width:120px; background: #f5f5f5; font-size: 16px;   }
.page_end{ float: right; height: 52px;background: url(../images/end.png) 153px center no-repeat; border-radius: 54px; line-height: 52px; border: 1px solid #575757; width:188px;  text-indent: 20px; font-size: 16px;  }
.page_a:hover{ background: #02368c; color: #fff; transition: all 0.5s ease 0s; }
.page_end:hover{background: #02368c url(../images/end1.png) 153px center no-repeat; color: #fff; border: 1px solid #02368c  }

.duty_ul{ margin: 0 0 0 -40px; }
.duty_ul li{ float: left; margin:0 0 60px 40px; border-radius: 10px; overflow: hidden; width: 420px; background: #f8f8f8; box-shadow: 0 0 10px #eef0f3; position: relative;  }
.news_img { width: 420px; display: block; height: 250px; overflow: hidden; border-radius: 5px; }
.news_img img{ width: 420px; height: 250px; overflow: hidden; border-radius: 5px; }
.news_div{ padding: 16px 30px 0; border-radius: 0 0 5px 5px; }
.news_time{ display: block;transition: all 0.5s ease 0s; height:40px; line-height: 40px; overflow: hidden; font-size: 16px; padding-left: 24px; background: url(../images/news1.png) left center no-repeat;  }
.newstit{ height: 64px; transition: all 0.5s ease 0s;line-height: 32px; overflow: hidden; font-size: 22px; }
.newssee{ display: block; transition: all 0.5s ease 0s;height: 62px; line-height: 62px;background: url(../images/news2.png) 76px center no-repeat; font-size: 16px; }
.duty_ul li:after{ position: absolute; left: 0; bottom: 0; width: 100%; height: 0; background: #02368c; content: '';transition: all 0.5s ease 0s; }
.duty_ul li:hover:after{height: 100%; transition: all 0.5s ease 0s;}
.duty_ul li a{ display: block; position: relative; z-index: 999 }
.duty_ul li:hover .news_time{ color: #fff; transition: all 0.5s ease 0s;background: url(../images/news11.png) left center no-repeat;  }
.duty_ul li:hover .newstit{color: #fff; transition: all 0.5s ease 0s;}
.duty_ul li:hover .newssee{color: #fff; transition: all 0.5s ease 0s;background: url(../images/see1.png) 76px center no-repeat;}


.mess{background: url(../images/messbj.jpg) center top no-repeat; height: 981px;}
.mess_cn{ font-size: 30px; height:58px; line-height: 58px; text-align: center; display: block; padding-top: 68px;  }
.mess_zi{ height: 44px; line-height: 44px; font-size: 16px; overflow: hidden; display: block; text-align: center; color: #666666; margin-bottom: 28px; }
.mess_div{ margin:0 0 20px -40px;  }
.mess_em{ display: block; font-size: 20px; height: 56px; line-height: 56px; overflow: hidden; }
.mess_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; }
.mess_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; }
.code_txt{ width:  }
.mess_left{width: 380px; float: left; }
.code_txt{ background: none; float: left; font-size: 16px; color: #b4c1c6; width: 246px;}
.mess_left .mess_em_{ float: left; }
.mess_what{height: 58px; width:378px; border: 1px solid #cfd8dc; border-radius: 5px;}
.code_img{ float: right; width:130px; height: 58px; line-height: 58px; border-left: 1px solid #cfd8dc; border-radius: 0 5px 5px 0;   }
.mess_right{ float: right; }
.mess_sub{ cursor: pointer; width:228px; height: 58px; text-align: left; background: url(../images/sub1.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}
.map_img{ margin-top:50px; height:500px; }
.way_ul{ margin: 50px 0 120px -40px; }
.way_ul li{ float: left; margin-left: 40px; width: 420px; height: 200px; overflow: hidden; background: #f2f4f8; padding: 0 30px; box-sizing: border-box; }
.way_div{padding-top: 10px; height:86px; line-height: 86px; overflow: hidden; border-bottom: 1px solid #dfdfdf  }
.way_tit{ display: block; float: left; height: 86px; line-height: 86px; font-size:28px; overflow: hidden;  }
.way_img{ float: right; height: 86px; line-height: 86px; }
.way_inner{ height: 60px; line-height: 60px; font-size:20px; overflow: hidden; margin-bottom: 42px; }


.joinbox{background:#f3f7f9 url(../images/join.jpg) center top no-repeat; padding: 204px 0 50px 0;}
.accomplish{ background: url(../images/join2.jpg) center top no-repeat; height: 470px; padding: 0 70px; box-sizing: border-box; }
.acc_left{ float: left; width: 494px; height:330px; overflow: hidden;  margin-top: 60px; }
.acc_right{ float: right; line-height: 470px; height: 470px; overflow: hidden; width:668px;  }
.acc_right img{ width: 668px; height: 385px; overflow: hidden; }
.post_tit{ text-align: center;font-size: 38px; height:180px; line-height: 180px; overflow: hidden;  }


.recu ul{ cursor:pointer; background:#f3f4f8; height:200px; padding:0 60px; border-left: 6px solid #02368c; position: relative; }
.Requirement em{ font-size:22px;padding: 22px 0 10px 0; display: block; }
.Requirement{ display:none; background: #f3f4f8; border-top: 10px solid #e4e7e9; padding:40px 70px 60px; line-height: 40px; font-size: 18px; box-shadow: 0 0 10px #e9ecee;  }
/* .recu ul.act{ background: #b71d21 } */
/* .recu ul.act li{ color: #fff; background: url(../images/join2.png) right center no-repeat; } */
.join_left{ float: left; width: 980px;  }
.join_tit{ display: block; height:44px; transition: all 0.5s ease 0s; line-height: 44px; overflow: hidden; font-size: 28px; padding-top: 32px; }
.join_wrap{ height:40px; line-height: 40px; overflow: hidden;  }
.branch_i{ display: inline-block; font-size:18px;  margin-right: 55px;  }
.join_post{ display: block; height:84px; line-height: 84px; overflow: hidden; font-size:18px; padding-left:24px;  background: url(../images/join2.png) left center no-repeat;   }
.join_right{ float:right; padding-top:72px;  }
.join_see{ display: block; transition: all 0.5s ease 0s; width: 188px; height: 52px; line-height: 52px; text-indent: 43px; border: 1px solid #04192b;background: url(../images/join4.png) 136px center no-repeat; border-radius: 52px; color: #04192b; font-size:14px;  }
.recu dd{margin-bottom: 40px;}
.pos_one{ position: absolute; left:130px; transition: all 0.5s ease 0s; background: url(../images/join1.png) center top no-repeat; width: 10px; height: 39px; display: none; bottom:-25px; }
.pos_two{ position: absolute; right:130px; transition: all 0.5s ease 0s; background: url(../images/join1.png) center top no-repeat; width: 10px; height: 39px; display: none; bottom:-25px; }
.recu ul.act .pos_one,.recu ul.act .pos_two{ display: block; transition: all 0.5s ease 0s; }
.recu ul.act .join_tit{ color: #02368c; transition: all 0.5s ease 0s; }
.recu ul.act .join_see{background:#02368c url(../images/join3.png) 136px center no-repeat; border: 1px solid #02368c; color: #fff; transition: all 0.5s ease 0s; }
.join_mall{ text-align: center; color: #fff; height: 70px; line-height: 70px; width: 100%; background: #02368c; margin-top: 40px; }
.jointitle{ font-size: 30px; text-align: center; height:166px; line-height: 166px;  }

.strategy{background: url(../images/strbj.jpg) center top no-repeat; }
.str_title{ padding: 66px 0 46px 0; }
.str_cn{ height:56px; line-height: 56px; text-align: center; font-size: 30px; overflow: hidden; display: block;  }
.str_zi{height:48px; line-height: 48px; text-align: center; font-size: 18px; overflow: hidden; display: block;}

.system{ margin: 0 0 78px -38px; }
.sys_dl{ float: left;margin: 0 0 0 38px; padding: 30px 0 46px 0; background: #f3f4f8; border-radius: 5px; box-shadow: 0 0 10px #eceff1; width: 650px;}
.sys_dl dt{ text-align: center; height:100px; line-height: 100px;  }
.sys_tit{ display: block; text-align: center; height: 48px; line-height: 48px; font-size:24px; overflow: hidden;  }
.sys_inner{display: block; text-align: center; height: 44px; line-height: 44px; font-size:18px; overflow: hidden; }
.foster{ margin:0 0 120px -40px; }
.foster_dl{ margin: 0 0 0 40px; float: left; width: 420px; }
.foster_dl dt{ width:420px; height: 320px; overflow: hidden; border-radius: 5px 5px 0 0;  }
.foster_dl dt img{width:420px; height: 320px; overflow: hidden; border-radius: 5px 5px 0 0;}
.foster_dl dd{ width: 420px; background: #f3f4f8; border-radius: 0 0 5px 5px; padding: 40px 30px; box-sizing: border-box; }
.foster_tit{ display: block; height:62px; line-height: 62px; overflow: hidden; font-size:24px;   }
.foster_line{ display: block; width:56px; height: 1px; background: #aabbd7; margin-bottom: 10px;  }
.foster_inner{ height:136px; line-height: 34px; overflow: hidden; font-size:18px; color: #666666   }
.foster_dl:nth-child(even) dd{ border-radius: 5px 5px 0 0 }
.foster_dl:nth-child(even) dt,.foster_dl:nth-child(even) dt img{ border-radius: 0 0 5px 5px }

.honor{background: url(../images/honorbj.jpg) center top no-repeat; height: 1520px;}
.honor_title{ font-size: 32px;height:172px; line-height: 172px; text-align: center; display: block;  }
.honor_inner{ margin: 0 0 0px -55px;}
.honor_inner li{ float: left; width:410px; margin: 0 0 30px 55px; text-align:center; }
.honor_inner li a{ display: block; width: 420px; height: 280px; overflow: hidden; box-shadow: 0 0 10px #e9edf0; margin-bottom: 20px; }
.honor_inner a img{ height: 280px; overflow: hidden;}
.honor_tit{ text-align: center; transition: all 0.5s ease 0s;  font-size: 22px; height: 64px; line-height: 32px; overflow: hidden; }
.honor_inner li:hover .honor_tit{ color: #02368c; transition: all 0.5s ease 0s; }

.casebox .small_box{width: 100%; position: relative;}
.casebox .small_list{position:relative;height:70px;overflow:hidden}



.casebox .btn{display:block;width:80px;height:44px;cursor:pointer;  position: absolute; z-index: 9999;}
.casebox .left_btn{background:url(../images/case_left.png) left top no-repeat; left:330px; bottom:250px;   }
.casebox .right_btn{background:url(../images/case_right.png) left top no-repeat; left:430px; bottom:250px;  }

.casebox .large_box{ width:100%; overflow: hidden; position: relative; height: 932px; }
.casebox .large_box .caseimg img{width: 100%; height: auto; max-width: 100% }
.caseinner{ position: absolute; z-index: 999; left:290px; top: 180px; width:540px; border-radius: 5px; padding: 0 44px; box-sizing: border-box; height:580px; background: url(../images/casebj.png) center top repeat;  }
.casepic{ height: 80px; display: block; margin-top: 78px; }
.casepic img{ width: 80px; height: 80px; border-radius: 80px; overflow: hidden;  }
.casetit{ height: 92px; line-height: 92px; overflow: hidden; font-size:32px; color: #fff;  }
.casezi{ height: 96px; line-height: 32px; color: #fff; overflow: hidden; font-size:16px; margin-bottom: 20px;  }
.case_see{height: 36px; line-height: 36px; display: block; overflow: hidden; color: #fff; font-size:16px; width: 98px;background: url(../images/case.png) right center no-repeat; }
.case_num{ text-align: right; height: 58px; line-height: 58px; color: #fff; font-size: 26px; }
.site_num{ font-size:52px;  }
.caseul li{ overflow: hidden; width: 100%; height: 100%; display: none; }
.about_inner img{ width: auto; height:auto; max-width: 100% }

.pro{ background: #f3f7f9; padding:60px 0;  }
.pro_title{ margin-bottom: 60px; }
.pro_cn{ display: block; float: left; height:70px; line-height: 70px; font-size:36px;   }
.pro_see{ float: right; display: block; height: 68px;transition: all 0.5s ease 0s; font-size: 16px;background:url(../images/prosee.png) 128px center no-repeat; text-indent:46px;  line-height: 68px; width:188px; border-radius: 50% 50%; border: 1px solid #3b3b3c;  }
.pro_see:hover{ transition: all 0.5s ease 0s; border: 1px solid #02368c;  color: #fff;background:#02368c url(../images/see1.png) 128px center no-repeat;  }
.pro_ul{background:url(../images/probj1.jpg) left top no-repeat; padding:80px 0 0 24px; margin-bottom: 120px;  }
.pro_ul li{ float: left; margin-left: 60px; width:350px; background: #02368c; border-radius: 5px; padding-top: 10px; }
.proimg{ width:330px; height: 450px; margin: 0 auto; display: block; overflow: hidden;border-radius: 5px;  }
.proimg img{width:330px;transition: all 1s ease 0s; height: 450px; border-radius: 5px;}
.protit{ text-align: center; height:100px; line-height: 100px; display: block; font-size: 28px; color: #fff; overflow: hidden;  }
.pro_ul li:hover .proimg img{ transition: all 1s ease 0s; transform: scale(1.1); }
.ment_ul{ margin:0 0 0 -60px;  }
.ment_ul li{ float: left; margin: 0 0 60px 60px; width: 640px; height: 340px; border-radius: 8px; overflow: hidden; position: relative; }
.ment_img{ display: block; width: 640px; height: 340px; overflow: hidden;  }
.ment_img img{width: 640px;transition: all 1s ease 0s; height: 340px; overflow: hidden;  }
.ment_tit{ position: absolute; left: 0; transition: all 0.5s ease 0s; bottom: 0; width: 100%;background:url(../images/protit.png) left top repeat; padding: 0 28px; box-sizing: border-box;  height: 80px; line-height: 80px; color: #fff; font-size: 28px; border-radius: 0 0 8px 8px; }
.ment_ul li:hover .ment_img img{ transition: all 1s ease 0s; transform: scale(1.1); }
.ment_ul li:hover .ment_tit{ color: #02368c; transition: all 0.5s ease 0s; }



.indexflexslider {position: relative;width: 100%;height:auto; overflow: hidden; text-align: center; clear: both;}
.slides li .banner_img{ width: 100%; height: auto;     transform: translate3d(0px, 0px, 0px);  transition: all 1000ms ease 0s}
.slides li { position:relative; width:100%; height:auto; 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: 8px; text-align: center; z-index: 99;  position: absolute; right: 40px; top: 40%; }
.flex-control-nav li{  margin:15px 0; }
.flex-control-nav li a{ display: block; border: 1px solid #fff; width: 6px; height: 58px; font-size: 0;transition: all 0.5s ease 0s; }
.flex-control-nav li a.flex-active{background:#fff; transition: all 0.5s ease 0s; }
.flex-direction-nav,.flex-prev{ display: none; }



@-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);
	}
}

.pro_way{ float: left; width:310px; box-shadow: 0 0 10px #edf1f5; border-radius: 5px; background: #fff; padding:0 20px 34px;  box-sizing: border-box;  }
.waypro_tit{ display: block; font-size: 28px; height:88px; line-height: 88px; border-bottom: 1px solid #dddddd  }
.waypro_ul li .menu{ font-size: 20px;transition: all 0.5s ease 0s; display: block; height:48px; line-height: 48px; overflow: hidden; background: url(../images/cata3.png) right center no-repeat;   }
.waypro_inner a{ display: block; transition: all 0.5s ease 0s;   height:34px; line-height: 34px; font-size: 16px; overflow: hidden;background: url(../images/cata5.png) left center no-repeat; padding-left: 22px; }
.waypro_inner a.up,.waypro_inner a:hover{ color: #02368c;background: url(../images/cata4.png) left center no-repeat; transition: all 0.5s ease 0s;  }
.waypro_inner{ display: none; }
.waypro_ul li .menu.for{ background: url(../images/cata2.png) right center no-repeat; color: #02368c; transition: all 0.5s ease 0s;}
.waypro_ul{ padding: 16px 0;border-bottom: 1px solid #dddddd }
.infor{ width:1000px; float: right;  }
/* .waypro_ul li a.on{ color: #02368c; transition: all 0.5s ease 0s; background: none; } */
.ul_infor{ margin: 0 0 0 -20px; }
.ul_infor li{ float: left; position: relative; margin: 0 0 60px 20px; width: 320px; height: 460px; background: #fff; border-radius: 5px; }
.infor_div{ padding:30px 20px 0; position: relative; z-index: 9999;  }
.infor_img{ display: block; width:280px; height: 250px; overflow: hidden; border-radius: 10px; }
.infor_img img{width:280px; height: 250px; overflow: hidden; border-radius: 10px;object-fit: cover; }
.infor_tit{ display: block; transition: all 0.5s ease 0s; height:78px; line-height: 78px; text-align: center;  font-size: 22px; overflow: hidden;  }
.infor_see{ display: block; transition: all 0.5s ease 0s; margin: 0 auto; width:158px; height: 58px; line-height: 58px; text-indent: 30px; border: 1px solid #333333;background: url(../images/prosee.png) 113px center no-repeat; border-radius: 50% 50%; font-size: 16px;  }
.ul_infor li:after{ position: absolute; transition: all 0.5s ease 0s; border-radius: 5px; left: 0; top: 0; width: 100%; height: 0; content: ''; background: #02368c }
.ul_infor li:hover:after{ height: 100%; transition: all 0.5s ease 0s; }
.ul_infor li:hover .infor_tit{ color: #fff;  transition: all 0.5s ease 0s;}
.ul_infor li:hover .infor_see{color: #fff; color: #02368c;  transition: all 0.5s ease 0s;background:#fff url(../images/prosee1.png) 113px center no-repeat;}

.prosite{ float: left; }
.pro_info{ padding:20px 0 54px 0; border-bottom: 1px solid #dde8ed;  }

.mag_left{ float: left; width:640px; height: 580px; overflow: hidden;  }


.mag_left .small_list ul{height:100px;overflow:hidden}
.mag_left .small_list ul li{position:relative;float:left; cursor: pointer; margin-right:12px;width:102px; overflow: hidden; border-radius: 5px; border: 4px solid #fff; box-sizing:border-box;}
.mag_left .small_list ul li img{display:block; width:102px; height: 92px;object-fit: cover;}

.mag_left .small_list ul li.on { border: 4px solid #02368c }
.mag_left .btn{display:block;width:60px;height:60px;cursor:pointer; position: absolute;}
.mag_left .left_btn{ left: 20px; top: -210px;background: url(../images/pro_left.png) right center no-repeat; z-index: 999;  }
.mag_left .right_btn{right: 20px; top: -210px;background: url(../images/pro_right.png) right center no-repeat; z-index: 999;}
.mag_left .left_btn:hover{ background: url(../images/pro_left1.png) right center no-repeat; z-index: 999;  }
.mag_left .right_btn:hover{background: url(../images/pro_right1.png) right center no-repeat; z-index: 999;}


.mag_left .large_box{  width:640px; height: 580px;   }
.mag_left .honor_h3{ text-align: center; height: 100px; line-height: 100px; overflow: hidden; font-size: 30px; }
.mag_left .large_box li{ display: none; }
.mag_left .large_box li img{width:640px; height: 580px; object-fit: cover;}
.mag_left .small_box{  position: absolute; left: 50%; bottom: 20px; width: 600px; margin-left: -300px;height: 100px;  }
.mag_left .small_list{ height: 100px; width:558px; margin-left: -279px;bottom: 0;  position: absolute; left: 50%; overflow: hidden;}
.mag_left .mag_banner{ position: relative; }

.mag_right{ float: right; width:640px;  }
.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;  }
.describe{ text-align: center; height:83px; border-bottom: 1px solid #dde8ed;  }
.describe li{ display: inline-block; margin: 0 30px; }
.describe li a{ display: block;height: 83px;transition: all 0.5s ease 0s; line-height: 83px; padding:0 6px; font-size: 20px; position: relative;  }
.describe li a:after{ position: absolute; left: 0; transition: all 0.5s ease 0s; bottom: 0; content: ''; height: 1px; width: 0; background: #02368c; color: #02368c; }
.describe li.on a:after{width: 100%; transition: all 0.5s ease 0s;}
.describe li.on a{ color: #02368c; transition: all 0.5s ease 0s; }
.chemistry{ background: #fff; }
.piecepro{  background: #f3f4f8; padding:24px 40px; margin: 60px 0;   }
.piece_left{ display: block; border-radius: 5px; float: left; width:490px; height: 60px; line-height: 60px; overflow: hidden; background: #fff url(../images/page_left1.png) 30px center no-repeat; font-size: 16px; text-align: right;  padding-right:30px; box-sizing: border-box;   }
.piece_right{display: block; border-radius: 5px;float: left; width:490px; height: 60px; line-height: 60px; overflow: hidden; background: #fff url(../images/see11.png) 440px 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: #fff url(../images/page1.png) 47px center no-repeat; text-indent: 90px; font-size: 16px;   }
.piece_left:hover{background: #02368c url(../images/page_left.png) 30px center no-repeat; color: #fff;}
.piece_right:hover{background: #02368c url(../images/page_right.png) 440px center no-repeat; color: #fff;}
.proend:hover{background: #02368c url(../images/page11.png) 47px center no-repeat; color: #fff;}

.jour{ background: #fff; padding: 138px 0 106px 0; }
.jour_div{  float: left; }
.jour_en{ display: block; height:52px; line-height: 52px; overflow: hidden; font-size:32px; text-transform: uppercase;   }
.jour_cn{display: block; height:52px; line-height: 52px;  overflow: hidden; font-size:38px;}
.jour_blue{ color: #02368c }
.jour_btn{ float: right; padding-top:32px; }
.jour_btn li{ float: left; margin-left:40px;  }
.jour_btn li a{ display: block; transition: all 0.5s ease 0s; width:160px; height: 70px; line-height: 70px; background: #ebebeb; border-radius: 10px; text-align: center; font-size:22px;   }
.jour_btn li.on a{transition: all 0.5s ease 0s;  color: #fff; background: #02368c}
.jour_box{ padding:46px 0 0 0;  }
.jour_ul{ margin:0 0 60px -40px;  }
.jour_ul li{ float: left;transition: all 0.5s ease 0s; margin: 0 0 0 40px; width: 480px; background: #f8f8f8; border-radius: 10px; position: relative;   }
.jour_img{ width: 480px; height: 280px; overflow: hidden; display: block; border-radius: 10px; }
.jour_img img{width: 480px;transition: all 1s ease 0s; height: 280px; overflow: hidden;border-radius: 10px;}
.jour_zi{ padding:18px 30px 12px; }
.jour_time{ display: block; height:40px; line-height: 40px; overflow: hidden; padding-left: 24px; background: url(../images/time1.png) left center no-repeat; font-size: 18px; }
.jour_tit{ height: 76px; transition: all 0.5s ease 0s;line-height: 38px; overflow: hidden; font-size: 22px; display: block;}
.jour_see{ display: block; transition: all 0.5s ease 0s;height:54px; line-height: 54px; font-size: 16px; overflow: hidden;  background: url(../images/prosee.png) 83px center no-repeat; }
.joursee{ font-size: 16px;transition: all 0.5s ease 0s; width:188px; height: 68px; line-height: 68px; border: 1px solid #595959; display: block; text-indent: 46px;background: url(../images/prosee.png) 128px center no-repeat;  margin: 0 auto; border-radius: 50% 50%; }
.joursee:hover{background:#02368c url(../images/see1.png) 128px center no-repeat; border: 1px solid #02368c; color: #fff; transition: all 0.5s ease 0s; }
.jour_ul li:hover{ background: #02368c; transition: all 0.5s ease 0s; }
.jour_ul li:hover .jour_time{ transition: all 0.5s ease 0s; color: #fff; background: url(../images/time11.png) left center no-repeat; }
.jour_ul li:hover .jour_see{background: url(../images/see1.png) 83px center no-repeat;transition: all 0.5s ease 0s; color: #fff;}
.jour_ul li:hover .jour_tit{transition: all 0.5s ease 0s; color: #fff;}
.jour_ul li:after{ position: absolute; content: ''; left: 0;transition: all 0.5s ease 0s; bottom: 0; width: 0px; height:4px; background: #fecb42; border-radius: 0 0 5px 5px;  }
.jour_ul li:hover:after{transition: all 0.5s ease 0s;  width: 100%;  }
.jour_ul li:hover .jour_img img{ transition: all 1s ease 0s; transform: scale(1.1); }

.us{background: url(../images/usbj1.jpg) center top no-repeat; height: 831px; margin-bottom: 70px;}
.us_left{ float: left; width:760px;  padding-top: 130px; }
.usdiv{ float: none; margin-bottom:30px;  }
.us_inner{ font-size: 18px; line-height:40px; overflow: hidden; height:200px; margin-bottom: 46px;   }

.us_right{ float: right; width:700px; padding-top: 150px;  }
.exp_ul{ margin-bottom: 50px; }
.exp_ul li{ float: left; width: 25% }
.expdiv{ font-size: 50px; color: #02368c; height: 56px; line-height: 56px; text-align: center;}
.expdiv sup{ font-size: 16px;  color: #333; margin-left: 10px; }
.exp_tit{ text-align: center; font-size:16px; height:34px; line-height: 34px; overflow: hidden;   }

.show{background: url(../images/showbj.jpg) right top no-repeat; margin-bottom: 80px; }
.show_inner{ padding-top: 67px; }
/*.showdiv{ height:560px; position: relative; margin-bottom: 90px;  }
 .showdiv ul{ width: 100000px; }
.show_scroll{ position: absolute; left: 0; top: 0; width: 1520px; height: 560px; overflow: hidden; }
.show_scroll li{ float: left; margin-right:40px;  width: 350px; }
.show_scroll li a{ display: block; padding:10px 10px 0; background: #023587; border-radius: 8px;  }
.show_img{ display: block; width: 330px; height: 450px; margin: 0 auto; overflow: hidden; border-radius: 8px;  }
.show_img img{ width: auto; height: auto;transition: all 1s ease 0s; max-width: 100%; }
.shwo_tit{ display:block; text-align: center; height: 100px; line-height: 100px; color: #fff; font-size:28px;  }
.show_left{ position: absolute; top: -148px; right:110px;background: url(../images/show_left.png) center center no-repeat;  display: block; width:68px; height: 68px; border-radius: 68px; border: 1px solid #484848;  }
.show_right{ position: absolute; top: -148px; right:0px;background: url(../images/show_right.png) center center no-repeat;  display: block; width:68px; height: 68px; border-radius: 68px; border: 1px solid #484848;  }
.show_left:hover{background: url(../images/show_left1.png) center center no-repeat; border: 1px solid #02368c; transition: all 0.5s ease 0s; }
.show_right:hover{background: url(../images/show_right1.png) center center no-repeat; border: 1px solid #02368c; transition: all 0.5s ease 0s; }
.show_scroll li:hover .show_img img{ transition: all 1s ease 0s; transform: scale(1.1); } */

.listdiv{display: block; padding:10px 10px 0; background: #023587; border-radius: 8px;}
.show_img{ display: block; width: 330px; height: 220px; margin: 0 auto; overflow: hidden; border-radius: 8px;  }
.show_img img{ width: auto; height: auto;transition: all 1s ease 0s; max-width: 100%; }
.shwo_tit{ display:block; text-align: center; height: 100px; line-height: 100px; color: #fff; font-size:28px;  }
.swiper-button-prev{ position: absolute!important; top: 72px!important; left: inherit!important;right:110px!important;background: url(../images/show_left.png) center center no-repeat!important;  display: block!important; width:68px!important; height: 68px!important; border-radius: 68px!important; border: 1px solid #484848!important;  }
.swiper-button-next{ position: absolute!important; top: 72px!important;  right:0px!important;background: url(../images/show_right.png) center center no-repeat!important;  display: block!important; width:68px!important; height: 68px!important; border-radius: 68px!important; border: 1px solid #484848!important;  }
.swiper-button-prev:hover{background: url(../images/show_left1.png) center center no-repeat!important; border: 1px solid #02368c!important; transition: all 0.5s ease 0s!important; }
.swiper-button-next:hover{background: url(../images/show_right1.png) center center no-repeat!important; border: 1px solid #02368c!important; transition: all 0.5s ease 0s!important; }
.listdiv:hover .show_img img{ transition: all 1s ease 0s; transform: scale(1.1); } 
.swiper-pagination{ display: none!important; }
.swiper-container{ padding-top: 220px!important; }



.showdiv{ margin: -220px 0 70px 0; }
.index_box{ width: 1520px; margin: 0 auto }
.aboutsee{ margin: 0; }
.trade_inner{width: 100%; height: 100%;}
.trade_left{ float: left; width: 50%;height:930px; border-top: 1px solid #f8f8f8; box-sizing: border-box;  border-bottom: 1px solid #f8f8f8; background: #f8f8f8; }
.trade_right{ float: left; width: 50%; height:930px; position: relative;  }
.tradeimg{ width: 100%; height: 100%; background-size: cover; }
.app{ position: absolute; left:0; top: 67px; width: 100%;  padding: 0 200px 0 76px; box-sizing: border-box;  }
.app_en{ display: block; height:50px; line-height: 50px; overflow: hidden; color: #fff; text-transform: uppercase; font-size:32px;   }
.app_cn{display: block; height:64px; line-height: 64px; overflow: hidden; color: #fff; margin-bottom: 64px; font-size:38px;}
.app_tit{ display: block; height:134px; line-height: 134px; overflow: hidden; color: #fff; font-size:46px;   }
.app_zi{ height:120px; line-height: 40px; overflow: hidden; color: #fff; font-size:18px; margin-bottom: 50px;   }
.appsee{ margin: 0; border: 1px solid #fff; color: #fff; background:url(../images/see1.png) 128px center no-repeat; }
.trade_ul li{ float: left; width:33.3%;border-bottom: 1px solid #eeeeee; border-right: 1px solid #eeeeee; box-sizing: border-box; height: 310px; position: relative; }
.ind{ width:80px; transition: all 0.5s ease 0s; height: 80px;  border-radius: 80px; margin: 0 auto 18px; position: relative; overflow: hidden; background: url(../images/appbj.png) center center repeat;  }
.ind_blue{ width: 80px; height: 80px; border-radius: 80px; text-align: center; line-height: 80px; overflow: hidden; position: absolute; left: 0; transition: all 0.5s ease 0s; top: 0; }
.ind_yellow{width: 80px; height: 80px; border-radius: 80px; text-align: center; line-height: 80px; overflow: hidden; position: absolute; left: 0; transition: all 0.5s ease 0s;bottom: -80px;}
.ind_cn{ display: block;transition: all 0.5s ease 0s;  height:46px; line-height: 46px; text-align: center; font-size: 26px; overflow: hidden;  }
.ind_en{display: block;transition: all 0.5s ease 0s;  height:32px; text-transform: uppercase; line-height: 32px; text-align: center; font-size: 16px; overflow: hidden; margin-bottom: 10px;}
.ind_case{ display: block; transition: all 0.5s ease 0s; height:0; overflow: hidden;  text-align: center;background: url(../images/see1.png) right center no-repeat;   color: #fff; font-size:16px; width:98px; margin: 0 auto;    }
.trade_btn{ padding-top: 70px;transition: all 0.5s ease 0s;  position: relative; z-index: 999; }
.trade_ul li:nth-child(4){ width: 66.6%; box-sizing: border-box; }
.trade_ul li:nth-child(6),.trade_ul li:nth-child(7){ width: 50%;box-sizing: border-box;  }
.trade_ul li:after{ position: absolute; left: 0; top: 0; width: 0; background-size: cover; height: 100%;background:url(../images/trbj.jpg) center bottom no-repeat; content: ''; transition: all 0.5s ease 0s; }
.trade_ul li:hover:after,.trade_ul li.on:after{ transition: all 0.5s ease 0s; width: 100%; }
.trade_ul li:hover .ind_blue,.trade_ul li.on .ind_blue{ top: -80px; transition: all 0.5s ease 0s; }
.trade_ul li:hover .ind_yellow,.trade_ul li.on .ind_yellow{ bottom: 0px; transition: all 0.5s ease 0s; }
.trade_ul li:hover .ind,.trade_ul li.on .ind{ background: #fff; transition: all 0.5s ease 0s; }
.trade_ul li:hover .ind_cn,.trade_ul li:hover .ind_en,.trade_ul li.on .ind_cn,.trade_ul li.on .ind_en{ color: #fff; transition: all 0.5s ease 0s; }
.trade_ul li:hover .trade_btn,.trade_ul li.on .trade_btn{ padding-top: 50px; transition: all 0.5s ease 0s; }
.trade_ul li:hover .ind_case,.trade_ul li.on .ind_case{height:36px; line-height: 36px; transition: all 0.5s ease 0s;}
.jourinner{ display: none; }
.trade_inner{ display: none; }

.block{ position: fixed; top: 50%; right:10px; width:140px; height: 180px; margin-top: -90px; z-index: 9999   }

.begin .nav_ul li a{ width: 134px; }
.begin .nav_ul li a{ text-indent: 18px; }
.begin .nav_ul li .subnav a{ width: 100%; text-indent: 0; }
.begin .foot_top{ padding:123px 70px 56px  }
.begin .foot_bottom{ padding: 0 70px; }

.all .nav_ul li a{ width: 124px; }
.all .nav_ul li a{ text-indent: 18px; background: url(../images/head1.png) 100px center no-repeat }
.all .nav_ul li:hover a{ text-indent: 18px; background: url(../images/head11.png) 100px center no-repeat }
.all .nav_ul li .subnav a{ width: 100%; text-indent: 0; background: none; }
.all h1{ padding-left: 20px; }
.all .visit,.all .search,.all .lan{ width: 70px; }
.all .lan a{ width: 70px; }
.all .index_box{ width: 1340px; }
.all .us_left{ width: 620px; }
.all .show_scroll{ width: 1340px; }
.all .show_scroll li{ width: 320px!important ; }
.all .foot_top{  padding:123px 70px 56px}
.all  .foot_bottom{ padding: 0 70px; }
.all .foot_ul li{ margin-right: 30px; }
.all .show_img{ width: 100%; height:auto; }
.all .show_scroll li{ margin-right: 19px; }
.all .jour_ul li{ width: 420px; }
.all .jour_img img{ width: auto; height: auto; max-width: 100% }
.all .jour_img{ width: 100% }



.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.active {
    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: 90px;
    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
}

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

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

.pages_inner{ text-align: center; padding: 30px 0; }
.pages{ display: inline-block; }
.pages a{ display: block; float: left;transition: all 0.5s ease 0s; margin: 0 8px; height: 30px; line-height: 30px; font-size: 16px; padding: 0 10px; border: 1px solid #eee; }
.pages a:hover,.pages a.on{ color: #fff; transition: all 0.5s ease 0s; background: #02368c;border: 1px solid #02368c; }


.card{background: url(../images/cardbj.jpg) center top no-repeat; padding-top: 44px;}
.ele_tit{ font-size: 50px; height:122px; line-height: 122px; overflow: hidden;  }
.ele_ul{  margin-left: -20px; }
.ele_ul li{ float: left; margin-left: 20px; }
.ele_ul li a{ display: block; transition: all 0.5s ease 0s; font-size:16px; height:34px; background: url(../images/card2.jpg) left center no-repeat; width: 178px; line-height:34px; overflow: hidden; padding-left: 14px;   }
.ele_ul li a:hover{ color: #02368c; transition: all 0.5s ease 0s; }
.model_ul{ margin: 0 0 0 -35px;}
.model_ul li{ float: left; margin: 0 0 60px 35px; background: #fff; width: 240px; box-shadow: 0 0 10px #f0f1f2 }
.model_ul li a{ display: block; padding:10px 10px 0; box-sizing: border-box;  }
.modelimg{ display: block; overflow: hidden; width:220px; height: 140px;  }
.modelimg img{overflow: hidden; width:220px; height: 140px; transition: all 0.5s ease 0s;}
.model_ul li:hover .modelimg img{ transition: all 0.5s ease 0s; transform: scale(1.1); }
.model_tit{ display: block; font-size: 20px; height: 60px; line-height: 60px; transition: all 0.5s ease 0s; text-align: center; overflow: hidden; }
.model_ul li:hover .model_tit{ color: #02368c; transition: all 0.5s ease 0s; }
.electron{ border-bottom: 1px solid #cbcbcb;padding-bottom: 38px;margin-bottom: 60px;}

.chem_inner{ display: none; padding-top: 30px; font-size: 16px; line-height: 34px; }