/* ==========================================================================
   index module
   ========================================================================== */

/* 
 * product category
 */
.m-ins-navbox{position: relative;top: auto;margin-bottom: 2em;}
.m-ins-navbox .right .subbox a{padding-top: 6px;padding-bottom: 6px;border-radius: 10px;background: #f3f3f3;color: #333;}
.m-ins-navbox .right .subbox a:hover{ background:#dc4445; color:#fff; }

#swiper_prod .media-box .icon{ text-align:center;}
#swiper_prod .media-box .icon img{ height:100%;}

.sect_prod .swiper-slide {width: 20%}
.sect_prod .media-box{text-align: left;}
.sect_prod .media-box .icon {width: 100%!important; overflow: hidden;display: block!important; height: 248px; position: relative; background:#efefef;}
.sect_prod .media-box .icon a{ display:inline;}
.sect_prod .media-box .txt{ width: 276px; height: 248px;}
.sect_prod .media-box p{line-height: inherit;padding-left: 10%; font-size:14px;}
.sect_prod .media-box h3{font-size: initial;padding-top: 2em;font-weight: bold;padding-left: 10%}
.sect_prod .media-box a{color: #8f8b8b;display: block;}
.sect_prod .media-box a:hover{color: #006abf}
@media screen and (max-width:40em){
	.sect_prod .swiper-slide {width: 50%}
}

/* about us*/
.about-box{ background: rgba(241,244,244,0.8); width: 80%; margin: 0 auto 10rem auto; box-sizing: border-box; padding: 3rem; position: relative; }
.about-content{ padding: 3rem 0; font-size: 0.9rem; line-height: 2rem; color:#727272; text-align: left;}
.qk-box{ clear: both; padding-top: 4rem; position: absolute; bottom:-106px; }
.qk-link1{ background: #0b6ac0; box-sizing: border-box; padding: 2rem; font-size: 1.2rem;}
.qk-link2{ background: #2ed2c1; box-sizing: border-box; padding: 2rem;}
.qk-link3{ background: #0b6ac0; box-sizing: border-box; padding:1rem 2rem; font-size: 1.2rem; text-align: center;}

.qk-link1 .ico,.qk-link2 .ico{ width: 65px; height: 65px; border-radius: 36px; background: #FFF;  float: left; text-align: center; margin-right:10px;  }
.qk-link3 .ico{ width: 65px; height: 65px; border-radius: 36px; background: #FFF; text-align: center; margin: 0 auto;  clear: both; display: block; margin-bottom: 0.4rem; }
.qk-link1 i,.qk-link2 i,.qk-link3 i{ font-size: 2rem; color: #0b6ac0; }
.qk-link-title{ font-size: 1.1rem; color: #FFF; }
.qk-link-en{ font-size: 0.6rem; color: #FFF; text-transform: uppercase; }
.sect_us{background: url('../img/bg2.jpg');background-size: cover;}
.sect_us .index_ .T{color: #fff}
.sect_us .index_ .T h2.border strong:after{background: #fff;}
.sect_us .index_ .T p{color: #4c95cf}
.usbox{text-align: center;}
.usbox div{padding: 4em 15%;color: #fff;line-height: 2.2}
.sect_us .index_ .T h3{ color: #fff;}
.usbox a{color: #fff;border: 1px solid #fff;border-radius: 20px;display: inline-block;font-size: 1.1rem;padding: 4px 2rem}
@media screen and (max-width:40em){
	.usbox div{padding: 2em 0}
}
.pro-bg1{ background: url(../img/qk_link1.jpg) no-repeat; background-size: cover; width: 100%; height: 100%; box-sizing: border-box;  text-align: center; padding: 4rem 0; margin-bottom: 1px}
.pro-bg1:hover{ background: #2ed2c1;}
.pro-icon i{ font-size: 4.5rem !important;  color: #FFF;}
.pro-title{ font-size: 1.6rem;  color: #FFF;}
.pro-en{ font-size: 1.2rem;  color: #FFF; text-transform: uppercase;font-weight: bold;}


/*
 * sect_adv
 */
.sect_adv{background: url('../img/bg1.jpg') bottom center #fff no-repeat;}
.sect_adv .index_ .T h2{font-weight: normal;}
ul.ys1 li{font-size: 1.1rem;color: #fff;background:url('../img/icon1.png') 20px center #006abf no-repeat;padding:4px 0 4px 54px;margin-bottom: 3rem;border-radius: 20px}
ul.ys2 li{font-size: 1.1rem;color: #fff;background:url('../img/icon2.png') right center no-repeat;padding:0 40px 0 0;margin-bottom: 3rem;}
ul.ys2 li span{display:block;border-radius: 20px;text-align: right;background: #dedede;color: #858484;padding:4px 20px 4px 0;}
ul.ys3 li{font-size: 1.5rem;color: #fff;margin-bottom: 2.6rem;}
ul.ys3 li span{background: #006abf;padding: 5px 20px}
ul.ys3 li span.l{padding-right: 5px;border-radius: 20px 0 0 20px;}
ul.ys3 li span.r{padding-left: 5px;background: #303030;border-radius: 0 20px 20px 0;}
.pkBox{text-align: center;margin-bottom: 4rem;position: relative;}
.pkBox span{background: #006abf;padding: 10px 3rem;font-size: 1.5rem;color: #fff;display: inline-block;}
.pkBox span.l{padding-right: 4rem;border-radius: 2rem 0 0 2rem;}
.pkBox span.r{padding-left: 4rem;background: #303030;border-radius: 0 2rem 2rem 0;}
.pk{background: #fff;border-radius: 50%;padding:6px;position: absolute;left: 50%;margin-left: -36px;top: 50%;margin-top: -36px;}
.pk div{display: block;width: 56px;height: 56px;line-height:56px;border: 2px solid #006abf;padding: 0;border-radius: 50%;color: #ffae00;font-size: 1.8rem}
@media screen and (max-width:40em){
	.pkBox span{padding: 3px 1rem}
}

/*电话*/
.sect_tel{background: url('../img/bg3.jpg') center center no-repeat;padding: 2em 0}
.telbox{float:right;font-size: 1.1rem;color: #fff;line-height: 1.3; padding:20px 0; width:100%; text-align: right;}
.telbox i{font-size: 2rem}
.telbox a{color: #fff;font-size: 24px; font-weight:bold;}
.telbox a.btn{font-size: 1rem;color: #fff;border:1px solid #fff;text-align: center;padding: 4px 10px;margin-top: 1em;display: inline-block; float:right;}
@media screen and (max-width:640px){
	.sect_tel{background: #303030}
	.telbox{float: none;text-align: center; padding:0;}
	.telbox a{ display:block; font-size:20px; line-height:30px;}
	.telbox a.btn{ float:none; margin:1em auto 0;}
}

/*新闻*/
.sect_news{overflow: hidden; background: url(../img/news_bg.jpg) no-repeat; background-size: cover;}
.news-box{position: relative;color: #636363;padding: 1.5em 1em;margin-bottom: 35px;border: 2px solid #f6f6f6}
.news-box:hover{cursor: pointer}
.news-box.on{background-color: #fff;border: 2px solid #006abf}
.news-box.on:after{display: none}
.news-box .date{padding: 7px 10px 5px 10px; text-align: center;font-size: 12px;border-right: 1px solid #cccccc;}
.news-box .date i{font-size: 40px;font-weight: bold;display: block;line-height: 0.8;color: #585858}
.news-box .item{display: none;}
.news-box h3{font-weight: normal;padding-bottom: 6px;font-size: 1.15rem}
.news-box h3 a{color: #000}
.news-box h3 a:hover{color: #006abf;}
.news-box p{font-size: 14px}
.news-box .more:hover{color: #000!important;background:none}

.news-box.one{border-bottom: 0;padding: 0;overflow: hidden; background: #FFF;}
.news-box.one .icon{height: 350px;}
.news-box.one img{width:100%;height: 100%}
.news-box.one .cont{padding:15px 5% 20px 5%;background: #f6f6f6}
.newinfo-content{ box-sizing: border-box; padding: 4rem; }
.newinfo-content .date-d{ font-size:2rem; font-weight: bold; line-height: 2rem;}
.newinfo-content .date-y{ font-size:1.4rem; line-height: 3rem; }
.newinfo-content .title{ font-size: 1.4rem; font-weight: bold; line-height: 2rem; }
.newinfo-content .info{ font-size: 1rem; color: #666; line-height: 3rem; }
.newinfo-content .more{ text-transform:uppercase; line-height: 3rem; }
.news-li{ background: #FFF; box-sizing: border-box; padding: 2rem; margin:0 1rem; }

.contact-bg{overflow: hidden; background: url(../img/contact_bg.jpg) no-repeat; background-size: cover; box-sizing: border-box; padding: 4rem;}
.qk-title{ font-size: 1.5rem; color: #FFF; font-weight: bold;}
.qk-info{ font-size: 1.2rem; color: #FFF; }
.cont-add{ clear: both; width: 10%; height: auto; margin: 0 auto }
.cont-add img{ width: 100%; height: auto; margin-bottom: -50px; }
@media screen and (max-width:640px){
	.news-box.one .icon{height: auto}
}
.news-t{ border-left: 5px solid #0b6ec2; padding-left: 10px; text-align: left;line-height: 2.8rem; }
.news-t .title1{ font-size: 2.4rem; color: #000; font-weight: normal; }
.news-t .title2{ font-size: 2.4rem; font-weight: bold; color: #000;}

/*客户*/
.sect_cus{background: #f6f6f6;}
.block_imglist{position:relative;}
.block_imglist .swiper-slide{width: 25%}
.block_imglist .media-box{margin-bottom:0px;width:95%;}
.block_imglist .media-box .icon{width:342px;height:380px;position:relative;background:#fff;overflow: visible;}
.block_imglist .media-box p{font-size:1.15rem;display: block;margin:0 auto;width: 100%;position: relative;top: 0;padding-bottom: 0;padding-top: 10px}
.block_imglist .media-box:hover p{width: 75%;top: -30px;padding-bottom: 20px}
/*颜色*/
.block_imglist .media-box:hover p{background: #006abf;color: #fff;}
/*左右按钮*/
.block_imglist .swiper-btn{background:#3370b3;color:#fff;position:absolute;top:35%;cursor:pointer;font-size:16px;padding:10px 4px;}
.block_imglist .swiper-prev{left:0;}
.block_imglist .swiper-next{right:0}
.block_imglist .swiper-button-disabled{background:#a3a3a3;cursor:initial}
@media screen and (max-width:640px){
	.block_imglist{padding: 0}
	.block_imglist .swiper-slide{width:100%;margin-right: 0}
}