/* ---------------------------------------------------------- */
/*                                                            */
/* 项目：洛阳青峰移动站模版网站 #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: #5d9cec}
.bar-tab .tab-item{color: #fff;border-right: 1px solid #e6e6e6}
.bar-tab .tab-item .icon{font-size: 0.9rem}

.w{ max-width:768px; min-width:320px; margin:0 auto;}

/* LOGO */
.whome{ max-width:768px; min-width:320px; margin:0 auto;}

.mrg{ margin:0 2%;}
.pad{ padding:0 2%;}
.mrg2{ margin:0 4%;}
.pad2{ padding:0 4%;}
header{ display:block;}
.topheader{ background:#1c1c1c; text-align:center; height:141px; position:relative; z-index:10000000;max-width: 768px;margin: 0 auto}
.topheader .logo{ margin:0 auto; height:100%;}
.topheader .logo:before{ content:""; width:0; height:100%; vertical-align:middle; display:inline-block;}
.topheader .logo h1{ vertical-align:middle; display:inline-block;}
.topheader .amenu{ position:absolute; width:7%; height:100%; left:3%; top:0; cursor:pointer; display:list-item; list-style:none;;}
.topheader .amenu span{ display:block; width:100%; background:#858585; height:3px; top:calc((100% - 50px) / 2);transition: all 0.4s; position: relative;}
.topheader .amenu span:nth-child(1){animation: outfirst 0.5s; transform: translateY(5px) rotate(0); }
.topheader .amenu span:nth-child(2){animation: outlast 0.5s; transform: translateY(15px) rotate(0); }
.topheader .amenu span:nth-child(3){animation: outlast 0.5s; transform: translateY(25px) rotate(0); }

.topheader .aon{ }
.topheader .aon span:nth-child(1){ animation: aspan1 0.5s; transform: translateY(15px) rotate(45deg); }
.topheader .aon span:nth-child(2){ animation: aspan2 0.5s; transform: translateX(0) rotate(0); display:none;}
.topheader .aon span:nth-child(3){ animation: aspan2 0.5s; transform: translateY(15px) rotate(-45deg);}


.mnav{ position:absolute; z-index:1000; width:100%; background:#2b2b2b; height:100%; display:none; top:0;}
.mnav ul{ list-style:none; padding:100px 0 30px; background:#2b2b2b;}
.mnav li{ border-bottom:1px solid #656565; text-align:left; margin:0 20px;}
.mnav li a{ color:#e5e5e5; font-size:20px; line-height:50px; background:#505050; padding-left:30px; display:block;}
.mnav li .navp{ color:#e5e5e5; font-size:16px; line-height:50px;}
.mnav li .navp a{ color:#e5e5e5; font-size:16px; line-height:50px; display:inline-block; width:20%; text-align:center; background:none; padding-left:0;}
.mnav li .navp a:before{content:"|"; float:left;}
/*.mnav li .navp a:nth-child(4n):after{content:"|"; float:right;}*/

.show{ display:block;}
.mnone{ display:none;}

/*.fh{ height:100px;}
.footer{ position:fixed; bottom:0; height:100px; width:100%; left:0; z-index:100000000000;}
.footer .w{ position:relative;background:#313131; height:100px;}
.footer .nav-bom{ height:100px;}
.footer .nav-bom li{height:100px;float:left; width:25%; border-right:1px solid #6a6868;}
.footer .nav-bom li.li-1{}
.footer .nav-bom li a{ color:#fff; font-size:24px;line-height:41px; text-align:center; position:relative; padding:0; height:100px; display:block;}
.footer .nav-bom li i{ display:block; width:20%; margin:12px auto 0;}
.footer .nav-bom li i img{ width:100%;}
.footer .nav-bom li a:hover{ color:#fff;transition-duration:0.6s; text-decoration:none;}
.footer .nav-bom li.none{ border:none;}
*/

/* top */
.top{display:none;position:fixed;right:10px;bottom:80px;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;}

/*标题样式*/
.ititle-1{font-family:"微软雅黑"; text-align:center; position:relative; background:url(../images/t_line.jpg) no-repeat center 0;}
.ititle-1 span{font-size:30px;color:#191919; line-height:40px; font-weight:bold; display:block; padding-top:15px;}
.ititle-1 em{color:#ee7eac; font-size:48px; font-style:normal; font-weight:bold; text-transform: uppercase; display:block;}
.ititle-1 p{ color:#656565; font-size:18px; margin:15px 0 0;}
.ititle-1 p a{ color:#656565; margin:0 5px; display:inline-block;}
.ititle-1 p a:hover{ color:#004eb7;}
.it1,.it1 span,.it1 em,.it1 p{opacity:1}

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

/*标题*/
.index_ {padding:1rem 0 0rem;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}
.T.hasline strong:before{width: 100px;height: 12px;top:50%;right: 100%;margin-top:-6px;background: url('../images/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('../images/br.png') center left no-repeat;background-size:contain;display: block;content: '';position: absolute}

.C{padding-top: 1rem;padding-bottom: .5rem}

 

/*媒体盒子模型*/
.media-box{display:block;text-align: center;margin-bottom:.8rem;width: 100%;position: relative;}
.media-box .icon{display: inline-block; background: #fff; 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{}
.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: #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;padding-bottom: 2rem}
.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.95rem}
.newsTit p{font-size:0.6rem;color:#bbb}
.newsTit p span{padding:0 2%}
.newsCont {padding: 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%}
.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}

/*搜索模块*/
.widget-search-form{padding: .5rem 8%;background-color: #e6e6e6;line-height: 36px;font-size: 0.7rem}
.widget-search-form form{border:1px solid #a0d468;}
.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:#a0d468;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 #1f71c5}
.module_tabs a.more{font-size:14px;color:#1f71c5;float:right}


/* ==========================================================================
   Index
   ========================================================================== */
#swiper-banner{min-height: 149px}
#swiper-banner img{ width:100%;}
.morebtn{padding: .3rem .7rem .2rem .7rem;background-color: #f68411;color: #fff;display: inline-block;margin:0 auto;border-radius: 10px 10px 0 0;position: relative}
.morebtn:visited {color: #fff}
.morebtn:after{display: block;content: '';position: absolute;left: 3px;right: 3px;top: 3px;bottom: 0px;border:1px dashed #fff;border-bottom:0;border-radius: 10px 10px 0 0}

/*产品*/
.sect_prod{background-color: #5d9cec}
#swiper-prod{padding-bottom: 1rem; width:96%;}
#swiper-prod .swiper-pagination{bottom: 0; width:100%;}
#swiper-prod .swiper-pagination-bullet{background-color: #fff;border:1px solid #cccccc;opacity: 1; margin:0 2px;}
#swiper-prod .swiper-pagination-bullet-active{background-color: #0792d7}
#swiper-prod .swiper-slide .media-box .icon{ background:url(../images/ak_bg1.png) no-repeat center 0 #fff; background-size:auto 100%; padding:40px 0 20px;}

#swiper-case{padding-bottom: 1rem; width:96%; margin-top:20px;}
#swiper-case .swiper-pagination{bottom: 0; width:100%;}
#swiper-case .swiper-pagination-bullet{background-color: #fff;border:1px solid #cccccc;opacity: 1; margin:0 2px;}
#swiper-case .swiper-pagination-bullet-active{background-color: #0792d7}
#swiper-case .swiper-slide .media-box .icon{ background:url(../images/abg_3.jpg) repeat-x 0 center; background-size:auto 100%; padding:20px;}
#swiper-case a .ntit{ font-size:16px; color:#5b5b5b; display:block; line-height:30px; margin:10px 0 0; font-weight:bold;text-overflow: ellipsis;overflow:hidden;white-space:nowrap;}
#swiper-case p{ font-size:14px; color:#858585; margin:5px 0; line-height:24px; text-align:left;}
#swiper-case .bk-jg{ background:url(../images/amore2.png) no-repeat center center; height:51px;}
#swiper-case .bk-jg span{ display:block; float:left; text-align:center; line-height:51px; width:50%; color:#fff; font-size:16px;}
#swiper-case a.icon:hover span,#swiper-case a.icon:hover p{color:#277fe1;}
#swiper-case a.icon:hover .bk-jg span{ color:#fff;}

#swiper-news{padding: 1rem 0 3rem; width:96%; margin-top:20px; overflow:visible;}
#swiper-news .swiper-pagination{bottom:4%; width:100%;}
#swiper-news .swiper-pagination-bullet{background-color: #fff;border:1px solid #cccccc;opacity: 1; margin:0 2px;}
#swiper-news .swiper-pagination-bullet-active{background-color: #0792d7}
#swiper-news .swiper-slide .media-box .icon{ background:#fff;box-shadow:#d2daff 0px 0px 12px; padding:15px;}
#swiper-news a .ntit{ font-size:18px; color:#494848; display:block; line-height:40px; margin:10px 0 0; padding-bottom:5px; text-align:center; border-bottom:1px dotted #666;text-overflow: ellipsis;overflow:hidden;white-space:nowrap;}
#swiper-news p{ font-size:14px; color:#a3a3a3; margin:5px 0; line-height:24px;}
#swiper-news i{ display:block; font-style:normal; background:url(../images/amore.png) no-repeat center center; background-size:100% 100%; width:70%; height:41px; line-height:41px;color:#fff; font-weight:bold; font-size:18px; margin:10px auto;}
#swiper-news a.con:hover span,#swiper-news a.con:hover p{ color:#277fe1;}
#swiper-news .swiper-button-prev,#swiper-news .swiper-button-next{ top:93%;}
#swiper-news .swiper-button-prev{ background:url(../images/link_left2.jpg) no-repeat center center; background-size:auto 100%; width:50px; left:40%;}
#swiper-news .swiper-button-next{ background:url(../images/link_right2.jpg) no-repeat center center; background-size:auto 100%; width:50px; right:40%;}

/*老师*/
.media-box.teach_box{padding: 0 8%;background:url('../images/03.jpg') 100% 115px no-repeat #fff;text-align: left;color: #fff}
.media-box.teach_box .icon{background-color: #d9e9f7}
.media-box.teach_box p{padding:0}
.media-box.teach_box .morebtn{margin-top: .5rem}
#swiper_teach{padding-bottom: 1rem}
#swiper_teach .swiper-pagination{bottom: 0}

/*我们*/
.usbox{background:url('../images/us.jpg') center right no-repeat;background-size:contain;height: 190px;padding: 1rem 3rem 1rem 0}
.usbox div{padding: 0.6rem;background-color: rgba(255,255,255,.75);font-size: 0.65rem;height: 100%;overflow: hidden;position: relative;}
.usbox div a{position: absolute;top: 0.6rem;bottom: 1rem;left: .6rem;right: .6rem;overflow: hidden;}
.usbox .more{display:none;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}

/*order*/
.sect_order .btn{background-color: #f14d0c;border-color: #f14d0c;color: #fff;border-radius: 0}
.sect_order .form-control{background-color: #f1f1f1}


/* ==========================================================================
   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:0 2% 2% 0;line-height:2;color: #fff;border:1px solid #48cfae;background-color: #48cfae;border-radius: 10px 0 10px 0}
.cate-hd a.on{background: #fff;color: #6873dc;border-color:#5d9cec }

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

.clear{ clear:both; overflow:hidden; zoom:1; float:none}
/* ==========================================================================
   Pad or Pc
   ========================================================================== */
@media only screen and (min-width: 640px) {
	.footer span{display: inline-block}
	.top {border-radius: 0%}
	
	
}

@media (max-width: 640px) {
	#swiper-case a .ntit{ font-size:14px; font-weight:normal; margin:0;}
	#swiper-case p{ display:none;}
	#swiper-case .bk-jg{ height:35px;}
	#swiper-case .bk-jg span{ line-height:35px; font-size:12px;}
	#swiper-case .swiper-slide .media-box .icon{ padding:10px;}

#swiper-news{padding: 0 0 3rem; width:100%; margin-top:20px; overflow:visible;}
#swiper-news .swiper-button-prev{ width:15%; left:25%;}
#swiper-news .swiper-button-next{ width:15%; right:25%;}

#swiper-news .swiper-slide .media-box .icon{ padding:5px;}
#swiper-news a .ntit{ font-size:14px; color:#494848; display:block; line-height:30px; margin:0; padding-bottom:5px; text-align:center; border-bottom:1px dotted #666;}
#swiper-news p{ font-size:12px; color:#a3a3a3; margin:5px 0; line-height:24px;}
#swiper-news i{width:70%; height:35px; line-height:35px;color:#fff; font-weight:bold; font-size:14px; margin:10px auto;}
/*
.fh{ height:46px;}
.footer{ position:fixed; bottom:0; height:46px; width:100%; left:0; z-index:100000000000;}
.footer .w{ position:relative;background:#313131; height:46px;}
.footer .nav-bom{ height:46px;}
.footer .nav-bom li{height:46px;float:left; width:25%; border-right:1px solid #6a6868;}
.footer .nav-bom li.li-1{}
.footer .nav-bom li a{ color:#fff; font-size:12px;line-height:20px; text-align:center; position:relative; padding:0; height:46px; display:block;}
.footer .nav-bom li i{ display:block; width:22%; margin:5px auto 0;}

}*/
.w_clear{
	height: 343px;
	margin-top: 70px;
}