* {
  padding: 0;
  margin: 0;
  font-family:'微软雅黑','HELVETICANEUELTPRO-THEX';
  color: #222;
  font-size: 15px;
}


/*/*重置默认样式*/

@font-face {
  font-family:'HELVETICANEUELTPRO-THEX';
  src: url('/font/HELVETICANEUELTPRO-THEX.OTF');
}


html {color: #555; background: #FFF; font-size:14px; }
body,header,nav,div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td,th, img,  em, button,strong, span,table {margin: 0;padding: 0;}
table {border-collapse: collapse;border-spacing: 0;}
fieldset, img {border: 0;}
address, caption, cite, code, dfn, em, th, var, i,b ,h1, h2, h3, h4, h5, h6,strong,{font-style: normal; font-weight: normal;}
ol, ul {list-style: none;}
caption, th {text-align: left;}
h1, h2, h3, h4, h5, h6,th,tt,td {font-size: 100%; font-weight: normal; }
q:before, q:after {content: '';}
abbr, acronym, button,input,textarea {border: 0;}
a:link, a:visited {text-decoration: none; color: #555; }
a:hover{ text-decoration: none;}
em,i, b,li{ font-style: normal; font-weight: normal}


.fl {
  float: left;
}
.fr {
  float: right;
}
.css3 {
  behavior: url(/css/dist/ie-css3.htc);
}
a:link,
a:visited {
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}
a {
  color: #222;
}
iframe,
button,
input,
select,
textarea {
  background: none;
  border: 0;
  outline: none;
}
li {
  list-style: none;
}
body {
  background: #f5f5f5;
}
.title {
  text-align: center;
  font-size: 30px;
  color: #222222;
  margin: 60px 0 30px 0;
}
.dynamic {
  position: relative;
}
.index-banner img {
  width: 100%;
}
.pro-list {
  text-align: center;
  padding: 0 35px;
  padding-bottom: 70px;
  padding-top: 30px;
}
.pro-list .swiper-slide {
  padding-bottom: 60px;
  border: 1px solid #f0f0f0;
  background: #fff;
}
.pro-list .swiper-slide .pro-title {
  margin-top: 60px;
  font-size: 23px;
}
.pro-list .swiper-slide .pro-com {
  font-size: 15px;
  color: #B0B0B0;
  margin-bottom: 40px;
}
.pro-list .swiper-slide .search {
  position: absolute;
  left: 0;
  top: 0;
  margin: 0;
  display: none;
}
.pro-list .swiper-slide:hover {
  box-shadow: 0 0 20px 15px #eee;
  behavior: url(/css/dist/ie-css3.htc);
}
.pro-list .swiper-slide:hover .search {
  display: block;
}
.news {
  max-width: 1100px;
  margin: 0 auto;
}
.news .news-list .vedio-swiper .swiper-pagination {
  bottom: 300px;
}
.news .news-list img {
  width: 100%;
}
.news .news-list .des {
  padding-top: 40px;
  height: 220px;
  width: 80%;
  margin: 0 auto;
  position: relative;
  top: -50px;
  background: #fff;
}
.news .news-list .des .news-title {
  font-size: 20px;
  display: block;
  width: 70%;
  margin: 0 auto;
  text-align: center;
}
.news .news-list .des span {
  display: block;
  height: 2px;
  width: 40px;
  background: #333;
  margin: 20px auto;
}
.news .news-list .des .news-des {
  font-size: 13px;
  color: #999;
  width: 80%;
  margin: 0 auto;
  text-align: center;
}
.news .news-list:hover .des {
  background: #125DB4;
}
.news .news-list:hover .des .news-title {
  color: #fff;
}
.news .news-list:hover .des span {
  background: #fff;
}
.news .news-list:hover .des .news-des {
  color: #75A1D3;
}
.scrollBoxwrap {
  width: 100%;
  height: 370px;
  position: relative;
  border-top: solid transparent;
}
#timeline {
  max-width: 1100px;
  height: 300px;
  overflow: hidden;
  margin: 0 auto;
  position: relative;
  margin-top: 40px;
}
#dates {
  height: 100px;
  overflow: hidden;
}
#dates li {
  float: left;
  width: 200px;
  height: 100px;
  font-size: 24px;
  text-align: center;
  position: relative;
}
#dates li .bg-line {
  position: absolute;
  width: 100%;
  border-bottom: 2px solid rgba(255, 255, 255, 0.2);
  left: 100px;
  bottom: 60px;
}
#dates li:last-child .bg-line {
  border: none;
}
#dates a {
  display: block;
}
#dates a p {
  text-align: center;
  color: #fff;
}
#dates a span {
  display: block;
  margin: 0 auto;
  height: 35px;
  width: 35px;
  border-radius: 50%;
  border: 1px solid transparent;
  background: rgba(255, 255, 255, 0.2);
  behavior: url(/css/dist/ie-css3.htc);
}
#dates a span .within {
  display: block;
  height: 21px;
  width: 21px;
  margin: 6px;
  background: #fff;
}
#issues {
  height: 200px;
  overflow: hidden;
}
#issues li {
  width: 1100px;
  height: 200px;
  float: left;
}
#issues li p {
  text-align: center;
}
.time-v {
  width: 100%;
  padding-top: 10px;
}
.time-v .time-com {
  width: 340px;
	padding: 0 20px 43px 20px;
	background: #fff;
	text-align: center;
	position: relative;
	border-radius: 15px;
	margin: 0 auto;
	padding-top: 20px;
  behavior: url(/css/dist/ie-css3.htc);
}
@media only screen and (max-width: 500px) {
  #dates li{
    width: 150px;
  }
  .time-v .time-com{
    width: 90%;
  }
}
.time-v .time-com img.jiantou {
  position: absolute;
  top: -11px;
  left: 50%;
  margin-left: -7px;
  margin-top: 0;
  z-index: 2;
}
.time-v .time-com img {
  margin-top: 30px;
}
.time-v .time-com p {
  margin-top: 20px;
  font-size: 16px;
  color: #666;
}
.contact {
  max-width: 1100px;
  margin: 0 auto;
  padding-bottom: 60px;
}
.contact .row {
  margin-top: 70px;
}
.contact .con-list {
  text-align: center;
}
.contact .con-list .img-box {
  height: 100px;
  text-align: center;
  vertical-align: middle;
}
.contact .con-list .img-box img {
  vertical-align: middle;
}
.contact .con-list p {
  font-size: 16px;
  color: #666;
}
.contact .con-list p.t {
  font-size: 22px;
  color: #333;
 
}
.contact .msg-form {
  max-width: 475px;
  margin: 100px auto;
  text-align: center;
}
.contact .msg-form input[type='text'] {
  display: block;
  width: 100%;
  height: 40px;
  border: 2px solid #ddd;
  text-align: center;
  margin-bottom: 20px;
  font-style: italic;
}
.contact .msg-form textarea {
  display: block;
  width: 100%;
  height: 135px;
  border: 2px solid #ddd;
  text-align: center;
  color: #999;
  padding-top: 10px;
  font-style: italic;
}
.contact .msg-form input[type="submit"] {
  width: 120px;
  height: 40px;
  color: #fff;
  background: #2572E6;
  margin-top: 40px;
  margin-right: 5px;
}
.contact .msg-form input[type="reset"] {
  width: 120px;
  height: 40px;
  color: #222;
  border: 2px solid #000;
  margin-top: 40px;
  margin-left: 5px;
}
.contact .maps {
  max-width: 1100px;
  height: 340px;
}
.responsibility {
  max-width: 1100px;
  margin: 0 auto;
  padding-bottom: 80px;
}
.responsibility img {
  width: 100%;
}
.responsibility .resp {
  max-width: 1100px;
}
.responsibility .resp .swiper-slide{
  position: relative;
}
.responsibility .resp .swiper-slide p{
  position: absolute;
  bottom:15px;
  width: 100%;
  text-align: center;
  font-size: 30px;
  color:#fff;
}
.responsibility .resp .swiper-button-next {
  background-image: url("/img/next.png");
  right: 0;
}
.responsibility .resp .swiper-button-prev {
  background-image: url("/img/prev.png");
  left: 0;
}
.responsibility .resp-s {
  margin-top: 10px;
}
.responsibility .resp-s .swiper-container {
  max-width: 1100px;
  margin: 0 auto;
}
.responsibility .resp-s .swiper-button-next {
  background-image: url("/img/fa-n.png");
  right: 0;
  background-size: cover;
  top: 0;
  margin: 0;
  height: 100%;
  width: 50px;
}
.responsibility .resp-s .swiper-button-prev {
  background-image: url("/img/fa-p.png");
  left: 0;
  background-size: cover;
  width: 50px;
  top: 0;
  margin: 0;
  height: 100%;
}
.s-job .job-title {
  background: #fff;
}
.s-job .job-title .title {
  margin-bottom: 60px;
}
.s-job .year {
  margin-top: 60px;
  padding-bottom: 30px;
  text-align: center;
}
.s-job .year span {
  display: inline-block;
  width: 140px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background: #2572E6;
  color: #fff;
}
.s-job .year select {
  display: inline-block;
  width: 140px;
  padding-left: 50px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  overflow: hidden;
  margin-left: 10px;
  background: #ECECEC url("../img/bottom.png") no-repeat 80% center;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}
.s-job .year select option {
  display: block;
  text-align: center;
}
.s-job .year select.active {
  background: #ECECEC url("../img/right.png") no-repeat 80% center;
}
.s-job .post .post-v {
  max-width: 1100px;
  margin: 0 auto;
}
.s-job .post .job-nav {
  text-align: center;
}
.s-job .post .job-nav span {
  display: inline-block;
  width: 140px;
  text-align: center;
  line-height: 20px;
  height: 20px;
  cursor: pointer;
}
@media only screen and (max-width: 450px) {
  .s-job .post .job-nav span {
    width: 100%;
  }
}
.s-job .post .job-nav span:nth-child(2) {
  border-left: solid 1px rgba(0, 0, 0, 0.2);
  border-right: solid 1px rgba(0, 0, 0, 0.2);
}
.s-job .post .job-nav span.on {
  color: #2572E6;
}
.s-job .post .post-list-box {
  margin-top: 50px;
}
.s-job .post .post-list-box .list-1,
.s-job .post .post-list-box .list-2,
.s-job .post .post-list-box .list-3 {
  display: none;
}
.s-job .post .post-list-box .list-1 .job-list,
.s-job .post .post-list-box .list-2 .job-list,
.s-job .post .post-list-box .list-3 .job-list {
  text-align: center;
  position: relative;
  margin-bottom: 100px;
}
.s-job .post .post-list-box .list-1 .job-list img,
.s-job .post .post-list-box .list-2 .job-list img,
.s-job .post .post-list-box .list-3 .job-list img {
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 1;
  transform: translateX(-50%);
}
.s-job .post .post-list-box .list-1 .job-list .job-des,
.s-job .post .post-list-box .list-2 .job-list .job-des,
.s-job .post .post-list-box .list-3 .job-list .job-des {
  width: 100%;
  background: #fff;
  padding: 100px 38px 80px 38px;
  position: relative;
  top: 65px;
  height: 480px;
  overflow: hidden;
}
.s-job .post .post-list-box .list-1 .job-list .job-des p.t,
.s-job .post .post-list-box .list-2 .job-list .job-des p.t,
.s-job .post .post-list-box .list-3 .job-list .job-des p.t {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 25px;
}
.s-job .post .post-list-box .list-1 .job-list .job-des p,
.s-job .post .post-list-box .list-2 .job-list .job-des p,
.s-job .post .post-list-box .list-3 .job-list .job-des p {
  font-size: 13px;
  line-height: 20px;
  text-align: left;
  color:#666;
}
.s-job .post .post-list-box .list-1 .job-list .job-des:hover,
.s-job .post .post-list-box .list-2 .job-list .job-des:hover,
.s-job .post .post-list-box .list-3 .job-list .job-des:hover {
  box-shadow: 0 0 20px 15px #eee;
  behavior: url(/css/dist/ie-css3.htc);
}
.s-job .post .post-list-box .list-1 .job-list .up-load,
.s-job .post .post-list-box .list-2 .job-list .up-load,
.s-job .post .post-list-box .list-3 .job-list .up-load {
   position: absolute;
  bottom: 30px;
  left: 40px;
  width: 135px;
  height: 35px;
  line-height: 35px;
  border-radius: 35px;
  padding-right: 30px;
  color:#fff;
  background: #bbb url("../img/job-right.png") no-repeat  80% center;
  behavior: url(/css/dist/ie-css3.htc);
}
.s-job .post .post-list-box .list-1 .job-list .up-load a,
.s-job .post .post-list-box .list-2 .job-list .up-load a,
.s-job .post .post-list-box .list-3 .job-list .up-load a{
	color:#fff;
} 
.s-job .post .post-list-box .list-1 .job-list .up-load input,
.s-job .post .post-list-box .list-2 .job-list .up-load input,
.s-job .post .post-list-box .list-3 .job-list .up-load input {
  opacity: 0;
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  bottom: 0;
}
.s-job .post .post-list-box .list-1 {
  display: block;
}
.s-job .story {
  background: #F89900;
  padding-bottom: 80px;
}
.s-job .story .story-v {
  max-width: 1100px;
  margin: 0 auto;
}
.s-job .story .story-v .story-list .story-list-v {
  background: #fff;
  padding: 35px;
  margin: 15px 0;
  overflow: hidden;
}
.s-job .story .story-v .story-list .story-list-v div.icon-box {
  float: left;
  display: block;
  width: 135px;
  height: 133px;
  border-radius: 50%;
  behavior: url(/css/dist/ie-css3.htc);
  overflow: hidden;
}
.s-job .story .story-v .story-list .story-list-v div.icon-box img {
  width: 100%;
}
.s-job .story .story-v .story-list .story-list-v div.story-des {
  padding: 10px;
  padding-left: 145px;
  height: 135px;
}
@media only screen and (max-width: 500px){
  .s-job .story .story-v .story-list .story-list-v div.icon-box{
    display: none;
  }

  .s-job .story .story-v .story-list .story-list-v div.story-des {
    padding: 10px;
    height: auto;
  }

}
.s-job .story .story-v .story-list .story-list-v div.story-des p.t {
  font-size: 20px;
  font-weight: bold;
}
.s-job .story .story-v .story-list .story-list-v div.story-des p {
  font-size: 15px;
  color: #666;
}
.s-job .graduate{
	padding-bottom: 100px;
}
.s-job .graduate .graduate-v {
  max-width: 1100px;
  margin: 0 auto;
}
.s-job .graduate .graduate-v .graduate-list {
  padding: 20px;
  background: #f5f5f5;
}
.s-job .graduate .graduate-v .graduate-list .graduate-list-v {
  background: #fff;
  padding-top: 50px;
}
.s-job .graduate .graduate-v .graduate-list .graduate-list-v .icon-box {
  width: 140px;
  height: 140px;
  margin: 0 auto;
  border-radius: 50%;
  behavior: url(/css/dist/ie-css3.htc);
  overflow: hidden;
}
.s-job .graduate .graduate-v .graduate-list .graduate-list-v .icon-box img {
  width: 100%;
}
.s-job .graduate .graduate-v .graduate-list .graduate-list-v .gra-des {
  padding: 0 30px;
  padding-bottom: 60px;
}
.s-job .graduate .graduate-v .graduate-list .graduate-list-v .gra-des p.t {
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  margin-top: 30px;
}
.s-job .graduate .graduate-v .graduate-list .graduate-list-v .gra-des p {
  font-size: 15px;
  color: #666;
}
.s-job .graduate .graduate-v .graduate-list:hover {
  background: #2572E6;
}
.s-job .graduate .graduate-v .graduate-list:hover .graduate-list-v {
  background: #2572E6;
}
.s-job .graduate .graduate-v .graduate-list:hover .graduate-list-v p {
  color: #fff;
}
.s-job .history {
  background: #fff;
  padding-top: 100px;
  padding-bottom: 100px;
}
.s-job .history .row {
   margin-right: 0;
   margin-left: 0;
}
.s-job .history .history-v {
  max-width: 1100px;
  margin: 0 auto;
}
.s-job .history .history-v .history-list {
  padding-top: 10px;
  padding-bottom: 30px;
}
.s-job .history .history-v .history-list .history-list-v img {
  width: 100%;
}
.s-job .history .history-v .history-list .history-list-v p {
  font-size: 14px;
}
.s-job .history .history-v .history-list .history-list-v .t {
  font-size: 30px;
  margin-bottom: 40px;
}
.s-job .preach {
  background: #52B3BA;
}
.s-job .preach p {
  color: #fff;
}
.s-job .preach .preach-v {
      max-width: 1100px;
    padding-bottom: 50px;
    padding-top: 50px;
}
.s-job .preach .preach-v p.title {
  text-align: left;
  margin-bottom: 10px;
}
.s-job .preach .preach-v p.en {
  margin-bottom: 40px;
}
.s-job .preach .preach-v .preach-list {
  margin-bottom: 40px;
}
.s-job .preach .preach-v .preach-list .preach-list-v{
  overflow: hidden;
}
.s-job .preach .preach-v .preach-list .preach-list-v .time {
  width: 180px;
  height: 80px;
  line-height: 80px;
  text-align: center;
  font-size: 40px;
  color: #fff;
  background: #3D868B;
  float: left;
}
.s-job .preach .preach-v .preach-list .preach-list-v .site {
  height: 80px;
  margin-left: 30px;
  float: left;
}
.s-job .preach .preach-v .preach-list .preach-list-v .site p.t {
  font-size: 30px;
  line-height: 40px;
}
.s-job .preach .preach-v .preach-list .preach-list-v .site p {
  font-size: 15px;
  line-height: 20px;
  margin: 0;
}
.s-job .course {
  background: #fff;
  border-top: 1px solid transparent;
  padding-bottom: 100px;
}
.s-job .course p.title {
  margin-bottom: 10px;
}
.s-job .course p.en {
  margin-bottom: 40px;
  text-align: center;
}
.s-job .course .course-v {
  max-width: 1100px;
  margin: 0 auto;
}
.s-job .course .course-v img {
  width: 100%;
}
.govern {
  margin-top: 20px;
  padding-bottom: 80px;
}
.govern .govern-v {
  max-width: 1100px;
  margin: 0 auto;
}
.govern .govern-v .nav-bar .nav-bar-v {
  background: #fff;
}
.govern .govern-v .nav-bar li {
  display: block;
  height: 60px;
}
.govern .govern-v .nav-bar li a {
  display: block;
  height: 60px;
  line-height: 60px;
  padding-left: 20px;
}
.govern .govern-v .nav-bar li.on {
  border-left: 2px solid #2572E6;
}
.govern .govern-v .nav-bar li.on a {
  background: #eee;
}
.govern .govern-v .des {
  background: #fff;
  padding: 40px;
  padding-top: 10px;
}
.govern .govern-v .des p {
  font-size: 13px;
  line-height: 25px;
}
.govern .govern-v .des p.t {
  font-size: 21px;
  font-weight: bold;
  margin-top: 50px;
  margin-bottom: 20px;
}
.govern .govern-v .des img {
  width: 100%;
}
.govern .govern-v .news {
  padding: 40px;
  background: #fff;
}
.govern .govern-v .news .news-title {
  text-align: center;
  height: 40px;
  margin-bottom: 30px;
}
.govern .govern-v .news .news-title span {
  display: inline-block;
  width: 140px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  color: #2572e6;
  border: 3px solid #2572e6;

}
.govern .govern-v .news .news-title span a{
	color: #2572e6;
	position:relative;
	top:-3px;
}
.govern .govern-v .news .news-title span:nth-child(1){
    border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  behavior: url(/css/dist/ie-css3.htc);
}
.govern .govern-v .news .news-title span:nth-child(2){
	position: relative;
    left: -5px;
    border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  behavior: url(/css/dist/ie-css3.htc);
}
.govern .govern-v .news .news-title span.on {
  background: #2572E6;
  
  
}
.govern .govern-v .news .news-title span.on a{
	color: #fff;
}
.govern .govern-v .news .gov-news-list {
  height: 50px;
  line-height: 50px;
  border-bottom: 1px dashed #666;
  position: relative;
  overflow: hidden;
}
.govern .govern-v .news .gov-news-list p i {
  display: inline-block;
  width: 10px;
  height: 10px;
  border: 6px solid transparent;
  border-left: 6px solid #333;
  margin-right: 10px;
}
.govern .govern-v .news .gov-news-list span {
  position: absolute;
  right: 0;
  height: 50px;
  top: 0;
  line-height: 50px;
}
@media only screen and (max-width: 500px) {
  .govern .govern-v .news .gov-news-list span {
    display: none;
  }
}
.govern .govern-v .news .gov-news-list:last-child {
  border: none;
}
.govern .govern-v .news .news-page {
  text-align: center;
  margin-top: 30px;
}
.govern .govern-v .news .news-page span {
  cursor: pointer;
  display: inline-block;
  width: 38px;
  height: 38px;
  text-align: center;
  line-height: 38px;
  border: 1px solid #333;
  margin: 0 5px;
}
.govern .govern-v .news .news-page .prev,
.govern .govern-v .news .news-page .next {
  background: #333;
  color: #fff;
}
.govern .govern-v .news .news-page .on {
  background: #2572e6;
  color: #fff;
  border-color: #2572e6;
}
@media only screen and (max-width: 500px) {
  .govern .govern-v .news .news-page span.page-num {
    display: none;
  }
}
.train {
  background: #fafafa;
  padding-bottom: 80px;
  padding-top: 40px;
}
.train .train-title {
  font-size: 30px;
  text-align: center;
}
.train .title-line {
  display: block;
  width: 40px;
  height: 3px;
  background: #2572e6;
  margin: 30px auto;
}
.train .nav-bar {
  margin-top: 20px;
  text-align: center;
}
.train .nav-bar span {
  display: inline-block;
}
.train .nav-bar span a {
  display: inline-block;
  width: 140px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background: #ECECEC;
}
.train .nav-bar span.on {
  display: inline-block;
}
.train .nav-bar span.on a {
  display: inline-block;
  width: 140px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background: #2572e6;
  color: #fff;
}
.train .train-v {
  max-width: 1100px;
  margin: 0 auto;
}
.train .train-v p.title {
  font-size: 30px;
}
.train .train-v p {
  text-align: center;
  margin-bottom: 30px;
  font-size: 15px;
}
.train .train-v div.row {
  border-bottom: 2px solid #eee;
}
.train .train-v div.row .img-box img {
  width: 100%;
}
.train .train-v .px {
  padding-top: 75px;
  padding-bottom: 75px;
}
.train .train-v .px img {
  width: 100%;
}
.train .train-v .px .des .des-v {
  padding: 50px;
}
.train .train-v .px .des p {
  margin: 0;
  text-align: left;
  font-size: 15px;
  line-height: 25px;
}
.train .train-v .px .des p.t {
  font-size: 30px;
  font-weight: bold;
  margin-bottom: 20px;
}
.train .guard {
  background: #2572E6;
  padding: 60px 0 ;
}
@media only screen and (max-width: 600px) {
  .train .guard img {
    width: 100%;
  }
}
.train .guard .guard-v {
  max-width: 900px;
  text-align: center;
  margin: 0 auto;
}
.train .guard .guard-v p {
  color: #fff;
}
.train .guard .guard-v p.t {
  font-size: 30px;
  margin-bottom: 20px;
  font-weight: bold;
}
.train .guard .guard-v img {
  margin-top: 30px;
}
.train .mange {
  background: #fafafa;
  text-align: center;
}
.train .mange img {
  margin-top: 80px;
}
.train .mange p {
  color: #222!important;
}
.train2 p.t {
  font-size: 30px;
  font-weight: bold;
  margin: 30px 0;
  text-align: center;
}
.train2 p {
  text-align: center;
  font-size: 14px;
  line-height: 24px;
}
.train2 .qualification .qua-des {
  text-align: center;
  max-width: 900px;
  margin: 0 auto;
  padding-bottom: 50px;
}
.train2 .qualification .qua-des p.sm {
  display: block;
  max-width: 700px;
  margin: 10px auto;
}
.train2 .qualification .container-fluid {
  max-width: 1100px;
  margin: 0 auto;
  border-top: 2px solid #eee;
  padding-bottom: 30px;
}
.train2 .qualification .container-fluid img {
  width: 100%;
}
.train2 .qualification .container-fluid .des-v {
  padding: 40px;
}
.train2 .qualification .container-fluid .des-v p {
  text-align: left;
}
.train2 .design {
  background: #2673E7;
  padding-top: 100px;
  padding-bottom: 20px;
}
.train2 .design p {
  color: #fff;
}
.train2 .design .design-v {
  max-width: 1100px;
  margin: 0 auto;
  text-align: center;
}
.train2 .design .design-v .design-list-2 {
  display: none;
}
.train2 .design .design-v img {
  max-width: 440px;
}
@media only screen and (max-width: 440px) {
  .train2 .design .design-v img {
    width: 100%;
  }
}
.train2 .design .design-v .nav-box {
  text-align: center;
  margin-bottom: 30px;
}
.train2 .design .design-v .nav-box span {
  display: inline-block;
  width: 190px;
  height: 40px;
  background: #2673E7;
  border: 2px solid #fff;
  line-height: 40px;
  color: #fff;
}
.train2 .design .design-v .nav-box span:nth-child(1) {
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
}
.train2 .design .design-v .nav-box span:nth-child(2) {
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
}
.train2 .design .design-v .nav-box span.on {
  background: #fff;
  color: #2673E7;
}
.train2 .standard {
  padding-top: 80px;
  padding-bottom: 50px;
  background: #fff;
}
.train2 .standard .standard-v {
  max-width: 1100px;
  margin: 0 auto;
  border: 2px solid transparent;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .train2 .standard .standard-v img {
    width: 100%;
  }
}
.train2 .rank {
  background: #F1F1F1;
  padding-top: 80px;
  padding-bottom: 20px;
}
.train2 .rank .rank-v {
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .train2 .rank .rank-v img {
    width: 100%;
  }
}


.header{ width: 100%; height: auto; }

.mobile-header, .menu, .mobile-search{ display: none;}

.nav{ width: 100%; height: 80px; background: rgba(21,21,21,0.5); background: #000 \0; filter: alpha(opacity=50); zoom:1; }

.index_header{ width: 100%; height: auto; position: fixed; top: 0; z-index: 10;}

.nav_wrap{ width: 1100px; height: 80px; margin: 0 auto; overflow: hidden; position: relative;}

.nav_wrap h1 a>img{ margin-top: 28px; float: left;}

.nav_wrap>img:after{ content: " "; clear: both;}

.nav_right{ float: left; margin-left: 30px; box-sizing: border-box;}

.language{ float: left; margin: 26px 0 0 22px;}

.language a{ width: 50px; height: 30px; background: #999; border-radius: 20px; display: block; text-align: center; line-height: 30px; color: #fff;}

.search{ float: left; margin:30px 0 0 34px; cursor: pointer;}

.nav_ul{ width: auto; height: 80px; float: left;}

.nav_ul>li{ float: left; text-align: center; line-height: 80px; color: #f4f4f4; cursor: pointer;}

.nav_ul>li>a{ display: inline-block; color: #fff; padding: 0 20px;font-size: 14px;}


.nav_hover a{ background: rgba(255,255,255,0.9); color: #111 !important; background: #fff \0;  }

.nav_hover02 a{ background: rgba(255,255,255,0.9); color: #111 !important; background: #fff \0;  }


.nav_bottom_all{ width: 100%; height: auto; overflow: hidden;  background: #fff \0; filter: alpha(opacity=80); position: absolute; top: 80px; z-index: 110; background: rgba(255,255,255,0.9); display: none; transition: none;  padding-bottom: 20px; overflow: hidden;}

.nav_bottom{ width: 1100px; margin: 0 auto ; transition: none;  }

.nav_bottom ul{ width: 100%; height: 100%; display: none; transition: none;  }

.sub_nav{ height: 60px !important;}

.nav_bottom ul>li{ height: 100%; float: left;  position: relative; z-index: 0; margin-left:9%; transition: none; box-sizing: border-box;  }



.nav_bottom ul>li:first-child{ margin-left: 0;}

.nav_bottom  .sub_nav04 { padding-left: 450px;}
.nav_bottom  .sub_nav05 { padding-left: 38px;}
.nav_bottom  .sub_nav06 { padding-left: 505px;}
.nav_bottom .sub_nav li{ margin-left: 8%;}


.nav_bottom ul>li h2{ color: #2572e6; font-size: 18px; margin: 25px 0 25px 0; line-height: 80px;  }

.nav_bottom ul>li h3{ padding-top: 25px; line-height: 18px; }

.nav_bottom ul>li h3 a, .nav_bottom ul>li h2 a{color: #2572e6; box-sizing: border-box; }

.nav_bottom ul>li h3 a:hover{ border-bottom: 2px solid #2572e6; box-sizing: border-box;  }

.nav_bottom ul>li a{ display: block; color: #555; line-height: 30px;}

.nav_bottom ul>li a:hover{ color: #2572e6;}

.search_slide{ width: 210px; height: 34px; position: absolute; top: 25px; right: -210px; }

.search_slide>form input:first-child{  width: 210px; height: 30px; background-color: #fff; font-size: 16px; line-height: 30px; color: #787878; padding-left: 10px; border-radius: 40px; box-sizing: border-box; outline: none;}

.search_slide>form .search-lastInput{ background:url(/img/news_search.png) no-repeat; * background: url(/img/news_search.png) no-repeat -10px center; width: 21px; height: 21px;  cursor: pointer; position: absolute; right: 8px; top: 4px; }

.menu{ padding-top: 23px; cursor: pointer; float: left;}

.menu span{ width: 22px; height: 2px; display: block; background: #fff; margin-bottom: 5px; font-size: 1.4rem; }

.mobile-search{ float: right; margin-top: 20px;}

.mobile-search img{ display: none;}

.mobile-search img:first-child{ display: block;}

.header>a>img{ margin-top: 17px;}

.click-toggle{ position: fixed; top: 0; z-index: 400; width: 100%; height: 100%; background: rgba(0,0,0,0.6); display: none;}

.mobile-nav{ position: fixed; left: -225px; z-index: 500; top: 0; height: 100%; background: #222; }

.mobile-nav li{ width: 225px; height: auto; }

.mobile-nav li span{ width: 225px; height: 45px; display: block; background: url(/img/nav-01.png) #222 no-repeat 190px center; color: #fff; line-height: 45px; padding-left: 25px; box-sizing: border-box; cursor: pointer; transition: all 0.2s;}

.mobile-nav li:first-child span, .mobile-nav li:nth-child(6) span{ background: #222;}




.nav-02{ display: none; transition: none;}

.nav-02 a{ width: 100%; height: 45px; display: block; background: #fff; line-height: 45px; padding-left: 25px; box-sizing: border-box; color: #a9a9a9;}

.mobile-nav .nav-span-class{ background: url(/img/nav-02.png) #fff no-repeat 190px center; color: #555; border-bottom: 1px solid #eee;}

.search_top{width:100%;	height:65px; background:#222; display:none; transition: none;}

.search_top form{ width: 600px; margin: 0 auto;}

.search_top input{width:76%; height:40px;margin-top:14px;font-family:"微软雅黑";font-size:14px;color:#999;	padding-left:5%;float:left;border:0;border-radius:0;line-height: 40px; box-sizing: border-box;}

.search_top button{width: 24%;height: 40px; margin-top: 14px; background: #2572e6; color: #eee; font-size: 14px; font-weight: bold;}



.footer{ width: 100%; height: auto; }

.footer_top{ width: 100%; height: 250px; background: url(/img/footer-bg.jpg) no-repeat center center;}

.footer_ul01{ width: 1100px; height: auto; overflow: hidden; margin: 0 auto; padding-top: 66px;}

.footer_ul01>li{ width: 20%; height: 100%; float: left; }

.footer_ul01_lastli{ width: 13% !important;}

.footer_ul01>li dt{ margin-bottom: 18px; }

.footer_ul01>li dt, .footer_ul01>li dt a{ font-size: 16px; color: #f5f5f5;  }

.footer_ul01 dd a, .footer_ul01>li dd{ font-size: 13px; color: #5f5f5f; line-height: 30px; transition: all 0.2s;}

.footer_ul01  dd a{ display: block; background: url(/img/whiteArrow.png) no-repeat 0 center; padding-left: 30px; box-sizing: border-box;}

.footer_ul01 dd a:hover{ color: #2572e6; background: url(/img/blueArrow.png) no-repeat 0 center;}

.footer_hide{ display: none;}


.footer_tel a, .footer_tel em{ display: block;}

.footer_tel a{ font-size: 13px; color: #5f5f5f; line-height: 22px; transition: all 0.3s; margin-bottom: 15px; background: url(/img/footer-rightBg.png) no-repeat 0 2px; padding-left: 30px;}

.footer_tel a:hover{ color: #2572e6;}

.footer_tel em{  font-size: 18px; color: #f5f5f5; margin-bottom: 20px;}

.footer_tel .tel02{ background-position: 0 -30px;}

.footer_tel .tel03{ background-position: 0 -60px;}







.footer_bottom_all{ width: 100%; height: 80px; background: #111;}

.footer_bottom{ width: 1100px; height: 100%; margin: 0 auto; overflow: hidden;}

.footer_bottom a{ float: left; color: #5e5e5e; font-size: 13px; line-height: 80px;}

.footer_bottom a:hover{ color: #2572e6;}

.footer_bottom p{ float: right; color: #5e5e5e; font-size: 13px; font-family: arial; line-height: 80px;}

.footer_bottom p em{ color: #fff;}



.right_botton{ width: 40px; height: 82px; position:fixed; bottom: 10px; right: 10px; z-index: 200;}

.right_botton>img{ position: absolute; top: 93px; right:50px; z-index: 200; }

.right_botton span{ width: 100%; height: 40px; background: #7e7e7e; text-align: center; display: block; cursor: pointer;}

.right_botton span:first-child{ background: #c1c1c1; margin-bottom: 2px;}

.right_botton span img{ margin-top: 12px;}




@media only screen and (max-width: 1100px) {


  .search, .search_slide, .tuoNav-all, .nav_right{ display: none;}

  .tuoNav-all-show{ display: block; width: 100%; height: 60px; top: 60px;}

  .tuoNav{ width: 95%; height: 60px; margin: 0 auto;}

  .nav{ height: 60px;}

  .tuoNav>h3{ line-height: 60px;}

  .tuoNav>a{ margin: 12px 0 0 0 ;}

  .tuoNav .back{ margin-left: 5px;}

  .tuoNav ul li{ line-height: 60px;}

  .tuoNav ul li a{ height: 45px;}

  .index_main{ padding-top: 50px;}



  .search{ float: right; margin: 23px 0 0 0 ;}

  .language{ margin-top: 10px;}

  .nav_wrap .language{ display: none !important;  }

  .nav_wrap{ width: 95%; position: relative; height: 65px; margin: 0 auto;}

  .nav_wrap h1 a{ width: ;}

  .nav_wrap h1 a>img{ width: 199px; height: 23px; position: absolute;left: 50%; margin-left: -94px; margin-top: 23px;}


  .mobile-header, .menu, .mobile-search{ display: block;}


  .footer_top{ display: none;}
  .footer_bottom p{ margin-right: 40px;}
  .footer_bottom{ width: 95%; margin: 0 auto;}

}
@media only screen and (max-width: 768px) {
  .footer_bottom_all{ height: auto; padding-bottom: 15px;}

  .footer_bottom{ text-align: center; width: 100%; padding-top: 15px; box-sizing: border-box; height: auto;}

  .footer_bottom a,.footer_bottom p{ float: none; display: block; line-height: 20px;}

}

.video-box{
  display: none;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 10;
  background: rgba(0,0,0,0.6);

}
.video-box a{
  font-size: 20px;
  color: #fff;
  position: absolute;
  top:5px;
  right:5px;
  z-index:11;
  cursor: pointer;  
}
.video-box video{
  display: block;
  	width: 100%;

}

.tuoNav-all{ width: 100%; height: 80px;  background: #fff \0; filter: alpha(opacity=80); background: rgba(255,255,255,0.9);}

.tuoNav{ width: 1100px; height: 80px; margin: 0 auto; position: relative; }

.tuoNav:after{ content: ''; height: 0; display: block; clear: both;}

.tuoNav ul{ width: auto; float: right;}

.tuoNav ul li{ width: 90px; float: left; line-height: 80px; margin: 0 5px; text-align: center;}

.tuoNav ul li a{ height: 60px; width: 100%; display: inline-block;  text-align: center;}



.news-page a{
	display: inline-block;
	padding:5px 10px;
	border:1px solid #222;
}
.news-page .ui-page-prev,.news-page .ui-page-next{
	background: #222;
	color:#fff;
}
.news-page .ui-page-current{
	border: 1px solid #2572E6;
	background: #2572E6;
	color:#fff;
}


.new-title{
  width: 100%;
  height: auto;
  text-align: center;
  padding-top: 65px;
}
.new-title h2{
  margin-bottom: 26px;
  font-size: 30px;
  color: #222;
  line-height: 30px;
}
.new-title span{
  width: 47px;
  height: 2px;
  background: #2572e6;
  margin: 0 auto;
  display: none;
}
.new-title ul {
  width: 1100px;
  overflow: hidden;
  margin: 54px auto 0;
}

.new-title>ul {
  margin-bottom: 30px;
}
.new-title .ul_threeChild {
  width: 450px;
}
.new-title ul li {
  float: left;
  margin: 0 3px;
}

.new-title ul li a {
  width: 140px;
  height: 40px;
  display: block;
  background: #eee;
  color: #555;
  text-align: center;
  line-height: 40px;
}
.new-title ul li .olaClass {
  background: #2572e6;
  color: #ececec;
}


<!--0.00011706352233887-->