/* ---------------------------------------------------------- */
/*                                                            */
/* 项目：洛阳青峰移动站模版网站 #01                           */
/*                                                            */
/* - 时间：2017.03.18                                         */
/* - 作者：金铂                                               */
/* - QQ:439933277                                             */
/*                                                            */
/* ---------------------------------------------------------- */

@charset "utf-8";

/* reset */
body,.main{background:#f6f6f6;}
/* 这里重置swiper样式*/
.index_ .swiper-container {padding-bottom: 1rem}
.swiper-container-horizontal > .swiper-pagination-bullets {bottom: 0!important}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {background-color: #fff;    border: 1px solid #a30000;    opacity: 1;    border-radius: 0;    width: 10px;    height: 3px;}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet-active {    background-color: #a30000;    border: 1px solid #a30000;}

input, b, h1, img, span,*:before, *:after{
    -moz-transition: all ease-in-out 0.35s;
    -webkit-transition: all ease-in-out 0.35s;
    -o-transition: all ease-in-out 0.35s;
    -ms-transition: all ease-in-out 0.35s;
    transition: all ease-in-out 0.35s;
}

.bar{background-color: #333}
.bar-tab .tab-item{color: #fff;border-right: 1px solid #e6e6e6}
.bar-tab .tab-item .icon{font-size: 1rem}


/* LOGO */
.header{}
.logo{vertical-align: middle;position: relative; text-align:center;}
.logo img{vertical-align: middle;max-width: 100%}

/*nav*/
.nav{background-color: #2c9a43}
.nav .bb{border-bottom: #80c28e 1px solid;}
.nav a{float: left;width: 25%;border-right: #80c28e 1px solid;font-size: .7rem;line-height: 2rem;display: block;text-align: center;color: #fff;}
.nav a:nth-child(4n){border-right: none;}

/* footer */
.footer{background: url(../img/bg2.jpg) no-repeat 0 bottom;background-size: 100% auto;padding-top: 30px;}
.footer .flogo{}
.footer p{font-size: .8rem;line-height: 1.6rem;color: #333;}
.footer p span{font-size: 1rem;line-height: 1.6rem;color: #2c9a43;}
.footer p strong{color: #ec0f0f}

/* top */
.top{display:none;position:fixed;right:10px;bottom:2.7rem;z-index:999;width:40px;height:40px;font-size:24px;background:rgba(0,0,0,0.4);color:#fff;line-height:40px;text-align:center;cursor:pointer;border-radius: 100%}
.top{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; }
.top:hover{opacity: 0.8}
.top img{vertical-align:middle;}

/*二维码*/
.fixcode{position: fixed;z-index: 9999;left: 0;top: 0;right: 0;bottom: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.45);display: none;}
.fixcode .ghost-center{text-align: center;}
.fixcode .ghost-center p{max-width: 95%;}
.fixcode span{display: block;font-size: .6rem;line-height: 2;color: #fff}
.fixcode img{max-width: 60%;}
.blockcode .fixcode{display: block;}

/* ==========================================================================
   Common module
   ========================================================================== */
.C{padding-top: .5rem;padding-bottom: .5rem}

/*标题*/
.index_ {padding:0.6rem 0 .6rem;overflow: hidden}
.T{text-align: center;color:#393a45;text-transform: uppercase;position: relative;overflow: hidden;}
.T h1{font-weight: normal;text-transform: uppercase;font-family: -webkit-pictograph;line-height: 1}
.T h2{}
.T h2 strong{}
.T h2.border strong:before{display: block;content: ' ';width:100%;height: 180%;border: 1px solid #dcdcdc;position: absolute;right: 50%;top: 50%;border-right: 0px;z-index: -1}
.T h2.border strong:after{display: block;content: ' ';width:100%;height: 180%;border: 1px solid #dcdcdc;position: absolute;left: 50%;top: 50%;border-left: 0px;z-index: -1}
.T h2.border-double strong:before{display: block;content: '////////////////';color:#595858;width:1000%;height: 20px;position: absolute;right: 100%;bottom: 46%}
.T h2.border-double strong:after{display: block;content: ' ';width:30px;height: 1px;border-bottom: 3px solid #0e58a3;position: absolute;left: 100%;bottom: 46%}
.T h3{}
.T h4{font-weight: normal}
.T h5{font-weight: normal}
.T h6{font-weight: normal}
.T.hasBorder{border-bottom: 1px solid #1a1a1a}
.T.hasBorder:after{width: 22px;left: 50%;margin-left: -11px;height: 3px;bottom: -2px;background-color: #000}
.T.hasline strong{position: relative;padding: 0 5px;color: #a40000;}
.T.hasline strong:before{width: 100px;height: 12px;top:50%;right: 100%;margin-top:-6px;background: url('../img/bl.png') center right no-repeat;background-size:contain;display: block;content: '';position: absolute}
.T.hasline strong:after{width: 100px;height: 12px;top:50%;left: 100%;margin-top:-6px;background: url('../img/br.png') center left no-repeat;background-size:contain;display: block;content: '';position: absolute}

 /*字体盒子模型*/
.services-box{padding-top: 0;display: block;text-align: center}
.services-box .icon{background: #fff; width: 60px; height: 60px; position: relative;margin:0 auto;}
.services-box .icon a{display: block;width: 67px;height: 67px;margin: 0 auto;padding-top: 12px;}
.services-box .icon img{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s;-webkit-transition-duration: .5s;}
.services-box .icon a:hover img{transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);-webkit-transform:rotate(360deg);}
.services-box h4{font-weight: normal;position: relative;}
.services-box h4:after{display:block;content:'';position: absolute;width:20px;left:50%;margin-left:-10px;height: 2px;bottom: -4px;background: #ccc}
.services-box.i1 h4:after{background-color: #5d9cec}
.services-box.i2 h4:after{background-color: #a0d468}
.services-box.i3 h4:after{background-color: #f68411}
.services-box.i4 h4:after{background-color: #48cfae}
.services-box p{font-size: 0.65rem;}
.services-box i{display:inline-block;width:105px;height:74px;border-radius:100%;font-size:44px;line-height:74px;/*background-color: rgba(255,255,255,.1);*/ color: #b9b8be}
.services-box.horizontal{text-align: left;padding-bottom: 0}
.services-box.horizontal .icon{display: block;float: left;width:24px;height: 24px;border:3px solid #ccc;border-radius: 5px;font-size: 16px;font-weight: bold;color: #ccc;text-align: center;line-height: 24px;margin-top: 8px;}
.services-box.horizontal .icon a{padding-top: 0;line-height: 67px;text-align: center;font-size: 40px;}
.services-box.horizontal h3{margin-left: 180px;padding: 0;margin-bottom: 20px;}
.services-box.horizontal p{margin-left: 40px;height: 40px;font-size: 12px}

/*媒体盒子模型*/
.media-box{display:block;text-align: center;margin-bottom:.8rem;width: 100%;position: relative;}
.media-box .icon{display: inline-block; background: #fff; width: 168px; height: 115px; overflow: hidden}
.media-box .icon{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s;-webkit-transition-duration: .5s;}
.media-box h4{font-weight: normal;padding-top: .3rem}
.media-box p{font-size: 0.65rem;padding:0.1rem 0.5rem;margin:0;}
.media-box .icon img{width: auto;height: auto}
.media-box .icon img{transition-duration: 1s;-ms-transition-duration: 1s;-moz-transition-duration: 1s;-webkit-transition-duration: 1s;}

/*图片模块*/
.style01 .media-box{border:1px solid #fff;background-color: #fff;padding: 3px}
.style02 .media-box{border:1px solid #ccc;}

/*新闻模块*/
.news-box li{border-bottom: 1px dashed #959595;line-height: 2;margin-bottom: 2%;position: relative;padding-left: 16px;font-size: .65rem}
.news-box li i{background-color: #a40000;display: block;width: 12px;height: 12px;position: absolute;top: 50%;margin-top:-6px;left: 0}
.news-box li i:before{display: block;content: '';position: absolute;left: 0;right: 0;top:50%;height: 1px;background-color: #fff}
.news-box li i:after{display: block;content: '';position: absolute;top: 0;bottom: 0;left:50%;width: 1px;background-color: #fff}
.news-box li span{float: right;padding-left: 2%}

.news-img{padding:0.5rem 0;border-bottom: 1px dashed #ccc;position: relative;}
.news-img .nimg{float: left;width: 43%}
.news-img .ntext{width: 62%;position: absolute;top: 1rem;bottom:1rem;right: 0;background-color: #fff;padding: 0 10px}
.news-img .ntext h4{font-weight: normal;}
.news-img .ntext p{font-size: 0.6rem;height: 1.8rem;overflow: hidden;color: #999999;margin:3px 0;}
.news-img span{position: absolute;bottom: 0.5rem;right: 0;font-size: 0.6rem;color: #999999}


/*新闻详细模块*/
.newsDetail{font-size: 0.7rem;}
.return{background:#faa21c;display:inline-block;line-height:2rem;font-size: .8rem;color:#fff;border-radius:3px;padding: 0 1rem;}
.newsTit{border-bottom:1px solid #eee;text-align:center;padding-bottom: 10px}
.newsTit h1{font-weight: normal;font-size: 0.8rem;font-weight: bold;color: #ec0f0f;line-height: 1.4rem;}
.newsTit small{font-size: .6rem;line-height: 1.2rem;color: #ec0f0f;}
.newsTit p{font-size:0.6rem;color:#bbb}
.newsTit p span{padding:0 2%}
.newsCont {line-height: 1.5;color: #666;text-align: justify; }
.newsPaN{color: #666;padding: 2% 2%;border-top:1px solid #eee;}
.newsPaN li a{padding:5px 0 5px;color: #393a45;}
.newsThumb{text-align: center;padding: .2rem 0;}
.newsThumb img{max-width: 90%}
.newsThumb .swiper-slide img{max-width: 100%}
.newsThumb .swiper-pagination{bottom: 0!important}
.newsThumb .swiper-wrapper{ /*Swiper默认的切换时间曲线是ease*/
   transition-timing-function:  linear!important;
}

/*问题模块*/
.module_quest{border-bottom:1px dotted #bfbfbf;padding:0.5rem 0;margin-bottom:0.4rem}
.module_quest dd,.module_quest dt{padding-left:1.2rem}
.module_quest dt{color:#000;position:relative;padding-bottom: 0.2rem}
.module_quest dt i{position:absolute;top:2px;left:0;background:#343f49;color:#fff;text-align:center;border-radius:3px;padding: 0 3px;font-style: normal;font-size: 12px}
.module_quest dd{position: relative;}
.module_quest dd i{position:absolute;top:2px;left:0;background:#f39800;color:#fff;text-align:center;border-radius:3px;padding: 0 3px;font-style: normal;font-size: 12px}


/*tabs标签*/
.module_tabs{margin-bottom:1rem;border-top:1px solid #eee}
.module_tabs a{display:block;width:25%;float:left;color:#000;border-bottom:2px solid #fff;text-align:center;padding:8px 0 4px 0}
.module_tabs a.active,.module_tabs a.cur{border-bottom:2px solid #a40000}
.module_tabs a.more{font-size:14px;color:#1f71c5;float:right}


/* ==========================================================================
   Index
   ========================================================================== */
#swiper-banner {min-height: 149px}

.more {padding: 0 .5rem;color: #a30000;display: inline-block;margin: 0 auto;border: 1px solid #a30000;font-size: 0.65rem}
.more:visited {color: #a30000}

.title{text-align: center;}
.title p{background: url(../img/title-bg.png) center no-repeat;background-size: contain;text-align: center;}
.title p strong{font-size: 1rem;line-height: 1.8rem;color: #0ea651;display: inline-block;}
.title span{font-size: .8rem;line-height: 1.2rem;color: #ec0f0f;display: inline-block;}
.title-1{text-align: center;}
.title-1 strong{font-size: 1rem;line-height: 1.8rem;color: #ec0f0f;display:block;}
.title-1 span{font-size: .8rem;line-height: 1.2rem;color: #ec0f0f;display: block;}

/*关于我们*/
.sect-about{padding-top: .5rem;padding-bottom: .5rem;background-size: contain;}
.sect-about p{line-height: 1.2rem;color: #333;text-align: justify}
.sect-about p span{}

/*产品*/
.leval{background-color: #f2f8f3;margin-top: .5rem;}
.leval ul li{border-bottom: #666 1px dashed;}
.leval ul li a{display: block;padding-left: .6rem;font-size: .8rem;line-height: 1.6rem;color: #333;}
.leval ul li a span{color: #ec0f0f}
.sect-pro-bg{background-size: contain;}
.sect-pro .pro-box{display: block;padding-bottom: .4rem;}
.sect-pro .pro-box p{display: block;width: 100%;height: 1.6rem;font-size: .8rem;line-height: 1.6rem;color: #ec0f0f;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;text-align: center;}

/*新闻*/
.newsList{padding-top: .5rem;}
.newsList ul li{border-bottom: #ccc 1px dashed;}
.newsList ul li a{display: block;padding-left: 1rem;position: relative;font-size: .8rem;line-height: 1.6rem;color: #333;}
.newsList ul li a:before{content: "";display: block;position: absolute;left: 10px;top: 50%;width: .2rem;height: .2rem;margin-top: -.1rem;background-color: #2c9a43;}
.newsList ul li a span{float: right;font-size: .6rem;color: #999}


.news-index{ padding-bottom:20px;}
.news-index a{ color:#0ea651; float:right;}

/* ==========================================================================
   Inner page
   ========================================================================== */
.sect_bg1 .C{font-size: .7rem}

/*简易分类*/
.cate-hd{text-align: center;}
.cate-hd a{display: inline-block;font-size: 0.65rem;padding: 0 1em;margin:0 2% 2% 0;line-height:2;color: #fff;border:1px solid #0ea651;background-color: #0ea651}
.cate-hd a.on{background: #fff;color: #0ea651;border-color:#0ea651 }

#swiper-honor .swiper-pagination{bottom: 0}

/*内页产品*/
.inne_prod .media-box{
  padding: 8px 5px 5px 5px;
  margin-bottom: 0;
  border-bottom: 1px dashed #a30000;
  border-right: 1px dashed #a30000
}
.inne_prod .media-box .r{
  width: 77%;
  float: right;
}
.inne_prod .media-box .l{
  width: 20%;
  height: 152px;
  float: left;
  background: url('../img/tbg.png') center center no-repeat;
  background-size: contain;
  color: #fff
}
.inne_prod .media-box .l p{
  padding: 0 6px;
  line-height: 1.1
}

/* ==========================================================================
   Pad or Pc
   ========================================================================== */
@media only screen and (min-width: 640px) {
	.footer span{display: inline-block}
	.top {border-radius: 0%}
}