@font-face{font-family:'iconfont';src:url('http://at.alicdn.com/t/font_1432720974_1547027.eot');src:url('http://at.alicdn.com/t/font_1432720974_1547027.eot?#iefix') format('embedded-opentype'),url('http://at.alicdn.com/t/font_1432720974_1547027.woff') format('woff'),url('http://at.alicdn.com/t/font_1432720974_1547027.ttf') format('truetype'),url('http://at.alicdn.com/t/font_1432720974_1547027.svg#iconfont') format('svg')}
@font-face{font-family:'Pacifico';font-style:normal;font-weight:400;src:local('Pacifico Regular'),local('Pacifico-Regular'),url(http://fonts.gstatic.com/s/pacifico/v7/Q_Z9mv4hySLTMoMjnk_rCfesZW2xOQ-xsNqO47m55DA.woff2) format('woff2')}


*{margin:0;padding:0;}
body{background:#fff; font-size:100%;line-height:22px;font-family:"Microsoft YaHei";}
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,tr,dl,dd,select,option{ margin:0; padding:0;}
.body,.ul,.ol,.li,.p,.h1,.h2,.h3,.h4,.h5,.h6,.form,.fieldset,.table,.td,.img,.div,.tr,.dl,.dd,.select,.option{ margin:0; padding:0;}
li,img,input,em,select{ list-style:none; border:none; font-style:normal;}
a{ text-decoration:none !important; cursor:pointer !important;}
select::-ms-expand { display: none; }
.img_cover{position: absolute;top: 0;bottom: 0;left: 0;right: 0;	max-width: 100%;max-height: 100%;display: block;margin:auto;padding: auto;}
.clearfix:after{content:" ";display:block;height:0;clear:both;visibility:hidden;}
.tr{ transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;}
.wrap{ max-width:1300px; margin:0 auto;width:100%;}
.overflow { overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

header.act{animation:searchTop 0.5s ease-in-out;background-color: #fff;position:fixed;}
@keyframes searchTop {
    0% {top:-100px}
    to {top:0}
}
header.act .logo1{display: none !important;}
header.act .logo2{display: block !important;}
header.act .nav-ul li .nav_a{color:#333;}
header.act .nav-ul li .nav_a span:last-child{background: rgba(0,0,0,0.03);}
header.act i{color:#000}
header.act .nav-ul li .nav_a.active{color:#333;}

.header-page{position: relative;background-color: #fff;}
.header-page .logo1{display: none !important;}
.header-page .logo2{display: block !important;}
.header-page .nav-ul li .nav_a{color:#333;}
.header-page .nav-ul li .nav_a span:last-child{background: rgba(0,0,0,0.03);}
.header-page i{color:#000}


.logo2{display: none !important;}
header i{color:#fff;font-size:24px !important;cursor: pointer;transition: 0.5s;}

header.act .top{bottom: 50px;opacity: 1;}
header .top{width: 50px;height: 50px;background-color: #d1a00e;display: flex;justify-content: center;align-items: center;position: fixed;bottom: -50px;right: 30px;z-index: 99999;cursor: pointer;opacity: 0;transition: 0.5s;}
header .top span{display: block;font-size: 16px;color:#fff;display: none;}
header .top i{color:#fff;font-size: 40px !important;}
header .top:hover i{display: none;}
header .top:hover span{display: block;}

header{position:fixed;left:0;top:0;z-index:99999;width:100%;background: rgba(0,0,0,0.3);}
.header-main{display:flex;justify-content:space-between;align-items:center;position: relative;height: 80px;}
.logo{ width:171px;}
.logo img{ max-width:100%; display:block;}

.nav-ul {display:flex;justify-content:space-between;align-items:center;width:calc(100% - 371px);}
.nav-ul li {position:relative;width:14.28%;cursor: pointer;}
.nav-ul li .nav_a{display: block; transition:0.5s;transform-style:preserve-3d;transform-origin:top center;z-index: 10;font-size:16px;color:#fff;line-height:40px;text-align:center;}

.nav-ul li .nav_a span:first-child{display:block;}
.nav-ul li .nav_a span:last-child{display: block;position: absolute;left: 0px;top: 100%;width: 100%;background:#febf05;transform-origin: top center;transform: rotateX(-90deg);z-index: 9999;}

.nav-ul li:hover .nav_a {transform:rotateX(90deg);-webkit-transform:rotateX(90deg);-moz-transform:rotateX(90deg);-o-transform:rotateX(90deg);}
/* .nav-ul li .nav_a.active{background-color: #febf05;color:#fff !important;line-height:40px;} */
.nav-ul li.active .nav_a{background-color: #febf05;color:#fff !important;line-height:40px;}

.nav-ul .sub_ul {display: none;width: 100%;position: absolute; padding:0;z-index:999;}
.nav-ul .sub_ul li{width:100%;}
.nav-ul .sub_ul li .nav_a2{font-size:14px;line-height:46px;text-align: center;color:#333;display:block;background:rgba(255,255,255,0.8);margin-bottom: 1px;}
.nav-ul li .nav_a2:hover, .nav-ul li .nav_a2.on {color: #febf05;}

header form{width:250px;display: flex;line-height: 30px;font-size:13px;color:#333;}
header form input[type="text"]{width:calc(100% - 50px);padding-left: 5px;}
header form input[type="submit"]{width:50px;text-align: center;background-color: #ffaa00;font-size:13px;color:#fff;}
.form-box{display: none;position: absolute;right: 0px;bottom: -30px;z-index: 9999;}
header img{display: block;max-width:100%;cursor: pointer;}
header .erweima{position: absolute;right: 0;top: 80px;display: none;width: 120px;}

/*移动端导航*/
.icon-menu{ cursor:pointer;z-index:999; width:40px; height:40px; border:3px solid #000; border-radius:50%;display:flex;justify-content:center;align-items:center;position:relative;right:0;top:0;}
.icon-menu .span01 { width:18px;height:3px;background: #000000;;border-radius:5px; display:block;}
.icon-menu .span02 { width:18px;height:3px;background:#000;border-radius:5px; display:block; margin:5px 0;}
.icon-menu .span03 { width:18px;height:3px;background:#000;border-radius:5px; display:block;}
.icon-menu.click .span02 {width:0;opacity:0;filter:alpha(opacity=0); }
.icon-menu.click .span01 { position:relative;top:8px;transform:rotate(45deg);}
.icon-menu.click .span03 { position:relative;top:-8px;transform:rotate(-45deg);}

.sjnav{ width:115px; position:absolute;right:0%; top:83px;z-index:9999;display: none;
    background:rgba(44, 44, 44, 0.7) none repeat scroll 0 0 !important;}
.sjnav ul{ padding:0; margin:0;}
.sjnav li{ display:block;text-align:center; margin:0; padding:0;}
.sjnav li a{display:block;line-height:40px;  font-size:15px; color:#fff;}
.sjnav li a:hover, .sjnav li a.acta{background:#febf05; color:#fff;}
.sjnav li.active a{background:#febf05; color:#fff;}

/*大图滚动开始*/
.index-banner{position: fixed;width: 100%;height: 100%;left: 0;top: 0px;}
.ban-img { padding-top:41%;}
.swiper-pagination-bullet{width:15px; height:4px; opacity:1; border-radius:2px; background:#fff;}
.swiper-pagination-bullet-active{background:#fd5573}
.prev-banner, .next-banner{ font-size:30px;font-family:"SimSun";color:#fff;width:40px;height:40px;background:rgba(0,0,0,0.5);border-radius:6px;display:flex;justify-content:center;align-items:center;font-weight:bold;transform:translate(0,-50%);margin:0;}
.prev-banner{left:-50%;}
.next-banner{right:-50%;}
.banner:hover .prev-banner{left:10px;}
.banner:hover .next-banner{right:10px;}

main{position: relative;}
main::before{content: "";display: block;padding-top: 41%;}

.about{background-color: #ffbe00;padding:45px 0;}
.about .wrap{display: flex;justify-content: space-between;}
.about .wrap .pic{width:493px;position: relative;overflow: hidden;}
.about .wrap .pic:before{content:"";display: block;padding-top:93%;}

.vision{width: 38%;color:#fff;text-transform: uppercase;padding:15px 0 0 0;}
.vision .bt{font-size:16px;line-height: 24px;}
.vision .bt span{display: block;font-size:24px;}
.vision .txt{text-align: center;padding:30px 0 0 0;}
.vision .txt h1{font-size:26px;font-weight: bold;padding:20px 0 10px 0;}
.vision .txt h2{font-size:16px;}
.vision .txt h3{font-size:22px;font-weight: bold;padding:25px 0;}
.vision .txt h4{font-size:18px;}
.vision .txt h6{font-size:14px;padding:15px 0;}

.about .wrap .content{width:60%;display: flex;flex-wrap:wrap;align-content: space-between;}
.about .wrap .content .t1{font-size:20px;color:#333;line-height: 40px;}
.about .wrap .content .t1 b{display: block;line-height:50px;font-size:26px;}
.about .wrap .content .t2{font-size:16px;color:#333;line-height: 26px;padding:30px 0 0 0;}
.about .wrap .content a{display: block;width:200px;line-height: 50px;text-align: center;border:2px solid #777;font-size:16px;color:#333;position: relative;transition: 0.5s;margin:30px 0 0 0;}
.about .wrap .content a span{position: relative;z-index: 2;}
.about .wrap .content a::before{content:"";display: block;width:0;height: 100%;background-color: #ffaa00;position: absolute;left: 0;top: 0px;transition: 0.5s;z-index: 1;transition: 0.5s;}
.about .wrap:hover .img_cover{transform: scale(1.1);}
.about .wrap .content a:hover::before{width:100%;}
.about .wrap .content a:hover{color:#fff;border-color: #ffaa00;}

.pro{position: relative;padding:30px 0;background-color: #ececec;}
/* .pro::before{content:"";display: block;width:100%;height: calc(100% - 300px);background-color: #ececec;position: absolute;left: 0;bottom: 0px;} */

.pro .bt{text-align: center;}
.pro .bt .t1{position: relative;line-height: 40px;font-size:24px;color:#222;}
.pro .bt .t1 b{display: inline-block;padding:0 20px;position: relative;z-index: 2;color:#444;}
/* .pro .bt .t1::before{content:"";width: 100%;height: 2px;background-color: #ffaa00;position:absolute;left: 0;top: 50%;transform: translateY(-50%);} */
.pro .bt .t2{position: relative;line-height: 34px;font-size:20px;}
.pro ul{display:flex;flex-wrap:wrap;padding:20px 0;}
.pro ul li{width:31.33%;margin:1%;}
.pro ul li .pic{width: 100%;position: relative;overflow: hidden;}
.pro ul li .pic:before{content:"";display: block;padding-top:67%;}
.pro ul li .pic .img_cover{transition: 2s all;}
.pro ul li .content{background-color: #fff;padding:10px 25px;position: relative;}
.pro ul li .content .t1{line-height: 45px;font-size:18px;color:#333;position: relative;}
.pro ul li .content .t1:before{content:"";display: block;width:38px;height: 2px;background-color: #dedede;position: absolute;left: 0;bottom: 0;transition: 0.5s;}
.pro ul li .content .t2{font-size:14px;color:#a7a6a6;line-height: 45px;}
.pro ul li .content .t3{width:80px;line-height: 30px;text-align: center;font-size:14px;color:#666;position: absolute;right: 10px;bottom: 10px;border:1px solid #cfcfcf;}
.pro ul li:hover .content .t3 span{position: relative;z-index: 2;}
.pro ul li .content .t3::before{content:"";display: block;width:0;height: 100%;background-color: #ffaa00;position: absolute;left: 0;top: 0px;transition: 0.5s;z-index: 1;transition: 0.5s;}
.pro ul li:hover .img_cover{transform: scale(1.1);}
.pro ul li:hover .content .t1{color:#ffaa00;}
.pro ul li:hover .content .t1::before{background-color: #ffaa00;}
.pro ul li:hover .content .t3::before{width: 100%;}
.pro ul li:hover .content .t3{color:#fff;}

.news{padding:65px 0 35px 0; background-color: #fff;}
.news .wrap{display: flex;}
.news-left{width:calc(100% - 409px);padding-right: 25px;}
.news-top{display: flex;justify-content: space-between;align-items: center;height: 40px;}
.news-top span{font-size:26px;color:#333;}
.news-top .top-box{display:flex;align-items: center;}
.prev-news, .next-news{width:36px;height: 36px;background-color: #fff;border:2px solid #aaa;border-radius: 1px;display: flex;justify-content: center;align-items: center;font-size:20px;color:#a6a6a6;margin-left: 15px;}
.prev-news:hover, .next-news:hover, .news-top .top-box a:hover{background-color: #ffaa00;border-color: #ffaa00;color:#fff;}
.news-top .top-box a{display: block;width:74px;height: 36px;background-color: #fff;border:2px solid #aaa;border-radius: 1px;display: flex;justify-content: center;align-items: center;font-size:20px;color:#a6a6a6;margin-left: 15px;transition: 0.5s;}
.swiper-news{padding:22px 0 0 0;}
.swiper-news a{display: block;border:2px solid #eaeaea;padding:2px 13px 9px 13px;position: relative;box-sizing: border-box;transition: 0.5s;}
.swiper-news a .t1{line-height: 37px;font-size:18px;color:#333;}
.swiper-news a .t2{line-height: 21px;font-size:14px;color:#777;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
.swiper-news a:hover{border-color:#ffaa00;transform: translateY(-6px);box-shadow: 0 0 10px #ccc;}
/* .swiper-news a:before,.swiper-news a:after {box-sizing:border-box;content:'';border:2px solid transparent;position:absolute;width:0;height:0;}
.swiper-news a:before {top:-2px;left:-1px;transition:border-color 0s .8s,width .2s .6s,height .2s .4s;}
.swiper-news a:hover:before {border-top-color:#464a96; border-right-color:#db0f1d; width:calc(100% + 2px);height:calc(100% + 2px);transition:width .2s,height .2s .2s;}
.swiper-news a:after {right:-1px;bottom:-2px;transition:border-color 0s .4s,width .2s .2s,height .2s;}
.swiper-news a:hover:after {border-bottom-color:#853163; border-left-color:#0d61c5; width:calc(100% + 2px);height:calc(100% + 2px);transition:border-color 0s .4s,width .2s .4s,height .2s .6s;} */
.news .pic{width:409px;position: relative;overflow: hidden;}
.news .pic:before{content:"";display: block;padding-top:65%;}
.news .pic .t1{width:100%;line-height: 48px;font-size:17px;color:#fff;background-color: rgba(0,0,0,0.5);padding-left: 20px;position: absolute;left: 0;bottom: 0px;}
.news .pic:hover .img_cover{transform: scale(1.1);}
.news .pic:hover .t1{background: rgba(255,192,0,0.6);}

footer{background:#ffc004;}
footer a{color:#333;}
footer a:hover{text-decoration:underline !important;color:#333;}
footer .wrap{display: flex;justify-content: space-between;padding:30px 0;font-size:14px;color:#333;align-items: center;line-height: 34px}
footer .wrap .foot-nav a{margin-right: 50px;}
footer .wrap .erweima{border:1px solid #e2a900;border-radius: 5px;padding:8px 8px 0 8px;width:120px;}
footer .wrap .erweima img{display: block;max-width:100%;}
footer .wrap .erweima span{display: block;;text-align: center;}
.foot-txt{border-top: 1px solid #e2a900;padding:10px 0;text-align: center;}

/*about*/
.page-about{position: relative;}
/* .page-about .box1{background: url(../images/about-bj1.png) no-repeat 50% 50%;background-size: cover; position: relative;} */
/* .page-about .box1 .pic{width:651px;position: relative;overflow: hidden;position: absolute;left:0px;top:0px;}
.page-about .box1 .pic:before{content:"";display: block;padding-top:92.6%;} */
.page-about .box1{position: relative;margin:50px 0;}
.page-about .box1 .wrap{display: flex;justify-content: space-between;}
.page-about .box1 .wrap .who{background-color: #ffc000;width: 28%;color:#fff;text-align: center;position: relative;}
.page-about .box1 .wrap .who::before{content:"";display: block;width:1000px;height:100%;background-color: #ffc000;position: absolute;left: -1000px;top: 0;}
.page-about .box1 .wrap .who b{display: block;font-size: 25px;padding:30px 0 70px 0;text-align: left;}
.page-about .box1 .wrap .who .t1{font-size:20px;line-height: 40px;}
.page-about .box1 .wrap .who .t1 p{font-size:16px;line-height: 20px;}
.page-about .box1 .wrap .who span{display: block;padding:10px 0;font-size:15px;}





.page-about .box1 .content{font-size:16px;color:#333;line-height: 32px;width:71%;padding:10px 0;}

.page-about .box2{background-color: #ffc000;color:#000;text-align: center;font-size:16px;line-height: 30px;padding:35px 0;}
.page-about .box2 .t1{font-size:30px;font-weight: bold;}
.page-about .box2 .t2{padding:33px 0;}

.page-about .box3{background: url(../images/about-bj2.png) no-repeat 50% 50%;background-size: cover; position: relative;padding:20px 0 60px 0;}
.page-about .box3 p{font-size:16px;color:#333;line-height: 35px;}
.page-about .box3 b{display: block;line-height: 94px;font-size:30px;color:#000;}

.page-about .box4{background-color: #ffc000;font-size:16px;line-height: 34px;padding:20px 0 0 0;}
.page-about .box4 b{display: block;line-height: 78px;font-size:30px;color:#000;}
.page-about .box4 p{padding-bottom: 30px;}

.page-about .box5{background-color: #ececec;padding:45px 0 20px 0;}
.page-about .box5 .wrap{position: relative;}
.page-about .box5 .wrap::before{content:"";display: block;width:1px;height: 100%;background-color: #9b9b9b;position: absolute;left: 30px;top: 0px;}
.page-about .box5 .box{display: flex;align-items: flex-start;margin-bottom: 20px;position: relative;z-index: 2;}
.page-about .box5 .box .box5-dian{width:65px;height:65px;display: flex;justify-content: center;align-items: center;border-radius: 5px;margin-right: 30px;background-color: #535353;transition: 0.5s;}
.page-about .box5 .box .box5-dian span{display: block;font-size:15px;color:#fff;}
.page-about .box5 .box .box5-dian img{display: block;max-width: 100%;transition: 0.5s;}
.page-about .box5 .box .content{width:calc(100% - 95px);}
.page-about .box5 .box .content b{display: block;line-height: 65px;font-size:24px;color:#000;text-transform: uppercase;}
.page-about .box5 .box .content p{line-height: 30px;font-size:16px;color:#000;padding-bottom: 20px;}
.page-about .box5 .box .content p span{font-weight: bold;font-size: 20px;}
.page-about .box5 .box:hover .box5-dian{background-color: #ffc000;}
.page-about .box5 .box:hover .box5-dian img, .page-about .box5 .box:hover .box5-dian span{transform:rotateY(360deg)}

/*contact*/
.page-contact{position: relative;}
.contact-box{display: flex;}
.page-contact .box1{background-color: #f7f7f7;}
.page-contact .box1 .wrap{background-color: #f7f7f7;position: relative;top: -70px;padding:0 45px 50px 45px;}
.page-contact .box1 .box1-left{width:55%;}
.page-contact .box1 .span{display: block;line-height: 116px;font-size: 32px; font-weight: bold;color:#ffc000;}
.page-contact .box1 .box1-left .lxfs{padding:0;}
.page-contact .box1 .box1-left .lxfs .t1{display:flex;align-items: flex-start;}
.page-contact .box1 .box1-left .lxfs .t1 .lxfs-dian{width:40px;height: 40px;display: flex;justify-content: center;align-items: center;}
.page-contact .box1 .box1-left .lxfs .t1 p{width:calc(100% - 40px);line-height: 40px;font-size:16px;color:#333;}
.page-contact .box1 .box1-left .lxfs b{font-size:24px;color:#ffc000;}
.page-contact .box1 .map{width:43%;border:1px solid #ffaa00}
.page-contact .box2{background-color: #ececec;padding:40px 0 70px 0;}
.page-contact .box2 span{display: block;line-height: 50px;font-size:30px;color:#333;}
.page-contact .box2 .pic{width:46%;position: relative;overflow: hidden;position: absolute;z-index: 2;left: 0;top: 50%;transform: translateY(-50%);}
.page-contact .box2 .pic:before{content:"";display: block;padding-top:70%;}
.page-contact .box2 form{background-color: #fff;padding:70px 120px;width:60%;float: right;}
.page-contact .box2 form input[type=text], .page-contact .box2 form textarea{width:100%;line-height: 67px;border: none;border-bottom: 1px solid #dadada;font-size:16px;color:#333;}
.page-contact .box2 form textarea{height: 104px;}
.page-contact .box2 form input[type=submit]{width:100%;line-height: 46px;text-align: center;font-size:20px;color:#333;background-color: #ffc000;margin-top: 10px;}


.page-banner2-img{height: 752px;}
.banner2-txt{background-color: #ffc000;color:#000;width:52%;padding:16px 2% 16px 0;position: absolute;left: 0;top:50%;transform: translateY(-50%);}
.banner2-txt .t1{font-size:30px;line-height: 60px;}
.banner2-txt .t1 b{padding-bottom: 16px;display: block;}
.banner2-txt .t2{font-size:16px;line-height: 30px;padding-bottom: 30px;}
.banner2-box{position: absolute;left: 50%;top:40%;transform: translate(-50%,-50%);}
.banner2-txt:before{content:"";display: block;height: 100%;background-color: #ffc000;width: 230px;position: absolute;left:-230px;top:0px;}

.banner3-txt{color:#000;width:100%;}
.banner3-txt .t1{display:flex;align-items: center;line-height: 76px;font-size:30px;}
.banner3-txt .t1 b{font-size:40px;margin-right: 10px;}
.banner3-txt .t2{line-height: 45px;font-size:25px;}

/*case*/
.page-case{background-color: #f0f0f0;}
.page-case .bt{font-size:30px;color:#333;line-height: 130px;position: relative;}
.page-case .bt span{display: flex;align-items: center;position: absolute;left:0;bottom: 10px;}
.page-case .bt span a{display: block; position: relative;color: #fff; font-size: 1.3rem;margin-right: 10px;padding-right: 20px;line-height: 20px;opacity: 0.8;}
.page-case .bt span a::before{content: '>';color: #fff;font-size: 1.3rem;line-height: 20px;position: absolute;right: 0;top: 0;}
.page-case .bt span a:hover{text-decoration: underline !important; opacity: 1;}
.case-show::before{content:"";display: block;width:100%;background: #ffc000; padding-top: 200px;padding-bottom: 200px;margin-bottom: -320px;}
.case-show .bt{color:#fff;}


.case-ul{display:flex;flex-wrap:wrap;padding:0 0 20px 0;}
.case-ul li{width:31.33%;margin:0 2% 2% 0;}
.case-ul li .pic{width: 100%;position: relative;overflow: hidden;}
.case-ul li .pic:before{content:"";display: block;padding-top:67%;}
.case-ul li .pic .img_cover{transition: 2s all;}
.case-ul li .content{background-color: #fff;padding:10px 25px;position: relative;}
.case-ul li .content .t1{line-height: 45px;font-size:18px;color:#333;position: relative;}
.case-ul li .content .t1:before{content:"";display: block;width:38px;height: 2px;background-color: #dedede;position: absolute;left: 0;bottom: 0;transition: 0.5s;}
.case-ul li .content .t2{font-size:14px;color:#a7a6a6;line-height: 45px;}
.case-ul li .content .t3{width:80px;line-height: 30px;text-align: center;font-size:14px;color:#666;position: absolute;right: 10px;bottom: 10px;border:1px solid #cfcfcf;}
.case-ul li:hover .content .t3 span{position: relative;z-index: 2;}
.case-ul li .content .t3::before{content:"";display: block;width:0;height: 100%;background-color: #ffaa00;position: absolute;left: 0;top: 0px;transition: 0.5s;z-index: 1;transition: 0.5s;}
.case-ul li:hover .img_cover{transform: scale(1.1);}
.case-ul li:hover .content .t1{color:#ffaa00;}
.case-ul li:hover .content .t1::before{background-color: #ffaa00;}
.case-ul li:hover .content .t3::before{width: 100%;}
.case-ul li:hover .content .t3{color:#fff;}

/*service*/
.page-service{background-color: #f7f7f7;position: relative;}
.page-service .wrap{display:flex;}
.service-left{width:calc(100% - 284px);padding:0 45px 50px 45px;position: relative;top:-70px;z-index: 9999;background-color: #f7f7f7;}
.service-left .bt{line-height:116px;font-size:32px;color:#222;font-weight:bold;}
.service-left .bt2{line-height:32px;font-size:20px;color:#333;padding-bottom: 27px;}

.service-box1{padding:50px 0 0 0;display:flex;align-items: flex-start;}
.service-box1 img{display:block;max-width:100%;width:223px;}
.service-box1 .content{width:calc(100% - 223px);margin-top:53px;border:2px solid #ffc000;padding:40px;}
.service-box1 .content .t1{line-height: 142px;font-size:32px;color:#333;font-weight:bold;}
.service-box1 .content .t2{line-height: 32px;font-size:20px;color:#333;font-weight:bold;padding-bottom: 45px;}
.service-box1 .content .t3{padding:0 0 30px 0;line-height:31px;color:#222;font-size:20px;}
.service-box1 .content .t3 b{display:block;line-height:56px;}
.service-box1 .content .t3 span{margin-left:15px;display:block;}

.service-box2{display:flex;align-items: flex-start;position: relative;top:-2px;}
.service-box2 .content{background-color: #9fa0a0;color:#fff;padding:0 40px 40px 40px;width:calc(100% - 253px);}
.service-box2 .content .t1{line-height: 142px;font-size:32px;font-weight:bold;}
.service-box2 .content .t2{line-height: 32px;font-size:20px;font-weight:bold;padding-bottom: 45px;}
.service-box2 .content .t3{padding:0 0 30px 0;line-height:31px;font-size:20px;}
.service-box2 .content .t3 b{display:block;line-height:56px;}
.service-box2 .content .t3 span{margin-left:15px;display:block;}
.service-box2 img{display:block;max-width:100%;margin-right: 30px;width:223px;}

.service-right{width:284px;background-color: #fff;padding:16px;}
.service-right .r-box{border:1px solid #ddd;}
.service-right .r-box .tabs{display: flex;border-bottom:1px solid #ddd;}
.service-right .r-box .tabs a{display:block;line-height: 42px;font-size:18px;color:#333;border-top:3px solid transparent;width:50%;text-align: center;border-right:1px solid #ddd;box-sizing: border-box;font-weight:bold;}
.service-right .r-box .tabs a:hover, .service-right .r-box .tabs a.on{border-top:3px solid #ffc000;}
.service-right .r-box .tabs-box{padding:10px;}
.service-right .r-box .tabs-box ul{display: none;}
.service-right .r-box .tabs-box ul:first-child{display: block;}
.service-right .r-box .tabs-box ul li a{display:flex;padding:20px 0;border-bottom: 1px solid #ddd;align-items: center;}
.service-right .r-box .tabs-box ul li a .pic{width:50px;position: relative;overflow: hidden;}
.service-right .r-box .tabs-box ul li a .pic:before{content:"";display:block;padding-top:100%;}
.service-right .r-box .tabs-box ul li a .content{width:calc(100% - 50px);padding:0 10px;}
.service-right .r-box .tabs-box ul li a .content .t1{font-size:16px;color:#333;font-weight: bold;transition: 0.5s;}
.service-right .r-box .tabs-box ul li a .content .t2{font-size:14px;color:#666;}
.service-right .r-box .tabs-box ul li a:hover .img_cover{transform: scale(1.1);}
.service-right .r-box .tabs-box ul li a:hover .content .t1{color:#ffc000;}
.service-right .r-box .tabs-box ul li:last-child a{border-bottom: none;}

/*occupation*/
.page-occupation{background-color: #f7f7f7;position: relative;padding-bottom: 100px;}
.page-occupation .content{padding:0 45px;position: relative;top:-70px;z-index: 9999;background-color: #f7f7f7;min-height: 500px;}

.occ2-ul{display: block;padding:70px 0 0 0;}
.occ2-ul li{display: flex;margin-bottom: 20px;}
.occ2-ul li .pic{width:370px;position: relative;overflow: hidden;}
.occ2-ul li .pic:before{content:"";display: block;padding-top: 100%;}
.occ2-ul li .txt{width:calc(100% - 370px);background-color: #9FA0A0;padding:50px;font-size:20px;line-height: 36px;color:#fff;margin-top: 50px;display: flex;flex-wrap: wrap;align-items: center;position: relative;top:20px;}
.occ2-ul li:nth-child(even){flex-direction: row-reverse;}

.occu3-ul{display: block;padding:60px 0 0 0;}
.occu3-ul li{display: block;overflow: hidden;}
.occu3-ul li .occupation-bt{line-height: 129px;border-bottom: 1px solid #747474;position: relative;display: flex;justify-content: space-between;align-items: center;padding-right: 20px;cursor: pointer;}
.occu3-ul li .occupation-bt .t1{font-size:30px;color:#000;}
.occu3-ul li .occupation-bt .t1 span{font-size:16px;color:#444;margin-left: 35px;}
.occu3-ul li .occupation-bt .t2{display: flex; align-items: center;}
.occu3-ul li .occupation-bt .t2 a{display:block;width:124px;line-height: 42px;font-size:16px;color:#fff;background-color: #666;text-align: center;margin-right: 50px;}
.occu3-ul li .occupation-bt .t2 i{font-size:30px; transition: 0.5s;}
.occu3-ul li .txt{padding:40px 0;border-bottom: 1px solid #747474;width: 100%;font-size:16px;color:#666;line-height: 36px;display: none;}
.occu3-ul li:first-child .txt{display: block;}
.occu3-ul li:hover .occupation-bt .t2 i, .occu3-ul li.on .occupation-bt .t2 i{transform: rotate(90deg);}
.occu3-ul li .occupation-bt .t2 a:hover{background-color: #febf05;color:#fff;}





.page-occupation .content .bt{line-height:116px;font-size:32px;color:#222;font-weight:bold;}
.page-occupation .content .bt2{line-height:32px;font-size:20px;color:#333;padding-bottom: 27px;}
.page-occupation .content .bt2:last-child{padding:0px;}
.occupation-img{display: flex;flex-wrap:wrap;justify-content: space-between;}
.occupation-img .pic{width:48%;margin:1%;position: relative;overflow: hidden;}
.occupation-img .pic:before{content:"";display: block;padding-top:75%;}
.occupation-img .pic:hover .img_cover{transform: scale(1.1);}




/*news*/
.page-news{background-color: #f0f0f0;position: relative;}
.page-news .bt{background-color: #fff;line-height: 136px;font-size:25px;color:#333;font-weight: bold;}
.news-ul{display:block;padding:50px 0 0 0;}
.news-ul li{width:100%;padding-bottom: 40px;transition: 0.5s;}
.news-ul li a{display:flex;background-color: #fff;transition: 0.5s; }
.news-ul li a .pic{width:400px;position: relative;overflow: hidden;;}
.news-ul li a .pic:before{content:"";display: block;padding-top:63%;}
.news-ul li a .content{width:calc(100% - 400px);padding:0 25px 0 50px;display: flex;flex-wrap:wrap;align-content: space-around;}
.news-ul li a .content .t1{font-size:24px;color:#ffc000;width:100%;line-height: 30px;}
.news-ul li a .content .t2{font-size:18px;color:#777;line-height: 35px;width:100%;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
.news-ul li a .content .t3{display:flex;justify-content: space-between;align-items: center;font-size:14px;color:#777;width:100%;}
.news-ul li a .content .t3 span{font-size:18px;color:#ffc000;}
.news-ul li a .content .t3 span i{margin-left: 10px;}
.news-ul li a:hover .img_cover{transform: scale(1.1);}
.news-ul li a:hover{transform: translateY(-10px);box-shadow: 0 0 10px #ccc;}

.news-show { width:100%; padding-top:100px;min-height: 500px;display: flex;justify-content: space-between;flex-wrap: wrap;}
.news-link{line-height: 45px;font-size:16px;color:#808080;}
.news-time{line-height: 64px;display: flex;align-items: center;position: relative;}
.news-time span{font-size:18px;color:#808080;margin-right: 20px;}
.news-time a{display: block;width: 32px;height: 32px;border-radius: 50%;font-size:16px;display: flex;justify-content: center;align-items: center;margin:4px;}
.news-time a:nth-child(2){border:1px solid #56b6e7;color:#56b6e7;}
.news-time a:nth-child(3){border:1px solid #7bc549;color:#7bc549;}
.news-time a:nth-child(2):hover{background-color: #56b6e7;color:#fff;}
.news-time a:nth-child(3):hover{background-color: #7bc549;color:#fff;}
.news-time img{display: block;max-width:100%;width:120px;display: none;}
.er1{position: absolute;left: 80px;top: 60px;}
.er2{position: absolute;left: 120px;top: 60px;}
.news-time a:nth-child(2):hover .er1{display: block;}
.news-time a:nth-child(3):hover .er2{display: block;}
.show-left{width:72%;}
.show-right{width:22%;}
.show-right b{display: block;font-size:20px;color:#333;line-height: 56px;text-align: center;}
.show-right a{display: block;margin-bottom: 15px;border-bottom: 1px solid #ccc;}
.show-right a .pic{width:100%;position: relative;overflow: hidden;}
.show-right a .pic{padding-top: 46.6%;content:"";display: block;}
.show-right a .txt{padding:10px 0;font-size:16px;line-height: 25px;color:#333;}
.show-right a:hover .txt{color:#b00505}
.news-show .txt-bt {  display:inline-block ;line-height:42px; font-size:22px; color:#000;font-weight:bold;text-align:center; }
.news-show .txt-nr {  display:block;line-height:34px; font-size:16px; color:#333; text-align:left; }
.news-show .txt-date {  display:block;line-height:35px; font-size:12px; color:#999; margin-top:2%; text-align:right;}

.gallery-border{border:30px solid #fff;position: relative;}
.gallery-top{width:100%;height: 80%;}
.gallery-top .swiper-slide::before{content:"";display: block;padding-top: 60%;}
.gallery-thumbs {height: 20%;box-sizing: border-box;padding: 10px 0;}
.gallery-thumbs .swiper-slide {height: 100%;opacity: 0.4;}
.gallery-thumbs .swiper-slide::before{content:"";display: block;padding-top: 50%;}
.gallery-thumbs .swiper-slide-thumb-active {opacity: 1;}
.gallery-top-next , .gallery-top-prev{width: 50px;height: 80px;background-color: rgba(0,0,0,0.7);font-size: 50px;color:#fff; position: absolute;top:50%;transform:translateY( -50%);z-index: 999;display: flex;justify-content: center;align-items: center;outline: none;}
.gallery-top-next{right: 0;}
.gallery-top-prev{left: 0px;}

.case-xq{padding:20px 0;display: flex;font-size:14px;color:#333;}
.case-xq .t1{width:33%;font-weight: bold;line-height: 26px;border-right: 1px solid #c7c7c7;}
.case-xq .t2{width:67%;padding:0 20px;display: flex;flex-wrap: wrap;align-content: space-between;}
.case-xq .t2 .txt{width:100%;}
.case-xq .t2 a{display: block;width: 120px;line-height: 33px;border:1px solid #bd252a;color:#bd252a;text-align: center;}
.case-xq .t2 a i{margin-right: 10px;}
.case-xq .t2 a:hover{background-color: #bd252a;color:#fff;}

/*手机底部*/
.hot{width:100%; height:58px; background:#9e8014; position:fixed; bottom:0; left:0; z-index:99; border-top:solid 2px #fff;}
.hot span{ color:#fff; font-size:16px; line-height:20px;}
.hot h6{ font-size:12px; line-height:20px;}
.hot .row div a{ display:block; color:#fff; padding:7px 0;}
.dbbox{ position: fixed; left: 0; bottom:70px; z-index:99; width: 100%; }
.dbbox .dbs{ position: relative; padding: 0 15px; display:none;}
.dbbox .dbs .neirong{padding: 10px; background: #fff; border-radius: 5px;}
.dbbox .dbs.ewm-box{ text-align:center; }
.dbbox .dbs.ewm-box:after{ content: ""; position: absolute; left:50%; bottom:-6px; z-index: 1; width:25%; height:6px; background: url(../images/icon/dbtc_jt.png) no-repeat center;}
.dbbox .dbs.fenxiang-box:after{ content: ""; position: absolute; left:75%; bottom:-6px; z-index: 1; width:25%; height:6px; background: url(../images/icon/dbtc_jt.png) no-repeat center;}
.dbbox .dbs.ewm-box img{ max-width: 140px; }
.dbbox .dbs.fenxiang-box .bdshare-button-style1-32 .li{ position: relative; padding: 6px 0; width: 20%; height: 44px; }
.dbbox .dbs.fenxiang-box .bdshare-button-style1-32 a{ position: absolute; left: 50%; top:6px; margin:0 0 0 -16px; float: inherit !important; display: block; }

.page-in{width:calc(100% - 90px);margin:0 auto; height: 170px;background: url(../images/stu_09.jpg) no-repeat 50% 50%;background-size:cover;display: flex;justify-content: center;align-items: center;color:#333;position: relative;}
.page-in p{font-size:28px;line-height: 30px;}
.page-in a{display: block;color:#333;font-weight: bold;font-size:24px;position: absolute;right: 5%;bottom: 30px;line-height: 24px;}
.page-in a:hover{text-decoration: underline !important;}


@media (max-width:1400px){
    .pageBanner{padding-top: 33% !important;}
    .banner3-txt .t1 b{font-size: 30px;}
    .banner3-txt .t1, .banner3-txt .t2{font-size:22px;}
    .service-left .bt{font-size: 28px;}
    .wrap{ width:96%}
    .banner2-txt{width:60%;}
    .banner2-box{top:48%}
    }

@media (max-width:991px) and (min-width:768px){
    header.act .top{display: none;}
    header{background-color: #fff;position: static;}
    .logo2{display: block !important;}
    .header-main{padding:20px 0;}
    .about .wrap{display: block;}
    .about .wrap .pic{width:100%;}
    .about .wrap .content{width:100%;padding:0px;}
    .about .wrap .content .t2{padding:10px 0;}
    footer .wrap .erweima{display: none;}
    footer .wrap .foot-nav a{margin-right: 30px;}
    /*about*/
    .page-about .box1{background: none;}
    .page-about .box1 .content{margin-left: 0;padding:40px 0;}
    /*contact*/
    .page-contact .box1{padding:30px 0;}
    .page-contact .box1 .wrap{display: block;position: static;}
    .contact-box{display: block;}
    .page-contact .box1 .box1-left{width:100%;}
    .page-contact .box1 .map{width:100%;height: 300px;}
    .page-contact .box2 form{padding:40px 60px;}
    /*service*/
    .page-service .wrap{display:block;}
    .service-left{width:100%;top:0px}
    .banner3-txt .t2{font-size:16px;line-height: 26px;}    
    .banner3-txt .t1{font-size:20px}
    .banner3-txt .t1 b{font-size:30px;}  

    .case-show::before{display: none;}
    .case-show .bt{color:#333;}
    .page-occupation .content{top:0px;padding:0 ;}
    .occ2-ul li .pic{width:190px;}
    .occ2-ul li .txt{width:calc(100% - 190px);padding:20px;font-size:16px;}

    .show-left{width:100%;}
    .news-time a{display: none;}
}
 
@media (max-width:767px){
    header.act .top{display: none;}
    header{background-color: #fff;position: relative;height: initial;}
    .logo2{display: block !important;}
    .header-main{padding:10px 0;height: initial;}
    .sjnav{top:62px;}
    .index-banner{position: static;}
    main::before{display: none;}
    .ban-img{padding-top:56%}
    .about{padding:20px 0;}
    .about .wrap{display: block;}
    .about .wrap .pic{width:100%;}
    .about .wrap .content .t1{font-size:16px;line-height: 30px;}
    .about .wrap .content .t1 b{font-size:20px;line-height: 40px;}
    .about .wrap .content{width:100%;padding:0px;}
    .about .wrap .content .t2{padding:10px 0;font-size:14px;}
    .pro .bt .t1{font-size:20px;}
    .pro .bt .t2{font-size:14px;line-height: 30px;}
    .pro ul li{width:48%;}
    .pro ul li .content{padding:5px;}
    .pro ul li .content .t1{font-size:16px;line-height: 36px;}
    .pro ul li .content .t2{font-size:13px;line-height: 30px;}
    .pro ul li .content .t3{display: none;}
    .news{padding:20px 0;}
    .news .wrap{display: block;}
    .news-left{width:100%;padding:0px;}
    .news .pic{width:100%;margin-top: 20px;}
    footer .wrap .erweima ,.foot-nav{display: none;}
    footer .wrap{padding:10px 0;font-size:13px;line-height: 28px;}
    footer .wrap .foot-nav a{margin-right: 30px;}
    /*about*/
    .page-about .box1{background: none;}
    .page-about .box1 .wrap{display: block;}
    .page-about .box1 .wrap .who{width:100%;padding:0 0 20px 0;}
    .page-about .box1 .wrap .who b{padding:20px 0;font-size:20px;}
    .page-about .box1 .wrap .who .t1{font-size:16px;line-height: 30px;}
    .page-about .box1 .wrap .who .t1 p{font-size:12px;}
    .page-about .box1 .wrap .who span{font-size:12px;padding:3px 0;}

    .page-about .box1 .content{margin-left: 0;padding:20px 0;font-size:13px;line-height: 26px;width: 100%;}
    .page-about .box2{padding:20px 0;font-size:13px;line-height: 26px;}
    .page-about .box2 .t1{font-size:26px;}
    .page-about .box2 .t2{padding:15px 0;}
    .page-about .box3 b, .page-about .box4 b{font-size:26px;line-height: 50px;}
    .page-about .box3 p, .page-about .box4, .page-about .box5 .box .content p{font-size:13px;line-height: 26px;}
    .page-about .box3, .page-about .box5{padding:20px 0;}
    .page-about .box5 .box .content p span{font-size:16px}
    .page-about .box5 .box .content b{font-size:20px;}
    .page-about .box5 .box .box5-dian{margin-right:15px;}
    .page-about .box5 .box .content{width:calc(100% - 80px)}
    /*contact*/
    .page-contact .box1{padding:30px 0;}
    .page-contact .box1 .box1-left span, .page-contact .box2 span, .page-contact .box1 .span{font-size:20px;line-height: 40px;}
    .page-contact .box1 .wrap{display: block;position: static;padding:0px;}
    .contact-box{display: block;}
    .page-contact .box1 .box1-left{width:100%;}
    .page-contact .box1 .box1-left .lxfs{padding:0px;}
    .page-contact .box1 .box1-left .lxfs .t1 p{font-size:12px;}
    .page-contact .box1 .map{width:100%;height: 250px;}
    .page-contact .box2 form{padding:20px;width: 100%;}
    .page-contact .box2 .pic{position: static;transform: translate(0);width:100%;margin:10px 0;}
    .page-contact .box2{padding:20px 0;}
    /*case*/
    .banner2-txt .t2{display:none;}
    .banner2-txt .t1{font-size:18px;line-height:30px;}
    .banner2-txt .t1 b{padding:8px 0;}
    .page-case .bt{font-size:20px;line-height:60px;}
    .case-ul li{width:48%;margin:1%;}
    .case-ul li .content{padding:5px;}
    .case-ul li .content .t1{font-size:16px;line-height: 36px;}
    .case-ul li .content .t2{font-size:13px;line-height: 30px;}
    .case-ul li .content .t3{display: none;}
    /*service*/
    .pageBanner-img{padding-top:55%;} 
    .banner3-txt .t1{font-size:16px;line-height: 40px;display:block;}
    .banner3-txt .t2{font-size:12px;line-height: 22px;}
    .banner3-txt .t1 b{font-size:20px;display: block;}
    .page-service .wrap{display:block;}

    .service-left, .page-occupation .content{width:100%;position:static;padding:10px 0px;}   
    .service-left .bt, .service-box1 .content .t1, .service-box2 .content .t1, .page-occupation .content .bt{font-size:20px;line-height: 50px;}
    .service-left .bt2, .service-box1 .content .t2, .service-box2 .content .t2, .page-occupation .content .bt2{font-size:14px;line-height: 26px;padding-bottom: 15px;}

    .service-box1{display: block;padding:20px 0 0 0;}
    .service-box1 img, .service-box2 img{display:none;}
    .service-box1 .content, .service-box2 .content{width:100%;margin:0px;padding:10px;}
    .service-box1 .content .t3, .service-box2 .content .t3{font-size:14px;line-height: 26px;padding-bottom: 15px;}
    .service-box1 .content .t3 b, .service-box2 .content .t3 b{line-height: 30px;}
    .service-box2{display: block;position: static;}
    
    .page-occupation{padding-bottom: 20px;}
    /*news*/
    .page-news .bt{font-size:20px;line-height: 60px;}
    .news-ul{padding:20px 0 0 0;}
    .news-ul li{padding-bottom: 20px;}
    .news-ul li a .pic{width:130px;}
    .news-ul li a .pic:before{padding-top: 80%;}
    .news-ul li a .content{padding:0 0 0 10px;width:calc(100% - 130px);}
    .news-ul li a .content .t1{font-size:18px;}
    .news-ul li a .content .t2{font-size:13px;line-height: 22px;}
    .news-ul li a .content .t3{display:none;}

    .gallery-border{border:none}
    .gallery-top-next, .gallery-top-prev{background: none;color:#e2a900}
    .case-xq{display: block;}
    .case-xq .t1{width:100%;border: none;}
    .case-xq .t2{width:100%;padding:10px 0;}
    .case-xq .t2 a{margin-top: 15px;}

    .case-show::before{display: none;}
    .case-show .bt{color:#333;}
    .occ2-ul{padding:20px 0 0 0;}
    .occ2-ul li{display: block;}
    .occ2-ul li .pic{width:100%;}
    .occ2-ul li .txt{width:100%;padding:10px;font-size:14px;margin:0px;line-height:30px;position: static;}

    .occu3-ul{padding:20px 0 0 0;}
    .occu3-ul li .occupation-bt{line-height: 60px;padding:0 10px 0 0;}
    .occu3-ul li .occupation-bt .t1{font-size:17px;}
    .occu3-ul li .occupation-bt .t1 span{display: none;}
    .occu3-ul li .occupation-bt .t2 a{width: 90px;line-height: 30px;font-size:12px;margin-right:20px;}    
    .occu3-ul li .occupation-bt .t2 i{font-size:20px;}
    .occu3-ul li .txt{padding:10px 0;font-size:14px;line-height:26px ;}

    .page-in{width:100%;height: 100px;}
    .page-in p{font-size:20px;padding-bottom: 10px;}
    .page-in a{font-size:18px;bottom: 10px;}

    .show-left{width:100%;}
    .news-time a{display: none;}
    .news-show{padding:15px 0 0 0;}
    .news-time span{font-size:14px}

    }

@media (max-width:567px){
	}

@media (max-width:467px){

    }

@media (max-width:376px){
	}

@media (max-width:336px) {
    }
	
	
	
	
	
	
	
.jlfanye{ width:100%;margin:0 auto; text-align: center; }
.jlfanye a{ padding:5px 15px;  border: solid 1px #dedede; float:none; display: inline-block; min-width:8px; margin:8px 2px; color:#999;}
.jlfanye a:hover{ color:#c41313;}