/* ---------------------------------------------------------- */
/*                                                            */
/* 项目：洛阳青峰响应式模版网站 #20                           */
/*                                                            */
/* - 时间：2017.02.18                                         */
/* - 作者：金铂                                               */
/*                                                            */
/*                                                            */
/*                           QQ:439933277                     */
/*                                                            */
/* ---------------------------------------------------------- */

@charset "utf-8";

/*
 * reset
 */
body{width: 100%;height: 100%;overflow-x: hidden;overflow-y: scroll;color:#393a45}
input,textarea{margin:0;padding:0;outline:0;border:0;background:0 0;vertical-align:middle}
body,button,dd,dl,form,h1,h2,h3,h4,h5,ol,p,ul,menu{margin:0}
ol,ul,menu{padding-left:0;list-style-type:none}
img{max-width:100%;border:0;vertical-align:top}
a,input,select,textarea { outline:none; star:expression(this.onFocus=this.blur());}/*禁止点击时出现蓝色区域*/
a{outline:0;color:#000;text-decoration:none;font-family:"微软雅黑"}
b,i{font-style:normal}
input, b, h1, img, span,*:before, *:after , .arrs,.mask2,a.cateMore,.media-box h5{
    -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;
}

/*
 * common
 */
.opc0{opacity:0;display: none;}
.fix{*zoom:1;}
.fix:before,.fix:after{content:"";display:table;}.fix:after{clear:both;}
.dib{display:inline-block;*display:inline;*zoom:1;}
.btn{cursor:pointer;}
.hide{display:none;}

/*
 * header
 */

/*TOP*/
.bar{background: #026a27; color:#ffffff; position: relative; clear: both; height:6px;font-size: 12px;font-weight: lighter;}
.bar a{color: #e8d08a;}
.bar ul li{ float:left;font-size: 12px}
.bar ul li i.split{ display:inline-block;vertical-align:middle;width: 1px;height: 9px;background: #d3d3d3;margin:0 4px}
.icon-emai{background: url(../img/icon-email.jpg) no-repeat left center;padding-left: 1rem;}
.icon-tel{background: url(../img/icon-tel.jpg) no-repeat left center;padding-left: .8rem;margin-left: 1rem;}
.h_ta{margin-left: 2rem;}
/* 社会化标志 */
.link{height: 105px;text-align: right;padding-right:15px;}
.link::before{content: " "; display: inline-block; height: 100%; width: 0%; vertical-align: middle;}
.link p{display: inline-block; vertical-align: middle; font-size: 16px; color: #6c6666;font-weight: bold;}
.link a{padding: 0 10px 0 25px;}
.link a.ch{background: url('../img/i_ch.jpg') 0px 4px no-repeat}
.link a.en{background: url('../img/i_en.jpg') 0px 4px no-repeat}
.accordion{border: 1px solid #026a27;padding-bottom: 20px;}
.cont-box-ny h2{margin: .2rem 0; font-size: 0.8rem}
.crumb-r{text-align: right;}

/*搜索*/
.input-top .form-control{
	width: 294px;
    height: 26px;
    font-size: 12px;
    border-radius: 30px;
    border: none;
    background: #423e30;
    margin-top: 0px;
    color: #e8d08a;
    padding-left: 15px;
    display: inline-block;
}
.input-top .form-control::-moz-placeholder{color: #e8d08a; opacity: 1;}
.input-top .form-control:-ms-input-placeholder{color: #e8d08a;}
.input-top .form-control::-webkit-input-placeholder{color: #e8d08a;}
.input-top .search_btn{
	width: 21px;
    height: 21px;
    background: url(../img/bg-search.jpg) no-repeat center;
    border: none;
    cursor: pointer;
    margin-left: -40px;
}

/* LOGO */
/* LOGO */
.logo{height:131px;vertical-align:middle;z-index:2;position:relative;margin:0;text-align:center}
.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}
.mlogo{display: none;}
.li-bg-p{background:url(../img/li-bg-p.jpg) no-repeat right center;display: block;width: 10px;height: 10px;position: absolute;right: 0;top: 45%;}

/* 导航按钮 1*/
.wapNavBtn{position:absolute;top:16px;right:5px;display:none;width:24px;font-size:24px;cursor:pointer;animation:transform .6s ease-in-out 0s both;-moz-animation:transform .6s ease-in-out 0s both;-webkit-animation:transform .6s ease-in-out 0s both;-o-animation:transform .6s ease-in-out 0s both;z-index: 99}
.wapNavPointer{display:none;position:absolute;top:3px;right:3px;cursor:pointer;}
/* 导航按钮2*/
button.nav-trigger{display:none;position:absolute;top:0;left:1.4vw;z-index:20;height:50px;width:50px;padding:0 12px;background:0 0;border:0;outline:0}
.nav-trigger{transition:-webkit-transform .3s cubic-bezier(.86,0,.07,1);transition:transform .3s cubic-bezier(.86,0,.07,1)}
.nav-icon{position:relative;top:2px;right:inherit;display:block;width:26px;height:2px;background-color:#000;border-radius:2.5rem;transition:all .3s}
.nav-icon:after,.nav-icon:before{content:"";position:absolute;z-index:-1;display:block;height:2px;width:100%;border-radius:2.5rem;background-color:#000;transition:all .3s}
.nav-icon:before{top:7px}
.nav-icon:after{top:-7px}
.navigation-is-visible .nav-trigger{-webkit-transform:translate3d(84vw,0,0);transform:translate3d(84vw,0,0)}
.navigation-is-visible .nav-icon{background-color:transparent!important}
.navigation-is-visible .nav-icon:before{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);top:0;background-color:#fff}
.navigation-is-visible .nav-icon:after{-webkit-transform:rotate(45deg);transform:rotate(45deg);top:0;background-color:#fff}

/*导航2*/
.bar-fr-tel{background: url(../img/tel-bar.png) no-repeat right center;text-align: right;line-height: 35px;margin-top: 5px;padding-right: 35px;}
.bar-fr-tel span{font-size: 18px;color: #fff;font-weight: bold;}
.bar-fr-tel span a{ color: #ffffff; padding-left: 15px; font-size: 16px;}
.navBox-t1{background-color: #fff;}
.navBox{}
.nav_transform1{ position: relative; z-index: 100000}
.nav_transform1 .navTop{position:absolute;top:0px;display:none;height:4px;background:#f89120;}
.nav_transform1 .navTop{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; }
.nav_transform1 ul.navCont{ position: relative; z-index: 100000}
.nav_transform1 ul.navCont li.child{position:relative;float:left;width:11%;text-align:center;}
.nav_transform1 ul.navCont li.child.last{margin-right: 0}
.nav_transform1 ul.navCont li.child a{display: block;line-height: 131px;color: #333;position: relative;font-size: 16px;}
.nav_transform1 ul.navCont li.child a p.title{font-size: 16px;line-height: 1.3;position: relative;display: block;}
/*.nav_transform1 ul.navCont li.child .title{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; }*/
.nav_transform1 ul.navCont li.child a:hover,.nav_transform1 ul.navCont li.child.on a{color: #026a27;font-weight: bold;}
.nav_transform1 ul.navCont li.child a span{font-size: 12px;color: #6e6e6e;transform:scale(0.9);display: block;position: relative;}
.nav_transform1 ul.navCont li.child a p:after{display: block;content: '';position:absolute;width: 20px;height: 1px;background-color: #6e6e6e;left:100%;top: 0;margin-left:-5px;transform-origin: left top;transform:rotate(-0deg);opacity: 0}
.nav_transform1 ul.navCont li.child a span:after{display: block;content: '';position:absolute;width: 20px;height: 1px;background-color: #6e6e6e;right:100%;bottom: 0;margin-right:-20px;transform-origin: right bottom;transform:rotate(-0deg);opacity: 0}
.nav_transform1 ul.navCont li.child a:hover p:after{transform:rotate(-45deg);opacity: 1}
.nav_transform1 ul.navCont li.child a:hover span:after{transform:rotate(-45deg);opacity: 1}

/*二级*/
.child .childContent{display: none;position: absolute;top: 109px;width: 100%;z-index: 999;}
.child .childContent .childContentLi{color: #fff;font-size: 14px;line-height: 38px !important;background-color: #2f2f2f;}
.child .childContent .childContentLi:hover{background: #026a27;color: #fff;}


/*
 * footer
 */
.footer{text-align:center;color:#fff;font-size:13px;line-height: 30px}
.footer a{color: #fff}
.footer a:hover{text-decoration: underline;color: inherit;}
.footer_detail{padding-top: 0;text-align: center;}
.footer_detail p{color: #333;line-height: 1.7;font-size: 16px;}
.footer_detail .mobile{font-weight: bold;font-size: 40px;color: #333;font-family: impact;}
.footer_detail .en-name{font-size: 12px;color: #666;}
.footer_nav{padding-top: 0.6rem}
.footer_nav a{padding-right: 15px;position: relative;}
.footer_nav a:after{display: block;content: '';width: 1px;height: 11px;background-color: #fff;position: absolute;right: 6px;top: 5px}
.footer_nav a.last:after{display: none;}
.footer_link{ padding: 10px 0;color: #666;text-align: left;background: #fff;}
.footer_link a{color: #333;padding: 0 10px;display: inline-block;}
.footer_link a:hover{color: #000}
.footer_info{text-align: left;padding: 1rem 0;border-top: 1px solid #eee;}
.footer_info .usinfo .info {color: #fff}
.footer_info .usinfo strong{font-size: 20px}
.footer-2 a{display: block;color: #d3d3d3;font-size: 12px;}
.foot-di{border-top: 1px solid #404040;line-height: 2rem;background: #026a27;}

/*
 * top
 */
.top{display:none;position:fixed;right:10px;bottom:110px;z-index:999;width:40px;height:40px;font-size:24px;background:#ccc;color:#fff;line-height:40px;text-align:center;cursor:pointer;}
.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;}

/*详情*/
.canshu{width: 100%;background: #eee;line-height: 2rem;margin-top: 1.5rem;}
.canshu span{display: block;font-size: 20px;color: #000;font-weight: bold;padding-left: 1rem;}
.hot-prod{margin-top: 1rem;}
.hot-prod .mroe-km a{width: 48% !important;}
.hot-prod .mroe-km a.sk-pe{background: url(../img/sk-1.jpg) no-repeat 10px center #e8d08a;}
/*
 * block
 */
.index_ {padding:1rem 0;}
.index_ .T{text-align: center;color:#393a45;text-transform: uppercase;}
.index_ .T h1{font-size: 60px;font-weight: normal;text-transform: uppercase;font-family: -webkit-pictograph;line-height: 1}
.index_ .T h2{font-size: 1.2rem;font-weight: normal;line-height: 1.3;}
.index_ .T h2 strong{position: relative;font-weight: bold;color: #026a27;}

.index_ .T h2.border-double strong:before{display: block;content: '////////////////';color:#595858;width:1000%;height: 20px;position: absolute;right: 100%;bottom: 46%}
.index_ .T h2.border-double strong:after{display: block;content: ' ';width:30px;height: 1px;border-bottom: 3px solid #0e58a3;position: absolute;left: 100%;bottom: 46%}
.index_ .T h3{font-size: 24px;font-weight: normal;}
.index_ .T h4{font-size: 14px;font-weight: normal;color: #7e7e7e}
.index_ .T h5{font-size: 12px;font-weight: normal}
.index_ .T img{display:block;}
.ab-box1{margin-top: 1rem;}
.ab-p{line-height: 30px;text-align: justify;}
.ab-more{float: right;display: block;font-size: 16px;color: #cb9744;font-weight: bold;}

/* ==========================================================================
   Common module
   ========================================================================== */
/* more: text or block */
a.more{border:1px solid #000;padding: 5px 28px;color: #000;display: inline-block}
a.more{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s;-webkit-transition-duration: .5s;}
a.more:hover{background: #026a27;border-color: #026a27}

 /*字体盒子模型*/
.services-box{padding: 1rem 0 3.5rem 0;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 h3{font-size: 1.5rem;padding-bottom: 0.5rem}
.services-box p{font-size: 0.875rem;}
.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}


#swiper_imgslide4 .icon img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}


/*媒体盒子模型*/
.media-box{display:block;text-align: center;width: 100%;position: relative; margin-bottom: 20px}
.media-box .icon{display: inline-block; background: #ffffff; border: 1px solid #dedede; width: 280px; height: 270px !important;  overflow: hidden}
.media-box .icon{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s;-webkit-transition-duration: .5s;}
.media-box h5{font-size: 1rem;padding:0.35rem 0.75rem;font-weight: normal;color: #ffffff; background: #026a27}
.media-box h5 a{
    color: #ffffff;
    display: block;

    overflow: hidden;
    white-space: nowrap;
    /* text-transform: uppercase; */
    text-overflow: ellipsis;
}
.media-box p{font-size: 0.88rem;padding:0 10px;line-height: 2.4;}
.media-box h6{background: rgba(54,105,170,0.8);line-height: 3;left: 0;right: 0;bottom: 0;font-size: 14px;color: #fff;position: absolute;font-weight: normal;}
.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;}
.media-box.anim.anim-scale:hover .icon img{transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);-webkit-transform:scale(1.2);}
.module_prod .icon img{width: 100%;height: 100%;object-fit:cover;}
.media-box a img{width: 100%;height: 100%;object-fit:cover!important;}

/*plist*/
.plist-media{border: none !important;margin-bottom: 0 !important;}
.plist-media .icon{background:#f9f9f9 !important;}
.plist-item{background: #f9f9f9;margin-bottom: 1rem;box-sizing: border-box;padding: 1% 0;}
.text-plist a.read{display: block;float: right;padding: 1% 2%;background: #026a27;color: #000;margin-top: .8rem;}
.text-plist a.read:hover{color: #fff;}
.article{text-align: left;}
.article .C{margin: 15px 0;font-size: 14px;overflow: hidden;}
.ny-pro-t{overflow: hidden;line-height: 2rem;position: relative;}
.ny-pro-t:after{content: " ";display: block;width: 100%;height: 4px;background: #f0f0f0;position: absolute;top: .9rem;z-index: -1;}
.ny-pro-t span{float: left;font-size: 16px;color: #000;font-weight: bold;}
.ny-pro-t a{float: right;display: block;width: 20px;height: 20px;background: #000000;color: #fff;line-height: 20px;text-align: center;margin-top: .5rem;}


.ghost-center:before {
    content: " ";
    display: inline-block;
    height: 100%;
    width: 1%;
    vertical-align: middle;}
 .ghost-center p {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    font-size: 13px;}
.crum-pro{border-bottom: 1px solid #f0f0f0;}
.crum-pro span{display: block;font-size: 12px;color: #666;font-weight: bold;line-height: 2rem;}
.crum-pro strong{font-size: 1rem;color: #026a27;}
.pcl-box{width: 100%;background: #eee;border: 1px solid #c9c9c9;padding: 1.5% 2%;box-sizing: border-box;margin-top: 1rem;}
.pcl-box span{display: block;font-size: 22px;color: #000;font-weight: bold;}
.pcl-box a{margin-right: 8px;}
/* ==========================================================================
   Web style
   ========================================================================== */

/*新闻*/
.news_t_1{overflow: hidden;margin-bottom: 1rem;}
.news_t_1 h2{float: left;}
.news_t_1 h2 em{font-style: normal;font-size: 25px;color: #333;font-weight: bold;margin-left: 10px;}
.news_t_1 a{float: right;display: block;padding: .3rem 2rem;background: #026a27;color: #fff;font-size: 14px;text-align: center;}
.news_t_1 a:hover{color: #333;}
.sect_new {
    overflow: hidden;
 	margin: 1.5rem 0;
}

.news-box {
    position: relative;
	border: 5px solid #f1f1f1;
}
.news-box img{
	width: 100%;
    max-height: 246px;
}
.news-box .news_time {
    text-align: center;
    color: #7e7e7e
}
.news-box .news_time .date {
    line-height: 2.4
}

.news-box .news_time .date i {
    padding: .6rem 0;
    background: #393a45;
    font-size: 1.2rem;
    color: #fff;
    display: block;
    line-height: 1
}

.news-box .news_time .item {
    display: none;
}

.news-box .news_cont {
    box-sizing: border-box;
    padding:2% 5%;
    background: #026a27;
}

.news-box .news_cont1 {
    background: #f2f2f2;
    box-sizing: border-box;
    padding:2%;
}

.news-box .news_cont h5 {
    font-size: .85rem;
    font-weight: normal;
    padding-bottom: 6px;
    position: relative;
    color: #ffffff;
}
.news-box .news_cont p{ color: #ffffff}
.date-news{border: 1px solid #d2d2d2;background: #fdfdfd;box-sizing: border-box;padding: .5%;margin-bottom: 5%;}
.date-news p{display: block;text-align: center;color: #919191;font-size: 36px;font-weight: bold;line-height: 1.4;}
.date-news span{display: block;text-align: center;color: #919191;}
.cont-news-2 p{
    color: #919191;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.cont-news-2 a{display: block;font-weight: bold;color: #000;font-size: 16px;}
.cont-news-2 a:hover{color: #026a27;}
.bor-1-px{border: 1px solid #d7d4d4;box-sizing: border-box;padding: 20px 20px 0 20px;}

.news-box .news_cont h5 a {
    padding-right: 20px;
    color: #ffffff;
    display: block;
    position: relative;
}
.news-box .news_cont h5 a:hover{color: #ffffff;}


.news-box .news_cont h5 a:after {
    display: block;
    content: '';
    position: absolute;
    width: 20%;
    height: 1px;
    background-color: #2b2a2a
}

.news-box .news_cont p {
    color: #ffffff;
    height: 21px;
    overflow: hidden;
    text-align: justify
}

.news-box a.more {
    border: 1px solid #2b2a2a;
    font-size: 0.875rem;
    padding: 0.3rem 1.2rem;
    display: inline-block;
}

.news-box a.more:hover {
    border-color: #c1484d;
    color: inherit;
}

.news-box.on .news_time .date i {
    background: #026a27;
}

.news-box .news_cont h5 a:hover:before,.news-box.on .news_cont h5 a:before {
    background: #026a27;
    color: #fff
}

.news-box .news_cont h5 a:hover:after,.news-box.on .news_cont h5 a:after {
    width: 150px;
    background-color: #026a27
}

.thumb {
    width: 100%;
    height: 168px;
    background-position: center center;
    background-size: 100% auto;
    background-repeat: no-repeat;
}

/*我们*/

.sect_us {
    overflow: hidden;
    background: #f8f8f8
}
.sect_us .icon{
	border: 5px solid #191919;
	box-sizing: border-box;
}
.sect_us .span-4:last-child section{border-right: none;}
.pad-i2{box-sizing: border-box;padding: 12px 15px;border: 2px solid #191919;background: #e8d08a;}
.us_box {
    overflow: hidden;
}
.us_box img{
    width: 100%;
    height: 100%
}
.us_box.b1 {
	border-right: 3px solid #fff;
    color:#fff;
    box-sizing: border-box;
    padding: 3%;
}
.us_box.b2-1 {
	border-right: 3px solid #fff;
    color:#fff
}
.b1 .cont{
    padding: 20px 35px
}
.b1 span{
    font-size: 1.8rem
}
.b1 p{
    font-size: 0.9rem;
    margin-bottom: 50px
}
.b1 a{
    border:1px solid #fff;
    padding: 8px 28px;
    color: #fff
}
.us_box.b2 {
    color:#fff
}
.b2 .cont{
    text-align: center;
    padding: 12% 10%
}
.b2 h4{
    font-size: 1.2rem
}

.us_box.b3 {
    background-color: #f2f1f1
}
.b3 .cont{
    text-align: center;
    padding: 0 10%
}
.b3 .cont:before{
    width: 0%
}
/* 我们的优势 */
.sect_adv{background: url(../img/bg-youshi.jpg) no-repeat center;width: 100%;margin: 2rem 0;}
.sect_adv .span-3{position: relative;}

.yuan{width: 100%;height: 100%;background: #eeeeee;border-radius: 50%;padding: 5rem 2rem;color: #026a27; text-align: center;}
.yuan p{box-sizing: border-box;padding: 0 15% 0 0; color: #414141; font-size: 14px}
.yuan h1{ font-size:1.4rem; color: #282828; padding: 0 15% 0 0; }
.yuan+ i{display: block;width: 4rem;height: 4rem;background: #eeeeee;font-size: 40px;color: #026a27;font-weight: bold;text-align: center;line-height: 4rem;
border-radius: 50%;position: absolute;bottom: 0;left: 2rem;-moz-box-shadow:2px 2px 10px #cccccc; -webkit-box-shadow:2px 2px 10px #cccccc; box-shadow:2px 2px 10px #cccccc;}
.yuan1{background: #026a27 !important;color: #ffffff !important;}
.yuan1 p{ box-sizing: border-box;color: #ffffff; font-size: 14px; padding: 0 15% 0 0;}
.yuan1 h1{ color: #ffffff !important; font-size:1.4rem;padding: 0 15% 0 0;}

.yuan2{background: #026a27 !important;color: #ffffff !important;}
.yuan2 p{ box-sizing: border-box; color: #ffffff; font-size: 14px; padding:0 0 6% 0;}
.yuan2 h1{ color: #ffffff !important; font-size:1.5rem;padding: 0;}
/*产品*/

.sect_prod {
    overflow: hidden;
}
.sect_prod .T span{
	
	font-size: 16px;
	color: #026a27;
	position: relative;
}
.sect_prod .T span:before{content: " ";display: block;position: absolute;left: -100%;top: 12px; width: 40px;height: 1px;background: #026a27;}
.sect_prod .T span:after{content: " ";display: block;position: absolute;right: -100%;top: 12px; width: 40px;height: 1px;background: #026a27;}

/*分类*/
.sect_cation{
	width: 100%;
	background: url(../img/bg-ab.jpg) no-repeat center;
    background-size: cover;
	padding-bottom: 5rem;
}
.block-ab h1{color: #fff;font-size: 24px;}
.block-ab span{color: #fff;font-size: 16px;}
.block-ab p{color: #fff;font-size: 14px;line-height:28px;margin-top: 25px;}
.sect_cation .wrap{
	max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    *width: 1200px;  
}
.sect_cation .span-5{text-align: right;padding-top: 1rem;}
.sect_cation .wrap .T{
	font-size: 1.6rem;
	line-height: 1.2;
	color: #000;
}
.module_cate {
    width: 70%;
    margin: 15px auto 0;
    overflow: hidden;
}

.module_cate .swiper-slide {
    width: 11%;
    float: left;
    margin-right: 0%
}

.module_cate .item {
    width: 100%;
    display: block;
    text-align: center;
    font-size: 1rem;
    line-height: 1.8;
    color: #000;
    
}
.module_cate .item:hover{color: #fff;}
.module_cate .current .item{
    background: #026a27;
    border-color:#026a27;
}

/*产品*/

.module_prod {
    overflow: hidden;
    margin-top: 1rem;
}
.ny-read a{
	width: 48% !important;
}
.ny-read a.sk-pe{
	background: url(../img/sk-1.jpg) no-repeat 14px center #e8d08a !important;
}

.ny-read a.a-shop{
	background: url(../img/kuang-1.jpg) no-repeat 15px center !important;
	padding-left: 11% !important;
}

.mroe-km{
	margin-bottom: 1rem;
}

.module_prod .media-box {
	box-sizing:border-box;
    background: #ffffff;
}

.module_prod .media-box h5 {
   padding: 0;
    font-size: 0.85rem;
    
    border-top: none;
    color: #000;
    text-align: center;
}

.pro-detail{
	margin-top: 2rem;
}

.module_prod .media-box h5 a{
    color: #000;
}
.mroe-km a{
	display: inline-block;
	width: 49%;
	border-radius: 20px;
	color: #000;
	text-align: center;
}
.mroe-km a.a-shop{
	border:1px solid #000;
	background: url(../img/kuang-1.jpg) no-repeat 10px center;
	padding-left: 5%;
	box-sizing: border-box;
	font-size: .6rem;
	line-height: 1.3rem;
}

.mroe-km a.sk-pe{
	font-size: .6rem;
	line-height: 1.3rem;
	background: url(../img/sk-1.jpg) no-repeat 20px center #e8d08a;
	padding-left: 5%;
	box-sizing: border-box;
	
}

.module_prod .media-box .k-d1{
	box-sizing: border-box;
	background: #eee;
	height: 55px;
}
.module_prod .media-box .k-d1 a{
	display: block;
	text-align: left;
	box-sizing: border-box;
	padding-left: 1rem;
	font-size: 16px;
	color: #666;
	line-height: 55px;
}
.module_prod .media-box:hover .k-d1 a{color: #026a27;}

.module_prod .media-box:hover h5 {

}

.mask3 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(2,106,39,.5);
    background-size: cover;
    transform: translateY(100%);
    transform-origin: center center;
    line-height: 100%;
    color: #ffffff;
}

.mask3 p {
    font-size: 1rem;
    padding-top: 3rem;
}

.module_prod .media-box:hover .mask3 {
    transform: translateY(0);
}
.case-b2{
	border: 1px solid #bfbfbf;
	box-sizing: border-box;
	padding: 10px;
	margin: 1rem 0;
	position: relative;
}
.case-r-w a{
	display: block;
	background: #fff;
	color: #cb9744;
	font-weight: bold;
	border: 1px solid #787878;
	width: 25%;
	line-height: 2rem;
	position: absolute;right:1rem;bottom: -1rem;z-index: 999999;
	text-align: center;
}
.case-r-w p{
	color: #010101;
	font-weight: bold;
	font-size: .9rem;
}
.case-r-w span{display: block;text-align: left;text-align: justify;margin-top: .8rem;}

.psub{ position:relative;line-height:40px; text-align: center; margin-top: 10px}
.psub a{ display:inline-block; margin: 0 1%; padding: 3px 3%; border: 1px solid #dedede; }
.psub a:hover{ color: #ffffff; background: #026a27;}

.psub a.last{ margin-right:0;}
.psub a.active .pdot span{ color:#922f34;}

.ibanner{ height:500px; overflow:hidden; position:relative; margin: 0 auto; width: 100%;}
.ibanner .swiper-container {width: 100%;height: 100%;}
.ibanner .swiper-slide{ background-repeat:no-repeat; background-position:center center; background-size:auto 100%;text-align: center;font-size: 18px;/* Center slide text vertically */display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center; position:relative; opacity:0; transition:all 0.5s;}
.ibanner .swiper-container-horizontal > .swiper-scrollbar{ width:272px; left:251px; bottom:30%;}
.ibanner .swiper-button-prev,.ibanner .swiper-button-next{ background: #f9bd1b; background-image:none ; width: 55px; height: 85px; text-align: center; line-height: 85px;}
.ibanner .swiper-button-prev i,.ibanner .swiper-button-next i{ color: #fff; font-size: 3rem;}
.ibanner .swiper-button-prev{ left: 10px;}
.ibanner .swiper-button-next{ right: 10px;}


/*产品详情页*/
.photo {padding: 10px 0;overflow: hidden;}
.photo .swiper-container {width: 100%;height: 350px;margin-left: auto;margin-right: auto;}
.photo .swiper-slide {background-size: contain;background-position: center;background-repeat: no-repeat;background-color: #f3f7fa;}
.photo .gallery-top {height: 350px;width: 100%;border-bottom: 1px solid #eee;}
.photo .gallery-thumbs {height:120px;box-sizing: border-box;padding: 2px 0 0;}
.photo .gallery-thumbs .swiper-slide {height: 100%; opacity: 1;border: none;}
.photo .gallery-thumbs .swiper-slide div{ width:99%; height:99%; border:1px solid #ccc; background-color: #000; opacity: 0.5;}
.photo .gallery-thumbs .swiper-slide-active {opacity: 1;border: none;}
.photo .gallery-thumbs .swiper-slide-active div{ opacity:0;}
.photo .swiper-button-prev, .photo .swiper-button-next{position: absolute; top:0; bottom:0; width:20px; height:100%;margin-top:0;text-align:center;background:rgba(0,0,0,0.8);}
.photo .swiper-button-prev{ left:0; }
.photo .swiper-button-next{ right:0;}
.photo .swiper-button-prev i , .photo .swiper-button-next i {color: #fff;display: block;vertical-align: middle;line-height: 70px;font-size: 14px;font-style: normal;}

.photo .p-block{ position:relative;border: 1px solid #eee;}
.photo .pros{ width:100%; margin:0 auto; height:70px;position: relative;}
.photo .pcon  {padding: 20px 4px;overflow: hidden;}
.photo .pcon h3 {font-size: 20px;font-weight: bold;margin: .75em 0;}
.photo .pcon p span {display: inline-block;color: #333;text-transform : capitalize;font-weight: bold;width: 30%;}



/*分页*/
.de-page-mian {
    overflow: hidden;
    text-align: center;
    font-size: 0;
    margin: 10px 0 35px;
    background: #f3f3f3;
    padding: 10px;
  }
  .de-page-mian .page-inner {
    display: inline-block;
    overflow: hidden;
  }
  .de-page-mian .page-inner a {
    display: block;
    float: left;
    min-width: 26px;
    padding: 0 5px;
    height: 36px;
    border: 1px solid #dddddd;
    background: #fff;
    text-align: center;
    line-height: 36px;
    font-size: 14px;
    color: #333;
    margin-right: -1px;
    overflow: hidden;
  }
  .de-page-mian .page-inner a.active,
  .de-page-mian .page-inner a:hover {
    color: #fff;
    border-color: #4f82d9;
    background: #4f82d9;
  }
  .de-page-mian .page-inner a.prev {
    margin-right: 10px;
    background: #fff url(../../images/prev.jpg) no-repeat center;
  }
  .de-page-mian .page-inner a.prev.on {
    background: #fff url(../../images/prev-hover.jpg) no-repeat center;
  }
  .de-page-mian .page-inner a.prev:hover {
    background-color: #fff;
    border-color: #dddddd;
  }
  .de-page-mian .page-inner a.next {
    margin-left: 10px;
    margin-right: 15px;
    background: #fff url(../../images/next.jpg) no-repeat center;
  }
  .de-page-mian .page-inner a.next.on {
    background: #fff url(../../images/next-hover.jpg) no-repeat center;
  }
  .de-page-mian .page-inner a.next:hover {
    background-color: #fff;
    border-color: #dddddd;
  }
  .de-page-mian .page-inner a.page-btn {
    font-size: 12px;
    margin-right: 0;
    width: 63px;
    margin-left: 10px;
  }
  .de-page-mian .page-inner span {
    display: block;
    font-size: 12px;
    color: #333;
    float: left;
    line-height: 38px;
  }
  .de-page-mian .page-inner input {
    display: block;
    float: left;
    height: 36px;
    width: 36px;
    border: 1px solid #dddddd;
    text-align: center;
    line-height: 36px;
    font-size: 14px;
    color: #333;
    margin: 0 5px;
  }