/*
 * @主色: #fbc700
 * @Author: jinbo
 * @Date:   2017-12-15 09:48:21
 * @Last Modified by:   jinbo
 * @Last Modified time: 2020-03-05 15:04:54
 */

/* 
 * 关于我们
 * */
.laytxt{font-family: 'impact';font-size: 180px;color: #f2f2f2;position: absolute;z-index: -1;font-weight: bold;line-height: 1;top: 0;left: -10%;}
.about-box.l { text-align: right;}
.about-box.r { padding:200px 0 50px 0}
.about-box h3 { font-size: 2.2rem; position: relative;}
.about-box h3:before { display: none; content: ''; position: absolute; top: 0px; left: 0px; width: 60px; height: 4px; background: #a7d929 }
.about-box h5 { font-size: 1.5rem; text-transform: uppercase; color: #696868}
.about-box h6 { font-size: 1.5rem; text-transform: uppercase;}
.video-box{padding-top: 70%;width: 100%;position: relative;}
.video-box iframe{width: 100%;height: 100%;}
.qute { position: relative; padding: 25px 0 30px 0; line-height: 2; color: #616161}
.usimg{position: relative;display: inline-block;}
.sect_us .an1{position: absolute;top: 30%;left: 0}
.sect_us .an2{position: absolute;bottom: 0%;right: 0}
.sect_us .an3{position: absolute;top: 105%;right: 105%}
@media screen and (max-width:1200px){
	.laytxt{left: auto;position: initial}
    .sect_us{text-align: center}
    .about-box.r { padding: 10px 0 50px 0}
    .video-box{padding-top: 2%;}
}

/* more btn*/
.morebtn { position: relative; display: inline-block; line-height: 35px; padding: 0 25px; text-transform: uppercase; border: 1px solid #000;font-size: 14px;font-weight: bold;}
.morebtn:after { display: block; content: ''; position: absolute; border: 1px solid #000; left: -5px;top: -5px;right: -1px;bottom: -1px}
.morebtn:before { display: block; content: ''; position: absolute; border: 1px solid #000; right: -5px;bottom: -5px;left: -1px;top: -1px}
.morebtn:hover:before { right: 0;bottom: 0}
.morebtn:hover:after { left: 0;top: 0}

/* 
 * show sidebar
 * */
.sidebar-tit{line-height: 1.5}
.sidebar-tit span{font-size: 2.4rem;text-transform: uppercase;font-family: 'impact'}
.sidebar-tit h3{font-size: 1.8rem}
.sidebar-cont{padding: 0 5px}
.sidebar-cont div{padding: 1em 0 5em 0;line-height: 2.2;color: #616161;}
.sidebar-cont div p{text-align: justify; }
@media screen and (max-width:1024px){
    .sidebar-cont div{padding-bottom: 2em}
    .sidebar-cont div p{display: inline;}
}


/* 
 * 展示中心
 * */
.sect_show{padding-top: 8em}
.sect_show .sidebar{padding-top: 6em}
.sect_show .g-bd1{background: url('../img/bg1.png') 0 90% no-repeat;}
.b1{margin-top: -4em}
.b2 .tit{top: auto;bottom: 10%;text-align: right;}
.b3 .tit{text-align: left;}
@media screen and (max-width:1200px){
    .sect_show .g-bd1{background-position: 0 100%}
}
@media screen and (max-width:1024px){
    .sect_show{padding-top: 0}
    .sidebar{padding-top:0!important;text-align: center;padding-bottom: 2em}
    .b1{margin-top: 0}
}
@media screen and (max-width:480px){
    .sect_show .g-bd1{background: none}
}

/* 
 * 优势
 * */
.sect_adv{background: url(../img/bg2.png) top center no-repeat;background-size: 100% auto;padding-top: 5%;}
.advL,.advR{padding: 5em 0}
.advL{background: url('../img/bg_adv.jpg');background-size: cover}
.advR{background: #fbc700}
/*优势导航*/
.advNav{width: 700px;margin: 0 auto;padding: 2em 0}
.advNav a{display:block;font-size: 2.2rem;color: #fff;border:4px solid #fff;text-align: center;padding: 1em 0;font-weight: bold;}
.advNav .id3 {border:none;border-left: 4px solid #fff;border-right: 4px solid #fff;padding: 1.1em 0;}
.advNav a.min{font-size: 1.5rem;}
.advNav a:hover{background: #fbc700;border-color: #fbc700;}
.advNav .op0{opacity: 0;filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);}
/*优势内容*/
.advWrap{padding: 3em 15% 2em 10%;color: #fff;}
.advWrap li{padding-bottom: 3em;position: relative;display: none;}
.advWrap li:after{display: block;content: '';position: absolute;width: 80px;height: 7px;background: #000;left: 0;bottom: 0}
.advWrap li span{font-size: 1.4rem;color: rgba(255,255,255,.4);line-height: 1.8;text-transform: uppercase;font-weight: bold;position: relative;}
.advWrap li span em{font-size: 3rem;font-style: normal;color: #fff;}
.advWrap li span:before,.advWrap li span:after{content: '';display: block;position: absolute;}
.advWrap li span:before{width: 50%;height: 20%;bottom: 104%;right: -25%;border-left: #fff 6px solid;border-top: #fff 6px solid;border-right: #fff 6px solid;}
.advWrap li span:after{width: 20%;height: 100%;top: -4%;right: -25%;border-right: #fff 6px solid;border-bottom: #fff 6px solid;}
.advWrap li h3{font-size: 2rem;color: #000;}
.advWrap li p{font-size: 1.1rem;color: #000;}
@media screen and (max-width:1200px){
    .advNav{width: auto;padding: 2em}
    .advNav .op0{display: none}
    .advNav a{border-width: 2px;font-size: 1.8rem;margin-bottom: 1em}
    .advNav .id3 {padding: 1em 0;border: 2px solid #fff;}
}
@media screen and (max-width:40em) {
    .advL,.advR{padding:0}
    .advNav a{padding: 6px;border-width: 1px;font-size: 1.4rem}
    .advNav .id3 {padding: 6px;border: 1px solid #fff;}
    .advWrap li span em {font-size: 1rem;}
    .advWrap{padding: 2em}
    .advWrap li span{font-size: 1rem}
}

/* 
 * 新闻
 * */
.sect_news .g-bd1{background: url('../img/bg3.png') 0 90% no-repeat;}
.news-index { position: relative;margin-bottom: 10px;padding: 1em}
.news-index .news_cont { padding-bottom: 1rem;}
.news-index .news_cont .date { padding: 0.5rem 0; color: #9d9d9d; font-size: 12px}
.news-index .news_cont h3 { font-size: 1.2rem;line-height: 3;font-weight: normal;}
.news-index .news_cont h3 a { display: block; position: relative; }
.news-index .news_cont h3 a:after { display: block; content: ''; position: absolute; width: 43px; height: 5px; background-color: #fbc700; top: 0}
.news-index .news_cont h3 a:hover:after { width: 70px}
.news-index .news_cont div { color: #616161; overflow: hidden; text-align: justify; height: 3.6em;}
.news-index a.iconfont{font-size: 32px;line-height: 1}
@media screen and (max-width:40em){
.news-index{padding: 0 1em;margin-bottom: 0}
}

/*
 * 图列
 * */
.sect_pic{}
.sect_pic .swiper-slide{width: 20%}
.pro-box{border: transparent 6px solid;}
.pro-box p{font-size: 16px;line-height: 36px;}
.pro-box:hover{background: #f0f0f0;color: #020202;}

.sect_pic .thumb-layer{margin-bottom: 0}
.sect_pic .thumb-layer .tit { top: auto; bottom: 0; text-align: left; }
.sect_pic .thumb-layer .tit strong { font-size: 24px }
.sect_pic .thumb-layer .tit p { font-size: 16px }