/*************************************************************************/
/*全局样式开始*/
/*************************************************************************/
@charset "utf-8";
*{margin:0;padding:0;outline:0;}
body,html{overflow-x:hidden;color:#000;font:14px/30px arial,"Microsoft Yahei","微软雅黑";background: url(../images/body.jpg);}
blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0;}
input[type=text],input[type=submit],textarea,button{-webkit-border-radius:0;font-family:Microsoft Yahei,microsoft yahei,"微软雅黑",arial;-webkit-appearance:none;}
input:focus{outline:0;}
textarea{resize:none;}
h1,h2,h3,h4,h5,h6{font-style:normal;font-size:100%;}
abbr,em,i,li,ol,ul{list-style-type:none;font-style:normal;}
img{border:0;vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0;}
.clearfix{display:block;zoom:1;}
.clearfix:before{display:table;content:"";}
.clearfix:after{clear:both;display:block;visibility:hidden;height:0;content:".";}
* html .clearfix{height:1%;}
*{box-sizing:border-box;}
a{color:#000;text-decoration:none;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-ms-transition:.3s;}
a:hover{color:#f4a42b;text-decoration:none;}
.hide,.none,ins{display:none;}
.fl{float:left;display:inline-block;}
.fr{float:right;display:inline-block;}
.wrap{clear:both;display:block;margin:0 auto;max-width:1200px;width:100%;}
.animate img{position:relative;opacity:1;-webkit-transition:.5s all;-moz-transition:.5s all;-o-transition:.5s all;transition:.5s all;-webkit-transform:scale(1,1) rotate(0);-ms-transition:.5s all;}
a:hover .animate img{-webkit-transform:scale(1.06,1.06);-moz-transform:scale(1.06,1.06);-o-transform:scale(1.06,1.06);transform:scale(1.06,1.06);-ms-transform:scale(1.06,1.06);}
.animate img:hover{-webkit-transform:scale(1.06,1.06);-moz-transform:scale(1.06,1.06);-o-transform:scale(1.06,1.06);transform:scale(1.06,1.06);-ms-transform:scale(1.06,1.06);}
.tran,.tran a,a.tran,.tran img{-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;-ms-transition:all .3s;}
.rotate,.rotate2 img{-webkit-transition:all 0.8s;-moz-transition:all 0.8s;transition:all 0.8s;-ms-transition:all 0.8s;}
a:hover .rotate,a:hover rotate2 img{-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);-webkit-transition:all 0.8s;-moz-transition:all 0.8s;transition:all 0.8s;-ms-transition:all 0.8s;}
.bor_box::after,.bor_box::before{pointer-events:none;}
.bor_box::after,.bor_box::before{position:absolute;top:20px;right:20px;bottom:20px;left:20px;content:'';opacity:0;-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;}
.bor_box::before{border-top:1px solid #fff;border-bottom:1px solid #fff;-webkit-transform:scale(0,1);transform:scale(0,1);}
.bor_box::after{border-right:1px solid #fff;border-left:1px solid #fff;-webkit-transform:scale(1,0);transform:scale(1,0);}

#header{width:100%;position:relative}
#header .wrap{ position:absolute; left:50%; top:0; margin-left:-600px; z-index:999}
#header .logo{ padding:10px 0}
#header .logo img{ height:137px;}
#header .nav ul li{ background:url(../images/nav2.png); width:52px; height:157px; float:left; margin-left:25px}
#header .nav ul li{-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;-ms-transition:all .3s;}
#header .nav ul li a{ padding:25px 13px; 0; color:#f2ac3f; height:157px; font-size:18px; width:100%; display:block; line-height:22px; text-align:center}
#header .nav ul li:hover{ background:url(../images/nav2.png); color:#f2ac3f}
#header .nav ul li:hover a{ color:#f2ac3f}
#header .nav ul li.on{ background:url(../images/nav2.png); color:#f2ac3f}
#header .nav ul li.on a{color:#f2ac3f}
#header .focus{ width:100%; position:relative; z-index:10}
#header .focus .swiper-slide img{width:100%}
#about{ width:100%; background:url(../images/index1.png) repeat-x center top; padding:60px 0}
#about .title{ text-align:center}
#about .text{ text-align:center; margin-top:20px;}
#about .icon{ margin-top:60px; background:url(../images/shan.png) no-repeat center bottom; height:400px}
#about .icon .swiper-container{ padding:0 50px;}
#about .icon .swiper-slide{ float: left; width:30%}
#about .icon .swiper-slide .img{ height:115px;}
#about .icon .swiper-slide p{ margin-top:20px; display:block; text-align:center; font-size:16px}
#about .icon .swiper-slide em{ display:block; text-align:center; margin-top:0px}
#about .icon .swiper-slide .img1{background:url(../images/index1-pic1.png) no-repeat center center}
#about .icon .swiper-slide .img2{background:url(../images/index1-pic2.png) no-repeat center center}
#about .icon .swiper-slide .img3{background:url(../images/index1-pic3.png) no-repeat center center}
#about .icon .swiper-slide .img4{background:url(../images/index1-pic4.png) no-repeat center center}
#about .icon .swiper-slide .img5{background:url(../images/index1-pic5.png) no-repeat center center}
#about .icon .swiper-slide .img6{background:url(../images/index1-pic6.png) no-repeat center center}
#about .icon .swiper-slide a:hover .img1{background:url(../images/index1-pic1-h.png) no-repeat center center}
#about .icon .swiper-slide a:hover .img2{background:url(../images/index1-pic2-h.png) no-repeat center center}
#about .icon .swiper-slide a:hover .img3{background:url(../images/index1-pic3-h.png) no-repeat center center}
#about .icon .swiper-slide a:hover .img4{background:url(../images/index1-pic4-h.png) no-repeat center center}
#about .icon .swiper-slide a:hover .img5{background:url(../images/index1-pic5-h.png) no-repeat center center}
#about .icon .swiper-slide a:hover .img6{background:url(../images/index1-pic6-h.png) no-repeat center center}

#video{width:100%;padding:50px 0}
#video .wrap{position:relative}
#video .bo-wp{position:absolute;width:85px;height:85px;background-repeat:no-repeat;background-position:center;background-image:url(../images/bo-wp.png);left:50%;margin-left:-42px;top:50%;margin-top:-42px;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.bo{position:absolute;width:37px;height:38px;background-repeat:no-repeat;background-position:center;background-image:url(../images/bo.png);left:50%;margin-left:-16px;top:50%;margin-top:-19px}
#video a:hover .bo-wp{-webkit-animation:play 3s linear infinite;-moz-animation:play 3s linear infinite;animation:play 3s linear infinite}
@-webkit-keyframes play{
	0%{-webkit-transform:rotate(0deg)}
	100%{-webkit-transform:rotate(360deg)}
}
@-moz-keyframes play{
	0%{-moz-transform:rotate(0deg)}
	100%{-moz-transform:rotateX(360deg)}
}
@keyframes play{
	0%{transform:rotate(0deg)}
	100%{transform:rotate(360deg)}
}

#news{ width:100%; padding:60px 0 0; background:url(../images/news_bg.png) no-repeat center top}
#news .news_s_bg{ background:url(../images/shan2.jpg) no-repeat center bottom; padding-bottom:200px}
#news .title{ text-align:center}
#tabs-container{ position:relative; overflow:hidden; margin-top:80px}
#news .list .swiper-slide .tou{ background:url(../images/news_tou_bg.jpg)}
#news .list .swiper-slide .tou .img{ width:600px; height:380px; overflow:hidden}
#news .list .swiper-slide .tou .img img{width:100%;height:100%;object-fit:cover}
#news .list .swiper-slide .tou .info{ padding:50px 50px 0; width:600px}
#news .list .swiper-slide .tou .info h3{ font-size:24px; color:#fff; font-weight:normal}
#news .list .swiper-slide .tou .info em{ width:30px; height:5px; background:#fff; display:block; overflow:hidden; margin-top:20px}
#news .list .swiper-slide .tou .info p{ color:#fff; margin-top:20px;}
#news .list .swiper-slide ul.olist{ margin-top:140px}
#news .list .swiper-slide ul.olist li{ float:left; width:calc((100% - 160px) / 3); margin-right:80px;position:relative; padding-left:75px}
#news .list .swiper-slide ul.olist li:last-child{ margin-right:0}
#news .list .swiper-slide ul.olist li h2{ font-size:20px;; color:#444; font-weight:normal; height:60px; overflow: hidden}
#news .list .swiper-slide ul.olist li p{ color:#999; border-top:1px solid #c4af8d; padding-top:10px; margin-top:10px; line-height:22px}
#news .list .swiper-slide ul.olist li .date{ width:60px; text-align:center; position:absolute; left:0; top:10px}
#news .list .swiper-slide ul.olist li .date span{ display:block; font-size:55px; color:#444}
#news .list .swiper-slide ul.olist li .date em{ display:block; color:#666}
#news .list .swiper-slide ul.olist li .view{ margin-top:40px;}
#news .list .swiper-slide ul.olist li .view span{ display:block; width:82px; height:58px; background:url(../images/news_view.png); text-align:center; line-height:58px; font-size:12px; color:#000; }
#news .list .tabs{ text-align:center; margin-top:50px}
#news .list .tabs a{ display:inline-block; width:99px; height:99px; text-align:center; padding:26px 0 0; line-height:24px; background:url(../images/yuan1.png); font-size:20px; margin-right:270px;}
#news .list .tabs a:hover{ background:url(../images/yuan2.png); color:#fff}
#news .list .tabs a:nth-child(3){ margin-right:0; position:relative; top:20px}
#news .list .tabs a:nth-child(1){ position:relative; top:20px}

#gc{ width:100%; padding:100px 0 200px; background: url(../images/gc_bg.png) no-repeat center top}
#gc .title{ text-align:center}
#gc .list{ margin-top:50px}
#gc .list .swiper-slide{ float:left; position:relative; background:url(../images/gc_box.png) no-repeat; width:278px; height:401px; padding:100px 20px 0}
#gc .list .swiper-slide .img{ width:100%; height:160px; overflow:hidden}
#gc .list .swiper-slide .info{ position:absolute; left:20px; top:250px; background:#fff; padding:40px 0; text-align:center; width:238px; height:100px; overflow:hidden}
#gc .list .swiper-slide .info .t{ font-size:20px; text-align:center}
#gc .list .swiper-slide .info .view{ margin-top:100px}
#gc .list .swiper-slide .info .view a{ display:block; background:url(../images/gc_view.png) no-repeat; width:188px; height:36px; overflow:hidden; margin:0 auto; color:#c4af8d}
#gc .list .swiper-slide:hover .info{ top:130px; height:250px;}

#fimg{ width:100%; margin-top:80px}
#fimg img{ width:100%}
#footer{ background:url(../images/footer.jpg) no-repeat center top; padding:50px 0 100px}
#footer .ewm{ text-align:center}
#footer .ewm p{ background:url(../images/yun.png) no-repeat center center; font-size:16px; color:#fff; margin-top:20px; line-height:40px}
#footer .linker{ text-align:center; margin-top:50px}
#footer .linker a{ margin:0 10px; color:#fff; font-size:16px}
#footer .copyright{ text-align:center; color:#fff; margin-top:30px}
#footer .copyright i{ margin:0 8px}
#footer .copyright a{color:#fff;}

#fenye{padding:50px 0 0px;text-align:center;clear:both;}
#fenye table{text-align:center;margin:0 auto}
#fenye a{margin:0 2px;color:#5a5a5a;text-decoration:none;padding:10px 15px;border:1px solid #eee; background:#FFF}
#fenye .prev,#fenye .next{width:52px;text-align:center}
#fenye a.curr{font-weight:700;color:#fff;background:#f2ac3f;border:1px solid #f2ac3f}
#fenye a:hover{background:#f2ac3f;color:#fff;border:1px solid #f2ac3f}
#fenye span{margin:0 2px;color:#5a5a5a;text-decoration:none;padding:10px 15px;border:1px solid #eee;background:#FFF}

#kefu{ width:74px; position:fixed; right:0; top:20%; z-index:9999}
#kefu .item:nth-child(1){ background:#6da9de}
#kefu .item:nth-child(2){ background:#78c340}
#kefu .item:nth-child(3){ background:#fbb01f}
#kefu .item:nth-child(4){ background:#666666}
#kefu .item{ text-align:center; padding:14px 0; position:relative; cursor:pointer}
#kefu .item i{ font-size:28px; color:#fff}
#kefu .item p{ color:#fff; line-height:14px; font-size:12px}
#kefu .item .kf_ewm{ display:none; position:absolute; right:74px; top:0; background:#f8f8f8; padding:20px}
#kefu .item .kf_ewm img{ width:100px}
#kefu .item .kf_phone{ display:none; position:absolute; right:74px; top:0; background:#f8f8f8; padding:20px; font-size:18px; font-weight:bold}
#kefu .item:hover .kf_ewm{ display: block}
#kefu .item:hover .kf_phone{ display: block}
#kefu .item:nth-child(2):hover{ background:url(../images/kf_sj.png) no-repeat left center #78c340}
#kefu .item:nth-child(3):hover{ background:url(../images/kf_sj.png) no-repeat left center #fbb01f}


#nabout{ width:100%; padding:50px 0}
#nabout .wrap{ background:#fff; padding:50px}
#nabout .img{ width:100px}
#nabout .content{ width:calc(100% - 150px); font-size:16px; line-height:200%}
#nabout .content p{ padding-bottom:10px}
#nzuzhi{ width:100%; background:url(../images/bg_about_zzjg.jpg) no-repeat center center; padding:50px 0;}
#nzuzhi .title{ text-align:center}
#nzuzhi .content{ margin-top:50px; text-align:center}
#nzuzhi .content img{ max-width:100%;}

#wenhua{ width:100%; padding:80px 0;}
#wenhua .qywh img{}
#wenhua .qywh .right{ width:calc(100% - 650px); padding-top:20px}
#wenhua .qywh .right .content{ margin-top:40px; font-size:16px; line-height:40px}
#wenhua .ry{ margin-top:50px;}
#wenhua .ry .swiper-slide img{ width:100%; height:180px;}
#wenhua .ry .swiper-slide p{ text-align:center; margin-top:10px}

#nservice{ width:100%; padding:50px 0}
#nservice .wrap{ background:#fff; padding:50px}
#nservice .title{ border-bottom:1px solid #eee; padding-bottom:10px}
#nservice .title span{ font-size:24px; font-weight: normal; color:#f2ac3f}
#nservice .content{ padding:20px 0; font-size:16px; line-height:200%}
#nservice .content img{ max-width:100%}
#nservice .content p{ padding-bottom:10px}
#nservice .contact{ background:url(../images/job_bg.jpg) no-repeat center center; background-size:cover; padding:50px 250px 50px 400px; font-size:16px; margin-top:20px; margin-bottom:20px}
#nservice .job{ padding:20px 0; font-size:16px; line-height:200%}


#ncontact{ width:100%; padding:80px 0}
#ncontact .map{ width:60%}
#ncontact .right{ width:40%; height:630px; background:#a4957b; padding:50px 50px}
#ncontact .right h2{ font-size:30px; color:#fff}
#ncontact .right .info{ margin-top:40px;}
#ncontact .right .info p{ color:#fff; font-size:16px; margin-top:15px}
#ncontact .right .info p img{ margin-right:10px}
#ncontact .right .ewm{ border-top:1px solid #eee; padding-top:40px; margin-top:40px;}
#ncontact .right .ewm .img{ width:160px;}
#ncontact .right .ewm .text{ width:calc(100% - 180px); color:#fff; font-size:16px; padding-top:25px}

#nnews{ width:100%; padding:50px 0}
#nnews .wrap{ background:#fff; padding:50px}
#nnews .title{ border-bottom:1px solid #eee; padding-bottom:10px}
#nnews .title span{ font-size:24px; font-weight: normal; color:#f2ac3f}
#nnews ul li{ border-bottom:1px solid #eee; padding:50px 10px 50px 0}
#nnews ul li{-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;-ms-transition:all .3s;}
#nnews ul li .date{ width:90px; text-align:center; padding-top:5px}
#nnews ul li .date span{ display:block; color:#a4957b; font-size:48px}
#nnews ul li .date em{ display:block; color:#999}
#nnews ul li .img{ width:200px; height:130px; overflow:hidden}
#nnews ul li .img img{width:100%;height:100%;object-fit:cover}
#nnews ul li .info{ width:calc(100% - 90px - 175px - 150px); border-left:1px solid #eee; padding-left:30px}
#nnews ul li .info h2{ font-size:20px; font-weight:normal}
#nnews ul li .info .hits{ color:#999; margin-top:5px}
#nnews ul li .info .hits i{ margin-right:5px; opacity:.5}
#nnews ul li .info  p{ color:#999; line-height:22px; margin-top:5px}
#nnews ul li:hover{ background:#a4957b}
#nnews ul li:hover .date span,
#nnews ul li:hover .date em,
#nnews ul li:hover .info h2,
#nnews ul li:hover .info .hits,
#nnews ul li:hover .info p{ color:#fff}
#nnews ul li a{ display:block}

#show_news{ width:100%; padding:50px 0}
#show_news .wrap{ background:#fff; padding:50px 100px}
#show_news h1{ text-align:center; font-size:28px; color:#0064ac; font-weight:normal}
#show_news .info{ text-align:center; border-bottom:1px dotted #ddd; padding:20px 0 10px; }
#show_news .info span{ margin:0 8px}
#show_news .content{ padding:20px 0; font-size:16px; line-height:200%}
#show_news .content img{ max-width:100%}
#show_news .content p{ padding-bottom:10px;}
#show_news .updown{ border-top:1px dashed #ddd; padding-top:20px}

#ncase{ width:100%; padding:50px 0}
#ncase .wrap{ background:#fff; padding:50px;}
#ncase .title{ border-bottom:1px solid #eee; padding-bottom:10px}
#ncase .title span{ font-size:24px; font-weight: normal; color:#f2ac3f}
#ncase ul li{ float:left; width:32%; margin-right:2%; margin-top:30px; position:relative}
#ncase ul li:nth-child(3n){ margin-right:0}
#ncase ul li .img{ width:100%; height:230px; overflow:hidden}
#ncase ul li .img img{width:100%;height:100%;object-fit:cover}
#ncase ul li p{ text-align:center; background:#f5f5f5; padding:10px 0; font-size:16px}
#ncase ul li .info{opacity:0;position:absolute;left:0;top:0;background:rgba(0,0,0,.8);width:100%;height:230px;}
#ncase ul li .info .stit{font-size:16px;line-height:30px;width:100%;text-align:center;position:absolute;left:0;top:50%;margin-top:-15px;color:#fff;}
#ncase ul li .info .stit:after,
#ncase ul li .info .stit:before{content:'';display:block;width:100px;height:1px;background-color:#f2f2f2;position:absolute;left:50%;margin-left:-50px;transition:all .6s ease 0s;}
#ncase ul li .info .stit:before{top:0;}
#ncase ul li .info .stit:after{bottom:0;}
#ncase ul li a:hover .info{opacity:1;}
#ncase ul li a:hover .info .stit:after,
#ncase ul li a:hover .info .stit:before{width:6px;margin-left:-3px;opacity:.6;}

#show_case{ width:100%; padding:50px}
#show_case .wrap{ background:#fff; padding:50px}
#show_case .info{}
#show_case .info .img{ width:600px; background:#eee; padding:50px}
#show_case .info .img img{ width:100%}
#show_case .info .text{ width:calc(100% - 650px); padding-top:10px}
#show_case .info .text h1{ font-size:24px}
#show_case .info .text p{ font-size:16px; margin-top:20px}
#show_case .view{ margin-top:100px}
#show_case .view .title{ border-bottom:1px solid #eee}
#show_case .view .title span{ color:#fff; font-size:18px; background:#f2ac3f; display:inline-block; padding:5px 15px}
#show_case .view .content{ padding:20px 0; font-size:16px; line-height:200%}
#show_case .view .content img{ max-width:100%}
#show_case .view .content p{ padding-bottom:10px;}
#show_case .updown{ border-top:1px dashed #ddd; padding-top:20px}

#classlist{ width:100%; background:#f5f5f5; padding:25px 0;text-align:center;}
#classlist a{border-right:1px solid #ddd; padding:0 40px; font-size:16px; line-height:20px;}
#nservice{ width:100%; padding:50px 0}
#nservice .wrap{ background:#fff; padding:50px}
#nservice .title{ border-bottom:1px solid #eee; padding-bottom:10px}
#nservice .title span{ font-size:24px; font-weight:bold}
#nservice .content{ padding:20px 0; font-size:16px; line-height:200%}
#nservice .content img{ max-width:100%}
#nservice .content p{ padding-bottom:10px}