@charset "utf-8";
/* CSS Document */
body{margin:0; padding:0; font:12px Arial,"宋体"; color:#333; background-color:#fff;min-width: 1200px;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;}
ul,li,ol{list-style:none;}
a{text-decoration:none; color:#333;cursor: pointer;}
a:hover{text-decoration:none; color: #fdcb02;}
input,textarea,select,button{font-family:Arial,"Microsoft YaHei";}
input:focus,textarea:focus,select:focus,button:focus{ outline:none;}
::-moz-selection {background:#aaa;color:#FFF;}
::selection {background: #aaa;color: #FFF;}
img{border:0}
.clear {zoom: 1;clear:both; }
.clear:after {content: ''; display: block; clear: both;}
table{width: 100%; border-collapse:collapse;}
table tr,table td{max-width: 100%; border: solid 1px #eee;}
.fl{float:left;}
.fr{float:right;}
input,textarea,select{font-family:"Microsoft YaHei"; font-size:12px;}
input:focus,textarea:focus,select:focus{ outline:none;}
.scrollbar::-webkit-scrollbar{ width:6px; background:#f4f4f4;}/* 滚动条整体部分 */
.scrollbar::-webkit-scrollbar-button{ display:none;}/*  滚动条两端的按钮 */
.scrollbar::-webkit-scrollbar-track{ display:none;}/*  外层轨道 */
.scrollbar::-webkit-scrollbar-track-piece{ display:none;}/*  内层轨道 */
.scrollbar::-webkit-scrollbar-thumb{ background:#fdcb02; }/*  滚动条里面可以拖动的那部分 */
.scrollbar::-webkit-scrollbar-corner{display:none;}/* 边角 */
.scrollbar::-webkit-resizer{display:none;}/*  定义右下角拖动块的样式 */

.iconT{display: flex;align-items: center;text-align: center;justify-content: center;}
.c1200{width: 1200px; margin:0 auto; position: relative;}

/* header */
.header{width: 100%;position: fixed;top: 0;left: 0;z-index: 99; height: 90px; box-sizing: border-box; padding: 10px 0;background-color: rgba(255, 255, 255, 0.8);transition: all 0.6s ease;}
.header .logo{display: block;float: left;}
.header .logo img{display: block;height: 70px;transition: all 0.6s ease;}
.navBox{width: 900px;float: right;display: table;font-size: 0;  text-align: right; margin-top: 5px;}
.navBox .nLi{display: inline-block;vertical-align: top;position: relative;margin-left: 50px; margin-top: 10px;}
.navBox .nLi:first-child{ margin-left: 0;}
.navBox .nLi h3 a{display:block; line-height:18px;font-size:16px;color:#333;padding:10px 0 8px;font-weight: normal;border-bottom: 2px solid rgba(253, 207, 24, 0);transition: all 0.6s ease;}
.navBox .nLi:hover h3 a,.navBox .nLi#on h3 a{border-bottom: 2px solid #000;font-weight: bold; color: #000;}
.navBox .login{ display: inline-block; vertical-align: top; margin-left: 60px; line-height: 20px; margin-top: 19px;}
.navBox .login a{ display: inline-block; vertical-align: middle; font-size: 14px; color: #999;}
.navBox .login span{ display: inline-block; vertical-align: middle; font-size: 14px; color: #999; margin: 0 5px;}
.navBox .login a:hover{ color: #333;}
.is-fixed{box-shadow: 0 0 20px rgba(56, 52, 52, 0.1);-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.1);-moz-box-shadow: 0 0 20px rgba(0,0,0,0.1);background-color: #fff;}

/*indexBanner*/
.indexBanner{width: 100%;position: relative;}
.indexBanner .swiper-container{width: 100%;}
.indexBanner .swiper-container .swiper-wrapper{height: auto !important;}
.indexBanner .swiper-container .swiper-slide{height: auto !important;position: relative;}
.indexBanner .swiper-container .swiper-slide img{display: block;width: 100%;}
.indexBanner .pagination{width: 100%;position: absolute;left: 0;bottom:3%;text-align: center;z-index: 2;}
.indexBanner .swiper-pagination-switch{display: inline-block;width: 12px;height: 12px;background:#aaa;border-radius: 4px;margin: 0 10px;cursor: pointer;transition: all 0.6s ease;}
.indexBanner .swiper-active-switch{background: #fff;}


.indexTitle{text-align: center;}
.indexTitle h6{font-size: 40px;color: #333333;font-weight: normal;}
.indexTitle .p{font-size: 18px;color: #999;text-transform:capitalize;margin-top: 6px;}

/* indexAbout */
.indexAbout{width: 100%;overflow: hidden;padding: 80px 0; position: relative;}
.indexAbout .text{font-size: 16px;line-height: 34px;color: #333;text-align: center;margin-top: 40px;}
.indexAbout .imgBox{width: 100%;margin-top: 40px;}
.indexAbout .imgBox .img{width: 285px;overflow: hidden;float: left;margin-right: 20px;}
.indexAbout .imgBox .img:last-child{margin-right: 0;}
.indexAbout .imgBox .img img{width: 100%;display: bloc;;}

/* indexList */
.indexList{width: 100%; padding: 80px 0; overflow: hidden; background-color: rgba(0, 0, 0, 0.02)}
.indexList ul{width: 100%;display: table;font-size: 0;text-align: center;}
.indexList ul li{display: inline-block;vertical-align: top;width: 590px;overflow: hidden;background-color: #000; margin-right: 20px;position: relative;cursor: pointer;}
.indexList ul li:nth-child(2n){margin-right: 0;}
.indexList ul li img{width: 100%;display: block;opacity: 0.6;transition: all 0.6s ease;}
.indexList ul li .box{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.indexList ul li .tit{font-size: 32px;color: #ffffff;position: relative;padding-bottom: 20px;}
.indexList ul li .tit::after{content: '';width: 30px;height: 2px;background-color: #fff;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);}
.indexList ul li a{color: #fff;font-size: 14px;text-align: center;line-height: 40px;margin: 40px auto 0;display: block;width: 180px;height: 40px;border-radius: 20px;border: solid 1px #fff;transition: all 0.6s ease;}
.indexList ul li a:hover{background-color: #fdcb02;color: #fff;border-color: #fdcb02;}
.indexList ul li:hover img{transform: scale(1.1);}

/*footer*/
.footer{width: 100%;background-color: #333;padding: 60px 0;overflow: hidden;}
.footer .left{float: left;max-width: 600px;}
.footer .left .tit{font-size: 22px;color: #ffffff;margin-bottom: 14px;}
.footer .left ul{width: 100%;display: table;font-size: 0;text-align: left;margin-bottom: 12px;}
.footer .left ul li{display: inline-block;vertical-align: top;margin-right: 30px;}
.footer .left ul li a{display: block;color: #fff;font-size: 14px;line-height: 18px;}
.footer .left ul li:hover a{color: #fdcb02;}
.footer .left .copyRight{width: 100%;font-size: 14px; text-transform: uppercase; color: #999;margin-top: 6px;line-height: 22px;}
.footer .left .copyRight a{color: #999;}
.footer .left .copyRight a:hover{color: #fdcb02;}
.footer .right{float: right;max-width: 600px;}
.footer .right .tit{font-size: 22px;color: #ffffff;margin-bottom: 14px;}
.footer .right .txt{color: #fff;font-size: 14px;margin-bottom: 8px;line-height: 18px;}

/* pageBanner */
.pageBanner{width: 100%;overflow: hidden;position: relative;}
.pageBanner img{display: block;width: 100%;}
.pageBanner .title{width: 1200px; text-align: center; font-size: 36px;color: #ffffff;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%); margin-top: 30px;}
.pageBanner .title p{font-size: 16px;margin-top: 10px;text-transform: uppercase;}

/* pageContent */
.pageContent{ padding: 80px 0; width: 100%;}
.pageContent .box{ font-size: 16px; color: #333; line-height: 38px;}
.pageContent .box img{ max-width: 100%;}

/*pageRecruit*/
.pageRecruit{width: 100%;margin: 80px 0;}
.pageRecruit .postTitle{width: 100%;background-color: #f3f3f3;padding: 20px 20px;border-bottom: solid 1px #eee;box-sizing: border-box;margin-top: 60px; font-size: 0;}
.pageRecruit .postTitle p{color: #333;font-size: 16px; display: inline-block; vertical-align: middle;}
.pageRecruit .p1{width: 38%;}
.pageRecruit .p2{width: 20%;text-align: center;}
.pageRecruit .p3{width: 20%;text-align: center;}
.pageRecruit .p4{width: 20%;text-align: center;}
.pageRecruit ul{width: 100%;}
.pageRecruit ul li.q{ cursor: pointer; font-size: 0;}
.pageRecruit ul li.q div{padding: 20px 20px;border-bottom: solid 1px #eee;box-sizing: border-box; transition: all 0.6s ease;}
.pageRecruit ul li.q p{color: #333;font-size: 16px; display: inline-block; vertical-align: middle;}
.pageRecruit ul li.q  .icon{color: #333333;font-size: 22px;transform: rotate(90deg);transition: all 0.6s ease;}
.pageRecruit ul li.a{display: none;background-color: rgba(253, 203, 2, 0.05);}
.pageRecruit ul li.a .txt{ width: 100%; box-sizing: border-box; padding:  20px;line-height: 32px;border-bottom: solid 1px #eee; font-size: 14px;color: #333;}
.pageRecruit ul li.a .txt img{ max-width: 100%; display: none;}
.pageRecruit ul li.q div.on,.pageRecruit ul li.q:hover div{ background-color: rgba(253, 203, 2, 0.1);}
.pageRecruit ul li.q div.on .icon{transform: rotate(-90deg) ;}

/* pageContact */
.pageContact{width: 100%;background-color: #fff;padding: 80px 0;overflow: hidden;}
.pageContact ul{width: 100%;display: table;font-size: 0;text-align: center;}
.pageContact ul li{display: inline-block;vertical-align: top;cursor: pointer;width: 23%;margin: 0 5%;}
.pageContact ul li .iconfont{width: 80px;height:80px;border-radius: 50%;text-align: center;line-height: 80px;background-color: #fdcb02;color: #fff;font-size: 50px;margin: 0 auto;transition: all 0.6s ease;}
.pageContact ul li .tit{color: #333;font-size: 18px;margin: 6% 0 3%;font-weight: bold;transition: all 0.6s ease;}
.pageContact ul li .txt{color: #666;font-size: 16px;line-height: 24px;}
.pageContact ul li:hover .iconfont{transform: rotateY(360deg);}

/* map */
.map{width: 100%;height: 60vh;}
.map #map{width: 100%;height: 60vh;}


/* pageAnime */
.pageAnime{ width: 100%; overflow: hidden; }
.pageAnime ul{ width: 100%; box-sizing: border-box; padding:  1%;}
.pageAnime ul li{ float: left; width: 18%; margin: 1%; }
.pageAnime ul li .img{ width: 100%; overflow: hidden;}
.pageAnime ul li .img img{ width: 100%; display: block; transition: all 0.6s ease;}
.pageAnime ul li .tit{ font-size: 18px; color: #333; margin-top: 15px; transition: all 0.6s ease;}
.pageAnime ul li .tit p{ font-size: 14px; color: #999; margin-top: 5px; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;
    display:block;transition: all 0.6s ease;}
.pageAnime ul li:hover img{ transform: scale(1.05);}

.pageAnimeD{ width: 100%; text-align: center; position: relative; overflow: hidden;}
.pageAnimeD .tit{ width: 100%; background-color: #fdcb02; color: #333; font-size: 18px; padding: 10px 20px; box-sizing: border-box; 
    margin-bottom: 40px;}
.pageAnimeD .info{ width: 100%; margin-top: 40px; font-size: 16px; color: #333; line-height: 32px;}
.pageAnimeD img{ max-width: 100%; height: auto !important;}


/* pageAbout */
.pageAbout{ width: 100%; padding: 80px 0; position: relative;}
.pageAbout .box{ width: 100%; position: relative;}
.pageAbout .box .img{ width: 100%; position: relative; z-index: 1;}
.pageAbout .box .img img{ width: 100%; display: block;}
.pageAbout .box .info{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 2; font-size: 18px; color: #fff; line-height: 40px; text-align: center;}


/* loginBanner */
.loginBanner { width: 100%; height: 90px; background: url(../images/loginBanner.jpg) center no-repeat; background-size: cover;}

/* pageLogin */
.pageLogin{ width: 100%; padding: 80px 0; position: relative;}
.pageLogin .tit{ text-align: center; padding-bottom: 20px; border-bottom: solid 2px #fdcb02; font-size: 30px; color: #333;}
.pageLogin .box{ width: 570px; margin: 60px auto 0;}
.pageLogin .box .item{ margin-bottom: 15px;}
.pageLogin .box .item b{ float: left; text-align: right; font-size: 14px; color: #333; width: 100px; margin-right: 15px; line-height: 40px;}
.pageLogin .box .item b span{ color: #f00; display: inline-block; margin-right: 5px; font-size: 16px;}
.pageLogin .box .item label{ float: left; width: 200px; position: relative;}
.pageLogin .box .item label input{ line-height: 40px; width: 100%; border: solid 1px #ddd; box-sizing: border-box; padding: 0 15px; color: #333;}
.pageLogin .box .item label p{ position: absolute; font-size: 14px; color: #999; top: 0; left: 15px; line-height: 40px;}
.pageLogin .box .item a{ display: inline-block; font-size: 14px; margin-left: 15px; line-height: 20px; margin-top: 10px;}
.pageLogin .box .item a:hover{ color: #f00;}
.pageLogin .box .item .btn{ float: left; margin-left: 115px; width: 200px; line-height: 40px; background-color: #fdcb02; color: #333; border: 0; font-size: 14px; cursor: pointer; transition: all 0.6s ease;}
.pageLogin .box .item .btn:hover{ background-color: #000; color: #fff;}


/* fenye */
.pages{ margin-top:40px ;font-size:14px; text-align: center;}
.pages a { display:inline-block; height:30px; line-height:30px; background:#fff; border:1px solid #ddd; text-align:center; color:#333; padding:0 12px; margin:0 2px;}
.pages a:hover { background:#fdcb02;  border:1px solid #fdcb02; color:#fff; text-decoration:none }
.pages span { display:inline-block; height:32px; line-height:32px; background:#fdcb02; color:#fff; text-align:center; padding:0 12px; margin:0 2px;}