/*
 * @Date:   2017-12-15 09:48:21
 * @Last Modified time: 2017-12-19 10:10:41
 */


/* 
 * prod category
 * */
.sect_prod .index_{padding-bottom: 0}
.pcatbox{position: relative;display: block;color: #fff;overflow: hidden;}
.pcatbox .tit{position: absolute;bottom: -20px;left: 0;right:0;padding: 24px 10px 20px 20px;background: url('../img/base/layer.png');}
.pcatbox .tit i{font-size: 24px;opacity: 0}
.pcatbox:hover{color: #000}
.pcatbox:hover .tit{bottom: 0px;background: rgba(255,255,255,.7);}
.pcatbox:hover .tit i{opacity: 1}
.pcatbox .msk { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,.3)}
.pcatbox:hover .msk{transform:translateX(100%)}
/*swiper button*/
#swiper_prod .swiper-slide{width: 14.28%}
#swiper_prod .swiper-prev, #swiper_prod .swiper-next{position: absolute;top: 0;bottom: 0;width: 15%;font-size: 3em;color: #fff;background: url('../img/black_rpx.png');z-index: 2;cursor: pointer;}
#swiper_prod .swiper-prev{left: 0;}
#swiper_prod .swiper-prev:before{position: absolute;top: 45%;right: 10%}
#swiper_prod .swiper-next{right: 0;}
#swiper_prod .swiper-next:before{position: absolute;top: 45%;left: 10%}

/* 
 * advtage
 * */
.sect_adv{background: #f7f7f7}
.sect_adv .services-box{padding:0 0 20px 75px;background:inherit;text-align:left;position:relative;width:auto;margin:0 auto;}
.sect_adv .services-box i{display:block;position:absolute;top:7px;left:0;width:60px;height:85px;background:#262835;color:#fff;text-align:center;font-weight:bolder;font-size:34px;line-height:85px;border-radius: 0}
.sect_adv .services-box h3{font-size:24px;position:relative;color:#333333;display: inline-block;}
.sect_adv .services-box h3:after{display: block;content: '';width: 100%;height: 1px;background: #000;left: 0;bottom: 0}
.sect_adv .services-box h3 span{color: #ff0000;padding:0 0.6em}
.sect_adv .services-box p{height:auto;font-size:14px}
.sect_adv .services-box p.p1{color:#d0d0d0;font-size: 12px}

/* 
 * custom
 * */
#swiper_cus .media-box .icon{border:0}
#swiper_cus{padding-bottom: 34px}
/*swiper button*/
#swiper_cus .swiper-slide{width: 16.67%}
.swiper-pn{position: absolute;bottom: 0;font-size: 20px;background: #fafafa;padding: 0 15px;line-height: 30px;cursor: pointer;}
.swiper-pn:hover{background: #000;color: #fff;}
.swiper-pn.swiper-prev{right: 50%;margin-right: 5px}
.swiper-pn.swiper-next{left: 50%;margin-left: 5px}

/* 
 * case
 * */
.sect_case{background: #f7f7f7}
.sect_case .index_{padding-bottom: 5em}
.sect_case .caselist{padding: 0 5%;position: relative;}
.sect_case .pcatitem{padding: 0 2.5%}
.sect_case .pcatbox{background: #fff;}
.sect_case .pcatbox .tit{text-align: left;background: rgba(255,255,255,.6);color: #000}
.sect_case .pcatbox:hover .tit{background: #fff;}
/*swiper button*/
#swiper_case .swiper-slide{width: 33.33%}
.sect_case .swiper-prev, .sect_case .swiper-next{position: absolute;top: 45%;font-size: 3em;cursor: pointer;}
.sect_case .swiper-prev{left: 0}
.sect_case .swiper-next{right: 0}

/* 
 * 见证
 * */
.flipster .icon { width: 640px; height: 350px; padding: 0 }
.flipster .icon p { position: absolute; bottom: 0; left: 0; right: 0; background: url('../img/layer.png'); color: #fff; padding: 1rem 0; opacity: 0 }
.flip-current .icon p { opacity: 1 }
.flipster .flipto-prev, .flipster .flipto-next { position: absolute; top: 50%; z-index: 999; display: block; margin-top: -30px; text-indent: -999em; width: 35px; height: 61px; overflow: hidden;}
.flipster .flipto-prev { left: 0; background: url('../img/left.png') no-repeat; }
.flipster .flipto-prev:hover { left: 0; background: url('../img/left1.png') no-repeat; }
.flipster .flipto-next { right: 0; background: url('../img/right.png') no-repeat; }
.flipster .flipto-next:hover { right: 0; background: url('../img/right1.png') no-repeat; }

/* 
 * 我们
 * */
.sect_us{background: #f7f7f7}
.us_box h2{padding-bottom: 1em;position: relative;}
.us_box h2:after{display: block;content: '';width: 60px;height: 4px;background: #999999;position: absolute;left: 0;bottom: 0}
.us_box p{padding:1em 0 2em 0;overflow:hidden;color:#666666;line-height:2.2;}
.us_box a{display:inline-block;padding:3px 20px;border:1px solid #666666;margin-right:1.5em}
.us_box a:hover{color:#fff;background-color:#333333;border-color:#333333}

/* 
 * honor
 * */
.sect_honor{background: #f7f7f7}
#swiper_honor{padding-bottom: 44px}
#swiper_honor .swiper-slide{width: 16.67%}
#swiper_honor .media-box{width: 95%;margin: 0 auto}
#swiper_honor .media-box .icon{border:0}
/*swiper button*/
.sect_honor .swiper-pn{background: none;font-weight: bold;}
.sect_honor .swiper-pn:hover{color: #000;background: #fff;}
.sect_honor .swiper-prev{position: absolute;bottom: 50%;right: 100%;margin-right: 10px}
.sect_honor .swiper-next{position: absolute;bottom: 50%;left: 100%;margin-left: 10px}

/* 
 * indnew
 * */
.indnew { background: #f3f3f3; border-radius: 5px; padding: 0 30px 20px 30px;margin: 1em 3% 2em 3%}
.indnew span { margin-top: -15px; border-radius: 5px; text-align: right; font-size: 22px; padding: 15px 10px; display: inline-block; background: #333333; color: #fff; line-height: 1.4 }
.indnew span i { display: block; font-size: 14px; }
.indnew h3 { padding: 5px 0; font-weight: normal; }
.indnew p { font-size: 12px; color: #999999; line-height: 2 }

/* 
 * question
 * */
.sect_ques{ background: #f3f3f3}
.sect_ques .more{background: #333333;color: #fff}
.sect_ques .more:hover{background: #fff;color: #000}
/* 上下问答布局 */
.module-list-question { padding: 10px 0;width: 103%}
.module-list-question li div{padding: 1em}
.module-list-question i { position: absolute; font-size: 12px; font-style: normal; display: block; width: 20px; height: 20px; font-weight: 400; text-align: center; line-height: 20px; top: 0; left: 0 }
.module-list-question p.t { padding-left: 30px; position: relative; margin-bottom: 1em }
.module-list-question p.t a { font-size: 16px }
.module-list-question p.t i { border: 1px solid #333; }
.module-list-question p.p { padding-left: 30px; position: relative; color: #7e7d7d; font-size: 12px }
.module-list-question p.p i { background-color: #fff }

/*form*/
.m-form .form-control{background: #fff;box-shadow: none;border-top: 0;border-right: 0;border-left: 0}
.m-form .btn{background: #333;border-color: #333}