* { box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;}
.main { max-width:1220px !important; margin:0 auto !important; padding:0px 10px;}
.main_list { max-width:1250px !important; margin:0 auto !important; padding:0px 10px;}
body,html { width:100%; height:100%;}


.banner { position: relative; display: block; }
.banner .swiper-wrapper { height: auto !important; }
.banner .swiper-slide { height: 670px !important; display: table; table-layout: fixed;  } 
.banner .swiper-slide .text {  height: auto !important; display: table-cell; vertical-align: middle; font-size: 48px; }
.banner .swiper-slide .text p { font-size: 48px; color: #fff; display: inline-block; background: url('../images/icon55.png') center center;  padding: 30px; }
.banner .swiper-slide .text p a { color: #fff; }
.banner .swiper-slide .text p em { font-style: italic; font-size: 56px; }



.banner .pagination {
  position: absolute;
  z-index: 20;
  bottom: 40px;
  width: 100%;
  text-align: center;
}
.banner .swiper-pagination-switch {
  display: inline-block;
  width: 14px;
  height: 14px;
  border-radius: 8px;
  background: none;
  margin: 0 5px;
  opacity: 0.8;
  border: 1px solid #fff;
  cursor: pointer;
  opacity: 1;
}
.banner .swiper-active-switch {
  background: #fff;
}



.H100 { height: 100px; }

.section1 { background: #eeeeee; }
.section1 ul li { width: 25%; float: left; padding: 60px 0px;  border-right: 2px solid #fff; text-align: center;  }
.section1 ul li:last-child { border-right: none; }
.section1 ul li .img { display: inline-block; vertical-align: middle; margin-top: -2px; margin-right: 10px;  }
.section1 ul li p { font-size: 24px; color: #666666; display: inline-block; vertical-align: middle; }
.section1 ul li:hover { background:#004398 url('../images/icon6.png') no-repeat left center; transition: all 0.6s; -wekbit-transition: all 0.6s; -moz-transition: all 0.6s;  }
.section1 ul li p a { color: #666666; }
.section1 ul li .img .img2 { display: none; }
.section1 ul li:hover .img .img2 { display: block; }
.section1 ul li:hover .img .img1 { display: none; }
.section1 ul li:hover p a { color: #fff; }


.m_tit { position: relative; padding-left: 50px; padding-top: 70px; }
.m_tit:before { content: ''; background: #eeeeee; width: 2px; height: 90%; left: 0px; top: 0px; position: absolute; } 
.m_tit:after { content: ''; background: #004398; width: 16px; height: 16px; position: absolute; left: 0px; bottom: 12px; }
.m_tit strong { font-family: 'Arial'; font-size: 18px; color: #004398; }
.m_tit h3 { font-size: 38px; color: #333; }


.innews { margin-top: 70px; overflow: hidden; background: url('../images/icon7.png') repeat-x bottom center; padding-bottom: 70px; position: relative; }
.innews_swp { overflow: hidden; padding-bottom: 10px; }
.innews_swp .swiper-wrapper { height: auto !important; }
.innews_swp .swiper-slide { height: auto !important;  }
.innews_swp .swiper-slide .img { overflow: hidden; }
.innews_swp .swiper-slide .img img { width: 100%; transition: all 0.6s; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; transform: scale(1, 1); -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); }
.innews_swp .swiper-slide .con { padding: 0px 15px; }
.innews_swp .swiper-slide .text { padding: 40px 20px; box-shadow: 0px 0px 10px 3px rgba(29,29,29,0.1); background: #fff; border: 1px solid #eaeaea; }
.innews_swp .swiper-slide .text h3 a { font-size: 18px; color: #333; line-height: 26px; display: block; height: 52px; overflow: hidden; }
.innews_swp .swiper-slide .text p { color: #858585; font-size: 14px; line-height: 24px; margin-top: 15px; height: 48px; overflow: hidden; }
.innews_swp .swiper-slide .text .al { color: #004398; border-bottom: 1px solid #004398; padding-bottom: 2px; margin-top: 30px; display: inline-block; -webkit-transition: all 0.6s; -moz-transition: all 0.6s;  }

.innews_swp .swiper-slide .con:hover .img img { transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1);  }
.innews_swp .swiper-slide .con:hover .text h3 a { color: #004398; }
.innews_swp .swiper-slide .con:hover .al { padding-left: 20px; }

.m_a { text-align: center; padding-top: 60px; }
.m_a a { background: #004398; color: #fff; padding: 15px 50px; border-radius: 30px; font-size: 16px; transition: all 0.6s; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; }
.m_a a:hover { background: #454545;  padding: 15px 60px; }


.banx { height: 460px; }
.banx img{display:none;}
.nav_x { background: #f2f5f7; padding: 20px 0px; text-align: center; }
.nav_x ul li {  position: relative; padding: 0px 46px; display: inline-block; vertical-align: middle; }
.nav_x ul li:after { content: ''; background: #929495; width: 1px; height: 16px; position: absolute; right: 0px; top: 5px; }
.nav_x ul li:last-child:after { background: none; }
.nav_x ul li a { font-size: 18px; color: #333333; position: relative; display: block; }
.nav_x ul li a:after { content: ''; background: #004398; left: 0px;  height: 2px; bottom: 0px; width: 0%; display: block; transition: all 0.6s; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; }
.nav_x ul li a:hover:after { width: 100%; }
.nav_x ul li a:hover { color: #004398;  }
.nav_x ul li a.selected { color: #004398; }

.arrow-left { background: #d7d7d7 url('../images/icon53.png') no-repeat center center; width: 56px; height: 56px; position: absolute; left: 10%; top: 30%; transition: all 0.6s; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; }
.arrow-right { background: #d7d7d7 url('../images/icon54.png') no-repeat center center; width: 56px; height: 56px; position: absolute; right: 10%; top: 30%; transition: all 0.6s; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; }

.arrow-left:hover { background: #004398 url('../images/icon53_m.png') no-repeat center center; width: 56px; height: 56px; position: absolute; left: 10%; top: 30%;  }
.arrow-right:hover { background: #004398 url('../images/icon54_m.png') no-repeat center center; width: 56px; height: 56px; position: absolute; right: 10%; top: 30%;  }


.about { padding: 60px 0px; }
.about .img { width: 35.5%; float: left; position: relative; }
.about .wz { position: absolute; right: -100px; top: 35%; background: #004398; padding: 20px; color: #fff; }
.about .wz h3 { font-size: 24px; }
.about .wz p { font-size: 17px; color: #dde2ed; margin-top: 8px; }
.about .text { width: 64.5%; float: right; padding-left: 145px; }
.about .text p {font-size: 16px;color: #666666;margin-bottom: 22px;line-height: 26px;text-align: justify;text-indent: 2em;}
.about .text .dow { text-align: right; margin-bottom: 0px; }
.about .text .dow img { display: inline-block; }


.footer { background: #363636; padding: 60px 0px; }
.footer .fl { float: left; }
.footer .fl p,.footer .fl .wx{ margin-bottom: 13px; color: #aeaeae; }
.footer .fl p i,.footer .fl .wx i{ display: inline-block; vertical-align: middle; margin-top: -3px; margin-right: 10px; }
.footer .fl p strong,.footer .fl .wx strong { display: inline-block; vertical-align: middle; }
.footer .fl .wx {margin-top: 30px;display: inline-block;}

.footer .fr { float: right; }
.footer .fr ul li { display: inline-block; vertical-align: top; margin-left: 40px; padding-left: 20px; position: relative; }
.footer .fr ul li:after { content: ''; background: #fff; width: 1px; height: 30px; position: absolute; left: 0px; top: 5px; }
.footer .fr ul li strong { display: block; font-size: 18px; color: #ffffff; font-weight: normal; margin-bottom: 10px; }
.footer .fr ul li a { display: block; color: #aeaeae; font-size: 14px; margin-top: 5px; }
.footer .fr ul li a:hover { color: #fff; }

.fot { background: #363636; padding: 25px 0px 15px; border-top: 1px solid #626262; }
.fot p { float: right; color: #aeaeae; line-height: 24px; padding-top: 10px; font-size: 14px; text-align: right; }
.fot i { display: inline-block; margin-right: 30px; }


.introduce { margin-top: 60px; padding-bottom: 100px; }
.introduce .con { margin-bottom: 70px; }
.introduce .con .fl { width: 47%; float: left; }
.introduce .con .fl h3 { font-size: 22px; color: #004398; line-height: 32px; margin-top: 40px; }
.introduce .con .fl p { line-height: 30px; color: #666666; font-size: 18px; margin-top: 15px; text-align: justify; }
.introduce .con .fl .mt { margin-top: 20px; }
.introduce .con .fl dl dt { position: relative; font-size: 18px; padding-left: 20px; }
.introduce .con .fl dl dt:after { content: ''; background: #004398; width: 6px; height: 6px; position: absolute; left: 0px; top: 10px; }
.introduce .con .fl dl { margin-top: 10px; }
.introduce .con .fl dl dd { line-height: 30px; margin-top: 5px; font-size: 18px; }
.introduce .con .fr { width: 47%; float: right; margin-top: 40px; }
.introduce .con .fr .list ul li { margin-top: 40px; }
.introduce .con .fr .list ul li .icon { float: left; margin-top: 5px; }
.introduce .con .fr .list ul li .text { margin-left: 60px; }
.introduce .con .fr .list ul li .text strong { font-size: 18px; color: #333333; }
.introduce .con .fr .list ul li .text p { font-size: 18px; color: #666666; }
.introduce .con .fr .list ul li .text p span { color: #004398; font-style: italic; }


.introduce .dow h4 { font-size: 18px; color: #666666; line-height: 30px; margin-top: 30px; }
.introduce .dow .text { background: #f9f9f9; margin-top: 30px; }
.introduce .dow .text strong { background: #004398; display: block; font-size: 20px; color: #fff; text-align: center; padding: 15px 0px; }
.introduce .dow .text p { padding: 60px 10px; }
.introduce .dow .text p img { margin: 0 auto; }

.m_tit_mt { margin-top: 70px; }
.mbox { margin-bottom: 100px; }

.train { margin-top: 150px; }
.train ul li {  background: url('../images/icon20.png') no-repeat right 50px; height: 270px; position: relative; margin-top: -50px;  }
.train ul li .pic { width: 190px; height: 190px; border-radius: 50%;  overflow: hidden; position: absolute; left: 0px; top: -45px; z-index: 9;  }
.train ul li .pic img { width: 100%; height: 100%; }
.train ul li { padding-left: 350px;  }
.train ul li .text strong { font-size: 24px; color: #00306d;  }
.train ul li .text h3 { font-size: 22px; color: #004398; margin-top: 30px; }
.train ul li .text p { font-size: 16px; line-height: 25px; margin-top: 10px; color: #666; width: 60%;  }
.train ul li:after { content: ''; background: url('../images/icon19.png') no-repeat left center; width: 26px; height: 56px; position: absolute; left: 183px; top: 23px;  }
.train ul li:nth-child(even) { background: url('../images/icon21.png') no-repeat left 50px; padding-left: 250px; }
.train ul li:nth-child(even) .pic { right: 0px; left:inherit;  }
.train ul li:nth-child(even):after { right: 183px; left: inherit; background: url('../images/icon22.png') no-repeat left center; top: 25px; } 
.train .dow { width: 190px; height: 190px;  color: #fff; border-radius: 50%; margin-top: -95px; z-index: 9; position: relative; font-size: 18px; color: #fff; display: table; table-layout: fixed; padding: 0px 20px; text-align: center; line-height: 30px; background: url('../images/icon33.png') no-repeat center center;  }
.train .dow p {  display: table-cell; vertical-align: middle; }


.train1 { padding-left: 50px; }
.train1 h3 { font-size: 22px; color: #004398; line-height: 32px; margin-top: 40px; }
.train1 p { line-height: 30px; color: #666666; font-size: 18px; margin-top: 15px; text-align: justify; }
.train1 ul { margin-top: 20px; }
.train1 ul li { font-size: 18px; line-height: 30px; margin-top: 8px; position: relative; padding-left: 20px; }
.train1 ul li:before { content: ''; background: #004398; width: 6px; height: 6px; position: absolute; left: 0px; top: 50%; margin-top: -3px; }


.news { margin-top: 45px; overflow: hidden; }
.news ul{display:flex;flex-wrap:wrap;}
.news ul li { width: 33.33%; float: left; padding: 15px 15px; }
.news ul li .img { overflow: hidden; position: relative; }
.news ul li .img strong { position: absolute; bottom: 0px;  padding: 10px 30px; color: #fff; display: block; opacity:0.8;  filter:alpha(opacity=80); background: #004398; }
.news ul li .img img { width: 100%; transition: all 0.6s; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; transform: scale(1, 1); -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); }
.news ul li .text { padding: 40px 20px; box-shadow: 0px 0px 10px 3px rgba(29,29,29,0.1); background: #fff; border: 1px solid #eaeaea;  }
.news ul li .text h3 a { font-size: 18px; color: #333; line-height: 26px; display: block; height: 52px; overflow: hidden; }
.news ul li .text p { color: #858585; font-size: 14px; line-height: 24px; margin-top: 15px; height: 48px; overflow: hidden; }
.news ul li .text .al { color: #004398; border-bottom: 1px solid #004398; padding-bottom: 2px; margin-top: 30px; display: inline-block; -webkit-transition: all 0.6s; -moz-transition: all 0.6s;  }
.news ul li .con:hover .img img { transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1);  }
.news ul li .con:hover .text h3 a { color: #004398; }
.news ul li .con:hover .al { padding-left: 20px;  }

.pag {text-align: center;margin-top: 50px;display: none;}
.pag a { display: inline-block; vertical-align: top; padding: 0px 10px; height: 30px; line-height: 30px; text-align: center;  }
.pag .a_arrow { background: #ebebeb; color: #004398; font-family: '宋体'; margin: 0px 20px; } 
.pag .a_arrow:hover { background: #004398; color: #fff; } 
.pag .a_num { font-size: 16px; color: #666666; border-bottom: 2px solid #fff; position: relative; }
.pag .a_num:after { content: ''; background: #fff;  width: 10px; height: 2px; bottom: 0px; position: absolute; left: 50%; margin-left: -5px; }
.pag .a_num.active { color: #004398; }
.pag .a_num.active:after { background: #004398;  }


.openclass { margin-top: 60px; }
.openclass .had .fl { float: left; }
.openclass .had .fl .selectxt { padding: 18px 0px; background: #ecefef url('../images/icon35.png') no-repeat 90% center; width: 160px; font-size: 16px; margin-right: 15px; padding-left: 15px; border: none; outline: none; appearance: none; -webkit-appearance: none; -moz-appearance: none;  }
.openclass .had .search { float: right; }
.openclass .had .search .txt { background: url('../images/icon34.png') no-repeat left center; border-bottom: 2px solid #dedede; height: 60px; line-height: 60px; width: 300px; padding-left: 45px; font-size: 16px; }

.openclass .table { border-collapse: collapse; border-spacing: 0; width: 100%; margin-top: 50px; }
.openclass .table tr th { background: #004398; font-size: 18px; color: #fff; font-weight: normal; padding: 15px 0px; border-right: 1px solid #fff; }
.openclass .table tr td { background: #fafafa; text-align: center; padding: 20px 0px; border-right: 1px solid #fff; font-size: 16px; border-bottom: 1px solid #fff;}
.openclass .table tr.even td { background: #f1f1f1; }

.openclass .table .col_1 { width: 15%; }
.openclass .table .col_2 { width: 15%; }
.openclass .table .col_3 { width: 50%; }
.openclass .table .col_4 { width: 20%; }

.company { margin-top: 60px; text-align: right; }
.company .selectxt { display: inline-block; vertical-align: top; margin-right: 30px; padding: 5px 0px; background: url('../images/icon36.png') no-repeat right center; width: 130px; font-size: 16px; border: none; appearance: none; -webkit-appearance: none; -moz-appearance: none; border-bottom: 2px solid #0b408e; color: #0b408e;  outline: none; }
.company .search { display: inline-block; vertical-align: top; position: relative; }
.company .search .txt {  border-bottom: 2px solid #0b408e; padding: 5px 0px; width: 300px; font-size: 16px; }
.company .search .but { background: url('../images/icon37.png') no-repeat right center; width: 36px; height: 36px; position: absolute; right: 0px; top: 0px; }

.company .list { margin-top: 50px; }
.company .list h3 { background: #0b408e; font-size: 20px; color: #fff; padding: 14px 0px; text-align: center; }
.company .list .tablebox { background: #f7f7f7; padding: 30px 50px; }
.company .list .table { border-spacing: 0px; border-collapse: collapse; width: 100%;  }
.company .list .table tr td { text-align: left; font-size: 18px; padding: 5px 20px; }
.company .list2 { border-top: 1px solid #dcdcdc; margin-top: 60px; padding-top: 60px; }


.project { margin-top: 60px; }
.project ul li { border-bottom: 1px solid #e5e5e5; padding-bottom: 40px; margin-bottom: 40px; }
.project ul li .img { float: left; width: 426px; height: 236px; overflow: hidden;  }
.project ul li .img img { transform: scale(1, 1); -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); transition: all 0.6s; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; overflow: hidden; }
.project ul li .img img { width: 100%; height: 100%; }
.project ul li .text { margin-left: 470px; }
.project ul li .text h3 a { font-size: 22px; color: #333333; }
.project ul li .text strong { font-size: 16px; color: #767676; display: block; margin-top: 5px; }
.project ul li .text p { font-size: 18px; color: #666666; margin-top: 12px; line-height: 30px; height: 120px; overflow: hidden; }
.project ul li .text h6 a { color: #004398; display: inline-block; border-bottom: 1px solid #004398; padding-bottom: 1px; margin-top: 18px; transition: all 0.6s; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; }

.project ul li:hover .img img { transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); }
.project ul li:hover h3 a { color: #004398; }
.project ul li:hover h6 a { padding-left: 20px; }

.projectcon .tit { text-align: center; margin-top: 60px; }
.projectcon .tit h1 { font-size: 30px; color: #333333; }
.projectcon .tit strong { font-size: 16px; color: #767676; display: block; }
.projectcon .con { margin-top: 50px; }
.projectcon .con img {margin:0 auto;}
.projectcon .con p,.projectcon .con div { margin-top: 20px; font-size: 18px; line-height: 30px; text-align: justify; position: relative; }
/*.projectcon .con p strong,.projectcon .con div strong { font-size: 22px; color: #004398; display: block; margin-top: 30px; }
.projectcon .con p span,.projectcon .con div span { margin-right: 40px;  }*/


.student { margin-top: 20px; overflow: hidden; }
.student ul { margin-left: -36px; margin-right: -36px;  }
.student ul li { float: left; width: 33.33%; border-right: 1px solid #dfdfdf; padding: 0px 36px; margin-top: 40px; overflow: hidden; }
.student ul li:nth-child(3n) { border-right: none; }
.student ul li .img { overflow: hidden; }
.student ul li .img img { transform: scale(1, 1); -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); transition: all 0.6s; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; overflow: hidden; width: 100%; height: 100%;  }
.student ul li .text h3 a { display: block; color: #333; font-size: 18px; line-height: 26px; margin-top: 15px; overflow: hidden; height: 52px; overflow: hidden; }
.student ul li .text strong { color: #767676; display: block; margin-top: 8px; font-family: 'Arail'; }
.student ul li .text p { font-size: 14px; color: #666666; line-height: 22px; margin-top: 10px; height: 44px; overflow: hidden; }
.student ul li .text h6 a { border-bottom: 1px solid #c8c8c8; padding-bottom: 6px; margin-top: 20px; text-align: right; display: block; color: #004398; position: relative; }
.student ul li .text h6 a:after { content: ''; position: absolute; bottom: -1px; background: #004398; right: 0px; width: 100%; height: 1px; width: 55px; transition: all 0.6s; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; }
.student ul li:hover .text h6 a:after { width: 100%; }
.student ul li:hover .img img { transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); }
.student ul li:hover h3 a { color: #004398; }


.campus { margin-top: 30px; overflow: hidden; }
.campus ul { margin-left: -15px; margin-right: -15px; }
.campus ul li { padding: 0px 15px; float: left; width: 33.33%; margin-top: 30px; }
.campus ul li .img { overflow: hidden; }
.campus ul li .img img { width: 100%; transform: scale(1, 1); -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); transition: all 0.6s; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; overflow: hidden; width: 100%; height: 100%;  }
.campus ul li p { font-size: 20px; color: #333333; margin-top: 15px; }
.campus ul li:hover .img img { transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1);  }

.food { margin-top: 60px; position: relative; padding: 40px; text-align: right; }
.food .list { background: #004398; opacity: 0.8;  filter:alpha(opacity=80); padding: 20px 40px; color: #fff; width: 45%; display: inline-block; text-align: left; }
.food .list ul li { background: url('../images/icon38.png') no-repeat left 5px; padding-left: 50px; margin: 25px 0px; }
.food .list ul li strong { display: block; font-size: 18px; }
.food .list ul li p { font-size: 16px; margin-top: 5px; line-height: 28px; color: #d9d9d9; }

.foodcon p { font-size: 18px; color: #666666; line-height: 28px; margin-top: 30px; padding-left: 25px; position: relative; text-align: justify; }
.foodcon p:after { content: ''; background: #004398; width: 8px; height: 8px; position: absolute; left: 0px; top: 10px; }


.live { margin-top: 60px; }
.live ul li { background: #f5f5f5; width: 100%;  margin-top: 40px; }
.live ul li .img { float: left; width: 50%; height: 345px; position: relative; overflow: hidden; }
.live ul li .img:after { content: ''; background: url('../images/icon42.png') no-repeat left center; top: 50%; width: 12px; height: 22px; margin-top: -11px; right: 0px; position: absolute; z-index: 3; }
.live ul li .img img { width: 100%; height: 100%; transition: all 0.6s; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; transform: scale(1, 1); -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); }
.live ul li .con { float: right; width: 50%; height: 345px; display: table; table-layout: fixed; }
.live ul li .con .text { display: table-cell; vertical-align: middle; padding-left: 20%; transition: all 0.6s; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; }
.live ul li .con .text h3 { font-size: 30px; color: #333; margin-bottom: 30px; }
.live ul li .con .text .icon1 { background: url('../images/icon39.png') no-repeat left 3px; padding-left: 60px; }
.live ul li .con .text .icon2 { background: url('../images/icon40.png') no-repeat left 5px; padding-left: 60px; }
.live ul li .con .text p { font-size: 18px; margin-top: 20px; }
.live ul li .con .text p strong { display: block; color: #333; }

.live ul li:nth-child(even) .img { float: right; position: relative; }
.live ul li:nth-child(even) .img:after { content: ''; background: url('../images/icon41.png') no-repeat left center; top: 50%; width: 12px; height: 22px; margin-top: -11px; left: 0px; right: inherit; position: absolute;  }
.live ul li:nth-child(even) .con { float: left;  }

.live ul li:hover .con .text { background: #004398 url('../images/icon43.png') no-repeat 15px center; color: #fff; }
.live ul li:hover .con .text h3 { color: #fff; }
.live ul li:hover .con .text .icon1 { background: url('../images/icon39_m.png') no-repeat left 3px; }
.live ul li:hover .con .text .icon2 { background: url('../images/icon40_m.png') no-repeat left 3px; }
.live ul li:hover .con .text p strong { color: #fff; }
.live ul li:hover .img:after { background: url('../images/icon42_m.png') no-repeat left center; }
.live ul li:nth-child(even):hover .img:after { background: url('../images/icon41_m.png') no-repeat left center; }
.live ul li:hover .img img { transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1);  }

.walk { padding-top: 30px; }
.walk p { margin-top:30px; }


input::-moz-placeholder, textarea::-moz-placeholder { color: #b3b3b3; font-weight: normal; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #b3b3b3; font-weight: normal; }
input::-ms-input-placeholder,textarea::-ms-input-placeholder { color: #b3b3b3; font-weight: normal; }


.contact { margin-top: 60px; }
.contact .con .fl { width: 40%; float: left; }
.contact .con .fl h3 { font-size: 24px; color: #333; }
.contact .con .fl ul li { margin-top: 21px; }
.contact .con .fl ul li .icon { float: left; margin-top: 5px; }
.contact .con .fl ul li .text { margin-left: 60px; }
.contact .con .fl ul li .text strong { font-size: 18px; color: #333; }
.contact .con .fl ul li .text p { font-size: 16px; color: #666666; } 
.contact .con .fr { width: 50%; float: right; }
.contact .con .fr ul li { margin-bottom: 25px; position: relative; }
.contact .con .fr ul li .txt { width: 100%; border: 1px solid #e5e5e5; padding: 15px 20px; font-size: 16px;  }
.contact .con .fr ul li .txtbox { line-height: 28px; height: 150px; } 
.contact .con .fr ul li .txtyzm { padding: 10px 20px; width: 160px;  border: 1px solid #e5e5e5; font-size: 16px; display: inline-block; vertical-align: top; margin-right: 15px; }
.contact .con .fr ul li .yzmimg { display: inline-block; vertical-align: top; }
.contact .con .fr ul li .but { color: #fff; position: absolute; right: 0px; background: #004398; padding: 0px 60px; height: 100%; border-radius: 30px; transition: all 0.6s; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; }
.contact .con .fr ul li .but:hover { background: #333; }
.contact .dow { margin-top: 30px; }

.cooperation { background: url('../images/img42.jpg') no-repeat center center; background-size: cover; padding: 120px 0px; }
.cooperation h3 { font-size: 25px; color: #004398;  }
.cooperation strong { display: block; font-size: 48px; color: #28569e; font-family: 'Arial'; margin-top: 20px; }


.information .fr .tit { text-align: right; }
.information .fr .tit .selectxt { display: inline-block; vertical-align: top; margin-left: 30px; padding: 5px 0px; background: url('../images/icon36.png') no-repeat right center; width: 130px; font-size: 16px; border: none; appearance: none; -webkit-appearance: none; -moz-appearance: none; border-bottom: 2px solid #0b408e; color: #0b408e;  outline: none; }

.information { margin: 70px 0px 100px; padding: 100px 0px; position: relative; }
.information:after { content: ''; background: #f5f5f5; position: absolute; right: 0px; top: 0px; height: 100%; width: 52%; z-index: 1; }
.information:before { content: ''; background: url('../images/icon51.png'); height: 100%; position: absolute; width: 12%; top: 0px; right: 52%; z-index: 1; }

.information .img { width: 56.4%; float: left; position: relative; z-index: 3; }
.information .fr { width: 36%; float: right; position: relative; z-index: 3; }
.information .fr .text {/* margin-top: 50px;  */}
.information .fr .text h4 { font-size: 22px; color:#004398; margin-bottom: 25px; }
.information .fr .text h4 strong { float: left; }
.information .fr .text h4 strong a { display: block; }
.information .fr .text h4 span { float: right; }
.information .fr .text ul li { position: relative; margin-top: 12px; padding-right: 120px; }
.information .fr .text ul li strong a { font-size: 16px; display: block; color: #333333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  }
.information .fr .text ul li strong a:hover { color: #28569e; }
.information .fr .text ul li span { position: absolute; right: 0px; top: 0px; font-size: 16px; color: #999; }


.training { overflow: hidden; margin-top: 50px; margin-bottom: 80px; }
.training .list { overflow: hidden; }
.training .list ul { margin-left: -10px; margin-right: -10px; }
.training .list ul li { width: 33.33%; float: left; padding: 0px 10px; float: left;  }
.training .list ul li img { width: 100%; height: 100%; }
.training .list ul li .con { height: 311px; background: #004398;  }
.training .list ul li .text { padding: 30px; color: #fff; position: relative; }
.training .list ul li .text strong { font-size: 20px; color: #ffffff; display: block; font-family: 'Arial'; }
.training .list ul li .text span { display: block; font-size: 18px; color: #a5b3d0; font-family: 'Arial'; }
.training .list ul li .text h3 a { font-size: 17px; color: #fff; margin-top: 8px; display: block; }
.training .list ul li .text h6 a { position: absolute; bottom: 30px; left: 30px; border-bottom: 1px solid #aac0dd; padding-bottom: 3px; color: #fff; transition: all 0.6s; -wekbit-transition: all 0.6s; -moz-transition: all 0.6s; }
.training .list ul li .text h6 a:hover { padding-left: 20px;  }


.training .dow { margin-left: -10px; margin-right: -10px; margin-top: 20px; }
.training .dow .fl { width: 33.33%; float: left; padding: 0px 10px; }
.training .dow .fl .img { height: 237px; width: 100%; display: table; table-layout: fixed; }
.training .dow .fl .img i { display: table-cell; vertical-align: middle; }
.training .dow .fl .text { height: 311px; background: #004398; margin-top: 20px; width: 100%; }

.training .dow .vid .con { position: relative; cursor: pointer; width: 100%; height: 100%; display: block; }
.training .dow .vid { width: 66.67%;  float: right; padding: 0px 10px; height: 568px; position: relative; } 
.training .dow .vid .img { height: 100%; width: 100%; }
.training .dow .vid .img img { width: 100%; height: 100%; }
.training .dow .vid .wz { position: absolute; top: 20px; right: 30px; }
.training .dow .vid .wz strong { background: #265fa7; padding: 4px 10px; color: #fff; display: inline-block; vertical-align: middle;  }
.training .dow .vid .wz em { background: #265fa7; padding: 10px 10px; display: inline-block; vertical-align: middle; }
.training .dow .vid .vid_news {width:100%;height:100%;position:relative;}
.training .dow .vid .vid_news .pagination { position: absolute;z-index: 20;bottom: 10px;width: 100%;text-align: right;padding-right:30px;}
.training .dow .vid .vid_news .swiper-pagination-switch { display: inline-block; width: 14px; height: 14px; border-radius: 8px; background: none; margin: 0 5px; opacity: 0.8; border: 1px solid #fff; cursor: pointer;  opacity: 1;}
.training .dow .vid .vid_news .swiper-active-switch { background: #fff;}

.training .dow .text { padding: 30px; color: #fff; position: relative; }
.training .dow .text strong { font-size: 20px; color: #ffffff; display: block; font-family: 'Arial'; }
.training .dow .text span { display: block; font-size: 18px; color: #a5b3d0; font-family: 'Arial'; }
.training .dow .text h3 a { font-size: 17px; color: #fff; margin-top: 8px; display: block; }
.training .dow .text p { margin-top: 10px; color: #b8c2d9; line-height: 22px; }
.training .dow .text h6 a { position: absolute; bottom: 30px; left: 30px; border-bottom: 1px solid #aac0dd; padding-bottom: 3px; color: #fff; transition: all 0.6s; -wekbit-transition: all 0.6s; -moz-transition: all 0.6s; }
.training .dow .text h6 a:hover { padding-left: 20px; }

.videobox { margin-top: 45px; }
.videobox ul { letter-spacing: -5px; }
.videobox ul li { display: inline-block; vertical-align: top; width: 33.33%; letter-spacing: 0px; padding: 15px; }
.videobox ul li .pic { position: relative; overflow: hidden; cursor: pointer; }
.videobox ul li .pic .img { transition: all 0.6s; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; transform: scale(1, 1); -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); width: 100%; }
.videobox ul li .news_content{display:none}
.videobox ul li .pic .icon { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; margin: auto; }
.videobox ul li p { font-size: 18px; color: #333333; margin-top: 15px; }

.videobox ul li .pic:hover .img { transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1);  }









.projectcon .con .wp_articlecontent div:has(iframe) {
    position: relative;
    width: 100%;
    container-type: inline-size;
    max-width: 70%;
    margin: 0 auto;
    aspect-ratio: 16 / 9;
    overflow: hidden;
}
.projectcon .con .wp_articlecontent div iframe {
    width: 100% !important;
    height: 100% !important;
    position: absolute;
    right: 0;
}