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

@charset "utf-8";

/*
 * reset
 */
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: #343f49}
.bar-tab .tab-item{color: #fff;border-right: 1px solid #acacac;}
.bar-tab .tab-item .icon{font-size: 0.9rem}

/* LOGO */
.header{border-bottom: 3px solid #f08300}
.logo{float: left; width: calc(100% - 60px); width: -webkit-calc(100% - 60px);height: 55px; vertical-align: middle;position: relative;}
.logo a{display: block; height: 100%}
.logo span{display: inline-block; height: 100%; width: 0; text-align: center; vertical-align: middle;}
.logo img{vertical-align: middle;max-height: 100%}
.logo:after{display: none;content: '';width: 1px;height: 68px;background-color: #e1e1e1;position: absolute;right: 0;top: 50%;margin-top: -34px}


/*
 * footer
 */
.footer{text-align:center;color:#999999;font-size:0.6rem}
.footer span{padding: 0 .4rem;display:block;text-align:center}
.footer a{color: #fff}

/*
 * top
 */
.top{display:none;position:fixed;right:10px;bottom:80px;z-index:999;width:40px;height:40px;font-size:24px;background:rgba(0,149,156,.8);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 i{color: #fff}
.top img{vertical-align:middle;}



/* ==========================================================================
   Common module
   ========================================================================== */

/*标题*/
.index_ {padding:1rem 0 1rem;overflow: hidden}
.T{text-align: center;color:#00959c;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: 2px solid #f08300}
.C{padding-top: .5rem;padding-bottom: .5rem}

 /*字体盒子模型*/
.services-box{padding-top: 1rem;display: block;}
.services-box .icon{display: inline-block; background: #fff; width: 100px; height: 100px; position: relative; margin-bottom: 0px;}
.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{}
.services-box p{font-size: 0.6rem;}
.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 h5{font-weight: normal;color: #000}
.media-box p{font-size: 0.6rem;padding:0.1rem 0.5rem;margin:0;line-height: 1.4rem;.widget_adv p}
.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 #cccccc;}
.style01 .media-box p{background-color: #cccccc;}
.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}
.news-box li i{background-color: #f39800;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%}

/*新闻详细模块*/
.newsDetail{font-size: 0.7rem}
.newsDetail .return{
    background: #faa21c;
    display: block;
    width: 50%;
    margin: auto;
    margin-top: 1rem;
    margin-bottom: 1rem;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    border-radius: 3px;
  }
.newsTit{border-bottom:1px solid #eee;text-align:center;margin-bottom: 10px}
.newsTit h1{font-weight: normal;font-size: 0.85rem}
.newsTit p{font-size:0.6rem;color:#bbb}
.newsTit p span{padding:0 2%}
.newsCont {padding: 0 2% 2% 2%;line-height: 1.8;color: #666;}
.newsPaN{color: #666;padding: 2% 2%;border-top:1px solid #eee;}
.newsPaN li a{padding:5px 0 5px;color: #393a45;}
.newsThumb{text-align: center;}
.newsThumb img{max-width: 90%}

/*问题模块*/
.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}

/*搜索模块*/
.widget-search-form{padding: .5rem 8%;background-color: #e6e6e6;line-height: 36px;font-size: 0.7rem}
.widget-search-form form{border:2px solid #f39800;}
.widget-search-form label{float: left;width: 15%;text-align: center;position: relative;background-color: #fff}
.widget-search-form label:after{right: 0px;top: 5px;bottom: 5px;height: auto}
.widget-search-form .form-control{float:left;width:65%;height:36px;border-color: #f3f3f3}
.widget-search-form .form-btn{width:20%;height:36px;border:none;background-color:#f39800;color: #fff}

/*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 #f08300}
.module_tabs a.more{font-size:14px;color:#1f71c5;float:right}


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

/*产品*/
#swiper-prod{padding-bottom: 1rem}
#swiper-prod .swiper-pagination{bottom: 0}
#swiper-prod .swiper-pagination-bullet{background-color: #fff;border:1px solid #cccccc;opacity: 1}
#swiper-prod .swiper-pagination-bullet-active{background-color: #cccccc}

/*优势*/
.sect_adv .T{padding-bottom: 1rem;background-color: #00959c;color: #fff}
.sect_adv .T strong{font-size: 1.8rem;color: #f39800;font-style: italic;}
.sect_adv .T:after{display: block;content: '';position:absolute;left: 50%;right:-10%;height:50%;top:100%;background-color: #fff;transform-origin:top left;transform:rotate(-10deg);}
.sect_adv .T:before{display: block;content: '';position:absolute;right: 50%;left:-10%;height:50%;top:100%;background-color: #fff;transform-origin:top right;transform:rotate(10deg);}
.widget_adv{margin-bottom: 10px}
.widget_adv i{display: inline-block;float: left;font-size: .6rem;width: 1rem;height: 1rem;border-radius: 50%;color: #fff;background: #f08300;text-align: center;line-height: 1rem;font-style: normal;margin-right: .5rem;}
.widget_adv p{font-size: 0.6rem;margin: 0;line-height: 1rem;padding: .4rem 0;}

/*服务*/
.t1.T{color: #fff}
.t1.T strong{font-size: 1.8rem;color: #f39800;font-style: italic;}
.t1.T:after{display: block;content: '';position:absolute;left: 40%;right:-10%;height:100%;top:10px;background-color: #ddd;transform:skewX(-30deg);}
.t1.T:before{display: block;content: '';position:absolute;right: 40%;left:-10%;height:100%;bottom:10px;background-color: #00959c;transform:skewX(-30deg);}

/*案例*/
.sect_case .media-box p{background-color: #d9d9d9;}
#swiper-case{padding-bottom: 1rem}
#swiper-case .swiper-pagination{bottom: 0}
#swiper-case .swiper-pagination-bullet{background-color: #fff;border:1px solid #cccccc;opacity: 1}
#swiper-case .swiper-pagination-bullet-active{background-color: #cccccc}

/*我们*/
.usbox{background:url('../img/us.jpg') center right no-repeat;background-size:contain;height: 190px;padding: 1rem 3rem 1rem 0}
.usbox div{padding: 0.6rem;background-color: #e6e6e6;font-size: 0.65rem;height: 100%;overflow: hidden;position: relative;}
.usbox .more{position: absolute;left:0;right:0;bottom: 0;background:rgba(230,230,230,0.8);text-align: center;padding: 5px 0 4px 0;}
.usbox .more span{border:1px solid #666;font-size: 0.6rem;padding: 1px 2px;color: #666}

/*新闻*/
.sect_news .media-box h5{text-align: left;}
.sect_news .media-box p{text-align: left;padding: 0;color: #999999}
.sect_news .more{display:block;text-align: center;padding: 5px 0 4px 0;}
.sect_news .more span{border:1px solid #666;font-size: 0.6rem;padding: 1px 2px;color: #666}


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

.cate-hd{text-align: center;margin-bottom: 10px}
.cate-hd a{display: inline-block;font-size: 0.65rem;padding: 0 1em;margin-bottom: 2%;line-height:2;color: #323232;border:1px solid #f39800;}
.cate-hd a.on{background: #01949c;color: #fff;border-color:#01949c }

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

.contact-box strong{font-size: 1rem; line-height: 1.8rem;}
.contact-box i{color: #f08300;padding-right: .4rem;}

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