@charset "utf-8";
* { margin: 0; padding: 0 }
body, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td, img { border: medium none; margin: 0; padding: 0; outline: 0 }
body, button, input, select, textarea { font: 1.4rem "Microsoft YaHei", tahoma, Srial, helvetica, sans-serif; outline: 0 }
ul, ol, li { list-style: none }
a { text-decoration: none; color: #3e3e3e }
a:hover { color: #c6251d; text-decoration: none }
html, body { width: 100%; height: auto; margin: 0; padding: 0; font-size: 14px; background: #f9f9f9; color: #3e3e3e; overflow-x: hidden }
img { border: 0; vertical-align: middle }
::selection { background: #c6251d; color: #fff }

::-moz-selection {
 background: #c6251d;
 color: #fff
}
.animate { -webkit-transition-duration: .5s; transition-duration: .5s; -moz-transition-duration: .5s }
.scrollbar { padding-right: 5px; overflow: auto }
 .scrollbar::-webkit-scrollbar {
 width: 5px;
 height: 10px
}
 .scrollbar::-webkit-scrollbar-button {
 background-color: #ababa7
}
 .scrollbar::-webkit-scrollbar-track {
 background: #ababa7
}
 .scrollbar::-webkit-scrollbar-track-piece {
 background: url(http://www.lyblog.net/wp/wp-content/themes/mine/img/stripes_tiny_08.png)
}
 .scrollbar::-webkit-scrollbar-thumb {
 background: #c7251d;
 border-radius: 4px
}
 .scrollbar::-webkit-scrollbar-corner {
 background: #82afff
}
 .scrollbar::-webkit-scrollbar-resizer {
 background: #ff0bee
}
.zhiding { background: url(../images/zhiding.png); height: 32px; width: 32px; position: fixed; right: 15px; bottom: 35px; z-index: 25; cursor: pointer; transition: all .5s; -webkit-transition: all .5s; opacity: 0; filter: alpha(opacity=0) }
.zhiding.cur { opacity: 1; filter: alpha(opacity=100) }
.clear { clear: both; width: 0; height: 0; overflow: hidden }
.container1000 { max-width: 1000px; position: relative; margin: auto; height: auto; width: 96% }
.mr0 { margin-right: 0!important }
.imgs { font-size: 0 }
.container1300 { max-width: 1300px; position: relative; margin: auto; height: auto }
.nav { width: 100%; overflow: hidden; height: 75px; position: fixed; top: 0; left: 0; z-index: 100;  background:
}
.nav .bg { width: 100%; height: 100%; background: #000; opacity: .45; filter: alpha(opacity=45); position: absolute; top: 0; left: 0 }
.nav .container1000 { height: 100%; max-width: 1200px }
.nav .logo { font-size: 0; width: 242px; line-height: 75px; height: 100%; float: left }
.nav .logo img { vertical-align: middle }
.nav .navList { width: auto; height: 100%; float: right; line-height: 75px }
.nav .navList li { float: left }
.nav .navList a { color: #fff; position: relative; width: 90px; text-align: center; display: block; height: 100% }
.nav .navList a>div { width: 100%; height: 100%; position: relative; transition-duration: .5s; -webkit-transition-duration: .5s }
.nav .navList a .b2 { background: #c1251d }
.nav .navList li:hover .b1 { margin-top: -75px }
.nav .navList li.active .b1 { margin-top: -75px }
.banner { width: 100%; height: auto; font-size: 0; position: relative }
.banner>img { transition-duration: 3.5s; -webkit-transition-duration: 3.5s; transform: scale(1.1); -webkit-transform: scale(1.1) }
.banner>img.active { transform: scale(1); -webkit-transform: scale(1) }
.banner .bannerBtn { width: 350px; height: 166px; top: 50%; margin-top: -83px; position: absolute; right: 0; z-index: 10 }
.banner .bannerBtn li { width: 100%; transition-duration: .3s; -webkit-transition-duration: .3s; background: rgba(197, 34, 25, .7); height: 50px; position: relative; right: -20px; line-height: 50px; margin-bottom: 8px }
.banner .bannerBtn li a { display: block; width: 100%; height: 100%; text-indent: 30px }
.banner .bannerBtn li:hover { background: rgba(197, 34, 25, 1); right: 0; box-shadow: 0 0 3px #444 }
.banner .bannerBtn li:nth-child(3) { margin-bottom: 0 }
.footer { width: 100%; background: #000; position: absolute; bottom: 0; height: 40px; line-height: 40px; font-size: 12px }
.footer-body { width: 100%; background: #000; position: relative; bottom: 0; height: 40px; line-height: 40px; font-size: 12px }
.footer .container1000, .footer-body .container1000 { overflow: hidden; height: 100% }
.footer .copy, .footer-body .copy { float: left; color: #6e6e6e }
.footer .design, .footer-body .design { float: right; color: #6e6e6e; transition-duration: .4s; -webkit-transition-duration: .4s }
.footer .design:hover, .footer-body .design:hover { color: #cfcfcf }
.boxTit { position: absolute; top: 120px; left: 0; width: 20%; padding: 0 30px; z-index: 90; height: 50px; line-height: 50px; font-size: 24px; color: #fff; background: rgba(0, 0, 0, .7); text-align: right }
#investment { width: 100%; height: 800px; background: url(../../images/inBg.jpg); position: relative; overflow: hidden }
#investmentRight { width: 50%; height: 100%; position: relative; left: 50%; overflow: hidden }
#investmentRight ul { width: 20000px; height: 100%; position: absolute }
#investmentRight ul li { width: 1180px; height: 100%; float: left; background-position: center; background-size: cover }
.investmentInfo { width: 475px; height: 150px; position: absolute; left: 10%; top: 100px }
.investmentInfo .font { color: #000; filter: alpha(opacity=10); opacity: .1; font-size: 120px; font-family: '黑体'; font-weight: bold; position: absolute; top: -120px; font-style: italic; font-weight: bold }
.investmentInfo figcaption { color: #006e77; font-size: 40px; font-family: "黑体" }
.investmentInfo .en { font-family: "微软雅黑"; color: #cfcfcf; text-transform: uppercase; font-size: 24px }
.investmentInfo p { font-size: 14px; color: #555555; font-family:"宋体"; line-height: 29px; margin-top: 40px;}
.investmentInfo h1{ font-family:"微软雅黑"; font-size:24px; color:#333333; font-weight:normal; margin-top:40px;}
.investmentInfo p.xm{ width:60%; margin-top:30px;}
.investmentIcon { width: 200px; font-family: "黑体"; height: 120px; position: absolute; left: 50%; margin-left: -260px; top: 380px; line-height: 120px; font-size: 43px; color: #737373; text-align: center }
.investmentIcon .investmentIconBox { position: absolute; left: 0; top: 0x; width: 100%; height: 100% }
.investmentIcon .investmentIconBox span { color: #cfcfcf; font-size: 84px }
.investmentNav { width: 100%; height: 150px; background-color:rgba(244,244,244,0.5); position: absolute; bottom: 0; left: 0 }
.investmentNav ul { width: 1200px; margin:0 auto; height:150px; }
.investmentNav ul li { width: 150px; height: 150px; float: left; position: relative; overflow: hidden; cursor: pointer }
.investmentNav ul li .investmentImg { width: 100%; height: 150px; position: absolute; left: 0; top: 0; background: url(../../images/investmentIcons2.png); background-size: auto 301px }
.investmentNav ul li .investmentText { width: 100%; position: absolute; left: 0; top: 0; text-align: center; color: #fff; font-size: 14px }
.investmentNav ul li .investmentText span { color: #444444; font-size:14px; font-family:"宋体"; width: 100%; height: 150px; line-height: 202px; display: block }
.investmentNav ul li:hover .investmentText, .investmentNav ul li.current .investmentText { top: -150px }
.investmentNav ul li:hover .investmentImg, .investmentNav ul li.current .investmentImg { background-position: 0 -150px }
.investmentNav ul li.second:hover .investmentImg, .investmentNav ul li.second.current .investmentImg { background-position: -150px -150px }
.investmentNav ul li.three:hover .investmentImg, .investmentNav ul li.three.current .investmentImg { background-position: -300px -150px }
.investmentNav ul li.four:hover .investmentImg, .investmentNav ul li.four.current .investmentImg { background-position: -450px -150px }
.investmentNav ul li.five:hover .investmentImg, .investmentNav ul li.five.current .investmentImg { background-position: -600px -150px }
.investmentNav ul li.six:hover .investmentImg, .investmentNav ul li.six.current .investmentImg { background-position: -750px -150px }
.investmentNav ul li.seven:hover .investmentImg, .investmentNav ul li.seven.current .investmentImg { background-position: -900px -150px }
.investmentNav ul li.eight:hover .investmentImg, .investmentNav ul li.eight.current .investmentImg { background-position: -1050px -150px }
.investmentNav ul li.second .investmentImg { background-position: -150px 0 }
.investmentNav ul li.three .investmentImg { background-position: -300px 0 }
.investmentNav ul li.four .investmentImg { background-position: -450px 0 }
.investmentNav ul li.five .investmentImg { background-position: -600px 0 }
.investmentNav ul li.six .investmentImg { background-position: -750px 0 }
.investmentNav ul li.seven .investmentImg { background-position: -900px 0 }
.investmentNav ul li.eight .investmentImg { background-position: -1050px 0 }
.investmentNav ul li.current .investmentImg { background-position-y: -150px }
.introduce { width: 100%; height: 800px; background: url(../images/jsBg.jpg) no-repeat center; background-size: cover; position: relative }
.introduce .contBox { width: 55%; max-width: 800px; height: 100%; position: absolute; right: 10%; background: rgba(0, 0, 0, .2) }
.introduce .contBox .lookMore { margin-left: 10%; margin-top: 40px }
.introduce .contBox .tit { width: 80%; margin: auto; padding-top: 14% }
.introduce .contBox .ch { font-size: 36px; color: #e70000; font-family: "黑体"; line-height: 50px }
.introduce .contBox .en { font-family: arial; font-size: 24px; text-transform: uppercase; color: rgba(255, 255, 255, .4) }
.introduce .contBox .texts { width: 80%; margin: auto; color: #fff; line-height: 26px; padding-top: 40px }
.lookMore { width: 124px; transition-delay: .3s; -webkit-transition-delay: .3s; height: 40px; line-height: 40px; display: block; margin: auto; color: #fff; text-align: center; position: relative; transition-duration: .4s; -webkit-transition-duration: .4s }
.lookMore .border { background: #fff; position: absolute; transition-duration: .4s; -webkit-transition-duration: .4s }
.lookMore .borderL { width: 1px; height: 100%; top: 0; left: 0 }
.lookMore .borderB { width: 100%; height: 1px; bottom: 0; right: 0; transition-delay: .1s; -webkit-transition-delay: .1s }
.lookMore .borderT { width: 90%; height: 1px; top: 0; left: 0; transition-delay: .1s; -webkit-transition-delay: .1s }
.lookMore .borderR { width: 1px; height: 30px; bottom: 0; right: 0 }
.lookMore .text { width: 100%; height: 100%; z-index: 102; position: absolute; top: 0; left: 0 }
.lookMore span { position: absolute; right: -7px; top: -20px; color: #e70000; font-size: 22px; transition-duration: .5s; -webkit-transition-duration: .5s }
.lookMore:hover .border { background: #e70000 }
.lookMore:hover { background: #e70000; color: #fff }
.lookMore:hover span { top: 0; right: 13px; opacity: 0 }
.job { width: 100%; height: 80%; background: url(../../images/jobBg.jpg) no-repeat center; background-size: cover; position: relative }
.job .contBox { font-size: 0; text-align: center; max-width: 1000px; margin: auto; padding-top: 120px }
.job .contBox .tit { margin-bottom: 20px }
.job .contBox .text { margin-bottom: 30px }
.job .contBox .yuan { width: 443px; height: 443px; margin: auto; position: relative }
.job .contBox .yuan .bg { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url(../../images/yuanBg.png) no-repeat; background-size: cover; animation: rote 8s infinite linear; -webkit-animation: rote 8s infinite linear }
.job .contBox .yuan .centerLogo { width: 173px; height: 78px; position: absolute; top: 50%; margin-top: -39px; left: 50%; margin-left: -73px }
.job .contBox ul { width: 100%; height: 100%; position: relative }
.job .contBox li { position: absolute; width: 119px; height: 119px }
.job .contBox li img { width: 100% }
.job .contBox .li1 { top: 0; left: 50%; margin-left: -50px }
.job .contBox .li2 { top: 30%; right: 0 }
.job .contBox .li3 { top: 70%; right: 10% }
.job .contBox .li4 { top: 30%; left: 0 }
.job .contBox .li5 { top: 70%; left: 10% }
.swiper-slide { position: relative }
.jsList { width: 100%; height: 20%; position: relative }
.jsList ul { overflow: hidden; height: 100% }
.jsList li { width: 16.6%; height: 100%; float: left; position: relative; overflow: hidden; background-size: cover; background-repeat: no-repeat }
.jsList li a { display: block; width: 100%; height: 100% }
.jsList li .box { width: 80%; margin: auto; position: relative; top: 30%; text-align: center; color: #fff }
.jsList li .box .ch { font-size: 24px; line-height: 40px; transition-duration: .3s; -webkit-transition-duration: .3s }
.jsList li .box .en { font-size: 12px; font-family: arial; text-transform: uppercase; transition-duration: .3s; -webkit-transition-duration: .3s }
.jsList li .box .text { transition-duration: .4s; -webkit-transition-duration: .4s; line-height: 24px; opacity: 0; filter: alpha(opacity=0); transform: translateY(20px); -webkit-transform: translateY(20px) }
.jsList li .border { top: 20px; opacity: 0; filter: alpha(opacity=0); transform: scale(.8); -webkit-transform: scale(.8); bottom: 20px; left: 20px; right: 20px; border: 1px solid #fff; position: absolute; transition-duration: .4s; -webkit-transition-duration: .4s }
.jsList li:hover .text { opacity: 1; filter: alpha(opacity=100); transform: translateY(-30px); -webkit-transform: translateY(-30px) }
.jsList li:hover .en { opacity: 0; filter: alpha(opacity=0); transform: translateY(-10px); -webkit-transform: translateY(-10px) }
.jsList li:hover .ch { transform: translateY(-20px); -webkit-transform: translateY(-20px) }
.jsList li:hover .border { transform: scale(1); -webkit-transform: scale(1); opacity: 1; filter: alpha(opacity=100) }
.peoBox { width: 100%; height: 800px; background: url(../img/peoBg.jpg) no-repeat center; position: relative; background-size: cover }
.peoBox .container1000 { height: 100% }
.peoBox .textList { position: absolute; width: 380px; top: 150px; left: 0; color: #fff }
.peoBox .textList li { width:182px; position: absolute; top: 0; left: 0; display: none; transform: translateX(-100px); -webkit-transform: translateX(-100px); opacity: 0 }
.peoBox .textList li.active { transform: translateX(0); -webkit-transform: translateX(0); opacity: 1; transition: ease .8s; -webkit-transition: ease .8s }
.peoBox .textList .tit { font-size: 20px; font-family:"微软雅黑"; color:#333333;}
.peoBox .textList .tit span { font-size: 36px; color:#006e77; margin-right: 10px; }
.peoBox .textList .text { margin-top: 20px; line-height: 30px; font-family:"宋体"; font-size:14px; color:#555555;}
.peoBox .mList { width: 310px; position: absolute; right: 5px; top: 20%; padding-bottom: 30px; overflow: hidden }
.peoBox .mList ul { height: 240px; width: 200000px; position: relative }
.peoBox .mList li { margin-bottom: 40px; width: 90px; overflow:hidden; float: left; margin-right: 20px }
.peoBox .mList li .box { width: 90px; height: 90px; position: relative; margin: auto; border-radius: 50%; overflow: hidden; margin-bottom: 35px }
.peoBox .mList li .box img { width: 100%; height: 100%; z-index: 10; filter: grayscale(100%); border-radius: 50%; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%) }
.peoBox .mList li .border { z-index: 10; position: absolute; top: 0; bottom: 0; border-radius: 50%; left: 0; right: 0; border: 5px solid #67d2a6; opacity: 0;  filter: alpha(opacity=0) transition-duration: .4s;
-webkit-transition-duration: .4s; cursor: pointer }
.peoBox .mList li .box.active .border, .peoBox .mList .box:hover .border { opacity: 1; filter: alpha(opacity=100) }
.peoBox .mList li .box.active img, .peoBox .mList li .box:hover img { filter: grayscale(0%); -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%) }
.peoBox .mList .swiper-button-next, .peoBox .mList .swiper-button-prev { width: 49px; height: 49px; top: auto; margin-top: auto; bottom: 0; background: url(../../images/peoBtn.jpg) no-repeat; position: absolute; cursor: pointer }
.peoBox .mList .swiper-button-next { background-position: right bottom; right: 0 }
.peoBox .mList .swiper-button-prev { background-position: left bottom; right: 55px; left: auto }
.peoBox .mList .swiper-button-prev:hover { background-position: left top }
.peoBox .mList .swiper-button-next:hover { background-position: right top }
.peoBox .mList .swiper-pagination-bullet { background: #fff; opacity: 1 }
.peoBox .mList .swiper-pagination-bullet-active { background: #ab0c04 }
.peoBox .bigPeo { width: 570px; font-size: 0; left: 50%; transition-duration: .5s; -webkit-transition-duration: .5s; margin-left: -300px; opacity: 0; position: absolute; bottom: 0 }
.peoBox .bigPeo.active { margin-left: -353px; opacity: 1 }
.peoBox .bigPeo img { max-width: 100%; transform: translateX(100px); -webkit-transform: translateX(100px); opacity: 0 }
.peoBox .bigPeo img.active { transform: translateX(0px); -webkit-transform: translateX(0px); opacity: 1; transition: ease .5s; -webkit-transition: ease .5s }
.iNews { width: 100%; height: 800px; background: url(../../images/news_bg.jpg) no-repeat center; background-size: cover; position: relative }
.iNews .newList { height: 440px; padding-top:15%; }
.iNews .newList li { float: left; width: 23%; transition-duration: .3s; -webkit-transition-duration: .3s; margin-right: 2%; height: 360px; overflow: hidden; background: #fff }
.iNews .newList li a { display: block; padding: 10px }
.iNews .newList li .tit { line-height: 24px; padding: 5px 0; height: 50px; font-size: 14px; font-family:"宋体"; color:#333333; font-weight:bold; overflow: hidden; border-bottom: 1px solid #e8e8e8 }
.iNews .newList li .time { font-size: 14px; color: #c6c6c6; font-family:"宋体"; line-height: 30px }
.iNews .newList li .text { font-size: 12px; color: #555555; font-family:"宋体"; line-height: 24px }
.iNews .newList li:hover { box-shadow: 0 0 3px rgba(0, 0, 0, .2); transform: translateY(-2px); -webkit-transform: translateY(-2px) }
.iNews .lookMore { margin-top: 2%; color: #6e6e6e }
.iNews .lookMore:hover { color: #fff }
.iNews .lookMore:hover .border { background: #e70000 }
.iNews .lookMore .border { background: #a0a0a0 }
.mapBox { width: 100%; height: auto; background: #efefef; position: relative;}
.mapBox .box { text-align: center; padding-top: 80px; position: relative }
.mapBox .box img { width: 90%; position: relative }
.mapBox .box .addList { width: 90%; left: 5%; position: absolute; top: 80px; bottom: 0 }
.mapBox .box .addList li { position: absolute; z-index: 2 }
.mapBox .box .addList li .icon { width: 14px; z-index: 10; cursor: pointer; display: block; height: 22px; background: url(../images/posi1.png); z-index: -5 }
.mapBox .box .addList li.active { z-index: 1 }
.mapBox .box .addList li.active .icon { background: url(../images/posi2.png) }
.mapBox .box .addList li.active .text { transform: translate(0px); -webkit-transform: translate(0px); opacity: 1; display: block\9; pointer-events: auto }
.mapBox .box .addList .li1 { top: 61%; left: 55% }
.mapBox .box .addList .li2 { top: 61%; left: 51% }
.mapBox .box .addList .li3 { top: 62%; left: 50% }
.mapBox .box .addList .li4 { top: 70%; left: 46% }
.mapBox .box .addList .li5 { top: 65%; left: 55% }
.mapBox .box .addList li.li4 .text { background: url(../images/addBg_F.png) no-repeat; height: 116px; line-height: 140px; top: 17px; left: 9px }
.mapBox .box .addList .text { background: url(../images/addBg.png) no-repeat; width: 210px; height: 80px; text-align: center; line-height: 60px; font-size: 18px; color: #fff; display: block; position: absolute; top: -80px; left: 20px; opacity: 0; display: none\9; transform: translate(30px); -webkit-transform: translate(30px); transition-duration: .4s; -webkit-transition-duration: .4s; pointer-events: none; z-index: 25 }
 @keyframes rote {
 0 {
 transform: rotate(0deg)
}
 100% {
 transform: rotate(360deg)
}
}
 @-webkit-keyframes rote {
 0 {
 -webkit-transform: rotate(0deg)
}
 100% {
 -webkit-transform: rotate(360deg)
}
}
#navToggle { position: fixed; z-index: 101; right: 10px; margin-top: 15px; width: 30px; height: 20px; cursor: pointer; -webkit-transition: all ease .3s; transition: all ease .3s; display: none }
#navToggle span { position: absolute; top: 0; display: block; width: 30px; height: 2px; left: 0; border: 0 solid #c82126; background-color: #c82126; -webkit-transition: top .2s .2s, background .2s, opacity 0s .2s, -webkit-transform .2s; transition: top .2s .2s, background .2s, opacity 0s .2s, -webkit-transform .2s; transition: top .2s .2s, transform .2s, background .2s, opacity 0s .2s; transition: top .2s .2s, transform .2s, background .2s, opacity 0s .2s, -webkit-transform .2s }
#navToggle span:nth-of-type(2) { top: 10px }
#navToggle span:nth-of-type(3) { top: auto; bottom: 0; -webkit-transition: bottom .2s .2s, background .2s, -webkit-transform .2s; transition: bottom .2s .2s, background .2s, -webkit-transform .2s; transition: bottom .2s .2s, transform .2s, background .2s; transition: bottom .2s .2s, transform .2s, background .2s, -webkit-transform .2s }
#navToggle.expanded:hover { border-color: #fff }
#navToggle.expanded { border-color: #aaa }
#navToggle.expanded:hover span { transform: scale(0.9) }
#navToggle.expanded span:nth-of-type(1) { top: 8px; transform: rotate(45deg); transition: top .2s, transform .2s .2s, background .2s; -webkit-transform: rotate(45deg); -webkit-transition: top .2s, -webkit-transform .2s .2s, background .2s }
#navToggle.expanded span:nth-of-type(2) { opacity: 0; transition: opacity .2s; -webkit-transition: opacity .2s }
#navToggle.expanded span:nth-of-type(3) { bottom: 10px; transform: rotate(-45deg); transition: bottom .2s, transform .2s .2s, background .2s; -webkit-transform: rotate(-45deg); -webkit-transition: bottom .2s, -webkit-transform .2s .2s, background .2s }
#mobileNav.expanded { display: block; top: 0 }
#mobileNav.expanded { display: block; top: 0 }
#mobileNav { position: fixed; top: 0; left: 0; width: 100%; z-index: 100; background: #fff; transform: translateY(-100%); -webkit-transform: translateY(-100%); transition: cubic-bezier(0.92, 0.1, 0.25, 1) .8s; -webkit-transition: cubic-bezier(0.92, 0.1, 0.25, 1) .8s; opacity: 0; pointer-events: none }
#mobileNav.cur { transform: translateY(0); -webkit-transform: translateY(0); opacity: 1; pointer-events: all }
#mobileNav ul { margin-top: 50px; background: #c82126; height: 100vh }
#mobileNav ul li { line-height: 40px; font-size: 16px; text-align: center; border-bottom: 1px solid #8c1114; border-top: 1px solid #e4363b; position: relative }
#mobileNav ul li:after { width: 0; left: 0; content: ''; position: absolute; height: 1px; background: #fff; bottom: 0 }
#mobileNav ul li.active:after { width: 100% }
#mobileNav ul li.active { background: #fff; color: #c82126 }
#mobileNav ul li.active a { color: #c82126 }
#mobileNav ul li a { display: block; height: 100%; color: #fff }
.ph_address { width: 96%; margin: auto; padding-top: 10%; display: none }
.ph_address .adds { width: 100%; max-width: 300px; height: 40px; line-height: 40px; display: block; background: #737373; color: #fff; text-align: center; margin: 20px auto 0 }
.banner-in { width: 1920px; left: 50%; margin-left: -960px; position: relative; padding-top:80px; }
.banner-in img { width: 100%; display: block }
.big-text { text-align: center }
.big-text img { display: inline-block }
.education-body .box1 { padding-top: 47px }
.education-body .box1 .about-plate { overflow: hidden; padding-bottom: 120px; position: relative }
.education-body .box1 .about-plate .left { position: absolute; top: 40px }
.education-body .box1 .about-plate .right { margin-top: 68px }
.education-body .box1 .about-plate .right .title { color: #666; font-size: 24px; line-height: 48px; font-weight: bold }
.education-body .box1 .about-plate .right .title span { display: block; border-top: 1px solid #ebebeb }
.education-body .box1 .about-plate .right article { color: #666; font-size: 12px; line-height: 24px }
.education-body .box1 .about-plate .informaiton { overflow: hidden; margin-top: 20px }
.education-body .box1 .about-plate .informaiton li { float: left; margin-right: 16px }
.education-body .box1 .about-plate .informaiton li span { width: 108px; height: 108px; background: url(../images/icon_about1_1.png) no-repeat; display: block }
.education-body .box1 .about-plate .informaiton li span.icon1 { background-position: 0 0 }
.education-body .box1 .about-plate .informaiton li span.icon2 { background-position: -108px 0 }
.education-body .box1 .about-plate .informaiton li span.icon3 { background-position: -216px 0 }
.education-body .box1 .about-plate .informaiton li span.icon4 { background-position: -324px 0 }
.education-body .box1 .about-plate .informaiton li span.icon5 { background-position: -432px 0 }
.education-body .box2 .Academic-plate img { position: relative; display: block; min-height: 100%; max-width: 100%; opacity: .8 }
.education-body .box2 .Academic-plate .mack { position: absolute; top: 0; left: 0; width: 100%; height: 100% }
.education-body .box2 .Academic-plate .mack .title { margin: 20% 0 10px 0; -webkit-transition: -webkit-transform .35s; transition: transform .35s; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); word-spacing: -0.15em; font-weight: 300; text-align: center }
.education-body .box2 .Academic-plate .mack article { opacity: 0; -webkit-transition: opacity .35s, -webkit-transform .35s; transition: opacity .35s, transform .35s; -webkit-transform: scale(0); transform: scale(0); text-align: center }
.education-body .box2 .Academic-plate .left:after { position: absolute; top: 30px; right: 30px; bottom: 30px; left: 30px; border: 1px solid #fff; content: ''; transform: scale(0.1%); -webkit-transform: scale(0.1%) }
.education-body .box2 .Academic-plate .left:hover article { opacity: 1; -webkit-transform: scale(1); transform: scale(1) }
.education-body .box2 .Academic-plate .left:hover figcaption::before, figure.effect-oscar:hover p { opacity: 1; -webkit-transform: scale(1); transform: scale(1) }
.education-body .box2 .Academic-plate .left:hover figcaption { background-color: rgba(58, 52, 42, 0) }
.education-body .box2 .Academic-plate .mack.left:hover { opacity: 1; -webkit-transform: scale(1); transform: scale(1) }
.business-body ul { overflow: hidden; height: 100% }
.business-body ul li { height: 100%; width: 33.33333%; float: left; position: relative; color: #fff; transition: all .5s; -webkit-transition: all .5s; z-index: 3 }
.business-body ul li.icon1 { background-size: auto 100% }
.business-body ul li.icon2 { background-size: auto 100% }
.business-body ul li.icon3 { background-size: auto 100% }
.business-body ul li img { position: absolute; width: 849px; height: 900px; top: 0; left: 50%; margin-left: -425px }
.business-body ul li .img-box { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; transition: all .5s; -webkit-transition: all .5s }
.business-body ul li.active { z-index: 15 }
.business-body ul li.active .img-box { width: 120%; left: -10% }
.box2 { background-color: #fff }
.col-sm-5 {
    width: 40%;
}
.col-sm-7 {
    width: 55%;
}
.col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 {
    float: left;
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%;
}
.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    z-index: 10;
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 5px;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
}
.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2;
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 5px;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
}
.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2;
}

.pie_left, .left {
    clip: rect(0, 59px, auto, 0);
}
.pie_left .left, .pie_right .right {
    width: 118px;
    height: 118px;
    background: #fff;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    transition: all .5s;
    -webkit-transition: all .5s;
}
.pie_left, .pie_right {
    width: 118px;
    height: 118px;
    position: absolute;
    top: 0;
    left: 0;
}

.col-sm-offset-5 {
    margin-left: 41.66666667%;
}
.col-sm-3 {
    width: 21%;
}

.col-sm-2 {
    width: 16.66666667%;
}
.box1 { padding-top: 47px; margin-bottom: 20px }
.tit-btnList { margin: 35px auto 53px; width: 100%; height: auto; overflow: hidden; text-align: center; line-height: 43px }
.tit-btnList a { display: inline-block; width: 125px; height: 43px; border: 1px solid #bfbfbf; transition-duration: .5s; -webkit-transition-duration: .5s; margin: 0 .5% 5px; max-width: 32% }
.tit-btnList a:hover, .tit-btnList a.active { background: #c1251d; color: #fff; text-decoration: none; border-color: #c1251d }
.box1 .newBox { width: 100%; height: auto; overflow: hidden }
.box1 .newList li { float: left; position: relative }
.box1 .newList li a { display: block }
.box1 .newList .time { font-family: "calibri"; color: #d7d7d7; font-size: 40px }
.box1 .newList .tit { font-size: 18px; color: #333; margin: 1em 0 }
.box1 .newList .text { font-size: 12px; line-height: 2em; position: static; color: #666 }
.box1 .newList .more { position: absolute; bottom: 0; left: 15px; width: 190px; height: 45px; line-height: 43px; border: 1px solid #c1251d; color: #c1251d; text-indent: 30px; background: url(../../images/newArrow.png) no-repeat 130px; transition: .5s; -webkit-transition: .5s }
.box1 .newList .more:hover { background-position: 180px center; text-indent: 68px; background-color: #c1251d\9; color: #fff }
.box1 .newList .more:before { width: 0; transition: .5s; content: ''; -webkit-transition: .5s; height: 100%; position: absolute; left: 0; top: 0; background: #c1251d; opacity: 0; z-index: -1 }
.box1 .newList .more:hover:before { width: 100%; opacity: 1 }
.box1 .newBox .swiper-pagination-bullet { width: 28px; height: 28px; float: left; display: block; border-radius: 0; opacity: 1; line-height: 26px; font-size: 12px; border: 1px solid #c7251d; background: 0; color: #c7251d; transition-duration: .4s; -webkit-transition-duration: .4s }
.box1 .newBox .swiper-pagination-bullet-active, .box1 .newBox .swiper-pagination-bullet:hover { color: #fff; background: #c7251d }
.box1 .newBox .swiper-pagination { right: 15px; width: auto; left: auto }
.box2 .newList .more { position: relative; float: right; margin-top: 23px; right: 0; display: block; width: 190px; height: 45px; line-height: 43px; border: 1px solid #c1251d; color: #c1251d; text-indent: 30px; background: url(../../images/newArrow.png) no-repeat 130px; transition: .5s; -webkit-transition: .5s }
.box2 .newList .more span { position: relative; z-index: 10 }
.box2 .newList .more:hover { background-position: 180px center; text-indent: 68px; background-color: #c1251d\9; color: #fff }
.box2 .newList .more:before { width: 0; transition: .5s; content: ''; -webkit-transition: .5s; height: 100%; position: absolute; left: 0; top: 0; background: #c1251d; opacity: 0; z-index: 0 }
.box2 .newList .more:hover:before { width: 100%; opacity: 1 }
.box2 .newList li { height:auto; padding: 50px 0; background: #eee; transition-duration: .5s; -webkit-transition-duration: .5s }
.box2 .newList .container1300 { overflow: hidden }
.box2 .newList li .tit { font-size: 18px; margin-bottom: 10px }
.box2 .newList li .text { line-height: 1.8em }
.box2 .newList li .time { transition: .4s; -webkit-transition: .4s; font-family: "calibri"; color: #d7d7d7; font-size: 50px; text-align: left; line-height: 40px }
.box2 .newList li a { display: block }
.box2 .newList li a:hover{color: #c6251d}
.box2 .newList li .time p { font-size: 35px; text-indent: 43px }
.box2 .newList li:hover .time { color: #c6251d }
.box2 .newList li.odd { background: #fff }
.box2 .newList li:hover { background: #c6c6c6 }
.box2 .lookMore { overflow: hidden; width: 180px; position: relative; height: 40px; margin: 2em auto; text-align: center; border: 1px solid #c1251d; color: #c1251d }
.box2 .lookMore:hover { color: #fff }
.aca-body { background-color: #fff }
.aca-body .box1 { padding-top: 47px; margin-bottom: 20px }
.aca-body .box1 .newBox { margin-top: 80px }
.aca-body .box1 .newBox .tit { margin-bottom: 15px; padding-left: 25px; height: 170px; position: relative; padding-top: 20px }
.aca-body .box1 .newBox .tit .en { padding-top: 10px; position: relative; z-index: 10; background: #fff; color: #c1251d; font-family: arial; font-weight: bold; font-size: 30px }
.aca-body .box1 .newBox .tit .ch { font-size: 26px; font-weight: 100; font-family: "微软雅黑"; vertical-align: middle; position: relative; top: -6px; margin-bottom: 20px }
.aca-body .box1 .newBox .tit .border { position: absolute; width: 110px; height: 100%; border: 2px solid #727272; top: 0; left: 0 }
.aca-body .box1 .newBox .tit .words { padding-bottom: 10px; background: #fff; position: relative; z-index: 10; width: 90%; font-size: 12px; color: #333; line-height: 2em }
.aca-body .box1 .newBox .texts { background: #c3261e; color: #fff; padding: 2%; position: absolute; right: 0; bottom: 5%; z-index: 20 }
.aca-body .box2 .newList .more { cursor: pointer; position: relative; float: right; margin-top: 23px; right: 0; display: block; width: 190px; height: 45px; line-height: 43px; border: 1px solid #c1251d; color: #c1251d; text-indent: 30px; background: url(../images/newArrow.png) no-repeat 130px; transition: .5s; -webkit-transition: .5s }
.aca-body .box2 .newList .more span { position: relative; z-index: 10 }
.aca-body .box2 .newList .more:hover { background-position: 180px center; text-indent: 68px; background-color: #c1251d\9; color: #fff }
.aca-body .box2 .newList .more:before { width: 0; transition: .5s; content: ''; -webkit-transition: .5s; height: 100%; position: absolute; left: 0; top: 0; background: #c1251d; opacity: 0; z-index: 0 }
.aca-body .box2 .newList .more:hover:before { width: 100%; opacity: 1 }
.aca-body .box2 .newList li { height: 180px; padding: 40px 0; position: relative; background: #fff; transition-duration: .5s; -webkit-transition-duration: .5s }
.aca-body .box2 .newList .container1300 { overflow: hidden }
.aca-body .box2 .newList li .tit { font-size: 18px; margin-bottom: 10px }
.aca-body .box2 .newList li .text { line-height: 1.8em }
.aca-body .box2 .newList li .time { transition: .4s; -webkit-transition: .4s; font-family: "calibri"; color: #d7d7d7; font-size: 50px; text-align: left; line-height: 40px }
.aca-body .box2 .newList li .pTime { display: none; font-size: 12px; text-align: right; color: #c1251d; position: absolute; bottom: 0 }
.aca-body .box2 .newList li a { display: block }
.aca-body .box2 .newList li .imgs { position: absolute; right: 0; top: 0; width: 50% }
.aca-body .box2 .newList li .imgs img { width: 100% }
.aca-body .box2 .newList li .time p { font-size: 35px; text-indent: 43px }
.aca-body .box2 .newList li:hover .time { color: #c6251d }
.aca-body .box2 .newList li.odd { background: #eee }
.aca-body .box2 .newList li:hover { background: #c6c6c6 }
.page_navigation { width: 100%; height: 50px; text-align: center; margin-top: 40px; margin-bottom: 40px }
.page_navigation a { color: #bfbfbf; border: 1px solid #bfbfbf; position: relative; width: 100%; height: 100%; transition: all .3s ease; font-size: 12px; margin-left: 10px; position: relative; width: 34px; height: 34px; line-height: 34px; display: inline-block }
.previous_link, .next_link { margin-left: 10px; position: relative; width: 74px!important; height: 34px; line-height: 34px }
.homePage_link, .ShadowePage_link { width: 74px!important }
.page_navigation a:hover { background-color: #c1251d; color: #fff }
.page_link.active_page { background-color: #c1251d; color: #fff }
.page_navigation a.see { display: inline-block!important }

.per-body .box1 { padding-top: 47px; margin-bottom: 20px }
.model_news_detail { max-width: 1300px; width: 96%; margin: auto; margin-bottom: 50px; position: relative }
.model_news_detail .back { width: 100%; height: 50px; position: relative }
.model_news_detail .back a { display: block; width: 150px; height: 40px; background: #fff; color: #009837; line-height: 40px; text-align: center; position: absolute; top: 20px; right: 0; border: 1px solid #009837 }
.model_news_detail .back a:hover { background: #009837; color: #fff }
.model_news_detail .title { width: 100%; height: auto; line-height: 35px; text-align: center; font-size: 24px; font-weight: bold; padding: 35px 5% 15px 5%; border-bottom: 1px solid #c9c9c9; margin: auto; margin-bottom: 20px }
.model_news_detail .summary { width: 100%; height: auto; line-height: 20px; font-size: 12px; text-align: center; color: #666; padding-bottom: 15px }
.model_news_detail .summary span { font-size: 14px; font-family: Georgia, Times, serif; color: #f00; font-weight: bold }
.model_news_detail .detailContent { width: 100%; min-height: 300px; margin: 25px 0; line-height: 28px; text-align: justify; color: #3e3e3e }
.detailContent p{ font-family:"微软雅黑"; font-size:16px; color:#333333; line-height:2;}
.model_news_detail .detailContent img { text-indent: 0; text-indent: 0; max-width: 100%; margin: 15px auto; display: block }
.model_news_detail .newShare { width: 100%; height: 25px; position: relative; margin: 15px 0 35px 0 }
.model_news_detail .newShare strong { float: right; margin-right: 10px }
.model_news_detail .detailPage { padding-top: 23px; width: 100%; height: auto; border-top: 1px solid #c9c9c9; text-align: center }
.model_news_detail .detailPage a { display: inline-block; font-size: 12px; color: #c3261e; vertical-align: middle; width: 98px; height: 35px; border: 1px solid #c3261e; line-height: 33px; border-radius: 3px; margin: 0 10px }
.model_news_detail .detailPage a:hover { background: #c3261e; color: #fff }
.jiathis_style_24x24 .jiathis_counter.jiathis_bubble_style { box-sizing: content-box }
.about-body .box1 { padding-top: 47px; margin-bottom: 20px; }
.about-body .box1 .contBox { margin-top: 50px; position: relative; margin-bottom: 90px }
.about-body .box1 .contBox .text { position: relative; height: 100%; right: 0 }
.about-body .box1 .contBox .bg { position: absolute; height: 90%; bottom: -10%; right: 0; width: 95%; background: #f5f5f5 }
.about-body .box1 .contBox .en { font-size: 70px; height: 80px; top: 20%; margin-top: -40px; line-height: 80px; font-family: arial; color: #fff; position: absolute }
.about-body .box1 .contBox .en3 { top: 20%; margin-top: -40px; position: absolute; height: 40px; overflow: hidden }
.about-body .box1 .contBox .en2 { font-size: 70px; height: 80px; line-height: 80px; font-family: arial; color: #f5f5f5; position: relative }
.about-body .box1 .contBox .words { padding-top: 20%; font-size: 12px; line-height: 2em; color: #666 }
.container-fluid {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
.col-sm-6 {
    width: 47%;
}
.col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 {
    float: left;
}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.words p{margin: 0 0 10px;}

.perList { width: 100%; overflow: hidden; padding: 2em 0; margin-top: 20px }
.perList li { width: 31.5%; margin: .5%; float: left; transition: .3s; -webkit-transition: .3s; position: relative; top: 0 }
.perList li .text { font-size: 12px; color: #333; text-indent: 0; padding-top: 10px; height: 60px; transition: .3s; -webkit-transition: .3s }
.perList li .time { color: #666; line-height: 2em; padding-bottom: 10px }
.perList li:hover { box-shadow: 0 0 20px rgba(0, 0, 0, .5); top: -10px }
.perList li:hover .text { text-indent: 20px }

.about-body .box2 { padding-top: 47px; padding-bottom: 40px; background: url(../images/aboutBg1.jpg) no-repeat center; background-attachment: fixed }
.about-body .box2 .hisBox { text-align: center; margin-top: 40px }
.about-body .box2 .hisBox ul { height: 370px }
.about-body .box2 .hisBox ul li { text-align: left }
.about-body .box2 .hisBox ul li.odd .yuan { top: 0 }
.about-body .box2 .hisBox ul li.odd .year { top: 0 }
.about-body .box2 .hisBox ul li.odd .text { bottom: 40px; top: auto }
.about-body .box2 .hisBox .arrow { width: 90%; height: 15px; position: absolute; top: 50%; margin-top: -8px; background: #c1251d; left: 5% }
.about-body .box2 .hisBox .arrow b { position: absolute; left: -6px; height: 15px; width: 12px; background: url(../images/hisArrowL.png) no-repeat; background-size: 100% }
.about-body .box2 .hisBox .arrow span { position: absolute; right: -8px; width: 16px; height: 15px; background: url(../images/hisArrowR.png) no-repeat; display: block }
.about-body .box2 .hisBox .arrow i { width: 8px; height: 8px; position: absolute; z-index: 10; left: 50%; margin-left: -4px; top: 50%; margin-top: -4px; background: #fff; border-radius: 50% }
.about-body .box2 .hisBox .year { height: 50%; width: 100%; position: absolute; bottom: 0; left: 0 }
.about-body .box2 .hisBox .year .yuan { width: 84px; height: 84px; line-height: 84px; font-size: 30px; font-family: arial; text-align: center; border-radius: 50%; background: #c1251d; z-index: 10; color: #fff; bottom: 0; position: absolute; left: 50%; margin-left: -42px; z-index: 10 }
.about-body .box2 .hisBox .year .line { width: 2px; margin-left: -1px; z-index: 9; height: 100%; position: absolute; top: 0; background: #c1251d; left: 50% }
.about-body .box2 .hisBox .text { position: absolute; line-height: 2em; top: 40px; font-size: 12px; color: #555 }
.about-body .box2 .hisBox .btn { border-radius: 50%; overflow: hidden; transition: .3s; -webkit-transition: .3s; width: 40px; height: 40px; display: inline-block; margin: 60px 5px 0; cursor: pointer; opacity: .5 }
.about-body .box2 .hisBox .btnL { background: url(../images/hisBtnL.png) no-repeat center }
.about-body .box2 .hisBox .btnL:hover { transform: translateX(-10px); -webkit-transform: translateX(-10px); opacity: 1 }
.about-body .box2 .hisBox .btnR { background: url(../images/hisBtnR.png) no-repeat center }
.about-body .box2 .hisBox .btnR:hover { transform: translateX(10px); -webkit-transform: translateX(10px); opacity: 1 }
.about-body .box3 { padding-top: 47px; text-align: center; padding-bottom: 100px; background: url(../images/aboutBg2.jpg) no-repeat center; background-attachment: fixed; z-index: 15; position: relative }
.about-body .box3 .honBox { height: 300px; overflow: hidden; margin-top: 90px }
.about-body .box3 .honBox ul { width: 80%; margin: auto; position: relative; height: 100% }
.about-body .box3 .textList { position: relative; text-align: center; margin-top: 28px; height: 30px }
.about-body .box3 .textList li { transition: .5s; -webkit-transition: .5s; display: none; position: absolute; width: 100%; color: #fff; font-size: 12px; margin: auto; text-align: center }
.about-body .box3 .textList li b { position: absolute; width: 0; height: 0; border: 8px solid transparent; border-bottom-color: #c7251d; top: -16px; left: 50%; margin-left: -8px }
.about-body .box3 .textList li span { display: inline-block; border-radius: 5px; padding: 0 30px; line-height: 30px; background: #c7251d }
.about-body .box3 .textList li:first-child { display: block }
.about-body .box4 { padding-top: 47px; text-align: center; padding-bottom: 50px; background: url(../images/aboutBg3.jpg) }
.about-body .box4 .culBox { margin-top: 30px }
.about-body .box4 .culBox ul { overflow: hidden }
.about-body .box4 .culBox ul li { position: relative; cursor: pointer; padding-bottom: 118px; overflow: hidden }
.about-body .box4 .culBox ul li:hover .textBox { bottom: 0; background: #c7251d }
.about-body .box4 .culBox ul li:hover .tit { top: 30px; color: #fff }
.about-body .box4 .culBox ul li:hover .text { top: 0 }
.about-body .box4 .culBox .textBox { color: #3d3d3d; transition-duration: .5s; -webkit-transition-duration: .5s; position: absolute; bottom: -118px; right: 15px; left: 15px; height: 236px }
.about-body .box4 .culBox .textBox .tit { transition: .5s; font-family: "微软雅黑"; -webkit-transition: .5s; top: 0; position: relative; font-size: 20px; height: 118px }
.about-body .box4 .culBox .textBox .tit div { font-size: 36px; font-family: Segoe UI }
.about-body .box4 .culBox .textBox .text { color: #fff; width: 80%; margin: auto; position: relative; top: 20px; transition: .5s; -webkit-transition: .5s }
.education-body .box1 { padding: 47px 0 50px; background: #fff }
.education-body .box1 .about-plate { overflow: hidden; padding-bottom: 80px; position: relative }
.education-body .box1 .about-plate .left { position: absolute; top: 40px }
.education-body .box1 .about-plate .right { margin-top: 68px }
.education-body .box1 .about-plate .right .title { color: #666; font-size: 24px; line-height: 48px; font-weight: bold }
.education-body .box1 .about-plate .right .title span { display: block; border-top: 1px solid #ebebeb }
.education-body .box1 .about-plate .right article { color: #666; font-size: 12px; line-height: 24px }
.education-body .box1 .about-plate .informaiton { overflow: hidden; margin-top: 20px }
.education-body .box1 .about-plate .informaiton li { float: left; margin-right: 16px; position: relative }
.education-body .box1 .about-plate .informaiton li .icon-us { width: 108px; height: 108px; background: url(../images/icon_about1_1.png) no-repeat; display: block; transition: cubic-bezier(.25, .46, .45, .94) .8s; -webkit-transition: cubic-bezier(.25, .46, .45, .94) .8s }
.education-body .box1 .about-plate .informaiton li .icon-us.icon1 { background-position: 0 0 }
.education-body .box1 .about-plate .informaiton li .icon-us.icon2 { background-position: -108px 0 }
.education-body .box1 .about-plate .informaiton li .icon-us.icon3 { background-position: -216px 0 }
.education-body .box1 .about-plate .informaiton li .icon-us.icon4 { background-position: -324px 0 }
.education-body .box1 .about-plate .informaiton li .icon-us.icon5 { background-position: -432px 0 }
.education-body .box1 .about-plate .informaiton li .txt { position: absolute; height: 108px; width: 108px; bottom: 0; left: 0; font-size: 14px; background: url(../images/icon_about1_2.png); border-radius: 50%; text-align: center; backface-visibility: hidden; transition: cubic-bezier(.25, .46, .45, .94) .8s; -webkit-transition: cubic-bezier(.25, .46, .45, .94) .8s; transform: rotateY(180deg); -webkit-transform: rotateY(180deg); opacity: 0 }
.education-body .box1 .about-plate .informaiton li .txt.text1 { background-position: 0 0 }
.education-body .box1 .about-plate .informaiton li .txt.text2 { background-position: -108px 0 }
.education-body .box1 .about-plate .informaiton li .txt.text3 { background-position: -216px 0 }
.education-body .box1 .about-plate .informaiton li .txt.text4 { background-position: -324px 0 }
.education-body .box1 .about-plate .informaiton li .txt.text5 { background-position: -432px 0 }
.education-body .box1 .about-plate .informaiton li:hover .txt { transform: rotateY(0); -webkit-transform: rotateY(0); opacity: 1 }
.education-body .box1 .about-plate .informaiton li:hover .icon-us { backface-visibility: hidden; transform: rotateY(180deg); -webkit-transform: rotateY(180deg); opacity: 0 }
.education-body .box2 { background: #fbfbfb; padding: 50px 0 90px }
.education-body .box2 .Academic-plate { margin-top: 65px }
.education-body .box2 .Academic-plate a { position: relative; z-index: 10; display: block }
.education-body .box2 .Academic-plate .left { color: #fff }
.education-body .box2 .Academic-plate img { position: relative; display: block; min-height: 100%; max-width: 100%; opacity: .8; transition: all .5s; -webkit-transition: all .5s }
.education-body .box2 .Academic-plate .mack { position: absolute; top: 0; left: 0; width: 100%; height: 100%; color: #fff }
.education-body .box2 .Academic-plate .mack .title { margin: 20% 0 10px 0; -webkit-transition: -webkit-transform .35s; transition: transform .35s; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); word-spacing: -0.15em; font-weight: 300; text-align: center; font-size: 24px }
.education-body .box2 .Academic-plate .right .mack .title { margin: 5% 0 10px 0; -webkit-transition: -webkit-transform .35s; transition: transform .35s; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); word-spacing: -0.15em; font-weight: 300; text-align: center; font-size: 24px }
.education-body .box2 .Academic-plate .mack article { opacity: 0; -webkit-transition: opacity .35s, -webkit-transform .35s; transition: opacity .35s, transform .35s; -webkit-transform: scale(0); transform: scale(0); text-align: center; margin-top: 35px }
.education-body .box2 .Academic-plate .mack:after { position: absolute; top: 30px; right: 30px; bottom: 30px; left: 30px; border: 1px solid #fff; content: ''; transform: scale(0.1); -webkit-transform: scale(0.1); opacity: 0; transition: all .8s; -webkit-transition: all .8s }
.education-body .box2 .Academic-plate .more:after { position: absolute; top: 30px; right: 30px; bottom: 30px; left: 30px; border: 1px solid #fff; content: ''; transform: scale(0.1); -webkit-transform: scale(0.1); opacity: 0; transition: all .8s; -webkit-transition: all .8s }
.education-body .box2 .Academic-plate .more:hover article { opacity: 1; -webkit-transform: scale(1); transform: scale(1) }
.education-body .box2 .Academic-plate .mack:hover article { opacity: 1; -webkit-transform: scale(1); transform: scale(1) }
.education-body .box2 .Academic-plate .more:hover figcaption:before, figure.effect-oscar:hover p { opacity: 1; -webkit-transform: scale(1); transform: scale(1) }
.education-body .box2 .Academic-plate .more:hover figcaption { background-color: rgba(58, 52, 42, 0) }
.education-body .box2 .Academic-plate .more:hover:after { transform: scale(1); -webkit-transform: scale(1); opacity: 1 }
.education-body .box2 .Academic-plate .mack:hover:after { transform: scale(1); -webkit-transform: scale(1); opacity: 1 }
.education-body .box2 .Academic-plate .mack.more:hover { opacity: 1; -webkit-transform: scale(1); transform: scale(1) }
.education-body .box2 .Academic-plate .more { position: relative; padding: 0; background: #000 }
.education-body .box2 .Academic-plate .more a { display: block; height: 100%; position: relative; z-index: 15; width: 100%; height: 100%; left: 0; top: 0 }
.education-body .box3 { padding: 50px 0 75px; background: url(../images/education-body3.jpg) center no-repeat }
.education-body .box3 .training-plate { margin-top: 65px; overflow: hidden; position: relative }
.education-body .box3 .training-plate .left { position: absolute }
.education-body .box3 .training-plate .left .frame { border: 2px solid #fff; position: absolute }
.education-body .box3 .training-plate .left .frame img { width: 100%; display: block; height: 100% }
.education-body .box3 .training-plate .left .frame.img1 { width: 350px; height: 169px; left: 0; top: 0 }
.education-body .box3 .training-plate .left .frame.img2 { width: 274px; height: 153px; top: 185px; left: 150px }
.education-body .box3 .training-plate .left .frame.img3 { width: 240px; height: 153px; left: 0; top: 306px }
.education-body .box3 .training-plate .right { background: #bbb; padding: 0 }
.education-body .box3 .training-plate .right ul { overflow: hidden; width: 94%; background: #eee; margin-left: 6%; padding: 0 3% }
.education-body .box3 .training-plate .right ul li { float: left; width: 50%; overflow: hidden; padding: 25px 0; height: 117px }
.education-body .box3 .training-plate .right .num { background: url(../images/education_num.pn.png) no-repeat; width: 60px; height: 67px; float: left }
.education-body .box3 .training-plate .right .num.number1 { background-position: 0 0 }
.education-body .box3 .training-plate .right .num.number2 { background-position: -60px 0 }
.education-body .box3 .training-plate .right .num.number3 { background-position: -120px 0 }
.education-body .box3 .training-plate .right .num.number4 { background-position: -180px 0 }
.education-body .box3 .training-plate .right .num.number5 { background-position: -240px 0 }
.education-body .box3 .training-plate .right .num.number6 { background-position: -300px 0 }
.education-body .box3 .training-plate .right .num.number7 { background-position: -360px 0 }
.education-body .box3 .training-plate .right .num.number8 { background-position: -420px 0 }
.education-body .box3 .training-plate .right .summary { float: left; width: 80%; margin-left: 3% }
.education-body .box3 .training-plate .right .summary .tite { font-size: 18px; color: #333; line-height: 32px }
.education-body .box3 .training-plate .right .summary article { font-size: 12px; color: #666; line-height: 15px }
.education-body .box4 { padding: 50px 0 0; background: #fff }
.education-body .box4 .system-plate { margin-top: 50px }
.education-body .box4 .system-plate .system-img { padding: 0; position: relative; background: #000 }
.education-body .box4 .system-plate .system-img img { width: 100%; display: block;  height: auto%;
opacity: .5; transition: all .5s; -webkit-transition: all .5s }
.education-body .box4 .system-plate .system-img .mack { position: absolute; top: 0; left: 0; width: 100%; height: 100%; color: #fff }
.education-body .box4 .system-plate .system-img .mack .title { margin: 2% 0 10px 0; -webkit-transition: -webkit-transform .35s; transition: transform .35s; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); word-spacing: -0.15em; font-weight: 300; text-align: center; font-size: 24px }
.education-body .box4 .system-plate .system-img .mack .title span { display: block; font-size: 12px }
.education-body .box4 .system-plate .system-img .mack article { opacity: 0; -webkit-transition: opacity .35s, -webkit-transform .35s; transition: opacity .35s, transform .35s; -webkit-transform: scale(0); transform: scale(0); text-align: center; width: 70%; margin: 65px auto 0; font-size: 12px }
.education-body .box4 .system-plate .system-img .mack:hover article { opacity: 1; -webkit-transform: scale(1); transform: scale(1) }
.education-body .box4 .system-plate .system-img .mack:hover figcaption:before, figure.effect-oscar:hover p { opacity: 1; -webkit-transform: scale(1); transform: scale(1) }
.education-body .box4 .system-plate .system-img .mack:hover figcaption { background-color: rgba(58, 52, 42, 0) }
.education-body .box4 .system-plate .system-img .mack:hover { opacity: 1; -webkit-transform: scale(1); transform: scale(1) }
.education-body .box4 .system-plate .system-img:hover img { opacity: .6 }
.education-body .box5 { padding: 50px 0 30px; background: #fff }
.education-body .box5 .cooperation-plate { margin-top: 60px }
.education-body .box5 .cooperation-plate .School { position: relative }
.education-body .box5 .cooperation-plate .School .baoguo { transition: all .5s; -webkit-transition: all .5s }
.education-body .box5 .cooperation-plate .School:hover .baoguo { -webkit-box-shadow: 7px 14px 42px 3px rgba(0, 0, 0, 0.4); box-shadow: 7px 14px 42px 3px rgba(0, 0, 0, 0.4); text-decoration: none; transform: translateY(-15px); -webkit-transform: translateY(-15px) }
.education-body .box5 .cooperation-plate .School .img img { width: 100%; display: block }
.education-body .box5 .cooperation-plate .School .summary { padding: 30px 15px 15px; background: #f2f2f2; width: 100% }
.education-body .box5 .cooperation-plate .School .title { color: #333; font-size: 24px }
.education-body .box5 .cooperation-plate .School article { color: #666; font-size: 12px; line-height: 24px; margin-top: 15px }
.education-body .box5 .mores { width: 144px; height: 40px; border: 1px solid #c7251d; text-align: center; line-height: 40px; margin: 30px auto 0; display: block; color: #c7251d; position: relative }
  { background: url(../images/about_bg6.jpg) no-repeat center top; padding: 50px 0 30px; background-size: auto 100% }
  .exchange-plate { margin-top: 45px }
  .exchange-plate .inforM { margin-bottom: 33px;-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both; }
  .exchange-plate .inforM .uesr-head { height: 118px; width: 118px; float: left; overflow: hidden; border-radius: 50%; position: relative; background: #fff; transition: all .5s; -webkit-transition: all .5s }
  .exchange-plate .inforM .uesr-head span { position: absolute; top: 0; left: 0; height: 100%; width: 100%; /*! background: red; */
display: block }
  .exchange-plate .inforM .uesr-head img { width: 114px; height: 114px; display: block; position: absolute; left: 2px; top: 2px; border-radius: 50%; z-index: 15; margin: 0 }
  .circle { width: 118px; height: 118px; position: absolute; border-radius: 50%; background: #fff }
  .pie_left,   .pie_right { width: 118px; height: 118px; position: absolute; top: 0; left: 0 }
  .pie_right,   .right { clip: rect(0, auto, auto, 59px) }
  .pie_left,   .left { clip: rect(0, 59px, auto, 0) }
  .exchange-plate .inforM:hover .right { transform: rotate(180deg) }
  .exchange-plate .inforM:hover .left { transform: rotate(180deg); transition-delay: .4s }
  .exchange-plate .inforM:hover .uesr-head { background: #c6251d }
  .exchange-plate .summary { float: left; width: 70%; margin-left: 5% }
  .exchange-plate .namse-school { color: #3d3d3d; font-size: 18px }
  .exchange-plate .namse-school span { margin-right: 10px; display: inline-block; min-width: 60px }
  .exchange-plate article { font-size: 12px; color: #666; line-height: 24px; margin-top: 15px }
  .mores { width: 144px; height: 40px; border: 1px solid #c7251d; text-align: center; line-height: 40px; margin: 30px auto 0; display: block; color: #c7251d }
.col-lg-6 {
    width: 50%;
}
.col-md-5 {
    width: 43%;
	float:left;
}
.col-md-offset-1 {
    margin-left: 8.33333333%;
	float:right;
}
.school-body .box { padding: 47px 0 50px; background: #fff }
.school-body .box .school-plate { margin-top: 60px }
.school-body .box .school-plate .School { position: relative; height: 341px; margin-bottom: 25px }
.school-body .box .school-plate .School .baoguo { transition: all .5s; -webkit-transition: all .5s }
.school-body .box .school-plate .School:hover .baoguo { -webkit-box-shadow: 7px 14px 42px 3px rgba(0, 0, 0, 0.4); box-shadow: 7px 14px 42px 3px rgba(0, 0, 0, 0.4); text-decoration: none; transform: translateY(-15px); -webkit-transform: translateY(-15px) }
.school-body .box .school-plate .School .img img { width: 100%; display: block }
.school-body .box .school-plate .School .summary { padding: 30px 15px 15px; background: #f2f2f2; width: 100% }
.school-body .box .school-plate .School .title { color: #333; font-size: 24px }
.school-body .box .school-plate .School article { color: #666; font-size: 12px; line-height: 24px; margin-top: 15px }
.school-body .box .mores { width: 144px; height: 40px; border: 1px solid #c7251d; text-align: center; line-height: 40px; margin: 30px auto 0; display: block; color: #c7251d }
.communication-body .box { padding: 47px 0 50px; background: #fff }
.communication-body { position: relative; background: #fff }
.communication-body .communication-plate { margin-top: 60px }
.communication-body .communication-plate .inforM .uesr-head { height: 118px; width: 118px; float: left; overflow: hidden; border-radius: 50%; position: relative; background: #fff; transition: all .5s; -webkit-transition: all .5s; display: block }
.communication-body .communication-plate .inforM .uesr-head span { position: absolute; top: 0; left: 0; height: 100%; width: 100%; /*! background: red; */
display: block }
.communication-body .communication-plate .inforM .uesr-head img { width: 114px; height: 114px; display: block; position: absolute; left: 2px; top: 2px; border-radius: 50%; z-index: 15; margin: 0 }
.communication-body .box .circle { width: 118px; height: 118px; position: absolute; border-radius: 50%; background: #fff }
.communication-body .box .pie_left, .communication-body .box .pie_right { width: 118px; height: 118px; position: absolute; top: 0; left: 0 }
.communication-body .box .left, .communication-body .box .right { width: 118px; height: 118px; background: #fff; border-radius: 50%; position: absolute; top: 0; left: 0; transition: all .5s; -webkit-transition: all .5s }
.communication-body .box .pie_right, .communication-body .box .right { clip: rect(0, auto, auto, 59px) }
.communication-body .box .pie_left, .communication-body .box .left { clip: rect(0, 59px, auto, 0) }
.communication-body .box .summary { float: left; width: 70%; margin-left: 5% ;height:150px;}
.communication-body .box .namse-school { color: #3d3d3d; font-size: 18px }
.communication-body .box .namse-school span { margin-right: 10px; display: inline-block; min-width: 60px }
.communication-body .box article { font-size: 12px; color: #666; line-height: 24px; margin-top: 15px }
.communication-body .box .inforM { margin-bottom: 45px }
.communication-body .box .inforM a { overflow: hidden; display: block }
.communication-body .box .inforM:hover .right { transform: rotate(180deg) }
.communication-body .box .inforM:hover .left { transform: rotate(180deg); transition-delay: .4s }
.communication-body .box .inforM:hover .uesr-head { background: #c6251d }
.communication-body .box .mores { width: 144px; height: 40px; border: 1px solid #c7251d; text-align: center; line-height: 40px; margin: 30px auto 0; display: block; color: #c7251d }
.china-body .box { padding: 40px 0 0 0; position: relative; background: #fff }
.china-body .box .region { margin-top: 35px }
.china-body .box .region ul { text-align: center }
.china-body .box .region ul li { width: 137px; height: 114px; border: 1px solid #bfbfbf; display: inline-block; text-align: left; text-indent: 1em; margin: 0 .5%; transition: all .5s; -webkit-transition: all .5s; cursor: pointer }
.china-body .box .region ul li .en_names { color: #777; font-size: 16px; font-weight: 900; margin-top: 25px; font-family: "Arial"; transition: all .5s; -webkit-transition: all .5s }
.china-body .box .region ul li .cn_names { color: #3d3d3d; font-size: 18px; margin-top: 10px; position: relative; transition: all .5s; -webkit-transition: all .5s }
.china-body .box .region ul li .cn_names:after { height: 2px; width: 26px; background: #c1251d; position: absolute; content: ''; left: 1em; bottom: -10px }
.china-body .box .region ul li.active { background: #c1251d; color: #fff; border: 1px solid #c1251d }
.china-body .box .region ul li.active .en_names { color: #fff }
.china-body .box .region ul li.active .cn_names { color: #fff }
.china-body .box .region ul li.active .cn_names:after { background: #fff }
.china-body .box .BranchOffice { margin: 0; position: relative; margin-top: 60px }
.china-body .box .BranchOffice .swiper-container-BranchOffice { overflow: hidden; padding: 0; position: relative }
.china-body .box .BranchOffice .swiper-container-BranchOffice ul li img { display: block; width: 100% }
.china-body .box .BranchOffice .swiper-container-BranchOffice .swiper-pagination-BranchOffice { position: absolute; width: 100%; bottom: 20px; z-index: 15; text-align: center }
.china-body .box .BranchOffice .swiper-container-BranchOffice .swiper-pagination-BranchOffice span { opacity: 1; background: #fff; height: 12px; width: 12px }
.china-body .box .BranchOffice .swiper-container-BranchOffice .swiper-pagination-BranchOffice span.swiper-pagination-bullet-active { background: #c1251d }
.china-body .box .BranchOffice .BranchOffice-bg { background: url(../images/BranchOffice-bg.jpg) no-repeat right top; top: 0; position: absolute; right: 0; height: 100% }
.china-body .box .BranchOffice .BranchOffice-bg .summary { width: 60%; padding: 45px 35px 0 }
.china-body .box .BranchOffice .BranchOffice-bg .summary .title { color: #b00d05; font-size: 28px; font-family: "黑体"; margin-bottom: 17px }
.china-body .box .BranchOffice .BranchOffice-bg .summary article { font-size: 12px; line-height: 24px; color: #666 }
.china-body .box .BranchOffice .swiper-wrapper .region-box { margin: 0 }
.swiper-pagination-BranchOfficeBig { display: none }
.join-body { background: #fff }
.join-body .box { padding: 40px 0 0 0; position: relative; background: #fff }
.join-body .box .informaiton { text-align: center; color: #666; font-size: 12px; line-height: 24px; margin-top: 22px }
.join-body .box .tab-join { margin-top: 30px }
.join-body .box .tab-join ul li { text-align: center; line-height: 42px; color: #7a7a7a; cursor: pointer }
.join-body .box .tab-join ul li span { display: block; height: 100%; border: 1px solid #bfbfbf; line-height: 42px; font-size: 12px; transition: all .5s; -webkit-transition: all .5s }
.join-body .box .tab-join ul li a { display: block }
.join-body .box .tab-join ul li.active a{ background: #c7251d; color: #fff !important}
.join-body .box .tab-join ul li.active span, .join-body .box .tab-join ul li:hover span { background: #c7251d; color: #fff !important}
.join-body .box .recruit { width: 856px; margin: 60px auto; position: relative }
.join-body .box .recruit .over { overflow: hidden; position: relative }
.join-body .box .recruit ul { margin: 0 auto; position: relative }
.join-body .box .recruit ul li { border: 1px solid #959595; height: 280px; position: relative; padding-top: 30px; transition: all .5s; -webkit-transition: all .5s; cursor: pointer }
.join-body .box .recruit ul li .title { font-size: 24px; text-align: center }
.join-body .box .recruit ul li .title span { display: block; font-size: 18px; line-height: 36px }
.join-body .box .recruit ul li .number { text-align: center; position: absolute; bottom: 0; width: 100%; line-height: 64px; font-size: 14px }
.join-body .box .recruit ul li .number:after { width: 20%; height: 2px; background: #c1251d; top: 0; left: 40%; content: ''; position: absolute }
.join-body .box .recruit ul li:hover { background: #c7251d; color: #fff }
.join-body .box .recruit ul li:hover .number:after { animation: join_hover 2s forwards ease-in-out; -webkit-animation: join_hover 2s forwards ease-in-out }
 @keyframes join_hover {
 0% {
 transform: rotate(0) scaleX(1)
}
 20% {
 background: #fff
}
 50% {
 transform: rotate(1080deg) scaleX(1);
 background: #fff
}
 100% {
 transform: rotate(1080deg) scaleX(2);
 background: #fff
}
}
 @-webkit-keyframes join_hover {
 0% {
 -webkit-transform: rotate(0) scaleX(1)
}
 20% {
 background: #fff
}
 50% {
 -webkit-transform: rotate(1080deg) scaleX(1);
 background: #fff
}
 100% {
 -webkit-transform: rotate(1080deg) scaleX(2);
 background: #fff
}
}
.join-body .box .swiper-container-join { position: relative; overflow: hidden }
.join-body .box .recruit .swiper-button-prev { left: -80px; background: url(../images/join-btn.png); background-position: 0 0; width: 30px; height: 60px }
.join-body .box .recruit .swiper-button-next { right: -80px; background: url(../images/join-btn.png); background-position: -30px 0; width: 30px; height: 60px }
.join-body .box2 { padding-top: 32px; border-top: 1px solid #d2d2d2 }
.join-body .box2 .information { color: #494949; font-size: 14px; text-align: center; margin-top: 15px }
.join-body .box2 .recruit-img { width: 856px; margin: 35px auto; overflow: hidden }
.join-body .box2 .recruit-img a { width: 50%; display: block; float: left }
.join-body .box2 .recruit-img a img { width: 100%; display: block }
.recruit_click { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 383; display: none }
.recruit_click .recruit_form { width: 1000px; height: 80%; background: #fff; position: absolute; top: 10%; margin-left: -500px; left: 50%; border-radius: 15px; overflow: hidden; z-index: 15; transition: all .5s; -webkit-transition: all .5s; opacity: 0 }
.recruit_click .recruit_form ul { position: relative; height: 100% }
.recruit_click .recruit_form ul li { position: absolute; top: 0; width: 100%; height: 100% }
.recruit_click .recruit_form ul li .Iyingp { width: 144px; height: 40px; border: 1px solid #c7251d; text-align: center; line-height: 40px; margin: 30px auto 0; display: block; color: #c7251d }
.recruit_click .recruit_form ul li .position { line-height: 90px; background: #c7251d; color: #fff; font-size: 30px; width: 100%; padding: 0 5% }
.recruit_click .recruit_form ul li article { height: 70%; width: 90%; margin: 35px auto 0 }
.recruit_click .recruit_click_bg { background: url(../images/ieBG.png); position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 5; opacity: 0 }
.recruit_click.active .recruit_form { -webkit-box-shadow: 7px 14px 42px 3px rgba(0, 0, 0, 0.4); box-shadow: 7px 14px 42px 3px rgba(0, 0, 0, 0.4); text-decoration: none; transform: translateY(-15px); -webkit-transform: translateY(-15px); opacity: 1 }
.recruit_click .btn-off { background: url(../images/btn_off_join.png) no-repeat; height: 25px; width: 25px; cursor: pointer; position: absolute; right: 5%; z-index: 5; top: 36px }
.business-body ul { overflow: hidden; height: 100% }
.business-body ul li { height: 100%; width: 33.33333%; float: left; position: relative; color: #fff; transition: all .5s; -webkit-transition: all .5s; z-index: 3; background: #000 }
.business-body ul li.icon1 { background-size: auto 100% }
.business-body ul li.icon2 { background-size: auto 100% }
.business-body ul li.icon3 { background-size: auto 100% }
.business-body ul li img { position: absolute; width: 849px; height: 900px; top: 0; left: 50%; margin-left: -425px; opacity: .6; transition: all .5s; -webkit-transition: all .5s }
.business-body ul li .img-box { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; transition: all .5s; -webkit-transition: all .5s }
.business-body ul li .summary { position: absolute; left: 50%; z-index: 15; top: 40%; max-width: 420px; margin-left: -210px }
.business-body ul li .summary .title { font-size: 30px; text-align: center }
.business-body ul li .summary .title span { opacity: .3; font-size: 134px; position: absolute; left: 0; display: inline-block; left: 50%; margin-left: -86.5px; top: -76px }
.business-body ul li .summary article { font-size: 12px; line-height: 24px; margin-top: 15% }
.business-body ul li.active { z-index: 15 }
.business-body ul li.active img { opacity: 1 }
.business-body ul li.active { width: 40% }
.business-body ul li.cur { width: 30% }
.contactUs-body { background: #ebebeb }
.box6 .left, .education-body .box6 .right {
    width: 118px;
    height: 118px;
    background: #fff;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    transition: all .5s;
    -webkit-transition: all .5s;
}
.box6 .exchange-plate .inforM:hover .left {
    transform: rotate(180deg);
    transition-delay: .4s;
}
.box6 .pie_left, .education-body .box6 .left {
    clip: rect(0, 59px, auto, 0);
}
  { padding: 40px 0 60px 0; position: relative }
  .contactUs-plate { margin-top: 40px }
  .contactUs-plate .left .title { margin-bottom: 20px }
  .contactUs-plate .left .title .en-names { color: #c7251d; font-size: 40px; text-transform: uppercase; display: block; font-family: "Arial"; border-bottom: 1px solid #c7251d }
  .contactUs-plate .left .title .tips { display: block; color: #000; font-size: 14px; line-height: 24px }
  .contactUs-plate .left .title .Answer { display: block; font-size: 24px; font-weight: 900 }
  .contactUs-plate .left .informaiton ul li { font-family:"微软雅黑"; background: #c7251d; line-height: 50px; color: #fff; font-style: oblique; font-size: 16px; /*!  */
margin-bottom: 15px }
  .contactUs-plate .left .informaiton ul li a { color: #fff }
  .contactUs-plate .left .informaiton ul li span { text-transform: uppercase; display: inline-block; width:164px; margin-right: 10px; text-indent: 1em }
  .contactUs-plate .right { position: relative }
  .contactUs-plate .right .map>img { position: relative }
  .contactUs-plate .right .map .mack { position: absolute; top: 33px; right: 89px; opacity: 0; animation: mapOp 1s forwards 1s; -webkit-animation: mapOp 1s forwards 1s; transform: translate(-80px, 80px); -webkit-transform: translate(-80px, 80px); border: 1px solid #000; border-radius: 50% }
 @keyframes mapOp {
 0% {
 opacity: 0;
 transform: translate(-80px, 80px)
}
 100% {
 opacity: 1;
 transform: translate(0, 0)
}
}
 @-webkit-keyframes mapOp {
 0% {
 opacity: 0;
 -webkit-transform: translate(-80px, 80px)
}
 100% {
 opacity: 1;
 -webkit-transform: translate(0, 0)
}
}
  .contactUs-plate .right .map .mack img { opacity: 0; animation: mapOps 1s forwards 2s; -webkit-animation: mapOps 1s forwards 2s }
 @keyframes mapOps {
 0% {
 opacity: 0
}
 100% {
 opacity: 1
}
}
 @-webkit-keyframes mapOps {
 0% {
 opacity: 0
}
 100% {
 opacity: 1
}
}
.mores { position: relative; transition: .4s; -webkit-transition: .4s }
.mores:before { content: ''; transition: .4s; -webkit-transition: .4s; z-index: 0; position: absolute; width: 0; height: 100%; background: #c7251d; left: 0; top: 0; z-index: 0 }
.mores span { position: relative; z-index: 10 }
.mores:hover { background: #c7251d\9; color: #fff!important }
.mores:hover:before { width: 100% }

@media(max-width:1600px) {
.job .contBox .yuan { width: 360px; height: 360px }
.job .contBox li { width: 100px; height: 100px }
.job .contBox .yuan .centerLogo { width: 150px; height: 68px; margin-left: -75px; margin-top: -34px }

.china-body .box .BranchOffice .BranchOffice-bg .summary { width: 100%; padding: 15px 5px 0 }
}
@media(max-width:1444px) {
.job .contBox li{ width: 70px; height: 70px;}
.job .contBox li img{ width: 70px;}
.job .contBox .li1{margin-left: -35px; margin-top: 15px;}
.job .contBox .li2,.job .contBox .li4{top: 20%;}
.job .contBox .li3,.job .contBox .li5{top: 50%;}
.job .contBox .yuan .centerLogo{ top: 40%;}
.introduce .contBox .lookMore{margin-top: 0;}
.investmentNav{ height: 120px;}
.iNews .lookMore{ margin-top: 0;}
}
@media(max-width:1366px) {
.mapBox .box { transform: scale(.7); -webkit-transform: scale(.7); padding-top: 20px }
.boxTit { top: 90px }
.investmentInfo { top: 170px }
.investmentIcon { top: 360px }
.investmentIcon .investmentIconBox span { font-size: 60px }
.job .contBox { padding-top: 100px }
/*.job .contBox .yuan { transform: scale(.8); margin-top: -24px; -webkit-transform: scale(.8) }*/
.job .contBox .text { margin-bottom: 10px }
.job .contBox .yuan .bg{display: none;}
.iNews .newList { padding-top: 8%}
.iNews .newList1 { padding-top: 8% }
.education-body .box1 .about-plate .informaiton li { height: 90px; width: 90px }
.education-body .box1 .about-plate .informaiton li .icon-us { background-size: auto 90px; height: 90px; width: 90px }
.education-body .box1 .about-plate .informaiton li .txt { background-size: auto 90px; height: 90px; width: 90px }
.education-body .box1 .about-plate .informaiton li .icon-us.icon1,  .education-body .box1 .about-plate .informaiton li .txt.text1 { background-position: 0 0 }
.education-body .box1 .about-plate .informaiton li .icon-us.icon2,  .education-body .box1 .about-plate .informaiton li .txt.text2 { background-position: -90px 0 }
.education-body .box1 .about-plate .informaiton li .icon-us.icon3,  .education-body .box1 .about-plate .informaiton li .txt.text3 { background-position: -180px 0 }
.education-body .box1 .about-plate .informaiton li .icon-us.icon4,  .education-body .box1 .about-plate .informaiton li .txt.text4 { background-position: -270px 0 }
.education-body .box1 .about-plate .informaiton li .icon-us.icon5,  .education-body .box1 .about-plate .informaiton li .txt.text5 { background-position: -360px 0 }
.peoBox .bigPeo { width: 470px }
.peoBox .bigPeo.active { margin-left: -253px }
}

@media(max-width:1025px) {
.nav .container1000 ul { display: none }
.nav { height: 50px }
.nav .logo { line-height: 50px }
#navToggle { display: block }
.footer-body { height: auto }
.banner>img { display: none }
#investmentRight { display: none }
.investmentNav ul { left: 0; width: 100% }
.investmentNav ul li { width: 184px }
.job .contBox .yuan { transform: scale(.9); -webkit-transform: scale(.9); margin-top: 0 }
.peoBox .textList { left: 50px }
.mapBox .box { transform: scale(1); -webkit-transform: scale(1) }
.nav .logo img { width: 160px }
.about-body .box1 .contBox .imgs { width: 100%; padding: 0 }
.about-body .box1 .contBox .text { width: 100%; padding-bottom: 2% }
.about-body .box1 .contBox .en3 { display: none }
.about-body .box1 .contBox .bg { width: 100%; height: 100%; top: 0; left: 0 }
.about-body .box1 .contBox .en { position: relative; top: 0; margin-top: 2% }
.about-body .box1 .contBox .words { padding-top: 2% }
.aca-body .box2 .newList li .time { font-size: 30px }
.aca-body .box2 .newList li .time p { font-size: 20px; text-indent: 0 }
.aca-body .box2 .newList .more { display: none }
.join-body .box .recruit { width: 90%; margin: 60px auto }
.recruit_click .recruit_form { width: 90%; left: 5%; margin-left: 0 }
.education-body .box1 .about-plate .left img { width: 120% }
  .contactUs-plate .left { width: 100% }
  .contactUs-plate .right { width: 100%; margin: 0 auto }
  .contactUs-plate .right .map { width: 527px; margin: 0 auto; position: relative; margin-top: 25px }
.china-body .box .region ul li { width: 110px }
.china-body .box .region ul li .en_names { font-size: 14px }
.china-body .box .region ul li .cn_names { font-size: 14px }
.business-body ul li,  .business-body ul li.cur { width: 33.3333%!important }
.business-body ul li .summary { width: 90%; left: 5%; margin-left: 0 }
.business-body ul li { opacity: 1 }
}

@media(max-width:769px) {
.nav .logo { margin-left: 5% }
.nav .navList { display: none }
#navToggle { display: block }
.banner>img { display: none }
.banner { background-size: auto 100%!important }
.aca-body .box1 .newBox .texts { position: relative }
.aca-body .box2 .newList li .tit { font-size: 16px }
.aca-body .box2 .newList li { height: auto }
.banner .bannerBtn { width: 250px }
#investmentRight { display: none }
.investmentNav ul { left: 0; width: 100% }
.investmentNav ul li { width: 25% }
.boxTit { top: 120px }
.introduce .contBox .tit { padding-top: 20% }
.investmentInfo { top: 230px }
.investmentIcon { top: 480px }
.investmentIcon .investmentIconBox span { font-size: 84px }
.job .contBox .yuan { transform: scale(1); -webkit-transform: scale(1); margin: auto }
.introduce { height: 700px }
.job .contBox { padding-top: 180px }
.job .contBox .text { margin-bottom: 30px }
.peoBox .bigPeo.active { margin-left: 0 }
.jsList li .border { border: 0 }
.peoBox .bigPeo { width: 500px; left: 0; margin-left: 0 }
.peoBox .mList { top: auto; bottom: 25px; right: 25px }
.peoBox .textList { left: auto; right: 25px; width: 380px; top: 160px; z-index: 15 }
.iNews { height: 650px }
.iNews .newList { padding-top: 230px; width: 96% }
.iNews .newList li .tit { font-size: 14px }
.mapBox .box { transform: scale(1); -webkit-transform: scale(1); padding-top: 230px }
.box1 .newList .more { display: none }
.box1 .newList li .imgs { margin-bottom: 2% }
.box1 .newList .time { font-size: 20px }
.box1 .newList .tit { font-size: 16px; margin-top: .5em }
.box1 .newBox { padding-bottom: 50px }
.box2 .newList li .tit { font-size: 16px }
.box2 .newList li .text { height: 70px; overflow: hidden }
.box2 .newList li .time { font-size: 30px; text-align: center }
.box2 .newList li .time p { text-indent: 0 }
.box2 .newList li { height: 230px }
.box2 .newList .more { width: 150px; background-image: none; text-indent: 0; text-align: center }
.school-body .box .school-plate .School { height: 363px }
.join-body .box2 .recruit-img { width: 100% }
.education-body .box1 .about-plate .left { display: none }
.education-body .box5 .cooperation-plate .School { margin-bottom: 25px }
.china-body .box .region ul li { width: 12%; height: 100px; position: relative }
.china-body .box .region ul li .en_names { font-size: 12px }
.china-body .box .region ul li .cn_names { font-size: 12px }
.china-body .box .BranchOffice .BranchOffice-bg { position: relative }
.business-body ul li,  .business-body ul li.cur { width: 100%!important; float: none; height: 400px }
.business-body ul li .summary { max-width: 90%; margin-left: 0; position: relative; width: 90% }
.business-body ul li .summary article { margin-top: 10%; font-size: 14px }
.business-body ul li { opacity: 1 }
.business-body { height: auto!important }
.join-body .box .recruit .swiper-button-next { right: -20px; width: 15px; height: 30px; background-size: cover; background-position: 15px 0 }
.join-body .box .recruit .swiper-button-prev { left: -20px; width: 15px; height: 30px; background-size: cover; background-position: 0 0 }
.education-body .box1 { padding-bottom: 0 }
.education-body .box2 { padding-bottom: 0 }
}

@media(max-width:560px) {
.banner-in { width: 100%; height: 300px; left: 0; margin-left: 0 }
.banner-in>img { display: none }
.footer-body { line-height: 24px; padding: 2% 0; text-align: center }
.footer .copy,  .footer-body .copy { float: none }
.footer .design,  .footer-body .design { float: none; margin-left: 10px }
  .exchange-plate .inforM .uesr-head { margin: auto; float: none }
  .exchange-plate .summary { float: none; width: 100%; margin-left: 0 }
  .exchange-plate .namse-school { text-align: center; margin-top: 2% }
.education-body .box2 .Academic-plate .left:after { top: 10px; bottom: 10px; left: 25px; right: 25px }
.education-body .box2 .Academic-plate .mack .title { margin-top: 10% }
.education-body .box2 .Academic-plate .mack article { transform: scale(1); -webkit-transform: scale(1); opacity: 1 }
.education-body .box2 .Academic-plate .right .mack:after { transform: scale(1); -webkit-transform: scale(1); opacity: 1; top: 5px; bottom: 5px; left: 10px; right: 10px }
.education-body .box2 .Academic-plate .right .mack .title { margin-top: 0 }
.education-body .box1 .about-plate .informaiton li { margin-bottom: 2% }
.education-body .box1 .about-plate { padding-bottom: 0 }
.education-body .box3 .training-plate .right ul { padding-bottom: 20px; width: 100%; margin: 0 auto }
.education-body .box3 .training-plate .right .num { background-size: auto 100%; height: 30px; width: 27px; position: relative }
.education-body .box3 .training-plate .right .num.number2 { background-position: -27px 0 }
.education-body .box3 .training-plate .right .num.number3 { background-position: -53px 0 }
.education-body .box3 .training-plate .right .num.number4 { background-position: -80px 0 }
.education-body .box3 .training-plate .right .num.number5 { background-position: -107px 0 }
.education-body .box3 .training-plate .right .num.number6 { background-position: -134px 0 }
.education-body .box3 .training-plate .right .num.number7 { background-position: -161px 0 }
.education-body .box3 .training-plate .right .num.number8 { background-position: -188px 0 }
.education-body .box4 .system-plate .system-img .mack .title { transform: translate3d(0, 40%, 0); -webkit-transform: translate3d(0, 40%, 0) }
.join-body .box .tab-join ul li { padding: 0; margin: .5%; width: 49% }
.join-body .box { width: 96% }
.communication-body .communication-plate .inforM .uesr-head { float: none; margin: auto }
.communication-body .box .summary { float: none; margin: auto; width: 100% }
.communication-body .box .namse-school { text-align: center; margin-top: 1em }
.pagination { display: none }
.ph_address { display: block }
#navToggle { display: block }
.investmentInfo figcaption,  .introduce .contBox .ch { font-size: 30px }
.investmentInfo .en,  .introduce .contBox .en { font-size: 20px }
.nav { margin-left: 0; line-height: normal; height: 50px; width: 100%; margin-top: 0 }
.nav .logo { margin-left: 5%; line-height: 50px; height: auto; width: 120px; height: 100% }
.nav .navList { display: none }
.nav .logo img { width: 100% }
.education-body .box3 .training-plate .right ul li { height: 160px }
.nav .bg { /*! display: none; */}
.banner { height: 300px }
.banner>img { position: relative; left: 50%; display: block; width: 600px; margin-left: -300px }
.banner .bannerBtn { width: 50%; height: auto; top: auto; margin-top: 0; bottom: 20px }
.banner .bannerBtn li { height: 26px; line-height: 26px }
.banner .bannerBtn li img { width: 68px!important; height: 16px!important }
#investmentRight { display: none }
.investmentInfo { width: 96%; left: 2%; top: 100px }
.investmentIcon { display: none }
.investmentNav ul { width: 100%; left: 0 }
.investmentNav ul li { width: 33.333%; height: 75px; max-width: 94px }
.investmentNav ul li .investmentImg { background-size: auto 150px }
.investmentNav { height: 75px; transform: translateY(0)!important; -webkit-transform: translateY(0) inherit }
.investmentNav ul li .investmentText span { width: 100%; height: 75px; line-height: 110px; font-size: 10px }
.investmentNav ul li .investmentImg { height: 90px }
.investmentNav ul li:hover .investmentText,  .investmentNav ul li.current .investmentText { top: -75px }
.investmentNav ul li:nth-child(1) .investmentImg { background-position: 0 0 }
.investmentNav ul li.second .investmentImg { background-position: -93px 0 }
.investmentNav ul li.three .investmentImg { background-position: -186px 0 }
.investmentNav ul li:nth-child(1):hover .investmentImg,  .investmentNav ul li:nth-child(1).current .investmentImg { background-position: 0 -75px }
.investmentNav ul li.second:hover .investmentImg,  .investmentNav ul li.second.current .investmentImg { background-position: -93px -75px }
.investmentNav ul li.three:hover .investmentImg,  .investmentNav ul li.three.current .investmentImg { background-position: -186px -75px }
#investment { height: 500px }
.boxTit { top: 20px; font-size: 18px; padding: 0; width: 70%; padding-right: 5%; text-indent: .5em }
.introduce { height: auto }
.introduce .contBox { width: 100%; left: 0; padding-bottom: 25px; position: relative }
.introduce .contBox .tit { width: 90% }
.introduce .contBox .texts { width: 90% }
.job { height: auto }
.job .contBox .tit { width: 100% }
.job .contBox { padding-top: 100px }
.job .contBox .tit img { width: 90% }
.job .contBox .text { width: 100% }
.job .contBox .text img { width: 90%; height: auto }
.job .contBox .yuan { transform: scale(.7); left: 50%; margin-left: -180px; -webkit-transform: scale(.7); margin-top: -65px }
.jsList li .border { border: 0 }
.jsList li .box { top: 30px }
.jsList li .box .ch { font-size: 16px; transform: translateY(-20px); -webkit-transform: translateY(-20px) }
.jsList li .box .en { font-size: 12px; transform: translateY(-10px); -webkit-transform: translateY(-10px); display: none }
.jsList li .box .text { font-size: 14px; transform: translateY(-10px); -webkit-transform: translateY(-10px); opacity: 1 }
.jsList li { width: 50%; height: 50% }
.jsList ul { height: 400px }
.peoBox { height: auto }
.swiper-slide { width: 100% }
.peoBox .bigPeo { display: none }
.peoBox .mList { top: 420px; left: 50%; margin-left: -155px; right: auto }
.peoBox .textList { width: 96%; top: 90px; left: 2% }
.iNews { height: auto; padding-bottom: 25px; overflow: hidden }
.iNews .newList li { width: 100%; float: none; margin-bottom: 3% }
.iNews .newList { height: auto; padding-top: 100px; width: 96% }
.iNews .lookMore { transform: translateY(0); -webkit-transform: translateY(0) }
.mapBox .box { display: none }
.mapBox { padding: 50px 0 }
.footer { height: auto; padding: 10px 0; position: relative }
.footer .copy,  .footer .design { float: none; text-align: center; display: block; line-height: 23px; width: 96%; margin: 0 auto }
.about-body .box4 .culBox ul li { padding-left: 0; padding-right: 0; margin-bottom: 4% }
.about-body .box1 .contBox .en { font-size: 40px; height: 60px; line-height: 60px }
.about-body .box2 .hisBox .text { line-height: 1.8em }
.about-body .box3 .honBox { height: 200px; margin-top: 20px }
.about-body .box3 { padding-bottom: 50px }
.about-body .box4 .culBox ul li .textBox { bottom: 0; background: #c7251d; left: 0; right: 0 }
.about-body .box4 .culBox ul li .tit { top: 30px!important; color: #fff; height: 80px }
.about-body .box4 .culBox ul li .text { top: 0 }
.page_navigation a:first-child { display: none!important }
.page_navigation a:last-child { display: none!important }
.aca-body .box2 .newList li .time { font-size: 0; line-height: 0 }
.aca-body .box2 .newList li .time p { font-size: 0; display: none }
.aca-body .box2 .newList li .imgs { width: 100%; padding: 0; margin-bottom: 5% }
.aca-body .box1 .newBox .texts { width: 100%; position: relative; right: 0; bottom: 0 }
.aca-body .box1 .newBox .tit { height: auto }
.model_news_detail .detailPage a { width: 70px }
.aca-body .box2 .newList .container1300 { padding-bottom: 40px }
.aca-body .box2 .newList li .pTime { display: block }
.per-body .perList li:hover { box-shadow: none; top: 0 }
.per-body .perList li:hover .text { text-indent: 0 }
.per-body .perList li { width: 100% }
.tit-btnList a { display: block; float: left }
 .tit-btnList a { max-width: 49% }
 .box2 .newList li .text { display: none }
 .box2 .newList li { height: auto; padding: 20px 0 }
 .box2 .newList .more { display: none }
 .box2 .newList li .time { font-size: 18px; padding: 0; text-align: center }
 .box2 .newList li .tit { line-height: 32px }
 .box2 .newList li .time p { font-size: 20px; text-indent: 0; line-height: 20px }
.aca-body .box2 .newList li .imgs { position: relative; padding: 0; margin-bottom: 2% }
.join-body .box .tab-join { width: 96%; margin: 20px auto 0 }
.join-body .box .swiper-container-join { max-width: 300px; margin: auto }
.join-body .box2 .recruit-img a { width: 100% }
  .contactUs-plate .left .informaiton ul li span { width: auto }
  .contactUs-plate .left .informaiton ul li { font-size: 12px; line-height: 24px }
  .contactUs-plate .right .map { width: 300px; margin: 0 auto }
  .contactUs-plate .right .map>img { display: none }
  .contactUs-plate .right .map .mack { position: relative; width: 200px; margin: 0 auto; left: 50%; margin-left: -100px }
  .contactUs-plate .right .map .mack img { width: 100% }
.contactUs-body { overflow: hidden }
.china-body .box .region ul li { width: 30%; margin-bottom: 25px; position: relative; height: 80px }
.china-body .box .region ul li .en_names { margin-top: 15px }
.china-body .box .region ul li .cn_names { margin-top: 5px }
.china-body .box .BranchOffice { margin-top: 30px }
.about-body .box3 .honBox ul { width: 100% }
.about-body .box3 .honBox { overflow: initial }
}

.height80{ height:80px;}