@charset "utf-8";
/* CSS Document */

body{ margin:0px; padding:0px; font-size:12px;font-family:"微软雅黑","黑体";color:#f6f6f6;line-height:1; background:#FFF;}
ul,li,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,ol,form,input{ margin:0px; padding:0px;}
input,textarea { font-family: "微软雅黑"; border: none; outline: none; background: none; }
ul,li{ list-style:none}
img{border:0px; padding:0px; display: block;}
a{ color:#5c5c5c; text-decoration:none}


em,i { font-style: normal; }

.clear{ zoom: 1; }
.clear:after { content: ''; display: block; clear: both; }
.fl { float:left}
.fr { float:right}
.hidden{display:none; background: url() no-repeat center;}

.w1366{ width: 1366px; margin: 0 auto;}
.top{ z-index: 99; background: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0)); position: absolute; top: 0; left: 0; width: 100%; height: 125px;}

.top .logo{ float: left; height: 125px; line-height: 125px;}
.top .logo img{ display: inline-block; vertical-align: middle;}
.top .nav{ float: right;}
.top .nav ul li{     position: relative;float: left; margin-left: 50px;margin-top: 20px;line-height: 100px;}
.top .nav ul li span{ display: none; background: url(../images/navJt_03.png); width: 58px; height: 8px; transform: translateX(-50%);  position: absolute; left: 50%; top: 80px;}
.top .nav ul li a{ font-size: 16px; color: #fff;}
.top .nav ul li dl{ display: none; width: 200%; background: rgba(220,193,148,0.8); position: absolute; top: 100px; left: 50%; transform: translateX(-50%); padding: 15px 0;}
.top .nav ul li dl dd{ text-align: center; line-height: 35px;}
.top .nav ul li dl dd a{ font-size: 14px; color: #fff;}
.top .nav ul li:hover dl{ display: block;}
.top .nav ul li:hover span{ display: block;}
.top .language{ position: absolute; right: 0; top: 0; background: url(../images/bg2_02.png); width: 485px; height: 30px; line-height: 30px; background-size:100% 100%; padding-left: 55px; box-sizing: border-box;}
.top .language ul{ overflow: hidden;}
.top .language ul li{ color: #fff; float: left; height: 30px; line-height: 30px;}
.top .language ul li a{ color: #fff;padding: 3px;}
.top .language ul li:last-child{ padding-right: 25px; background: url(../images/icon_09.png) right center no-repeat;}

.banner{ width: 100%; overflow: hidden;border-bottom: 4px solid #dcc194;}
.banner .navbanner img:hover{transform: scale(1); }
.banner img{transform: scale(1.2);  width: 100%;display:block; height: auto; transition: 5s;}

.banner .swiper-slide.swiper-slide-active{ z-index: 10;}
.banner .swiper-slide.swiper-slide-active img{ transform: scale(1);}
.indexContainter .tit{ height: 145px; line-height: 145px; font-size: 16px; color:#a47850;}
.indexContainter .tit span{ font-weight: 500; font-family: "华文中宋"; font-size: 34px;}
.indexContainter .tit span a{color: #a47850;}
.indexContainter .layer1{ overflow: hidden; padding-bottom: 65px;}
.indexContainter .layer1Left{ float: left; width: 585px; }
.indexContainter .layer1Left .icon{ overflow: hidden; height: 395px; width: 100%; position: relative;}
.indexContainter .layer1Left .icon img{ transition: 0.5s; display: block; width: 100%; height: 100%;}
.indexContainter .layer1Left .icon:hover img{ transform: scale(1.1);}
.indexContainter .layer1Left .icon p{ width: 100%; height: 60px; padding: 0 35px; box-sizing: border-box; font-size: 20px; font-weight: bold; color: #fff; background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.4)); position: absolute; bottom: 0; left: 0;}
.indexContainter .layer1Right{ width: 730px; float: right;}
.indexContainter .layer1Right .hd{ border-bottom:1px solid #edf1f6; position: relative; height: 145px;}
.indexContainter .layer1Right .hd ul{ height: 145px; line-height: 45px;}
.indexContainter .layer1Right .hd ul li{ font-size: 20px; color: #333; font-weight: bold; cursor: pointer; position: relative; float: left; margin-right: 42px; line-height: 145px;}
.indexContainter .layer1Right .hd ul li.on span{  background: url(../images/bg3_03.png); width: 83px; height: 9px; position: absolute; top: 100px; left: 50%; transform: translateX(-50%);}
.indexContainter .layer1Right .hd .more{ background: url(../images/icon_062.png); width: 128px; height: 34px; display: block; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.indexContainter .layer1Right .hd .more a{ display: block; width: 100%; height: 100%;}
.indexContainter .layer1Right .bd{ width: 100%;}
.indexContainter .layer1Right .bd ul{ width: 100%;}
.indexContainter .layer1Right .bd ul li{ height: 97px; border-bottom: 1px solid #edf1f6;}
.indexContainter .layer1Right .bd ul li .time{ float: left; width: 80px; padding-top: 28px;}
.indexContainter .layer1Right .bd ul li .time h2{ text-align: center; font-size: 36px; font-family: "华文细黑";color: #a47850; padding-bottom: 0px;}
.indexContainter .layer1Right .bd ul li .time span{ display: block; font-weight: 100; text-align: center; padding-left: 2px;font-size: 17px; color: #a47850;}
.indexContainter .layer1Right .bd ul li .text{ width: calc(100% - 80px); float: left; padding-top: 28px;}
.indexContainter .layer1Right .bd ul li .text h2{ color: #333; font-weight: bold; margin-bottom: 15px; font-size: 16px; height: 16px; overflow: hidden;}
.indexContainter .layer1Right .bd ul li .text p{ font-size: 14px; color: #666; padding-right: 50px; width: 100%; height: 14px; overflow: hidden; background: url(../images/index_07.jpg) right center no-repeat;}

.indexContainter .layer2{ width: 100%; background: url(../images/bg_02.png); height: 550px;}
.indexContainter .layer2Box .hd{ padding: 35px 0; position: relative;}
.indexContainter .layer2Box .hd ul{ height: 72px;}
.indexContainter .layer2Box .hd ul li{ height: 72px; line-height: 72px; float: left; margin-right: 45px; cursor: pointer; color: #333; font-size: 12px;}
.indexContainter .layer2Box .hd ul li span{ display: inline-block; height:72px; line-height: 72px; font-weight: bolder; font-family: "新宋体"; font-size: 24px;}
.indexContainter .layer2Box .hd ul li span b{ display: inline-block; height: 72px; font-weight: bold;}
.indexContainter .layer2Box .hd ul li.on{ color: #a47850;}
.indexContainter .layer2Box .hd ul li.on span b{ border-bottom: 4px solid #a47850;}
.indexContainter .layer2Box .hd .more{ display: block; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.indexContainter .layer2Box .hd .more a{ display: block;background: url(../images/icon_062.png); width: 128px; height: 34px;}
.indexContainter .layer2Box .bd{ width: 100%; height: 210px;  border-radius:10px; box-shadow: 0 0 10px rgba(0,0,0,0.1); background: url(../images/index_12.jpg) right bottom no-repeat #fff; overflow: hidden;}
.indexContainter .layer2Box .bd .bdBox{ height: 100%; width: 100%; padding: 40px 140px 0 140px; box-sizing: border-box; position: relative;}
.indexContainter .layer2Box .bd .bdBox .swiper-container{ width: 100%; height: 100%;}
.indexContainter .layer2Box .bd .bdBox .nr{ width: 100%; overflow: hidden;}
.indexContainter .layer2Box .bd .bdBox .nr .time{ width: 80px; float: left;}
.indexContainter .layer2Box .bd .bdBox .nr .time h2{ font-weight: 100; height: 76px; line-height: 76px; text-align: center; font-size: 38px; color: #545454;}
.indexContainter .layer2Box .bd .bdBox .nr .time span{font-weight: 100; display: block; font-size: 25px; text-align: center; color: #545454;}
.indexContainter .layer2Box .bd .bdBox .nr .text{ float: left; width: calc(100% - 80px); }
.indexContainter .layer2Box .bd .bdBox .nr .text p{padding: 16px 0; border-bottom: 1px solid #e3e3e3; font-size: 16px;color: #262626; line-height: 22px;}
.indexContainter .layer2Box .bd .bdBox .nr .text span{ display: block; padding-top: 8px; color: #b8b8b8; font-size: 8px;}
.indexContainter .layer2Box .bd .bdBox .swiper-button-next{ background: url(../images/icon_15.png); width: 61px; height: 61px; right: 35px; top: 50%; transform: translateY(-50%); margin: 0;}
.indexContainter .layer2Box .bd .bdBox .swiper-button-prev{ background: url(../images/icon_18.png); width: 61px; height: 61px; left: 35px; top: 50%; transform: translateY(-50%); margin: 0;}
.indexContainter .layer3{ background: url(../images/bg_03.png); height: 740px;}
.indexContainter .layer3 .tit{ text-align: center; color: #cfab8b;}
.indexContainter .layer3 .tit a{ color: #cfab8b;}
.indexContainter .layer3 .bd{ width: 100%; overflow: hidden;}
.indexContainter .layer3 .bd ul{overflow: auto;}
.indexContainter .layer3 .bd ul li{ width: 330px !important; height: 495px; position: relative; float: left; margin-right: 12px;}
.indexContainter .layer3 .bd ul li img{ width:100%; height:100%; display:block;}
.indexContainter .layer3 .bd ul li p{ font-size: 14px; color: #fff; font-weight: bold; width: 100%; padding:20px; box-sizing: border-box; position: absolute; background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,1)); bottom: 0; left: 0;}
.indexContainter .layer3 .bd ul li p span{ display: block; font-weight: normal; margin-top: 8px; color: #fff; font-size: 10px;}
.indexContainter .layer4{ background: url(../images/bg_04.png); height: 1020px;}
.indexContainter .layer4 .tit{ background: url(../images/bg4_02.png) center center no-repeat; text-align: center;}
.indexContainter .layer4Box{ position: relative; height: 245px;}
.indexContainter .layer4Box .swiper-container{ width: 100%; height: 100%;}
.indexContainter .layer4Box .swiper-container .Tp{ background: #2677FB; width: 100%; position: relative; height: 100%;}
.indexContainter .layer4Box .swiper-container .Tp img.pic{ width: 100%; height: 100%;}
.indexContainter .layer4Box .swiper-container .Tp img.Tb{ width: 48px; height: 48px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.indexContainter .layer4Box .swiper-container .Tp img.Tb:hover{ width: 54px; height: 54px;color:#a47850; }
.indexContainter .layer4Box .swiper-container .Tp p{ width: 100%; height: 46px; overflow: hidden; padding: 0 10px; line-height: 46px; font-size: 15px; color: #fff; background: rgba(0,0,0,0.6); position: absolute; left: 0; bottom: 0; box-sizing: border-box;}
.indexContainter .layer4Box .swiper-button-next{ width: 34px; height: 64px; position: absolute; right: -64px; top: 50%; transform: translateY(-50%); text-align: center; line-height: 64px; background: rgba(0,0,0,0.5); color: #fff; margin: 0; font-size: 16px;}
.indexContainter .layer4Box .swiper-button-prev{ width: 34px; height: 64px; position: absolute; left: -64px; top: 50%; transform: translateX(-50%);text-align: center; line-height: 64px; background: rgba(0,0,0,0.5); color: #fff; font-size: 16px;}
.indexContainter .layer4List{ padding-top: 135px;}
.indexContainter .layer4Left{ width:450px; height: 322px; float: left;}
.indexContainter .layer4Left img{ display: block; width: 100%; height: 100%;}
.indexContainter .layer4Right{ width: calc(100% - 450px); float: left;}
.indexContainter .layer4Right .nr{ width: 50%; float: left; padding: 0 35px; box-sizing: border-box; height: 322px; border:1px solid #e2e2e2; background: #fff;}
.indexContainter .layer4Right .nr .bt{ height: 96px; color: #858585; line-height: 96px; font-size: 22px;}
.indexContainter .layer4Right .nr .bt dl{ overflow: hidden; float: left;}
.indexContainter .layer4Right .nr .bt dl dd{ cursor: pointer; float: left; height: 96px; line-height: 96px; font-size: 22px;}
.indexContainter .layer4Right .nr .bt dl dd span{font-size: 22px; font-weight: normal;}
.indexContainter .layer4Right .nr .bt dl dd.on span{ color: #d5b399; font-size: 26px; font-weight: bold;}
.indexContainter .layer4Right .nr .bt .more{ float: right; display: inline-block;  line-height: 96px; height: 96px;}
.indexContainter .layer4Right .nr .bt .more img{ display: inline-block; vertical-align: middle;}

.indexContainter .layer4Right .nr ul li{ line-height: 36px;}
.indexContainter .layer4Right .nr ul li a{ font-size: 13px; color: #333;}
.indexContainter .layer4Right .nr ul li span{ font-weight: bold; display: inline-block; margin-right: 6px; color: #949494;}
.indexContainter .layer4Right .nr:last-child{ background: #ca9e7c;}
.indexContainter .layer4Right .nr:last-child .bt{ color: #fff;}
.indexContainter .layer4Right .nr:last-child .bt span{ color: #f5e1d2;}
.indexContainter .layer4Right .nr:last-child ul li a{ color: #fff;}
.indexContainter .layer4Right .nr:last-child ul li span{ color: #fff;}
.indexContainter .layer4Right .nr:last-child dl dd.on span{ color: #fff;}
.footer{ border-top:1px solid #d2d2d2; box-sizing:border-box; padding: 65px 0;}
.footer .footerBox{ overflow: hidden;}
.footer .footerBox .footerLogo{ float: left;width: 175px;}
.footer .footerBox .footerLogo p{ height: 70px; line-height: 70px;}
.footer .footerBox .footerLogo p a{ font-size: 14px; color: #333;}
.footer .footerBox .footerLogo ul{ overflow: hidden;}
.footer .footerBox .footerLogo ul li{ width: 34px; float: left; margin-right: 4px;}
.footer .footerBox .footerRight{ float: right;}
.footer .footerBox .footerRight ul{ float:left; padding:0 30px; height: 250px; border-right:1px solid #f2f5f8 ;}
.footer .footerBox .footerRight ul h2{ font-size: 15px; color: #3e3e3e; font-weight: bold; margin-bottom: 25px;text-align: center;}
.footer .footerBox .footerRight ul li a{ color: #6d6d6d;font-size: 14px;}
.footer .footerBox .footerRight ul li{ margin-bottom: 30px;text-align: center;}
.footer .footerBox .footerRight ul:last-child{ border: 0;}
 
.copyRight{ background: url(../images/index_39.jpg); height: 186px;background-size: 100% 100%; padding-top: 65px; box-sizing: border-box;}
.copyRight p{ line-height: 22px; color: #fff;}
.sideBar{ display: none;}
.AppTop{ display: none;}

.ListContainer{ background: url(../images/pageBg_02.png) top center no-repeat; width: 100%;}
.navGation{ width: 100%; height: 90px;}
.navGation ul{ overflow: hidden;}
.navGation ul li{ font-size: 16px;
    float: left;
    line-height: 90px;
}
.navGation ul li a{ color: #333;    padding: 10px;}

.ListContainer .MainBox{ width: 100%; background: #fff; padding: 50px 0; overflow: hidden;}
.ListContainer .MainBox .side{ float: left; width: 365px; padding: 0 58px; box-sizing: border-box;}
.ListContainer .MainBox .side .bt{  width: 100%; background: url(../images/listBg_03.png); height: 86px;  color: #fff; font-weight: bold; background-size:100% 100% ; }
.ListContainer .MainBox .side .bt  a{  line-height: 86px;font-size: 25px;padding-left: 43px;color: #fff;text-align: left;}
.ListContainer .MainBox .side .sideBox{ box-sizing: border-box; width: 100%; border: 1px solid #f4ebdd; border-top:0; padding: 20px 45px;}
.ListContainer .MainBox .side .sideBox ul{ width: 100%;}
.ListContainer .MainBox .side .sideBox ul li p{ cursor: pointer; width: 100%; height: 60px; border-bottom: 1px solid #f4ebdd; line-height: 60px; color: #484848; font-size: 17px;}
.ListContainer .MainBox .side .sideBox ul li p:hover{ font-weight:800;color: #08499c;}
.ListContainer .MainBox .side .sideBox ul li p span{ float: right; color: #dcc194; font-weight: bold; display: inline-block;}
.ListContainer .MainBox .side .sideBox ul li dl{ width: 100%; padding: 10px 0 5px 0;}
.ListContainer .MainBox .side .sideBox ul li dl dd{ text-indent: 20px; line-height: 34px;}
.ListContainer .MainBox .side .sideBox ul li dl dd a{ color:#484848;font-size: 14px;}
.ListContainer .MainBox .side .sideBox ul li dl dd a:hover{ font-weight:800;color: #08499c;}

.ListContainer .MainRight{ float: right; width: calc(100% - 365px); padding-left: 35px; box-sizing: border-box; }
.ListContainer .MainRight ul{ width: 100%; padding-right: 76px; box-sizing: border-box; }
.ListContainer .MainRight ul li{ width: 100%; padding: 22px 0; border-bottom: 1px dashed #adadad; overflow: hidden;}
.ListContainer .MainRight ul li .time{ transition: 0.5s; border-radius:8px; width: 68px; height: 68px; float: left; padding-top: 8px; background: #08499c;}
.ListContainer .MainRight ul li .time h2{line-height: 45px; text-align: center; height: 40px; text-align: center; font-size: 22px; color: #fff;}
.ListContainer .MainRight ul li .time p{ text-align: center; color: #fff; font-size: 10px;}
.ListContainer .MainRight ul li .text{ padding-right: 50px; background:url(../images/listBg_07.png) right center no-repeat; width: calc(100% - 68px); float: left; padding-left: 18px; box-sizing: border-box; box-sizing: border-box;}
.ListContainer .MainRight ul li .text h2{ font-size: 18px; color: #333; margin-bottom: 15px; font-weight: bold; line-height: 20px;}
.ListContainer .MainRight ul li .text p{ font-size: 14px; color: #676767; line-height: 22px; height: 44px; overflow: hidden;}
.ListContainer .MainRight ul li:hover .time{ background: #dcc194;} 
.ListContainer .MainRight .pageMain{ padding: 50px 0;}
.ListContainer .MainRight .pageMain dd{ float: left; margin-right: 6px;font-size: 12px; color: #333; line-height: 24px;}
.ListContainer .MainRight .pageMain dd a{ display: inline-block; height: 24px; line-height: 24px; border: 1px solid #ccc; color: #333; padding: 0 8px;}
.ListContainer .MainRight .pageMain dd input{ border: 1px solid #ccc; width: 24px; height: 24px; text-align: center;}
.ListContainer .MainRight .pageMain dd.on a{ background: #f04646; border: 1px solid #f04646; color: #fff;}
.footer.page{ height: auto; padding:65px 0 0 0; background: url(../images/pageBg_04.png);border-top: 10px solid #dcc194;}

.footer.page .footerBox .footerLogo p { color: #fff;}
.footer.page .footerBox .footerLogo p a{ color: #fff;}
.footer.page .footerBox .footerRight ul{ border: none;}
.footer.page .footerBox .footerRight ul h2{ color: #fff;}
.footer.page .footerBox .footerRight ul li a{ color: #fff;}
.footer.page .copyRight{ height: auto; border-top:1px solid #ffffff61; background: none; padding: 15px 0;}

.special{ width: 100%; background: url(../images/zt_02.png) top center no-repeat; padding-top: 410px;}
.titleMain{ overflow: hidden;  width: 1015px; background: #fff;box-shadow: 0 0 10px rgba(0,0,0,0.05);}
.titleMain .Left{ float: left; background: url(../images/ztIcon_03.png); width: 247px; height: 86px; line-height: 86px; font-size: 22px; color: #fff; font-weight: bold; text-indent: 54px;}
.titleMain ul{ box-sizing: border-box; float: left; width: calc(100% - 247px); padding-left: 45px;}
.titleMain ul li{ float: left; height: 86px; line-height: 86px;}
.titleMain ul li a{padding: 0 28px;display: inline-block;vertical-align: middle;height: 20px; border-right: 1px solid #eee;line-height: 20px;font-size: 16px;}

.special .specialLayer1{ overflow: hidden; margin-top: 80px; box-shadow: 0 0 10px rgba(0,0,0,0.1);background: #fff;}
.special .specialLayer1 .icon{ float: left; width: 935px; height: 420px;}
.special .specialLayer1 .icon img{ display: block; width: 100%; height: 100%;}
.special .specialLayer1 .text{ width: calc(100% - 935px); box-sizing: border-box; float: left; height: 100%; background: #fff; padding:40px 60px 0 60px;}
.special .specialLayer1 .text h2{ font-size: 26px; font-weight: bold; color: #333; line-height: 40px; height: 80px; overflow: hidden; margin-bottom: 25px;}
.special .specialLayer1 .text p{ font-size: 15px; color: #535353; line-height: 26px; margin-bottom: 40px;}
.special .specialLayer1 .text h3{ font-size: 40px; color: #535353; font-weight: bold;}
.special .specialLayer1 .text span{ font-size: 12px; color: #535353;}
.special .tit{ height: 145px; line-height: 145px; font-size: 34px; font-weight: bold; color: #b61f1e;}



.special .specialLayer2 .MainBox{  height: 370px;}
.special .specialLayer2 .MainBox .icon{ float: left; overflow: hidden; width: 570px; height: 370px; position: relative;  box-sizing: border-box; } 
.special .specialLayer2 .MainBox .icon img{ transition: 0.5s; display: block; width: 100%; height: 100%;}
.special .specialLayer2 .MainBox .icon p{padding: 0 35px; box-sizing: border-box; position: absolute; left: 0; bottom: 0; height: 76px; line-height: 76px; font-size: 20px; color: #fff; font-weight: bold;}
.special .specialLayer2 .MainBox .icon:hover img{ transform: scale(1.1);}
.special .specialLayer2 .MainBox .list{ width: calc(100% - 570px); height: 370px; float: left; padding-left: 27px; box-sizing: border-box;}
.special .specialLayer2 .MainBox .list ul{ width: 100%; height: 370px;}
.special .specialLayer2 .MainBox .list ul li{ padding: 18px 25px 0 25px; box-sizing: border-box; width: 49%; height: 106px; margin-bottom: 26px; margin-right: 2%; float: left; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,.1);}
.special .specialLayer2 .MainBox .list ul li:nth-child(2n){ margin-right: 0;}
.special .specialLayer2 .MainBox .list ul li h2{ font-size: 16px; color: #333;  line-height: 22px; height: 44px; overflow: hidden; margin-bottom: 10px;}
.special .specialLayer2 .MainBox .list ul li p{ height: 16px; line-height: 16px; padding-left: 20px; background: url(../images/ztIcon_11.png) left center no-repeat; font-size: 12px; color: #9c9c9c;}
.special .specialLayer3 ul{ padding-bottom: 150px; width: 100%; height: 215px;}
.special .specialLayer3 ul li{background: linear-gradient(to right,rgba(255,255,255,1),rgba(255,255,255,0.1)); transition: 0.5s; width: 23.5%; float: left; height: 215px; margin-right: 1.5%; border-radius:15px; border: 1px solid #f1f1f1; box-sizing: border-box; padding: 30px 28px; position: relative;}
.special .specialLayer3 ul li:last-child{ margin-right: 0;}
.special .specialLayer3 ul li p{ display: block; font-size: 12px; color: #848484; margin-bottom: 15px;}
.special .specialLayer3 ul li h2{ font-size: 16px; line-height: 28px; color: #595959;}
.special .specialLayer3 ul li:hover{ background: linear-gradient(to right,rgba(184,53,53,1),rgba(184,53,53,0.1));}
.special .specialLayer3 ul li:hover p{ color: #fff;}
.special .specialLayer3 ul li:hover h2{ color: #fff;}
.details{ position: relative; z-index: 1; background: url(../images/pageBg_02.png);background-size: 100% 100%;}
.details .titleMain{ transform: translateY(-50%);}
.details .titleMain .Left{ background: url(../images/listBg_03.png);}
.details .titleMain ul li:last-child a{ border: 0;}
.details .conBox{  background: #fff; padding: 0 45px; box-sizing: border-box;}
.details .conBox .nr{ padding: 0 50px; box-sizing: border-box; width: 100%; overflow: hidden;}
.details .conBox .nr .bt{}
.details .conBox .nr .bt h2{ font-size: 32px; color: #333; text-align: center; line-height:40px;font-weight: normal; padding: 26px;border-bottom: 1px solid #dcdcdc;}
.details .conBox .nr .bt ul{ text-align: center;}
.details .conBox .nr .bt ul li{ display: inline-block; margin: 0 8px; height: 52px; line-height: 52px; color: #9a9a9a;font-size:14px;}
.details .conBox .nr .text{padding-top: 25px; width: 100%;}
.details .conBox .nr .text p{ font-size: 16px; color: #333; line-height: 28px;margin-bottom: 20px;}
.details .conBox .nr .text img{ display:inline;}
.teachers{ width: 100%; background: url(../images/teachers_02.png); height: auto;}
.teachers .conBox{ min-height: 1240px; width: 100%; padding: 60px; box-sizing: border-box; background: #fff;overflow: hidden;}
.teachers .conBox .side{ float: left; width: 300px;  padding-right: 55px; box-sizing: border-box;}
.teachers .conBox .side .bt{ width: 100%; height: 86px; background: url(../images/listBg_03.png); text-indent: 50px; line-height: 86px; font-size: 25px; font-weight: bold;color: #fff;}
.teachers .conBox .side ul{ width: 100%; border: 1px solid #f4ebdd; border-top:0; padding: 32px 45px; box-sizing: border-box;}
.teachers .conBox .side ul li{ height: 60px; line-height: 60px; border-bottom: 1px solid #f4ebdd;}
.teachers .conBox .side ul li:hover a{ font-weight: bold; color: #08499c;}
.teachers .conBox .side ul li a{     cursor: pointer;
    width: 100%;
    height: 60px;
    line-height: 60px;
    color: #484848;
    font-size: 17px;}
.teachers .conBox .list{ width: calc(100% - 350px); float: left;margin-left:50px; border-top:1px solid #f1e6d4;}
.teachers .conBox .list .listBox{ width: 100%; margin-top: 75px;}
.teachers .conBox .list .listBox h2{ font-size: 22px; font-weight: bold; color: #cdb679;}
.teachers .conBox .list .listBox ul{ overflow: hidden; padding-top: 20px;}
.teachers .conBox .list .listBox ul li { float: left; margin-right: 50px;width: 99px; font-size: 22px; color: #333;}
.teachers .conBox .list .listBox ul li a { line-height:45px;font-family: kaiti;}
.teachers .conBox .list .listBox ul li a:hover { font-weight: bold; color: #08499c;}
@media(max-width:1366px) {
	
	.w1366{ width: 100%;}
	
	body{ padding-top: 60px; }
	body.page{ padding-top: 60px;}
.navGation ul li{ font-size: 14px; float: left;line-height: 20px;margin-top: 20px;}
	.top{ display: none;}
.navGation{ height: 50px;}
.navGation ul li a{ color: #545454d1;
    padding: 6px;}
	.AppTop{ box-shadow: 0 0 10px rgba(0,0,0,0.1); display: block; z-index: 99; background: #333; width: 100%; height: 60px; position: fixed; top: 0; left: 0;}
	.AppTop .logo{ padding-left: 20px; height: 60px; line-height: 60px;}
	.AppTop .logo img{ display: inline-block; vertical-align: middle; height: 40%; width: auto;}
	.sideClick{ position: absolute; width: 28px; height: 22px; right: 15px; top: 50%; transform: translateY(-50%);}
	.sideClick span{ width: 100%; height: 3px; border-radius:2px; background: #fff; transition: 0.5s; position: absolute;}
	.sideClick span:nth-child(1){ top: 0;}
	.sideClick span:nth-child(2){ top: 50%; transform: translateY(-50%);}
	.sideClick span:nth-child(3){ bottom: 0;}
.details .conBox .nr .bt ul li{ height: 20px;}
	.sideClick.on span:nth-child(1){ top: 50%; transform: translateY(-50%) rotate(45deg);}
	.sideClick.on span:nth-child(2){ width: 0;}
	.sideClick.on span:nth-child(3){  top: 50%; transform: translateY(-50%) rotate(-45deg);}
	.sideBar{ display: block; left: -100%; transition: 0.5s; transition: 0.5; z-index: 100; width: 70%; height: 100vh; box-shadow: 0 0 10px rgba(0,0,0,0.1); position: fixed; top: 0; background: #08499c;}
	.sideBar .logo{ padding: 40px 0;}
	.sideBar .logo img{ width: 60%; height: auto; display: block; margin: 0 auto;}
	.sideBar ul{ width: 60%; margin: 0 auto;}
	.sideBar ul li{ line-height: 32px; font-size: 14px; color: #fff;}
	.sideBar ul li a{ color: #fff; display: inline-block; position: relative;font-size: 15px;}
	.sideBar ul li a span{ display: inline-block; position: absolute; left: 92px; zoom: 0.8; top: 0; transform: translate(0%,-110%); color: #ff0000; font-size: 12px;}
	.indexContainter .layer1{ padding-bottom: 0;}
	.indexContainter .layer1Left{ width: 100%; height: auto;}
	.indexContainter .layer1Left .icon{ height: auto;}
	.indexContainter .tit{ height: 100px; line-height: 100px; text-align: center;}
	.indexContainter .layer1Right{ width: 100%; padding: 0 15px; box-sizing: border-box;}
	.indexContainter .layer1Right .hd{ height: auto;}
	.indexContainter .layer1Right .hd ul{ height: auto; overflow: hidden;}
	.indexContainter .layer1Right .hd ul li{ margin-right: 25px; font-size: 17px; overflow: hidden; height: 100px; line-height: 100px;}
	.indexContainter .layer1Right .hd ul li.on span{ top: 70px;}
	.indexContainter .layer1Right .hd .more{ height: 100%; width: 100px; background: url(../images/icon_062.png) right center no-repeat; background-size:auto 22px;}
	.indexContainter .layer2{ height: auto; padding: 0 15px 30px 15px; box-sizing: border-box;}
	.indexContainter .layer2Box .hd ul{ height: auto; overflow: hidden;}
	.indexContainter .layer2Box .bd .bdBox{ padding: 32px 20px 0px 20px;}
	.indexContainter .layer2Box .bd .bdBox .swiper-button-prev{ width: 30px; height: 30px; top: 83%; background-size:100% 100% ;}
	.indexContainter .layer2Box .bd .bdBox .swiper-button-next{ width: 30px; height: 30px; top: 83%; background-size:100% 100% ;}
	.indexContainter .layer3{ height: auto; padding-bottom: 20px;}
	.indexContainter .layer3Box{ width: 100%; overflow: hidden;}
	.indexContainter .layer4{ height: auto;}
	.indexContainter .layer4List{ overflow: hidden;  padding: 30px 15px; box-sizing: border-box;}
	.indexContainter .layer4Left{ width: 100%; height: auto; margin-bottom: 15px;}
	.indexContainter .layer4Right{ width: 100%;}
	.indexContainter .layer4Right .nr{ margin-bottom: 15px; width: 100%; padding: 0 15px; box-sizing: border-box;}
	.indexContainter .layer2Box .hd ul li span{ line-height: 31px;}
	.footer{ padding: 35px 15px; box-sizing: border-box;}
	.footer .footerBox .footerLogo{ width: 100%;}
	.footer .footerBox .footerLogo img{ display: block; margin: 0 auto;}
	.footer .footerBox .footerLogo p{ text-align: center;}
	.footer .footerBox .footerLogo ul{ text-align: center;}
	.footer .footerBox .footerLogo ul li{ float: inherit; display: inline-block;}
	.footer .footerBox .footerRight{ display: none;}
	.copyRight{ padding: 65px 15px 0 15px; box-sizing: border-box;background-size: auto;
    background-repeat: no-repeat;}
	.ListContainer .navGation{ padding: 0 15px; box-sizing: border-box; height: 60px;}
	.ListContainer .navGation ul li{ line-height: 60px;}
	.ListContainer .MainBox .side{ width: 100%; padding: 0 15px;}
	.ListContainer .MainBox .side .sideBox{ padding: 20px;}
	.ListContainer .MainBox .side .sideBox ul li dl{ overflow: hidden;}
	.ListContainer .MainBox .side .sideBox ul li dl dd{ width: 50%; float: left;}
	.ListContainer .MainRight{ width: 100%; padding: 0 15px; box-sizing: border-box; margin-top: 15px;}
	.ListContainer .MainRight ul{ width: 100%; padding: 0;}
	.ListContainer .MainRight ul li .text{ padding-right: 30px;}
	.ListContainer .MainRight ul li .text h2{ font-size: 16px;}
	.footer.page .copyRight{ padding: 15px;}
	.indexContainter .layer1Right .bd ul li .time h2{ text-align: center; font-size: 30px; font-family: "华文细黑";color: #a47850; padding-bottom: 0px;}
.indexContainter .layer1Right .bd ul li .time span{ display: block; font-weight: 100; text-align: center; padding-left: 2px;font-size: 14px; color: #a47850;}
.indexContainter .tit span{ font-weight: 500;font-family: "华文中宋";font-size: 25px;}
.indexContainter .tit span a{color: #a47850;}
.indexContainter .layer2Box .hd ul li span b{  height: 32px;font-size: 20px;}
.indexContainter .layer1Left .icon p{ font-size: 16px;}
	.special{ background-size:100% auto ; padding-top: 120px;}
	.titleMain{ width: 100%; background: none;display: none;}
.indexContainter .layer2Box .hd ul li{ height:44px;
    line-height: 42px;}
	.titleMain .Left{ text-indent: 0; text-align: center; margin: 0 auto; float: inherit}
	.titleMain ul{ width: 100%; padding: 0; text-align: center; float: inherit;}
	.titleMain ul li{ float: inherit; display: inline-block;}
	.special .specialLayer1{ margin: 0;}
	.special .specialLayer1 .icon{ width: 100%; height: auto;}
	.special .specialLayer1 .icon img{ display: block; width: 100%; height: auto;}
	.special .specialLayer1 .text{ width: 100%; padding: 20px 15px; box-sizing: border-box;}
	.special .specialLayer1 .text h3{ margin-bottom: 15px;}
	.special .tit{ height: 100px; text-align: center; line-height: 100px;}
	.special .specialLayer2 .MainBox{ height: auto; overflow: hidden;}
	.special .specialLayer2 .MainBox .icon{ width: 100%; height:auto; }
	.special .specialLayer2 .MainBox .list{ width: 100%; padding: 20px 15px;}
	.special .specialLayer2 .MainBox .list ul{ overflow: hidden; height: auto;}
	.special .specialLayer2 .MainBox .list ul li{ width: 100%; margin: 0 0 15px 0;}
	.special .specialLayer3 ul{ width: 100%; padding: 0 15px; box-sizing: border-box; height: auto; overflow: hidden;}
	.special .specialLayer3 ul li{ box-shadow: 0 0 10px rgba(0,0,0,0.1); width: 100%; margin-bottom: 15px;}
	.details .titleMain{ transform: none;}
	.titleMain ul{ background: #fff;}
	.details .conBox{ padding: 0 15px; box-sizing: border-box;}
	.details .conBox .nr{ padding: 0;}
	.details .conBox .nr .bt h2{     font-size: 20px;
    padding: 17px;
    height: auto;
    /* word-wrap: break-word; */
    /* word-break: normal; */
    line-height: 30px;}
	.details .conBox .nr .bt ul {padding: 15px 0;}
	.details .conBox .nr .bt ul li{ height: 24px; line-height: 24px; }
	.details .conBox .nr .text img{ width: 100%; height: auto;}
	.teachers .navGation{ padding: 0 15px; box-sizing: border-box;}
	.teachers .conBox{ padding: 15px; box-sizing: border-box;}
	.teachers .conBox .side{ width: 100%; padding: 0;}
	.teachers .conBox .side .bt{ background-size:100% auto ;}
	.teachers .conBox .side ul{ padding: 0; overflow: hidden; text-indent: 15px;}
	.teachers .conBox .side ul li{ width: 40%;padding-left: 30px; float: left;}
	.teachers .conBox .side ul li:last-child{ border: 0;}
	
	.teachers .conBox .list{ width: 100%;margin-left: 17px;}
	.teachers .conBox .list .listBox{ margin-top: 55px;}
	.teachers .conBox .list .listBox ul li{ line-height: 24px;margin-right: 47px;
    width: 65px;
    font-size: 20px;}
	.teachers{ height: auto; padding-bottom: 20px;}
	.teachers .conBox{ height: auto; min-height: auto; padding-bottom: 40px;}
}

/*横切焦点图*/
.hfSlide{
    display: block;
    margin: 30px auto;
    position: relative;
}
.hfSlide .hfSlide_prev,
.hfSlide .hfSlide_next{
    display: block;
    position: absolute;
    z-index: 512;
    width: 3%;
    height: 100%;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center;
}
.hfSlide .hfSlide_prev{
    top: 0;
    left: 0;
    background-image: url(../images/hfSlide_prev_ico.png);
}
.hfSlide .hfSlide_next{
    top: 0;
    right: 0;
    background-image: url(../images/hfSlide_next_ico.png);
}
.hfSlide_echo{
    display: block;
    position: absolute;
    box-sizing: border-box;
    width: 94%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 256;
    overflow: hidden;
}
.hfSlide_echo_rtf{
    width: auto;
    height: 100%;
    position: relative;
    top: 0;
    left: 0;
    transition: All 0.4s ease-in-out;
    -webkit-transition: All 0.4s ease-in-out;
}
.hfSlide_sub{
    display: block;
    float: left;
    box-sizing: border-box;
    padding: 0 10px 0 10px;
position: relative;
}
.hfSlide_sub > a{
    width: 100%;
    height: auto;
    display: block;
    box-sizing: border-box;
    transition: All 0.1s ease-in-out;
    -webkit-transition: All 0.1s ease-in-out;
    background-color: #fff;
}
.hfSlide_sub > a:hover{
    border: 1px #37b5ff solid;
}
.hfSlide_sub > a > img{
    width: 100%;
    height: 468px;
    display: block;
    margin:0;
}
.hfSlide_sub > a > p{font-size: 15px;
    color: #fff;
    font-weight: bold;
    width: 94%;
    box-sizing: border-box;
padding:10px 20px 20px 20px;
position: absolute;
float: left;
bottom:0px;
    background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,1));
    left: 10px;
}
.hfSlide_sub > a > p > span{ display: block; font-weight: normal; margin-top: 8px; color: #fff; font-size: 10px;
}