*{font-family:'Noto Sans SC',Arial,Helvetica,sans-serif!important;}
body{padding: 0; margin: 0;  font-size: 12px; line-height:1.8; color: #666; background-color: #fff;  -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s;}
a{ text-decoration: none; color: #666; -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s;}
body a:hover{ color: #666; text-decoration: none;}
a:focus{ text-decoration: none;}
img{ display: block;}
dl,p,ul,li,h1,h2,h3,h4,h5,h6{list-style: none;margin: 0; padding: 0;}
dt{ font-weight: normal;}
.clear:after{ content: ''; clear: both; display: block;}
.fl{ float: left;}
.fr{ float: right;}
.w-1200{ width: 1200px; margin: 0 auto;}
.fontSizeA{ font-size: 20px}
.fontSizeB{ font-size: 14px}
.lxwm span{width:80px;display:inline-block;text-align-last:justify;}
.fontSizeC{ font-size: 22px}
.fontSizeD{ font-size: 16px}
.fontSizeE{ font-size: 30px}
.padTB-a{ padding: 5em 0;}
.padTB-b{ padding: 3em 0;}
.padB-none{ padding-bottom: 0;}
.marT-a{ margin-top:3em;}
.marT-b{ margin-top:1.5em;}
.marT-c{ margin-top:5em;}
.colorA{ color: #333}
.colorB{ color: #51231E}
.bgA{ background-color: #DCD6D6;}
.bgB{ background-color: #F8F8F8;}
.w100{ width: 100%;}

.time03{ -webkit-transition:all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s;}
.time05{ -webkit-transition:all .5s ease-out 0s; -o-transition: all .5s ease-out 0s; transition: all .5s ease-out 0s;}
.img-scale:hover{-webkit-transform:scale(1.1) ; -moz-transform:scale(1.1) ; -o-transform:scale(1.1) ; transform:scale(1.1) ; }
.jiezi{ word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; overflow:hidden;}
.dhjiezi{overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;-webkit-text-overflow:ellipsis;-moz-text-overflow:ellipsis;white-space:nowrap;}

@font-face {
    font-family: 'iconfont';  /* project id 1382016 */
    src: url('//at.alicdn.com/t/font_1382016_9x3835zqi3q.eot');
    src: url('//at.alicdn.com/t/font_1382016_9x3835zqi3q.eot?#iefix') format('embedded-opentype'),
    url('//at.alicdn.com/t/font_1382016_9x3835zqi3q.woff2') format('woff2'),
    url('//at.alicdn.com/t/font_1382016_9x3835zqi3q.woff') format('woff'),
    url('//at.alicdn.com/t/font_1382016_9x3835zqi3q.ttf') format('truetype'),
    url('//at.alicdn.com/t/font_1382016_9x3835zqi3q.svg#iconfont') format('svg');
  }
  
.iconfont {
    font-family: "iconfont" !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* HEAD AND FOOT */
.navbar-toggle{ margin-top: 13px; margin-bottom: 13px;}
.navbar-default{min-height: 60px; border: 0; margin-bottom: 0; background-color: #fff; border-bottom: 1px solid #ededed; -webkit-box-shadow: 0px 0px 0 #333;-moz-box-shadow: 0px 0px 0 #333;-ms-box-shadow: 0px 0px 0 #333;-o-box-shadow: 0px 0px 0 #333;box-shadow: 0px 0px 0 #333;}
.navbar-brand{ padding-top: 10px; padding-bottom: 10px; height: 60px; }
.navbar-brand span{display: block; width: 159px; height: 40px; background: url(../images/logo.jpg) no-repeat; background-size: 100% 100%;}
.navbar-default .navbar-nav.headContact>li>a{ color: #522420; line-height: 60px;}
.navbar-default .navbar-nav.headContact>li>a>span{ display: inline-block;  vertical-align: top; margin-right: 10px; font-size: 16px;}
.navbar-default .navbar-nav.headContact p{ display: inline-block; vertical-align: top;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{ border-color: #EDEDED; border-bottom: 1px solid #EDEDED}
.navbar-nav{ margin-top: 0;}
.navbar-default .navbar-nav>li>a{ color:#333; font-size: 14px; }
.navbar-default .navbar-nav>li>a:hover{ color: #E5322C}
/* .dropdown-menu{ background-color: #191919;}
.dropdown-menu>li>a{ color: #808080; line-height: 30px;}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover{ color: #E5322C} */
.navbar-default .navbar-nav>li>a:focus{ color: #E5322C}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{ background-color: inherit; color: #E5322C; border-color:#000;}
.downMenu{ padding: 40px 0; display: none; position: absolute; top: 100%; left: 0; right: 0; background-color: #F5F5F5;  border-top: 1px solid #EDEDED;border-bottom: 1px solid #EDEDED; }
.downMenu-body{ width: 400px; margin-top: 40px;}
.downMenu-body h4{ margin-bottom: 30px; font-size: 18px; line-height: 1; color: #333;}
.downMenu-body li{ float: left; width: 50%;}
.downMenu-body li a{ font-size: 16px; line-height: 38px;}
.downMenu-body li a:before{ content: "·"; display: inline-block; vertical-align: top; margin-right: 10px; color: #333; font-size: 30px; position: relative; top: -2px;}
.downMenu-body li a:hover{ color: #E5322C;}
.downMenu-pic img{ height: 300px;}
.downMenu-pro{ text-align: center; font-size: 0;}
.downMenu-pro a{color: #333; display: inline-block; vertical-align: top; margin: 0 18px; width: 280px; text-align: center;}
.downMenu-pro .pic{ overflow: hidden;}
.downMenu-pro img{ width: 280px; height: 150px;}
.downMenu-pro span{ display: block; font-size: 18px; margin-top: 10px;}
.downMenu-pro a:hover{ color: #E5322C;}


.footer{ background-color: #51231E;}
.line{ width: 100%; height: 1px; background-color: rgba(229, 229, 229, .1)}
.footerTop { padding: 40px 0;}
.footerTop ul{ margin-top: -15px;}
.footerTop li{ margin-top: 15px;}
.footerTop a{ display: block; background-color: #F5EAEA; padding:2rem 10%; border: 1px solid #DFDFDF; position: relative; top: 0;}
.footerTop img{ width: 65px; height: 65px;}
.footerTop dl{ margin-left: 10%;}
.footerTop dt{ color: #333; line-height: 1;}
.footerTop dd{margin-top: 8px;}
.footerTop a:hover{ top: -5px;}
.footerMid{ padding: 40px 0;}
.footerMid a{ color: #A08E8E}
.footerMeau dt a{ color: #fff;}
.footerMeau li{ float: left; width: 20%}
.footerMeau li a{ display: block; }
.footerMeau dt a{ font-size: 18px; line-height: 1;}
.footerMeau dd{ margin-top: 25px;}
.footerMeau dd a{ padding: 8px 0; font-size: 16px; line-height: 20px;}
.footerMeau dd a:hover{ color: #fff}
.footerCode{  text-align: center;}
.footerCode dt{ color: #fff; line-height: 1}
.footerCode dd{ margin-top: 25px}
.footerCode dd img{ width: 100px; display: inline-block;}
.footerCode p{ margin-top: 20px;}
.footerCode p span{ display: block; color: #A08E8E; line-height: }
.footerBot{ background-color: #451A15; padding: 2.5rem 0;}
.footerBot p{ color: #A08E8E; text-align: center;}

/* HEAD AND FOOT END */

/* INDEX */
.title{ color: #333;}
.title h5{ font-size: 2.1em;}
.title h4{ font-size: 2.6em; margin-top: .3em;}
.a.title h4{ margin-top: 0; line-height: 1.6em}
.a.title p{ margin-top: 1.4em; color: #666}
body{ padding-top: 60px;}
.indexBanner .swiper-container{ width: 100%;height: 100%;}
.indexBanner .swiper-slide {text-align: center;background: #401D19; height: 100%;
/* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.indexBanner .swiper-slide a{ display: block; width: 100%;}
.indexBanner .swiper-slide .bg{ width: 100%; height: 860px; background-repeat: no-repeat; background-position: center top;}
.indexBanner .swiper-slide .pic img{ width: 100%;}
.indexBanner .swiper-pagination{  font-size: 0; width: 100%; bottom: 10px;}
.indexBanner .swiper-pagination-bullet{ border-radius: 0; display: inline-block; vertical-align: top; opacity: .5; width: 40px; height: 1px; background-color:#fff;}
.indexBanner .swiper-pagination-bullet-active{ opacity: 1;}
.indexBanner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px;}

.indexPro{ background:url(../images/index-14.jpg) no-repeat center top; background-size: cover; background-attachment: fixed;}
.indexPro-body ul{ margin-top: -15px;}
.indexPro-body li{ margin-top: 15px;}
.indexPro-body a{ display: block; position: relative; overflow:hidden;}
.indexPro-body a:after{ content: ''; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(0, 0, 0, .2);}
.indexPro-body img{ width: 100%;}
.indexPro-body .text{ text-align: center; color: #fff; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%);}
.indexPro-body h4{ font-size:2.1em; line-height: 1.4; font-weight: lighter}
.indexPro-body h5{ font-size:2em; line-height: 1.4; font-weight: lighter}
.indexPro-body a:hover img{-webkit-transform:scale(1.1) ; -moz-transform:scale(1.1) ; -o-transform:scale(1.1) ; transform:scale(1.1) ;}
.indexPro-body a:hover:after{ display: none;}

.indexAbout-video{ position: relative; overflow: hidden; padding: 60px 0;}
.indexAbout-videoBg{ position: absolute; left: 0; right: 0; top: -60px; bottom: -60px;}
.indexAbout-videoBg video{ height: 100%;}
.indexAbout-videoMask{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(0, 0, 0, .7);}
.indexAbout-videoBody{ position: relative;}
.indexAbout-videoBody .title{ color: #fff; display: none;}
.indexAbout-videoBody .title p{ color: #fff; margin-top: .5em}
.indexAbout-videoBody .title span{ display: block;}
.indexAbout-videoBody .videoBtn{ text-align: center;}
.indexAbout-videoBody .videoBtn a{ width:60px; height: 60px; display: inline-block; background-image: url(../images/index-12.png); background-repeat: no-repeat; background-size: 100%;}
.indexAbout-videoBody .videoBtn a:hover{ background-image: url(../images/index-13.png);}
.indexAbout-videoBody .meau{ padding: 0 10%}
.indexAbout-videoBody .meau li{ text-align: center; color: #fff; padding: 10px 0; border:1px solid #fff; margin-top: 10px;}
.indexAbout-videoBody .meau li:first-child{ margin-top: 0}
.indexAbout-videoBody .meau li.cur{ background-color: #fff; color: #51231E }
.videoShow{ z-index: 10; position: relative; display: none;}
.videoShow .bg{ position: fixed; left: 0; right: 0; top: 0; bottom: 0; background-color:rgba(0, 0, 0, .8);}
.videoShow-body{ position: fixed; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); width: 90%; max-width: 1200px;}
.videoClose{ color: #fff; display:block; position: absolute; right: 0; top: -40px;}
.videoShow-body video{ width: 100%;outline: none;}

.indexAbout-text { color: #333; background:url(../images/index-4.jpg) no-repeat #fff; background-size: cover;}
.indexAbout-textBody{ margin: 6em 0;}
.indexAbout-textBody li{ border-right: 1px solid #E0E0E0;}
.indexAbout-textBody dt{ font-size: 1.6em; font-weight: lighter;}
.indexAbout-textBody dd{ font-size: 1.6em; font-weight: bold; margin-top:5px; }
.indexAbout-textBody li:last-child{ border: 0;}
.indexBtn a{ width: 220px; line-height: 48px; background: url(../images/index-5.png) no-repeat; background-size: cover; color: #fff; display: block; margin: 0 auto; text-align: center;}
.indexBtn a:hover{ color: #fff; opacity: .8}

.indexNew{ background:url(../images/index-6.jpg) no-repeat center top; background-size: cover; background-attachment: fixed;}
.indexNew .title{ color: #fff;}
.indexNew-body ul{ margin-top: -15px;}
.indexNew-body li{ margin-top: 15px;}
.indexNew-body a{ display: block; background-color: #fff;}
.indexNew-body .liImg{ overflow: hidden;}
.indexNew-body dl{ padding: 15px;}
.indexNew-body dt{ color: #333;}
.indexNew-body dd{ margin-top: 10px;}
.indexNew-body .liBot{ padding:10px 0; margin: 0 15px; color: #999; border-top:1px solid #F0F0F0;}
.indexNew-body a:hover dl,.indexNew-body a:hover dt{ color: #E5322C}

.indexJoin{ background:url(../images/index-11.jpg) no-repeat center top; background-size: cover;}
.indexJoin .title h4{ margin-top: 0; line-height: 1.4}
.indexJoin-body ul{ margin-top: -15px;}
.indexJoin-body li{ margin-top: 15px;}
.indexJoin-body .liCon{ background-color: #fff; padding: 3em 8%}
.indexJoin-body .tit{ color: #333;}
.indexJoin-body .tit span{ display: inline-block; vertical-align: top; margin-right: 10px;}
.indexJoin-box{ margin-top: 20px;}
.indexJoin-inp{ border-radius: 0; padding: 0 15px; width: 100%; border: 1px solid #010101; line-height: 50px; height: 52px; font-size: 16px; color: #333; outline: none;}
.indexJoin-btn{ display: block; line-height: 52px; background-color: #51231E; text-align: center; color: #fff; font-size: 16px;}
.indexJoin-btn:hover{ color: #fff; background-color: #8C2F25}
/* INDEX END */

/* ABOUT */
.fyBannner{ height: 250px; position: relative; background-image: url(../images/about-1.jpg); background-repeat: no-repeat; background-size: cover; background-position: center;}
.fyBannner .text{ width: 100%; text-align: center; position: absolute; left: 0; top: 50%; transform: translateX(0) translateY(-50%);}
.fyBannner h4{ color: #fff; font-size: 2.8em; line-height: 1.3}
.fyMeau-ej{ background-color: #fff; }
.fyMeau-ej ul{ text-align: center; font-size: 0;}
.fyMeau-ej li{ display: inline-block; vertical-align: top; width: 20%; max-width: 300px; border-left:1px solid #EFEFEF;}
.fyMeau-ej li:last-child{ border-right:1px solid #EFEFEF;}
.fyMeau-ej a{ font-size: 14px; line-height:50px; text-align: center; display: block; }
.fyMeau-ej a:hover{ color: #E5322C;}
.fyMeau-ej li.cur a{ background-color: #E5322C; color: #fff;}
.fyMeau-sj{ background-color: #EFEFEF; border-bottom: 1px solid #DFDFDF;}
.fyMeau-sj ul{ text-align: center; font-size: 0;}
.fyMeau-sj>ul>li{ display: inline-block; vertical-align: top; margin: 0 5px;position: relative;}
.fyMeau-sj>li>a{ font-size: 14px; line-height:50px; text-align: center; display: block; padding: 0 10px; border-bottom: 2px solid #EFEFEF;}
.fyMeau-sj a:hover{ color: #E5322C}
.fyMeau-sj .cur>a{ border-color: #E5322C;}
.fyMenu-rd{display: none;position:absolute;background:#fff;left:0;right:0;}
.fyMenu-rd>li{width:100%;}
.fyMenu-rd>li>a{ width:100%;font-size: 14px; line-height:50px; text-align: center; display: block; border-bottom: 2px solid #EFEFEF;padding:0;}
.fyMeau {position:relative;z-index:999;}

.aboutA .title{ text-align: center;}
.aboutA .title p{ margin-top:0; color: #A8A8A8;}
.aboutA .text { color: #333; margin-top: 30px;}
.aboutA .text h5{ font-size: 20px; line-height: 1.6; }
.aboutA .text h5 span{ display: block;}
.aboutB{ position: relative;}
.aboutB-bg{ position: absolute; left: 0; right: 0; top: 0; height: 310px; background: url(../images/about-2.jpg) no-repeat center; background-size: cover;}
.aboutB-text{ background-color: #8C2F25; color: #fff; padding: 20px 15px; margin-top: 155px;}
.aboutB-text p{ line-height: 2.2}
.aboutB .zs ul{ margin-top: -10px;}
.aboutB .zs li{ float: left; width:33.333%; text-align: center; margin-top: 10px;}
.aboutB .zs img{ width: 90%; display: inline-block;}
.fyBtn a{ display: inline-block; padding: 0 15px; border-radius: 5px; border: 1px solid #51231E; text-align: center; line-height: 3em; color: #51231E;}
.fyBtn span{ margin-left: 15px;}
.fyBtn a:hover{ background-color: #51231E; color: #fff;}
.a.fyBtn a{ color: #fff; border-color: #fff;}
.a.fyBtn a:hover{  border-color:#51231E}
.aboutC{ background: url(../images/about-11.jpg) no-repeat center; background-size: cover; padding: 6em 0;}
.aboutC .title h5{ color: #fff; line-height: 1.8em}
.aboutD{ background-image: url(../images/about-18.jpg); background-repeat: no-repeat; background-size:auto 930px; background-position: center top; }
.aboutD .marT-a{ margin-top: 5em}
.aboutD .text{ color: #fff;}
.aboutD-td ul{ margin-top: -30px;}
.aboutD-td li{ margin-top: 30px;}
.aboutD-td .liCon{ background-color: #fff; border-radius: 5px; overflow: hidden;}
.aboutD-td .liImg{ overflow: hidden;}
.aboutD-td p{ line-height:40px; color: #333; font-size: 14px; text-align: center;}
.aboutD-num{ background-color: #8C2F25; color: #fff; border-radius: 5px; padding: 30px 0;}
.aboutD-num ul{ text-align: center; font-size: 0; margin-top: -20px;}
.aboutD-num li{ margin-top: 20px; font-size: 14px; display: inline-block; vertical-align: top; width: 33.3333%; text-align: center; border-right: 1px solid rgba(237, 237, 237, .3)}
.aboutD-num li:last-child,.aboutD-num li:nth-child(3){ border: 0;}
.aboutD-num dt span{ font-size: 24px; margin-right: 5px;}
.aboutD-body .text{ padding: 15px; color: #333}
.aboutD-body .pic{ overflow: hidden;}
.aboutD-bodyUl{ margin-top: -30px;}
.aboutD-body .row{ margin-top: 30px;}

.cultureA-body li{ padding-left: 0; padding-right: 0; overflow: hidden;}
.cultureA-body dl{ position: absolute; left: 0; top: 50%;transform: translateX(0) translateY(-50%); color: #fff; width: 100%}
.cultureB-body ul{ margin-top: -15px;}
.cultureB-body li{ margin-top: 15px;}
.cultureB-body .liCon{ background-color: #fff; border-radius: 5px; padding: 30px 0;}
.cultureB-body img{ display: inline-block; width: 60px; height: 60px; position: relative; top: 0}
.cultureB-body dl{ margin-top: 15px;}
.cultureB-body dt{ color: #333;}
.cultureB-body dd{ margin-top: 5px; padding: 0 15px; line-height: 1.8}
.cultureB-body li:hover img{ top: -8px;}
.cultureC{ background-color: #51231E;}
.cultureC-pic{text-align: center;}
.cultureC-pic img{max-width: 727px; display: inline-block; border-radius: 5px;}
.cultureC-text{  color: #fff; font-size: 20px;}
.cultureC-text p{ margin-top: 20px;}
.cultureD a{ display: block; overflow: hidden;}
.cultureE .text{ color: #333}
.cultureE-body ul{ margin-top: -15px;}
.cultureE-body li{ margin-top: 15px;}
.cultureE-body .liCon{ background-color: #fff; border-radius: 5px; overflow: hidden;}
.cultureE-body .liImg{ overflow: hidden;}
.cultureE-body dl{ padding: 20px;}
.cultureE-body dt{ color: #333}
.cultureE-body dd{ margin-top: 10px; line-height: 1.8}
.cultureF-body{background: url(../images/culture-21.jpg) no-repeat center top; background-size: auto 320px;}
.cultureF-bodyUl{ padding:55px 0;}
.cultureF-bodyLi{ border-right: 1px solid #fff;}
.cultureF-bodyLi:nth-child(2){ border-right: 0;}
.cultureF-body dl{ color: #fff;}
.cultureF-body dd{ margin-top: 5px;}
.cultureF-body .aboutB-text{ margin-top: 0}
.schoolList ul{ margin-top: -15px;}
.schoolList li{ margin-top: 15px;}
.schoolList .liCon{ padding-bottom: 111px; background-color: #fff; border-radius: 5px; overflow: hidden; position: relative;}
.schoolList .liImg{ overflow: hidden;}
.schoolList .liText{ background-color: #fff; position: absolute; left: 0; right: 0; bottom: 0;}
.schoolList .dlA{ padding: 20px 15px;}
.schoolList dt{ color: #333; line-height: 1.8}
.schoolList dd{ line-height: 1.8}
.schoolList .dlB{ padding:0 15px 30px 15px;}
.schoolList .liCon:hover .liImg img{-webkit-transform:scale(1.1) ; -moz-transform:scale(1.1) ; -o-transform:scale(1.1) ; transform:scale(1.1) ;}
.courseList{ background: url(../images/course-1.jpg) no-repeat center; background-size: cover}
.courseList .title h5{ color: #E5322C}
.courseList-body{ padding-left: 30px; padding-bottom: 30px; position: relative;}
.courseList-body:before{ content: ''; display: block; position: absolute; left: 7px; top: 15px; bottom: 0; width: 1px; background-color: #DDDDDD;}
.courseList-body li{ margin-top: 30px; position: relative;}
.courseList-body li:before{ content: ''; position: absolute; left: -30px; top: 0; display: block; width: 15px; height: 15px; background: url(../images/course-3.png) no-repeat; background-size: 100% 100%;}
.courseList-pic,.courseList-text{ width: 100%}
.courseList-pic img{ width: 100%; max-width: 385px;}
.courseList-text{ margin-top: 20px;}
.courseList-text dt{ color: #E5322C; font-size: 2.1em}
.courseList-text dd{ color: #333; line-height: 1.8}
.courseList-btn{ text-align: center;}
.courseList-btn a{ display: inline-block; border-radius: 25px; width: 150px; line-height: 36px; background-color: #8C2F25; color: #fff; text-align: center;}
.courseList-btn a:hover{ background-color: #E5322C; color: #fff;}
.honorList ul{ margin-top: -30px;}
.honorList li{ margin-top: 30px;}
.honorList .liCon{ background-color: #fff; padding-top: 15px; overflow: hidden}
.honorList .liImg{ text-align: center;}
.honorList .liImg img{ width: 100%; display: inline-block}
.honorList .liText{ padding: 10px 15px}
.honorList .liText p{ line-height: 1.6}
.gyA .title h4{ line-height: 1.4}
.gyA .title p{ line-height: 1.4; margin-top: .5em}
.gyA-body ul{ margin-top: -15px;}
.gyA-body li{ margin-top: 15px;}
.gyA-body .liCon{ background-color: #fff; padding: 25px 0;}
.gyA-body .liImg img{ width: 60px; height: 60px; display: inline-block; position: relative; top: 0;}
.gyA-body dl{ margin-top: 10px;}
.gyA-body dt{ color: #333}
.gyA-body dd{ margin-top: 5px;}
.gyA-body li:hover img{ top: -8px;}
.gyList-body ul{ margin-top: -15px}
.gyList-body li{ position: relative; margin-top: 15px;}
.gyList-picCon{ overflow: hidden;}
.gyList-textCon{ background-color: #fff; padding: 20px 15px;}
.gyList-textCon h5{ color: #333}
.gyList-textCon .pA{ color: #999; margin: 10px 0}
.gyList-textCon a{ display: inline-block; margin-top: 20px; width: 120px; line-height: 38px; border: 1px solid #CCC; background-color: #fff;text-align: center; border-radius: 5px;}
.gyList-textCon a:hover{ background-color: #E5322C; color: #fff; border-color: #E5322C;}

.pageList ul{ font-size: 0}
.pageList li{ display: inline-block; vertical-align: top; margin: 0 2px;}
.pageList a{ display: block; width: 38px; height: 38px; text-align: center; line-height: 38px; background-color: #fff; color: #ccc; font-size: 16px;}
.pageList a:hover{ color: #51231E}
.pageList .cur a{ background-color: #51231E; color: #fff;}
/* ABOUT END */

/* NEWS */
.newBanner{ background-image: url(../images/news-1.jpg)}
.newImpo .swiper-pagination{ margin-top: 20px; position: initial; left: initial; bottom: initial;}
.newImpo .swiper-pagination-bullet{ background-color: #DCD6D6; opacity: 1;}
.newImpo .swiper-pagination-bullet-active{ background-color: #E5322C}
.activityList ul{ margin-top: -15px;}
.activityList li{ margin-top: 15px;}
.activityList a{ display: block; background-color: #fff; border-radius: 5px; overflow: hidden;}
.activityList .liImg{ overflow: hidden;}
.activityList .liText{ padding: 0 15px;}
.activityList .liText dl{ padding: 20px 0;}
.activityList .liText dt{ color: #333}
.activityList .liText dd{ margin-top: 10px; line-height: 1.8}
.activityList .liText-bot{ padding: 10px 0; border-top:1px solid #F0F0F0}
.activityList .liText-bot .pA{ color: #999}
.activityList .liText-bot .pB{ color: #E5322C}
.activityList a:hover .liText dt{ color: #E5322C}
.newDel-tit h4{ color: #333; line-height: 1.4}
.newDel-tit p{ color: #999; margin-top: 15px;}
.newDel-body{ padding: 3em 0; border-top:1px solid #E8E8E8; border-bottom:1px solid #E8E8E8}
.newDel-con{ color: #333}
.newDel-con img{ width: 100%;}
.newDel-con p{text-align: left}
/*.newDel-con img:first-child,.newDel-con p:first-child{ margin-top: 0} */
.newDel-botPn{ text-align: center;}
.newDel-botPn a:hover{ color: #8C2F25;}
.newDel-botBtn{ text-align: center; margin-top: 15px;}
.newDel-botBtn a{ display: inline-block; border-radius: 26px; width: 150px; line-height: 34px; border: 1px solid #E8E8E8; text-align: center;}
.newDel-botBtn span{ margin-right: 15px;}
.newDel-botBtn a:hover{ background-color:#8C2F25; border-color: #8C2F25; color: #fff; }
/* NEWS END */

/* PRODUCT */
.proBanner{ background-image: url(../images/pro-1.jpg)}
.proList{background:url(../images/pro-7.jpg) no-repeat center top; background-size: cover; background-attachment: fixed;position:relative;z-index:990;}
.proList-body ul{ margin-top: -15px;}
.proList-body li{ margin-top: 15px;}
.proList-body a{ display: block; background-color: #fff; position: relative; overflow: hidden;}
.proList-body .liImg{ overflow: hidden;}
.proList-body .liTit{ padding: 10px; color: #333}
.proList-body .liText{ opacity: 0;color: #fff; position: absolute; left: 0; top: -100%; right: 0; background-color: rgba(229, 50, 44, .5)}
.proList-body .liText-con{ position: absolute; left: 0; right: 0; top: 50%;transform: translateX(0) translateY(-50%);}
.proList-body .liText p{ padding: 0 30px;}
.proList-body .liText span{width: 30px; height: 30px; line-height: 28px; text-align: center; border: 1px solid #fff; border-radius: 50%; display: inline-block; margin-top: 15px;}
.proList-body a:hover .liText{ top: 0; bottom:48px; opacity: 1}
.proList-body a:hover .liImg img{-webkit-transform:scale(1.1) ; -moz-transform:scale(1.1) ; -o-transform:scale(1.1) ; transform:scale(1.1) ; }
.proCrumb .breadcrumb{ background-color:inherit; padding: 0;}
.proCrumb .breadcrumb>li+li:before{content: '>'}
.proCrumb .breadcrumb>li>a{ color: #ccc}
.proCrumb .breadcrumb>li>a:hover{ color: #8C2F25;}
.proCrumb .breadcrumb>li.active{ color: #999}
.proDel-info { margin-top: 30px;}
.proDel-info h4{ color: #333; font-size: 26px; font-weight: bold; line-height: 1.2; border-bottom: 1px solid #E8E8E8; padding-bottom: 20px;}
.proDel-info .text{ padding: 20px 0;}
.proDel-info .text .spanA{ color: #999}
.proDel-info .button{border-bottom: 1px solid #E8E8E8; border-top: 1px solid #E8E8E8; padding: 20px 0;}
.proDel-info .button a{ display: block; background-color: #E8E8E8; line-height: 60px; text-align: center; color: #333}
.proDel-info .button span{ color: #666; margin-right: 10px;}
.proDel-info .button a:hover{ background-color: #8C2F25; color: #fff;}
.proDel-info .button a:hover span{ color: #fff}
.proDel-bodyTit{ text-align: center; border-bottom:1px solid #E8E8E8}
.proDel-bodyTit h4{ color: #333; padding-bottom: 10px; display: inline-block; border-bottom: 3px solid #E5322C;}
/* PRODUCT END */

/* CONTACT */
.contactBanner{ background-image: url(../images/contact-1.jpg)}
.contactBox{ background-color: #fff; padding: 20px 15px;}
.contactMsg{ margin-top: 15px;}
.contactInfo-top{ color: #333}
.contactInfo-top h2{ font-size: 30px;}
.contactInfo-top h3{ margin-top: 10px;}
.contactInfo-top .text{ margin: 15px 0}
.contactInfo-bot{ padding-top: 20px; margin-top: 20px; border-top: 1px solid #E8E8E8;}
.contactInfo-bot .dlA img{ display: inline-block; width: 150px;}
.contactInfo-bot .dlB{ margin-top: 20px;}
.contactBtn{ width: 100%; line-height: 50px; display: block; text-align: center; color: #fff; background-color: #51231E; border: 1px solid #E8E8E8;}
.contactBtn:hover{ background-color: #E5322C; color: #fff;}
.contactBtn:focus{ color: #fff;}
.contactInfo-bot .dlB dt{ line-height: 1.8}
.contactInfo-bot .dlB dd{ margin-top: 20px;}
.contactMsg h3{ color: #333; padding-bottom: 20px; border-bottom: 1px solid #E8E8E8}
.contactForm{ margin-top: 20px;}
.contactForm-li{ margin-top: 15px;}
.contactForm-li:first-child{ margin-top: 0}
.contactForm-inp{ border: 1px solid #E8E8E8; background-color: #fff; padding: 0 10px; outline: 0; line-height:40px; height: 42px; font-size: 16px; color: #333; width: 100%; margin-top: 5px;}
textarea.contactForm-inp{ height: 100px; line-height:1.4; padding-top: 10px; padding-bottom: 10px;}
/* CONTACT END */

/* CASE */
.caseBanner{ background-image: url(../images/case-1.jpg)}
.caseList-body ul{ margin-top: -15px;}
.caseList-body li{ margin-top: 15px;}
.caseList-body a{ display: block; background-color: #fff; border-radius: 5px; overflow: hidden;}
.caseList-body .liImg{ overflow: hidden}
.caseList-body .liText{ padding:20px 15px;}
.caseList-body dt{ color: #333}
.caseList-body dt:after{ content: ''; display: block; width: 40px; height: 3px; background-color: #D7D7D7; margin: 0 auto; margin-top: 10px;}
.caseList-body dd{ color: #999; line-height: 1.8; margin-top: 10px;}
.caseList-body .liBtn{ margin: 0 auto; margin-top: 15px; display: block; width: 128px; text-align: center; line-height: 46px; border: 1px solid #E8E8E8; border-radius: 5px; overflow: hidden;}
.caseList-body a:hover .liBtn{ background-color: #522420; color: #fff; border-color: #522420}
.caseList-body a:hover dt{ color: #522420}
.fyTitle h3{ color: #51231E; font-size: 30px;}
.fyTitle h3:after{ content: ''; display: block; width: 40px; height: 3px; margin: 0 auto; margin-top: 10px; background-color: #51231E;}
.a.fyTitle,.a.fyTitle h3 { color: #fff;}
.a.fyTitle h3:after{ background-color: #fff;}
.a.fyTitle p{ margin-top: 10px;}
.casePar{ overflow: hidden;}
.casePar-body{ position: relative;}
.casePar-logo{ position: relative; margin-bottom: 5px; width: 100%;}
.casePar-logo .hd{ display: none;}
.casePar-logo .bd { width: 100%;}
.casePar-logo .bd li{ margin-left: 5px; float: left; width: 120px; -webkit-box-shadow:0px 2px 10px rgba(0, 0, 0, .05); box-shadow: 0px 2px 10px rgba(0, 0, 0, .05);}
.casePar-logo .bd img{  width: 100%;}
.casePar-logoB { margin-left: -40px;}
.casePar-logo:last-child{ margin-bottom: 0;}
.casePar-mask{position: absolute; top: 0; bottom: 0; width: 100px; z-index: 5;}
.casePar-mask.l{ 
    left: 0;
    background: -webkit-gradient(linear, right top, left top, from(rgba(245, 247, 248, 0)), to(rgba(245, 247, 248, 1)));
    background: -webkit-linear-gradient(right, rgba(245, 247, 248, 0), rgba(245, 247, 248, 1));
    background: -o-linear-gradient(right, rgba(245, 247, 248, 0), rgba(245, 247, 248, 1));
    background: linear-gradient(to left, rgba(245, 247, 248, 0), rgba(245, 247, 248, 1));
}
.casePar-mask.r{ 
    right: 0;
    background: -webkit-gradient(linear, right top, left top, from(rgba(245, 247, 248, 1)), to(rgba(245, 247, 248, 0)));
    background: -webkit-linear-gradient(right, rgba(245, 247, 248, 1), rgba(245, 247, 248, 0));
    background: -o-linear-gradient(right, rgba(245, 247, 248, 1), rgba(245, 247, 248, 0));
    background: linear-gradient(to left, rgba(245, 247, 248, 1), rgba(245, 247, 248, 0));
}
.caseDel{ background-color: #fff; padding: 0 15px;}
.caseDel-tit{ color: #333; padding: 20px 0}
.caseDel-body{ padding: 30px 0; border-top: 1px solid #EDEDED; border-bottom: 1px solid #EDEDED; }
.caseDel-body img{ margin-top: 30px; width: 100%}
.caseDel-body p{ margin-top: 30px;}
.caseDel-body img:first-child,.caseDel-body p:first-child{ margin-top: 0}
.caseDel-bot{ padding: 30px 0; text-align: center;}
.caseDel-bot a{display: inline-block;border-radius: 26px;width: 150px;line-height: 34px; border: 1px solid #E8E8E8; text-align: center;}
.caseDel-bot span {margin-right: 15px;}
.caseDel-bot a:hover{ background-color:#8C2F25; border-color: #8C2F25; color: #fff; }
/* CASE END */

/* NETWORK */
.networkBanner{ background-image: url(../images/network-1.jpg)}
.networkSearch{ background-color: #fff;}
.networkSearch-body p{ width: 100%; text-align: center; }
.networkSearch-body select{ margin-top: 15px; width: 100%; border: 1px solid #E8E8E8; background-color: #FDFDFD; color: #333; line-height: 54px; height: 56px; outline: none; padding: 0 10px;}
.networkSearch-body a{ margin-top: 15px; display: block; line-height: 56px; text-align: center; color: #fff; background-color: #E5322C;}
.networkList-body ul{ margin-top: -15px;}
.networkList-body li{ margin-top: 15px;}
.networkList-body a{ display: block; background-color: #fff; padding: 25px;}
.networkList-body dt{ color: #333;}
.networkList-body dd{ margin-top: 5px;}
.networkList-body .liBtn{ margin: 0 auto; margin-top: 15px; width: 148px; line-height: 46px; text-align: center; border: 1px solid #E8E8E8; border-radius: 5px; overflow:hidden;}
.networkList-body .liBtn span{ margin-right: 10px;}
.networkList-body a:hover .liBtn{ background-color: #51231E; border-color: #51231E; color: #fff;}
.networkList-body a:hover dt{ color: #51231E}
/* NETWORK END */

/* JOIN */
.joinBanner{ height: 325px; background-image: url(../images/join-1.jpeg); background-size: auto 325px;}
.a.fyTitle body ul{ margin-top: -30px;}
.joinA-body li{ text-align: center; margin-top: 30px;}
.joinA-body img{ height: 35px; display: inline-block; position: relative; top: 0;}
.joinA-body dl{ margin-top: 15px;}
.joinA-body dd{ margin-top: 10px; color: #333; line-height: 1.8;}
.joinA-body li:hover img{ top: -8px;}

.joinB{ background: url(../images/pro-7.jpg) no-repeat center top; background-size: cover; background-attachment: fixed;}
.joinB-body{ position: relative;}

.joinC-body ul{ margin-top: -15px;}
.joinC-body li{ margin-top: 15px;}
.joinC-body dl{ color: #51231E;  border:4px solid #51231E; text-align: center; padding: 20px;}
.joinC-body dt{ width: 40px; height: 40px; margin: 0 auto; text-align: center; border:4px solid #51231E; line-height: 32px;}
.joinC-body dd{ margin-top: 15px; line-height: 1.8;}
 
.joinD{ background-color: #51231E;}
.joinD-text ul{ margin-top: -15px;}
.joinD-text li{ margin-top: 15px;}
.joinD-text p{border:4px solid #fff; color: #fff; text-align: center; padding: 20px 0;}
.joinD-body { position: relative;}
.joinD-body li{  float: left; }
.joinD-body .liImg{ overflow: hidden;}
.joinD-body .liText{ background-color: #fff; border: 4px solid #D7AD72; padding: 15px; border-top-width:0 ;}
.joinD-body dd{  color: #999; line-height: 1.8;}
.joinD-body p{ line-height: 1.8;}
.swiper-arrow{ background: inherit; font-size: 40px; line-height: 1; color: #fff; width: auto; height: auto; margin-top: -20px;}
.swiper-arrow.swiper-button-next{ right: 10px;}
.swiper-arrow.swiper-button-prev{ left: 10px;}

.joinF{ background: url(../images/join-15.jpg) no-repeat center; background-size: cover; }
.joinF-text{ color: #fff;}
.joinF-text h3{ margin-top: 15px;}
.joinF-formCon{ margin-top: -15px;}
.joinF-formLi{ width: 100%; margin-top: 15px; float: left;}				
.joinF-formInp{ width: 100%; border: 1px solid #E8E8E8; height: 56px; line-height: 54px; padding: 0 15px; font-size: 16px; color: #333; border-radius: 0; outline: none;}
.joinF-formBtn{margin-top: 15px;}
.joinF-formBtn a{ display: block; line-height: 54px; border: 1px solid #fff; background-color: #E5322C; color: #fff; font-size: 16px; text-align: center;}
.joinF-formBtn a:hover{ color: #fff; background-color: #51231E;}
/* JOIN END */


@media (min-width: 768px) { 
    body{ font-size: 14px;}
    .fontSizeA{ font-size: 24px}
    .fontSizeB{ font-size: 16px;}
    .fontSizeC{ font-size: 32px;}
    .fontSizeD{ font-size: 20px;}
    .fontSizeE{ font-size: 40px;}

    .indexPro-body li{ margin-top: 1.8em}
    .indexPro-body li:nth-child(2){ margin-top: 3.6em}
    .indexPro-body li:nth-child(3){ margin-top: 5.4em}
    .indexPro-body .text{ text-align: left; left: 3.333em; top: 4.444em; transform: translateX(0) translateY(0);} 
    .indexAbout-textBody dt{ font-size: 2.6em; }
    .indexAbout-textBody dd{ font-size: 2.6em; margin-top:10px;}
		
    .joinD-text p{ min-height: 104px; }
}
@media (min-width: 992px){
    .title h5,.title h4{ font-weight: lighter}
    .indexBanner .swiper-pagination{ bottom: 30px;}
    .indexNew-body ul{ margin-top: -30px;}
    .indexNew-body li{ margin-top: 30px;}
    .indexAbout-video{ padding: 100px 0}
    .indexAbout-videoBg video{ width: 100%; height: auto;}
    .indexAbout-videoBody .meau{ padding: 0; border-top: 1px solid #fff;}
    .indexAbout-videoBody .meau li{ width: 33.3333%; padding: 20px 10px; border: 0;  float: left; cursor: pointer; border-top: 5px solid transparent; margin-top: 0}
    .indexAbout-videoBody .meau li.cur{ border-top: 5px solid #fff;background-color: inherit; color: #fff}
    .footerCode{ text-align: right;}    

    .fyBannner{ height: 500px;}
    .fyBannner .text{ text-align: left; padding-left: 15%; width: auto;}
    .fyMeau-ej a{ line-height: 80px; font-size: 18px;}
    .fyMeau-sj a{ font-size: 18px; line-height: 78px; padding: 0 40px;}

    .aboutA .title{ text-align: left;}
    .aboutA .text{ margin-top: 0}
    .aboutA .text h5{ font-size: 2em; font-weight: lighter;}
    .aboutB-bg { height: 620px;}
    .aboutB-text{ padding: 50px 10%; margin-top: 505px;}
    .aboutB .zs ul{ margin: -24px 0 0 -24px;}
    .aboutB .zs li{ margin: 24px 0 0 24px; width: 149px;}
    .aboutB .zs img{ width: 100%}
    .fyBtn a{ width: 220px;}
    .aboutD{background-size:100% 750px;}
    .aboutD-td p{ font-size: 18px; line-height: 60px;}
    .aboutD-num{ padding: 60px 0;}
    .aboutD-num li{ width: 20%; font-size: 22px;}
    .aboutD-num li:nth-child(3){border-right: 1px solid rgba(237, 237, 237, .3)}
    .aboutD-num dt span{ font-size: 44px;}
    .aboutD-body .text{ padding: 50px}
    .cultureB-body ul{ margin-top: -30px;}
    .cultureB-body li{ margin-top: 30px;}
    .cultureB-body .liCon{ padding: 50px 0;}
    .cultureB-body dd{ height: 56px;}
    .cultureC{ margin-top: 64px;}
    .cultureC-pic{ margin: -150px 30px 0 30px;}
    .cultureC-text{ font-size: 30px;}
    .cultureE-body dl{ padding: 35px;}
    .cultureE-body ul{ margin-top: -30px;}
    .cultureE-body li{ margin-top: 30px;}
    .cultureF-body{ background-size: 100% 480px;}
    .cultureF .aboutB-text{ padding-left: 10px; padding-right: 10px}
    .cultureF-bodyUl{ padding: 120px 0;}
    .schoolList ul{ margin-top: -30px;}
    .schoolList li{ margin-top: 30px;}
    .schoolList .dlA{ padding: 35px 15px;}
    .courseList-body{ padding-left: 0;padding-bottom: 60px;}
    .courseList-body:before{ left: 50%; margin-left: -.5px; top: 21px;}
    .courseList-body li{ margin-top: 60px;}
    .courseList-body li:before{ width: 21px; height: 21px; left: 50%; margin-left: -10.5px;}
    .courseList-pic,.courseList-text{ width: 50%;}
    .courseList-pic.fl,.courseList-text.fl{ padding-right: 8%; text-align: right;}
    .courseList-pic.fr,.courseList-text.fr{ padding-left: 8%; text-align: left}
    .courseList-text{ margin-top: 0}
    .courseList-text dd{ margin-top: 10px;}
    .courseList-pic img{ display: inline-block;}
    .courseList-btn a{  width: 200px; line-height: 50px;}
    .honorList .liCon{ padding-top: 25px;}
    .honorList .liText{ padding: 20px 15px}
    .gyA-body ul{ margin-top: -30px;}
    .gyA-body li{ margin-top: 30px;}
    .gyA-body .liCon{ padding: 50px 0;}
    .gyA-body dl{ margin-top: 15px;}
    .gyA-body .liImg img{ width: 80px; height: 80px}
    .gyList-body ul{ margin-top: -50px}
    .gyList-body li{ position: relative; margin-top: 50px;}
    .gyList-picCon{ border-radius: 5px;}
    .gyList-text{position: absolute; top: 15px; bottom: 15px; right: -15px;}
    .gyList-textCon{  padding: 40px; height: 100%; border-radius: 5px;}
    .gyList-textCon a{ line-height: 48px; width: 160px; margin-top: 40px;}
    .gyList li:nth-child(even) .gyList-pic{ float: right}
    .gyList li:nth-child(even) .gyList-text{ right: initial; left: -15px;}
    .pageList a{ width: 48px; height: 48px; line-height: 48px; font-size: 18px;}

    .newImpo .swiper-pagination{ margin-top: 35px;}
    .newImpo .swiper-pagination-bullet{ width: 10px; height: 10px;}
    .activityList ul{ margin-top: -30px;}
    .activityList li{ margin-top: 30px;}
    .activityList .liText{ padding: 0 30px;}
    .activityList .liText dl{ padding: 30px 0;}
    .activityList .liText-bot{ padding: 15px 0; }
    .activityList .liText-bot .pA{ color: #999; float: left}
    .activityList .liText-bot .pB{ color: #E5322C; float: right;}
    .newDel-botPn{ text-align: left}
    .newDel-botBtn{ text-align: right; margin: 0}
    .newDel-botBtn a{ line-height: 50px; width: 200px;}
    .newDel-botBtn span{ margin-right: 25px;}
    .newDel-con{ text-align: center}
    .newDel-con img{ display: inline-block; width: auto; max-width: 1500px;}
    /* .newDel-con img,.newDel-con p{ margin-top: 50px;} */

    .proList-body ul{ margin-top: -30px;}
    .proList-body li{ margin-top: 30px;}
    .proList-body .liTit{ padding: 25px 10px;}
    .proList-body a:hover .liText{ bottom: 86px;}
    .proList-body .liText span{ width: 40px; height: 40px; line-height: 38px;}
    .proDel-info{ margin-top: 0}
    .proDel-info h4{ font-size: 40px;}

    .contactBox{ padding: 40px 50px;}
    .contactMsg{ margin-top: 0}
    .contactInfo-top h2{ font-size: 40px;}
    .contactInfo-bot .dlA{ float: left;}
    .contactInfo-bot .dlB{ float: right; text-align: left; margin-top: 0}
    .contactBtn{ width: 190px;}
    .contactForm{ margin-top: 35px;}
    .contactForm-li{ margin-top: 18px;}

    .fyTitle h3{ font-size: 40px;}
    .fyTitle h3:after{ margin-top: 25px;}
    .a.fyTitle p{ margin-top: 20px;}
    .caseList-body ul{ margin-top: -30px;}
    .caseList-body li{ margin-top: 30px;}
    .caseList-body .liText{ padding: 35px 30px; }
    .caseList-body dt:after,.caseList-body dd{ margin-top: 15px;}
    .caseList-body .liBtn{ margin-top: 20px;}
    .casePar-logo{ margin-bottom: 20px;}
    .casePar-logo .bd li{ width: 173px; margin-left: 20px;}
    .casePar-mask{ width: 250px;}
    .caseDel{ padding: 0 75px}
    .caseDel-tit{ padding: 40px 0}
    .caseDel-body{ padding: 50px 0; text-align: center;}
    .caseDel-body img{ display: inline-block; width: auto; max-width: 1500px;}
    .caseDel-body p{ text-align: left}
    .caseDel-body img,.caseDel-body p{ margin-top: 50px;}
    .caseDel-bot { padding: 50px 0}
    .caseDel-bot a{line-height: 50px;width: 200px;}
    .caseDel-bot span {margin-right: 25px;}

    .networkSearch-body{ text-align: center;}
    .networkSearch-body p{ line-height: 56px; display: inline-block; margin: 0 5px; width: auto;}
    .networkSearch-body select{ display: inline-block; width: 280px; margin: 0 5px}
    .networkSearch-body a{ display: inline-block; width: 180px; margin: 0 5px;}
    .networkSearch-body a:hover{ background-color: #522420; color: #fff;}
    .networkList-body ul{ margin-top: -30px;}
    .networkList-body li{ margin-top: 30px;}
    .networkList-body dl{ text-align: left}
    .networkList-body dd{ margin-top: 8px;}
    .networkList-body .liBtn{ margin: 25px 0 0 0;}
		
    .joinBanner{ height: 650px; background-size: auto 650px;}
    .joinA-body ul{ font-size: 0; margin-top: -50px;}
    .joinA-body li{ float: inherit; display: inline-block; vertical-align: top; margin-top: 50px;}
    .joinA-body dl{ padding: 0 6%;}
    .joinC-body li dl{ height: 187px;}
    .joinC-body li:first-child dl{ height: 404px; padding-top: 120px;}
    .joinD-body .liImg{ margin-right: 25px;}
    .joinD-body .liText{ padding: 30px 20px; border-top-width: 4px; margin-left: 20px; margin-top: -150px; padding-top: 180px;}
    .joinD-body .liText dd{ margin: 5px 0;}
    .swiper-arrow.swiper-button-next{ right: -60px;}
    .swiper-arrow.swiper-button-prev{ left: -60px;}
    .joinF-form{ width: 980px; margin: 0 auto;}
    .joinF-formCon{ float: left; margin-top: -6px; width: 784px;}
    .joinF-formLi{ margin: 6px; width: 380px;}
    .joinF-formBtn{ float: left; margin-top: 0; margin: 0 6px;}
    .joinF-formBtn a{ font-size: 24px; height: 122px; line-height: 120px; width: 180px;}
		

}
@media (min-width: 1200px){
    .footerTop a{ padding-left: 5%; padding-right: 5%;}
    .footerTop dl{ margin-left: 5%}

    .cultureB-body dd{ height: 112px;}
    .cultureE-body ul{ margin-top: 0}
    .cultureE-body li{ margin-top: 0}
    .cultureE-body li:nth-child(1),.cultureE-body li:nth-child(3),.cultureE-body li:nth-child(4),.cultureE-body li:nth-child(6){ margin-top: 50px; }
}
@media (min-width: 1366px){
    .navbar-brand{ padding-top: 16px; padding-bottom: 16px;  border-right:1px solid #EDEDED;height: 90px; }
    .navbar-brand span{ width: 230px; height: 58px;}
    .navbar-nav{ margin-left: 2%}
    .navbar-nav>li>a{ line-height: 60px;  padding-left: 15px; padding-right: 15px; }
    .navbar-default .navbar-nav>li>a{font-size: 16px;}
    .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{ background-color: inherit; color: #E5322C;}
    .navbar-default .navbar-collapse, .navbar-default .navbar-form{ border-bottom: 0}
    .navbar-default .navbar-nav.headContact{  border-left:1px solid #EDEDED; padding: 0 20px;}
    .header .container-fluid{ position: relative}
    .nav>li>a,.nav>li{ position: initial;}
    
    body{ padding-top: 90px;}
    
}
@media (min-width: 1440px){
    .container{ width: 1390px;}

    .footerTop a{ padding-left: 10%; padding-right: 10%;}
    .footerTop dl{ margin-left: 10%}

    .aboutD-bodyLi{ width: 50%;}
    .aboutD-body .text{ height: 472px;}
}

@media (min-width: 1680px){
    .container{ width: 1500px;}
    .navbar-nav{ margin-left: 2%}
    .navbar-nav>li>a{ padding-left: 15px; padding-right: 15px; }

    .aboutD-body .text{ height: 511px;}

}