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 */
.head{ position:absolute; left: 0; top: 0;transition: all 0.5s ease 0s; width: 100%; padding: 0 60px; box-sizing: border-box; z-index: 9999 }
h1{ float: left;  line-height: 85px;transition: all 0.5s ease 0s; }
h1 img{ transition: all 0.5s ease 0s; }
.head_inner{ float: right; }
.shares{ float: right; height: 42px;transition: all 0.5s ease 0s;overflow: hidden; line-height: 42px; font-size:14px; color: #fff;  width: 100%; text-align: right}
.sgares_tit{ opacity: .6; margin-right: 16px; }
.nav_ul{ float: left; }
.nav_ul li{ float: left; margin-left: 26px; }
.nav_ul li a{ display: block; font-size: 16px; color: #fff; height:36px; line-height: 36px; padding: 0 10px; position: relative;  }
.nav_ul li a:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 0; height:1px; background: #ffffff;  transition: all 0.5s ease 0s; }
.nav_ul li a:hover:after{ width: 100%; transition: all 0.5s ease 0s; }
.search{  float: left;transition: all 0.5s ease 0s; cursor: pointer; position: relative; margin:0 0 0 36px; background: url(../images/head.png) left center no-repeat; height: 36px; line-height: 36px; padding: 0 30px 0 34px; }
.lan{ float: left;transition: all 0.5s ease 0s; height: 36px; line-height: 36px;  font-size: 18px; color: #fff; }
.lan a{font-size: 18px; color: #fff;}
.current{ position: fixed; background: rgba(0,0,0,.2); transition: all 0.5s ease 0s; }
.current .shares{ height: 0; transition: all 0.5s ease 0s; }
.current h1{  line-height: 60px;transition: all 0.5s ease 0s; }
.current h1 img{ height: 40px;transition: all 0.5s ease 0s; }
.current .nav_ul li a{ height: 60px; line-height: 60px;transition: all 0.5s ease 0s; }
.current .search,.current .lan{ height: 60px; line-height: 60px;transition: all 0.5s ease 0s; }
.current #search-form{ top: 60px; }
#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:45px;
  right: 6px;
  width: 320px;
  max-height: 0;
  overflow: hidden;
  background-color: #e1e4e7;
  z-index: 999

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

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

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

/* foot */
.foot_top{ background: #333333 }
.foot_bottom{ background: #2c2c2c }
.address{ float: left; height: 65px; line-height: 65px; font-size: 14px; color: #bebebe; overflow: hidden; }
.support{ float: right; height: 48px; line-height: 48px; font-size: 14px; color: #bebebe; overflow: hidden}
.foot_bottom a{font-size: 14px; color: #bebebe; margin-left: 30px; transition: all 0.5s ease 0s;}
.foot_bottom a:hover{ color: #fff; transition: all 0.5s ease 0s; }
.foot_call{ border-top: 1px solid #484848; padding: 30px 0; }
.foot_dl{ margin-right:118px; float: left;  }
.foot_dl dt{ float: left;height: 46px; width: 46px; margin-right: 20px; }
.foot_dl dt img{ width: 46px; height: 46px; overflow: hidden; }
.foot_dl dd{ float: left; }
.call_tit{ display: block;height:23px; line-height: 23px; overflow: hidden; font-size:16px; color: #fff;   }
.call_num{ display: block; height: 23px; line-height: 23px; overflow: hidden; font-size:16px; color: #b1b1b1  }
.foot_dl:nth-last-child(1){ margin: 0; }
.foot_logo{ float: left; }
.foot_inner{ padding:54px 0 52px 0;  }
.foot_law{ float: right; }
.law_ul{ float: left; }
.law_ul li{ float: left; margin-right: 38px; }
.law_ul li a{ display: block; height: 44px; line-height: 44px; font-size: 16px; color: #929292 }
.foot_sel{ float: left; width:220px; height: 44px; line-height: 44px; background: #d6d6d6; text-indent:20px; font-size: 16px; border: none;   }
.foot_box{ float: left; width: 75%; }
.foot_what{ float: right; }
.foot_nav{ float: left; width:16.6%;  }
.foot_em{ display: block; height: 36px; line-height: 36px; margin-bottom: 6px; overflow: hidden; color: #fff; font-size: 18px; }
.foot_nav a{ display: block; font-size: 16px; transition: all 0.5s ease 0s; color: #9a9a9a; height:36px; line-height: 36px; overflow: hidden;  }
.foot_nav a:hover{ color: #fff; transition: all 0.5s ease 0s; }
.foot_what{ width: 20%; background: url(../images/foot1.jpg) left center no-repeat;}
.what_ul{ float: right; width: 180px; margin-left: -20px; padding-top: 190px; position: relative;}
.what_ul li{ float: left; margin-left:16px;  width: 38px; height: 38px; border: 1px solid #6c6c6c; cursor:pointer; border-radius: 38px; text-align: center; line-height: 38px; }
.what_hover{ position: absolute; left: 18px; bottom:70px; display: none; }
.what_ul li:hover,.what_ul li.on{ background: #146895; border: 1px solid #146895; }
.foot_div{ padding-bottom: 32px; }


.indexflexslider {position: relative;width: 100%;height:auto; overflow: hidden; text-align: center; clear: both;}
.indexflexslider .slides li .banner_img{ width: 100%; height: auto;     transform: translate3d(0px, 0px, 0px);  transition: all 1000ms ease 0s}
.indexflexslider .slides li { position:relative; width:100%; height:auto; float: left; }
.indexflexslider .slides li.flex-active-slide img{ -webkit-animation:scale-bg 6s linear forwards;
	animation:scale-bg 6s linear forwards; }
.indexflexslider .slides {width:100%; height:auto;}
.indexflexslider .flex-control-nav {display: none; }
.indexflexslider  .flex-direction-nav,.flex-prev{ display: block; }
 .flex-prev{ position: absolute; left: 100px; top: 50%; display: block; font-size: 0; background: url(../images/banner_left.png) center center no-repeat; width: 54px; height: 54px; margin-top: -27px; z-index: 99; }
.flex-next{ position: absolute; right: 100px; top: 50%; display: block; font-size: 0; background: url(../images/banner_right.png) center center no-repeat; width: 54px; height: 54px; margin-top: -27px; z-index: 99; }
 


@-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);
	}
}
.a_banner{ background-size: cover!important; }
.meet{ position: relative; z-index:9; background: url(../images/meet2.jpg)  no-repeat;background-size: cover;}
.meet .meet_con{max-width: 1920px;margin: 0 auto;}
.video{ float: left; width: 32%; height: 284px; overflow: hidden; }
.video img{ width: 100%; height: 284px; overflow: hidden; }
.video video{object-fit: fill!important; width: 100%;height: 100% }
.meet_ul{ float: right; width: 68%; background: #adadad; }
.meet_ul li{ float: left; transition: all 0.5s ease 0s; width: 33.3%; padding: 0 78px; box-sizing: border-box; height: 284px; overflow: hidden;background: url(../images/meet1.jpg) left top no-repeat; background-size: cover; }
.meet_ul li:nth-child(2){background: url(../images/meet2.jpg) left top no-repeat; background-size: cover;}
.meet_ul li:nth-child(3){background: url(../images/meet3.jpg) left top no-repeat; background-size: cover;}
.meet_tit{ font-size: 16px; transition: all 0.5s ease 0s; height:60px; display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;  line-height: 30px; overflow: hidden; color: #fff; margin-bottom: 10px;  padding-top: 65px;  }
.meet_time{ display: block; transition: all 0.5s ease 0s; font-size: 14px; height:30px; line-height: 30px; overflow: hidden; color: #fff; margin-bottom: 12px;  }
.meet_div{ font-size: 14px; display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3; transition:all 0.5s ease 0s;color: #666666; line-height:24px; height:0px; overflow: hidden;  margin-bottom: 23px; color: #666;  }
.meet_see{ display: block; width:111px; height: 33px; line-height: 33px; text-align: center; font-size: 14px; border-radius: 3px; color: #fff; border: 1px solid #fff;  }
.meet_ul li:hover .meet_div,.meet_ul li.on .meet_div{ height: 72px; transition:all 0.5s ease 0s; }
.meet_ul li:hover,.meet_ul li.on{background: url(../images/meetbj.jpg) left top no-repeat; box-shadow: 6px 0 20px -5px #555; z-index: 99; position: relative; background-size: cover; height: 313px; transition: all 0.5s ease 0s; margin-top: -29px;}
.meet_ul li:hover .meet_tit,.meet_ul li:hover .meet_time,.meet_ul li.on .meet_tit,.meet_ul li.on .meet_time{ color: #0072ca; font-weight: bold; transition: all 0.5s ease 0s; }
.meet_ul li:hover  .meet_see,.meet_ul li.on  .meet_see{ border: 1px solid #0072ca; color: #0072ca; transition: all 0.5s ease 0s; }
.meet_ul li:hover .meet_tit,.meet_ul li.on .meet_tit{ padding-top: 30px; }
.us{background: url(../images/aboutbj.jpg) center top no-repeat; height: 780px; background-size: cover; }
.us_inner{ width:817px;  margin: 0 0 0 244px;  }
.us_tit{ font-size: 36px; font-weight: bold; color: #545454; height:50px; margin-bottom: 10px; line-height: 50px; display: block; overflow: hidden; padding-top:202px;   }
.us_zi{ font-size: 16px; height: 90px; margin-bottom: 50px; line-height: 30px; overflow: hidden; color: #666666}
.us_see{ font-size: 14px; transition: all 0.5s ease 0s; color: #0072ca; border: 1px solid #0072ca; width:111px; height: 33px; line-height: 33px; text-align: center; border-radius: 3px; display: block;  }
.us_see:hover{ color: #fff; background: #0072ca; transition: all 0.5s ease 0s; }
.us_ul{ margin-bottom: 50px; }
.us_ul li{ float: left;  width: 25%;background: url(../images/round.png) left top no-repeat; height: 130px; padding: 0 10px 0 15px; box-sizing: border-box; }
.us_year{ font-size: 16px; color: #666; height:34px; line-height: 34px; overflow: hidden;  }
.us_div{ height:64px;  line-height: 64px; position: relative; padding-right: 15px; display: inline-block; margin-top: -10px; }
.counter{ font-size: 72px; font-weight: bold;background-image:-webkit-linear-gradient(top, rgba(0, 101, 244, 1),#53bef6 );
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent; font-family:'Arial'; color: #0b70c9  }
.us_div sup{ color: #0b70c9; font-size: 24px; font-weight: bold; position: absolute; right: 0; top: -18px; }
.member{ /* background: #e3e3e3; */ padding: 0 0 98px 0; background: url(../images/imgbj.jpg) center top no-repeat; height: 796px; background-size: cover;}
.mem_tit{ font-size: 36px; font-weight: bold; height: 175px; line-height: 175px; overflow: hidden; padding-left: 220px; }
.member_inner{/* background: url(../images/entbj.jpg) left top no-repeat; height: 525px; padding-top: 1px; */ }
.member_ul{ margin:92px auto 0px;  width: 1224px; box-sizing: border-box;   }
.member_ul li{ width: 18%; transition: all 0.5s ease 0s; overflow: hidden; height: 340px; padding-left: 19px; box-sizing: border-box; float: left}
.member_ul li.on{ width: 46%; transition: all 0.5s ease 0s; }
.mem_pic{ width: 0; float: left;height: 340px;overflow: hidden; transition: all 0.5s ease 0s; }
.member_ul li.on .mem_pic{width: 63%;transition: all 0.5s ease 0s; }
.mem_pic img{ height: 340px; width: auto; max-width: 100% }
.mem_div{ float: left; width: 100%; height: 340px;overflow: hidden; position: relative;transition: all 0.5s ease 0s;  }
.member_ul li.on .mem_div{width: 37%;transition: all 0.5s ease 0s; }
.member_img{ width: 100%; height: 340px; position: relative; overflow: hidden; }
.img_top{ position: absolute; transition: all 0.5s ease 0s; left: 0; top: 0; width: 100%; height: 100%; }
.img_top img{ width: 100%; height: 100% }
.img_bottom{ position: absolute; transition: all 0.5s ease 0s; left: -100%; top: 0; height: 100%; width: 100%; overflow: hidden; }
.img_bottom{width: 100%; height: 100% }
.mem_hover{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding:0 20px; box-sizing: border-box;  }
.hover_img{ position: relative; height: 40px; line-height: 40px; overflow: hidden; margin:90px 0 12px 0; }
.pic_top{ position:absolute;transition: all 0.5s ease 0s;  left: 0; top: 0; height: 40px; line-height: 40px; overflow: hidden; }
.pic_top img{ width: auto; height: auto; max-width: 100% }
.pic_bottom{ position:absolute;transition: all 0.5s ease 0s;  left: 0; top: -40px; height: 40px; line-height: 40px; overflow: hidden;}
.mem_zi{ font-size: 14px; color: #fff; height:48px; line-height: 24px; overflow: hidden; display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;  }
.mem_see{ display: block; height:48px; line-height: 48px; color: #fff; font-size: 14px;  }
.member_ul li.on .img_bottom{ left:0; transition: all 0.5s ease 0s; }
.member_ul li.on .pic_top{ top: -40px; transition: all 0.5s ease 0s; }
.member_ul li.on .pic_bottom{ top:0px; transition: all 0.5s ease 0s; }
.product{ padding:92px 0; background: #333333; position: relative;  }
.product .large_lop{ float: left; width: 70%; height:591px; overflow: hidden; }
.duct{ position: relative; height: 591px; overflow: hidden; }
.duct_pic{ width: 100%; height: 591px; overflow: hidden; }
.duct_pic img{width: 100%; height: 591px; overflow: hidden;margin: 0px auto 0 auto;}
.duct_inner{ position: absolute;  top: 70px; right:5%;  }
.duct_tit{ font-size: 36px; font-weight: bold; display: block; height:52px ;line-height: 52px; overflow: hidden;  }
.duct_zi{ height: 30px; line-height: 30px; overflow: hidden; font-size:14px; color: #a5a5a5;  }
.duct_see{height: 30px; line-height: 30px; overflow: hidden; font-size:14px; color: #a5a5a5; display: block;}
.product .lop_banner{ width:100%; overflow: hidden; }
.product .small_lop{ width: 30%; float: left; position: relative; height:472px; overflow: hidden;margin-top: 119px;  }
.product .small_inner ul li{ width: 100%; height:118px;  overflow: hidden; background: #dadada; cursor: pointer;   }
.product .small_inner ul li:nth-child(odd){ background: #b8b8b8 }

.small_tit{ float: left; width: 30%; height: 118px; line-height: 118px; font-size: 18px; text-align: center; }
.small_zi{ width: 60%; float: left; padding-top: 40px;  height: 48px; line-height: 24px; overflow: hidden; font-size: 14px; color: #333; display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2; }
.product .small_inner ul li.on{background: url(../images/btn1.jpg) left top no-repeat; background-size: cover; color: #fff;}
.product .small_inner ul li.on .small_zi{ color: #a5c0e1 }

.catalog{ background: #0077d3; height:50px; overflow: hidden;  }
.catalog_ul li{ float: left;  margin-left:10px;  }
.catalog_ul li a{ width: 154px; height: 50px; line-height: 50px; display: block; overflow: hidden; text-align: center; font-size:18px; color: #fff; position: relative;  }
.catalog_ul li a:after{ position: absolute; left: 0; top: 0;transition: all 0.5s ease 0s;  height: 50px; width: 0;background: url(../images/cata.png) left top no-repeat; content: ''; }
.catalog_ul li a:hover:after,.catalog_ul li a.for:after{ transition: all 0.5s ease 0s; width: 154px; }
.catalog_ul li .cata_i{ position: relative; z-index: 99; }
.pro_ul li{ float: left;  margin-left:10px;  }
.pro_ul li a{ width: 154px; height: 50px; line-height: 50px; display: block; overflow: hidden; text-align: center; font-size:18px; color: #fff; position: relative;  }
.pro_ul li a:after{ position: absolute; left: 0; top: 0;transition: all 0.5s ease 0s;  height: 50px; width: 0;background: url(../images/cata.png) left top no-repeat; content: ''; }
.pro_ul li.on a:after{ transition: all 0.5s ease 0s; width: 154px; }
.pro_ul li .cata_i{ position: relative; z-index: 99; }
.product_tit{ position: absolute; top: 92px; right: 0px; width: 30%;  box-sizing: border-box;  font-size: 36px; font-weight: bold; color: #fff; padding-left: 100px;background: url(../images/enttit.png) 44px center no-repeat;  }


.site{ text-align: right; font-size: 14px; color: #888888; padding: 30px 0 50px 0; height: 34px; line-height: 34px; }
.site a{font-size: 14px; color: #888888; transition: all 0.5s ease 0s;}
.site a:hover{ color: #e70012; transition: all 0.5s ease 0s; }
.site a:nth-child(1){background: url(../images/home.png) left center no-repeat; padding-left: 24px;}
.about{ padding: 0 0 80px 0; }
.leader{ background: #f4f4f4; padding-bottom: 120px; }

.wrap{ background: #f4f4f4; padding-bottom: 1px; }
.news_dl{ margin-bottom:74px; background: #fff; padding:0 30px; height:375px; transition: all 0.5s ease 0s;   }
.news_dl:hover{    box-shadow: 0 0 10px #ccc; transition: all 0.5s ease 0s;}
.news_dl dt{ float: left; width: 680px; height: 380px; overflow: hidden; margin-top:-35px;  }
.news_dl dt img{ width: 680px; height: 380px; overflow: hidden; transition: all 1s ease 0s; }
.news_dl dt:hover img{ transition: all 1s ease 0s; transform: scale(1.1); }
.news_dl dd{ float: right; width: 558px; padding-top: 58px; }
.news_time{ display: block; font-size: 24px; height:34px; line-height: 34px; overflow: hidden;  color: #0072ca;background: url(../images/news1.png) left center no-repeat; padding-left: 40px;  }
.news_tit{ display: block; transition: all 0.5s ease 0s;white-space:nowrap;text-overflow:ellipsis; width: 558px;  height:70px; line-height: 70px; overflow: hidden; font-size: 28px; font-weight: bold; }
.news_dl:hover .news_tit{ color:#0072ca; transition: all 0.5s ease 0s; }
.news_zi{ height:74px;display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3; line-height: 24px; overflow: hidden; font-size: 14px; color: #666666; margin-bottom: 24px;  }
.news_see{ display: block; border: 1px solid #0072ca; transition: all 0.5s ease 0s;  color: #fff; background: #0072ca;  height:36px; width: 113px; text-align: center; line-height: 36px; border-radius: 3px;  }
.news_dl:hover .news_see{ color:#0072ca; transition: all 0.5s ease 0s; background: none;transform: translateY(10px); }
.news{ background: #fff; }
.jour_dl { padding: 32px 30px; position: relative; border-bottom: 1px solid #e9ebf3; }
.jour_dl dt a{ display: block;white-space:nowrap;text-overflow:ellipsis; font-size:20px; font-weight: bold; height:46px; line-height: 46px; overflow: hidden; transition: all 0.5s ease 0s; }
.jour_dl:hover dt a{transition: all 0.5s ease 0s;  color: #0077d3}
/* .jour_dl:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 0; height:1px; background: #0077d3;  transition: all 0.5s ease 0s;}
.jour_dl:hover:after{ transition: all 0.5s ease 0s; width: 100%; } */
.jour_zi{ display: block; height: 48px;display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2; line-height: 24px; font-size: 14px; color: #666666; overflow: hidden; }
.jour_tiem{ display: block; margin-right: 20px; float: left; font-size: 14px;background: url(../images/news2.png) left center no-repeat; padding-left: 24px; height: 50px; line-height: 50px; }
.jour_read{ display: block; float: left; font-size: 14px;background: url(../images/news3.png) left center no-repeat; padding-left: 24px; height: 50px; line-height: 50px; }
.news{ padding: 20px 0 100px 0; }
.release{ margin-bottom: 30px; border-bottom: 1px solid #e5e5e5;  background: url(../images/news_line.jpg) center bottom no-repeat; text-align: center; }
.release h3{ line-height: 32px; overflow: hidden; font-size: 30px;  }
.release .rele_span{ height: 56px; line-height: 56px; color: #666666; font-size: 14px; overflow: hidden; }
.retrun{ float: right;transition: all 0.5s ease 0s; width: 138px; height: 42px; line-height: 42px; border-radius: 5px; background: #747474; border: 1px solid #747474; text-align: center; margin-top: 30px; font-size: 14px; color: #fff; }
.retrun:hover{ transition: all 0.5s ease 0s; background: #0077d3; color: #fff; }
.piece{ padding:50px 0; border-top: 1px solid #f7f7f7; }
.piece a{ display: block;transition: all 0.5s ease 0s; line-height:36px; height: 36px; overflow: hidden; color: #666; font-size: 16px; }
.piece_i{ color: #0040b5 }
.piece a:hover{ color: #e70012; transition: all 0.5s ease 0s; }

.news_word{ border-bottom: 1px solid #e5e5e5; padding-bottom: 80px;}

.small_box{width: 100%}
.small_list{position:relative;height:164px;overflow:hidden}
table{border: none;}


.btn{display:block;width:64px;height:64px;cursor:pointer; top: 50%; margin-top: -32px; position: absolute;}
.left_btn{background-image:url(../images/pro_left.jpg);left: 5% }
.right_btn{background-image:url(../images/pro_right.jpg);right: 5% }

.large_box{ width:100%; margin: 0 auto 50px; overflow: hidden; }
.large_box li img{width: 100%; height: auto; max-width: 100% }


.honor{ padding-bottom: 80px; }
.pro{ position: relative;  overflow: hidden; margin-bottom: 120px; }
.join{background: url(../images/join_bj.jpg) left top repeat-x;}
.tale{background: url(../images/join.png) left top no-repeat; width: 446px;  position: relative; }
.tale_cn{ display: block; font-size: 30px; color: #0072ca; height: 70px; line-height: 70px; overflow: hidden; position: absolute; left: 45px; top: 0; z-index: 99; }
.tale_en{ font-size: 38px; color: #ededed; text-transform: uppercase;display: block; padding: 46px 0 0 45px; }
.join_zi{ font-size: 16px; line-height:36px; color: #666666; margin-bottom: 60px;}
.rec{ margin-bottom: 90px; }
.soclal{ float: left; width: 70%; position: relative; }
.soclal_img img,.campus img{ width: auto; height: 500px; max-width: 100% }
.soclal_hover{ position: absolute; left: 0%; top: 98px; width: 50%; text-align: right; }
.rec_cn{ display: block; height:48px; line-height: 48px; overflow: hidden; font-size: 30px;  color: #fff; }
.rec_en{ display: block; height:36px; line-height: 36px; overflow: hidden; font-size: 20px; font-weight: bold; color: #fff; margin-bottom: 0px;  }
.rec_more{ display: block; height:30px; transition: all 0.5s ease 0s; line-height: 30px; overflow: hidden; color: #fff; font-size: 14px;  }
.rec_more:hover{ color: #e70012; transition: all 0.5s ease 0s; }
.campus{ float: right; width: 29%; position: relative; }
.campus .rec_en{ margin-bottom: 0; }
.campus  .soclal_hover{ text-align: left;  left: 10% }
.part_ul{ margin: 44px 0 0 -28px; }
.part_ul li{ float: left; position: relative; margin: 0 0 70px 28px; width: 428px; background: #f4f4f4; padding: 24px 24px 42px; box-sizing: border-box;}
.part_img{ display: block; width:386px; height: 193px; overflow: hidden;  }
.part_img img{ width:386px; height: 193px; overflow: hidden;}
.part_time{ display: block;transition: all 0.5s ease 0s; height:64px; line-height: 64px; overflow: hidden; font-size:18px; padding-left: 35px; color: #a2a2a2;background: url(../images/partime2.png) left center no-repeat;   }
.part_tit{ display: block; display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;transition: all 0.5s ease 0s; height:60px; line-height: 30px; overflow: hidden; margin-bottom:14px; font-size: 20px;   }
.part_zi{ display: block;transition: all 0.5s ease 0s; display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3; height: 78px; line-height: 26px; color: #888888; font-size:14px; overflow: hidden; margin-bottom: 24px;   }
.part_see{ display: block;transition: all 0.5s ease 0s; font-size:14px; color: #0072ca; width:111px; height: 33px; line-height: 33px; overflow: hidden; text-align: center; border: 1px solid #0072ca; border-radius: 5px;   }
.part_ul li:after{content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height:0; background: #0077d3;  transition: all 0.5s ease 0s;}
.part_ul li:hover:after{ transform: all 0.5s ease 0s; height: 100% }
.develop .lop_dl{ margin-bottom:54px;  }
.develop .lop_dl dt{ float: left; width: 695px; height:187px; overflow: hidden;  }
.develop .lop_dl dt img{ width: 695px; height:187px;  overflow: hidden;}
.develop .lop_dl dd{ float: left; width: 645px; padding-left: 30px; box-sizing: border-box; }
.develop .lop_time{ display: block; height:66px; line-height: 66px; font-weight: bold; color: #545454;  font-size: 36px; overflow: hidden; }
.develop .lop_div{ height:112px;  line-height: 28px;color: #545454;  font-size:15px; overflow: hidden;   }
.part_div{ position: relative; z-index: 99; }
.part_ul li:hover .part_time{ color: #fff; background: url(../images/partime1.png) left center no-repeat; transition: all 0.5s ease 0s; }
.part_ul li:hover .part_tit,.part_ul li:hover .part_zi{ color: #fff; transition: all 0.5s ease 0s; }
.part_ul li:hover .part_see{ border: 1px solid #fff; color: #fff; transition: all 0.5s ease 0s; }

.develop .small_lop{ position: relative; background:url(../images/devebj.jpg) repeat-x left 65px; }
.develop .small_inner{ overflow: hidden; margin-left: 70px;  }
.develop .small_inner li{ float: left; cursor: pointer; width: 204px; margin-right: 50px;}
.develop .small_time{ height: 70px; line-height: 70px; text-align: center; font-size: 18px; margin-bottom: 30px;  font-weight: bold; display: block; background:url(../images/deve3.jpg) no-repeat center bottom;  }
.develop .small_inner li.on{background:url(../images/deve2.png) no-repeat center center;}
.develop .small_inner li.on .small_time{  background:url(../images/deve2.jpg) no-repeat center bottom; color: #006ab8 }
.develop .left_lop{background-image:url(../images/deve_left.jpg); height: 40px; width:40px; position: absolute; left: -40px; top: 75px; }
.develop .right_lop{background-image:url(../images/deve_right.jpg); height: 40px; width:40px;position: absolute; right:  -40px; top: 75px; }

.develop .lop{ padding-bottom: 60px; }
/* .develop .large_lop li{ display: none; } */
.develop .deve_zi{  line-height: 24px;color: #333333;  font-size:14px; width: 100%;  }
.develop .deve_zi ul{width: 100% !important;margin-left: 0 !important;}
.develop .deve_zi li{float: none;width: auto;height:auto;margin-right: 0;}
.honor_cn{ display: block; height:86px; line-height: 86px; overflow: hidden;background: url(../images/enttit.png) left center no-repeat; padding-left: 54px;  font-size: 30px; font-weight: bold; color: #222222; }
.honor_zi{ font-size: 14px; line-height:26px; color: #666666; margin-bottom: 30px;  }
.gress_tit{ display: block; font-size: 16px; height:58px; line-height: 58px; text-align: center; overflow: hidden;  }
.gress{ float: left; margin-right:17px; width: 285px; }
.gress img{max-width: 100%;max-height:100%;}
.gress_img{height:410px;line-height: 410px;display: block;overflow: hidden;text-align: center;box-sizing: border-box;border:1px solid #ddd;}
.gress_last{ width: 512px; margin: 0; padding-top: 83px;  }
.gress_two{ width: 246px; padding-top: 83px; }
.gress_see{ font-size: 14px; float: right; margin: 30px 0 40px 0; width:110px; display: block; height: 32px; line-height: 32px; border: 1px solid #0054a5; color: #0054a5; text-align: center; border-radius: 5px;  }
.honor{ padding-bottom: 1px; }

.knowledge{background: url(../images/honorbj.jpg) center top no-repeat; height:800px; background-size: cover; padding-top: 60px; box-sizing: border-box;}
.knowledge .honor_cn{ color: #fff; }
.knowledge .honor_zi{ color: #abadb0; margin-bottom: 50px; }
.know_div{  position: relative; height:450px;  }
.scroll_know{ width: 1340px; position: absolute; left: 0; top: 0; height:450px; overflow: hidden;  }
.scroll_know ul{ width: 10000px; }
.scroll_know li{ float: left; margin-right:27px; width: 246px; }
.know_img{ width: 244px; height: 354px; overflow: hidden; background:#fff; line-height: 354px; border: 1px solid #abe8ff; display: block; }
.know_img img{ width: 244px; height: auto; overflow: hidden;}
.know_tit{ display: block;padding-top: 10px; height:72px; line-height: 24px; overflow: hidden; text-align: center; font-size: 16px; color: #fff;  }
.know_left{ position:absolute; left: -64px; top: 144px;background: url(../images/deve_left.jpg) center top no-repeat; width:40px; height:40px; overflow: hidden; display: block;  border-radius: 3px;}
.know_right{ position:absolute; right: -64px; top:  144px;background: url(../images/deve_right.jpg) center top no-repeat; width:40px; height:40px; overflow: hidden; display: block;  border-radius: 3px;}
.knowledge .gress_see{ color: #fff; border: 1px solid #fff; margin-top: 0;}

.qua{ padding: 40px 0 40px 0; }

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

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

#certify  .swiper-slide {
	width: 560px;
	height: 484px;
	text-align: center;
}
#certify  .swiper-slide img,
#certify  .swiper-slide-active img{width:350px;height:500px;}
#certify  .swiper-slide p {
	line-height: 90px;
	height: 90px;
	overflow: hidden;
	font-size: 16px; 
	font-weight: bold;
	display: block;
}

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


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


#certify .swiper-button-prev {
	left: 30px;
	width: 40px;
	height: 40px;
	background: url(../images/deve_left.jpg) no-repeat;
	position: absolute;
	top: 160px;
}

#certify .swiper-button-next {
	right: 30px;
	width: 40px;
	height: 40px;
	background: url(../images/deve_right.jpg) no-repeat;
	position: absolute;
	top: 160px;
}

.qua .honor_tit{ margin-bottom: 50px; }
.develop .large_lop li{ display: none; }
.sort{ border-top: 1px solid #e8e8e8;border-bottom: 1px solid #e8e8e8; height: 55px;  }
.sort_tit{ display: block; float: left; font-size: 18px; font-weight: bold; width: 110px;height: 55px; line-height: 55px; }
.sort_ul{ width: 80%; height: 55px; overflow: hidden; }
.sort_ul li{ float: left; }
.sort_ul li a{ display: block; font-size: 16px;transition: all 0.5s ease 0s; height: 55px; line-height: 55px; overflow: hidden; padding: 0 24px;background: url(../images/proline.jpg) right center no-repeat; }
.sort_ul li:nth-last-child(1) a{ background: none; }
.sort_ul li a:hover,.sort_ul li a.on{ color: #0077d2; font-weight: bold; transition: all 0.5s ease 0s; }
.grade{ height:55px; background: #f8f8f8; border-bottom: 1px solid #e8e8e8;  overflow: hidden; }
.grade .sort_tit{ color: #7f7f7f; font-size: 16px; font-weight: inherit; text-align: right; }
.grade .sort_ul li a{ font-size: 14px; background: none; color: #7f7f7f; font-weight: inherit;}
.grade .sort_ul li a:hover,.grade .sort_ul li a.on{color: #0077d2; transition: all 0.5s ease 0s;}
.pro_info{ padding:30px 0 0 0;  }
.all_zi{ font-size: 16px; line-height:30px; color: #696969; margin-bottom: 40px;  }
.infor{ padding:28px 0 100px 0;  }
.infor li{list-style: initial;}
.infor_tit{ float: left; height: 40px; line-height: 40px; font-size:24px; font-weight: bold;  }
.infor_sub{ float: right;  }
.infor_sub a{ display: block;background: url(../images/pro_info1.jpg) center top no-repeat; float: left; height: 40px; width:129px; text-align: center; line-height: 40px; font-size:16px; color: #fff; margin-left: 12px;   }
.infor_sub a:nth-child(2){background: url(../images/pro_info2.jpg) center top no-repeat;}
.infor_top{ margin-bottom: 30px; }
.efficiency .large_lop{ width: 78%; float: left; overflow: hidden; height: 550px;  }
.efficiency .small_lop{ width: 21%; float: right; height: 550px; overflow: hidden; }
.efficiency .small_lop li{ margin-bottom: 10px; cursor: pointer; height: 130px; overflow: hidden; border: 2px solid #fff; box-sizing: border-box;width: 272px; margin-left: 10px;}
.efficiency .small_lop li img{ height: 129px; }
.efficiency .small_lop li.on{ border: 2px solid #0077d2 }

.begin .meet_ul li{ padding: 0 23px; }
.begin .us_inner{ width: 742px; margin-left: 116px; }

.navBg {
    position: fixed;
    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);
    display: none;
}

.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: 64px;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
   
    height: 100%
}

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

.navList li {
    width: 100%;
    height: auto;
    opacity: 0;
    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: #da0502
}

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

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

.logoanv { float: left; }

.pro .large_box li{ display: none; }
.pro .large_box li:nth-child(1){ display: block; }

.culture{background: url(../images/edubj.jpg) center top no-repeat; height: 1110px; background-size: cover;}
.culture_ul{ width: 765px; margin:0px auto 0}
.culture_ul li{ margin-bottom: 30px;background: url(../images/edu8.png) 86px top repeat-y; position: relative; }
.cul_img{ float: left; width: 86px; text-align: center; padding-top: 0px; }
.culture_div{ float: left; margin-left: 13px; width: 656px; }
.culture_tit{ display: block; font-size:20px; font-weight: bold; color: #595757; }
.culture_cn{ font-size: 16px; color: #595757; line-height: 24px; margin-bottom: 6px;}
.culture_en{font-size: 14px; color: #595757; line-height: 20px; }
.culture_line{ position: absolute; left:85px; top: 0; background: url(../images/edu6.png) center top no-repeat; width: 3px; height: 24px; display: block;}
.mem_tit img{ margin-right: 10px; }
.banner_box{ padding-top: 180px; }
.banner_cn{ display: block; font-size:38px; color: #fff; height: 58px; line-height: 58px; }
.banner_en{  font-size: 24px; color: #fff; display: block; height: 38px; line-height: 38px; text-transform: uppercase;font-family: 'Arial';}
.progress{ margin-left: -65px; }
.gressbox{ margin:0 0 15px 65px;  }
.gressbox .gress_tit{height: auto; padding: 10px 0 0 0; line-height: 24px;height: 72px; overflow: hidden;}