@charset "utf-8";
.header { background-color: #76b323; position: relative; }
.header .logo { width: 100%;}
.menu { background: url(../images/menu-button-bg.png) no-repeat center center; position: absolute; right: 2%; top: 50%; display: block; width: 50px; height: 50px; margin-top: -25px; background-size: 80%; }
li{list-style: none;}
/*公用*/
.about-title{border: 1px solid #eaeaea;height: 70px;position: relative;}
.about-title h1{background:#fff;width: 128px;margin: 0;color: #0071db;position: absolute;top: -22px;left: 0;right: 0;margin: 0 auto;text-align: center;}
.about-title h2{background:#fff;margin: 0;width: 82%;margin: 0 auto;position: absolute;left: 0;right: 0;margin: 0 auto;bottom: -29px;}
.about-title h2 span:first-child{color: #676767;font-size: 16px;display: block;text-align: center;}
.about-title h2 span:last-child{color: #d6d4d4;font-size: 12px;text-align: center;display: block;}
.about-zs{background: url(../images/a-05.jpg)no-repeat center top;padding: 60px 1.3rem 45px;position: relative;}
.about-zs .about-title{border-color: #fff;}
.about-zs .about-title h1{background: url(../images/a-06.png);color: #fff;background-size: 67%;}
.about-zs .about-title h2{background: url(../images/a-06.png);width: 82%;background-size:43%;}
.about-zs .about-title h2 span:first-child{color: #fff;}
.about-zs .about-title h2 span:last-child{color: #fff;}
/* 底部 ============*/
.footer_wrap { padding-top: 1px; background-size: auto 100%; }
.foot_nav { list-style: none; padding: 0; overflow: hidden; margin: 2rem; border-top: dashed 1px #d2d2d2; }
.foot_nav li { width: 100%; border-bottom: solid 1px #d2d2d2; font-size: 1.4rem; }
.foot_nav li>a { color: #000000; display: block; padding: 1rem 0 0.8rem; text-indent: 5px; background: url(../images/point.png) 92% center no-repeat; }
.copyright { background-color: #3f3f3f; font-size: 1.4rem; text-align: center; padding: 1.5rem 0; }
.copyright p { color: #fff; margin: 0; }
.copyright a { color: #fff; }
/* 分页 ======================*/
.pageWrap { margin:23px 0 0; text-align: center; background-color: #f6f6f6;}
.pageWrap .rows { margin-right: 15px; display: none;}
.pageWrap a, .pageWrap span { display: inline-block; min-width: 33px; line-height: 33px; margin: 0 7px;background-color: #8f8f8f;;}
.pageWrap a { color: #555; text-decoration: none; color: #fff}
.pageWrap a:hover, .pageWrap span.current { color: #fff; background: #018ace;}
.pageWrap .next,.pageWrap .prev{width: 80px;}
/*====*/
.here_wrap { background-color: #f2f2f2; color: #37b322; padding: 1rem 1.5rem; }
.here_wrap > i { display: inline-block; vertical-align: middle; width: 2rem; height: 2rem; margin-right: 1rem; background: url(../images/about.png) no-repeat; background-size: 2rem auto; }
/*导航===*/
.sp-menu{padding: 0 1.2rem;border-bottom: 1px solid #EEEEEE;height: 40px;line-height: 40px;font-size: 13.5px;text-align: center;}
.sp-menu .cur{border-bottom: 4px solid #0071db;}
.sp-menu a{color: #878788;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
/*内容===*/
.info-wrap { padding: 2rem 0; min-height: 469px;}
.info-wrap img { max-width: 100%; }
.info-wrap p { margin: 0; }
.info-wrap > .info_con { line-height: 1.8; }
/*新闻===*/
.news-wrap { padding:0; }
.news-wrap ul { list-style: none; padding: 0; margin: 0; }
.news-wrap ul li { margin: 1.2rem 0; padding:0rem; box-shadow: 2px 2px 5px #ccc; overflow: hidden; }
.news-wrap ul li .news-img { float: left; width: 40%; margin-right: 1rem; height: 0; padding-bottom: 25%; overflow: hidden; }
.news-wrap ul li .news-con { }
.news-wrap ul li .news-con h4 { color: #555; margin: 0 0 5px; }
.news-wrap ul li .news-con p { color: #999; margin: 0.5rem 0 0; font-size: 14px; }
.news-wrap ul li .news-con span { color: #76b323; float: right; }
.news-wrap .news-box { padding: 5px; }
.news-wrap .news-box img { max-width: 100%; }
.news-wrap .news-box p { margin: 0; }
.news-wrap .news-box > .info_con { line-height: 1.8; }
.prev-next { color: #bbb; padding: 0 1rem; }
.prev-next .prev, .prev-next .next { padding: 0.5rem 0; }
.prev-next a { color: #666; }
/*产品===*/
.pro-wrap { padding: 0; }
.pro-wrap ul { list-style: none; padding:0; margin: 0; }
.pro-wrap ul li { float: left; width: 47%; margin: 1.5%; background-color: #f7f7f7; box-shadow: 0px 0px 5px #cccccc; border-radius: 3px;}
.pro-wrap ul li .p-img { height: 0; padding-bottom: 98%; overflow: hidden;}
.pro-wrap ul li .p-img img { width: 100%; }
.pro-wrap ul li .p-tit { padding: 0.5rem 0.2rem; background: url(../images/pro-m.png) no-repeat 96% 80%; background-size: auto 30%; }
.pro-wrap ul li h4 { font-size: 1.5rem; font-weight: normal; color: #fff;text-align: center;margin: 0;padding: 6px 0;background-color: #0071db;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.pro-info-wrap { background-color: #fff; margin: 1rem 0 1.5rem; padding-top: 1rem; padding-bottom: 1rem; border-radius: 5px; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); }
.pro-info-tit { color: #0071db; font-weight: normal; margin-top: 1rem; margin-bottom: 1.5rem; }
.pro-info-tit1 { color: #555; font-weight: normal; margin-top: 1rem; margin-bottom: 1.5rem; }
.pro-info-tabs { padding: 0 0 0.8rem; margin-top: 3rem; }
.pro-info-tabs .am-tabs-nav > li > a { color: #555555; margin-right: 0; padding: 0.4rem 1.2rem; border: 1px solid #ddd; border-bottom-color: transparent; }
.pro-info-tabs .am-tabs-nav > li > a:hover, .pro-info-tabs .am-tabs-nav > li > a:focus { border: 1px solid transparent; text-decoration: none; background-color: #0071db; color: #fff; }
.pro-info-tabs .am-tabs-nav > li.am-active > a, .pro-info-tabs .am-tabs-nav > li.am-active > a:hover, .pro-info-tabs .am-tabs-nav > li.am-active > a:focus { border: 1px solid transparent; background-color: #0071db; color: #fff; }
.pro-info-tabs .am-tabs-bd { border: none; }
.pro-info-tabs .am-tabs-bd .am-tab-panel { padding: 0; }
.pro-info-wrap .pro-box { padding: 1.5rem 0.5rem 1rem; }
.pro-info-wrap .pro-box img { max-width: 100%; }
.pro-info-wrap .pro-box p { margin: 0; }
.pro-info-wrap .pro-box > .info_con { line-height: 1.8; }
/*关于=====*/
.am-container{padding: 23px 1.3rem;}
.about-jj .jj-img{padding: 12px 20px 12px 10px;position: relative;}
.about-jj .jj-img .img{border: 12px solid #d4e7f9;}
.about-jj .jj-img img{position: relative;z-index: 2;}
.about-jj .jj-img .dd{left: 40px;top: 30px;width: calc(100% - 50px);height: calc(100% - 30px);background-color: #0071db;position: absolute;}
.about-jj .info_con{color: #575757;font-size: 13.9px;}
.about-jj .jj-md{padding: 0 7px 2rem;}
.about-jj .jj-md dd{float: left;width: 50%;}
/*证书=====*/
#zhengshu{margin-top: 60px;padding: 0 30px;}
#zhengshu .swiper-slide{background: url(../images/a-07.jpg);padding: 12px;}
.about-zs .swiper-button-next{background: #fff;width: 27px;height: 27px;border-radius: 15px;color: #0071db;top: 69%;}
.about-zs .swiper-button-prev{background: #fff;width: 27px;height: 27px;border-radius: 15px;color: #0071db;top: 69%;}
.about-zs .swiper-button-next i:before{font-size: 31px;margin-left: 9px;margin-top: -3px;}
.about-zs .swiper-button-prev i:before{font-size: 31px;margin-left: 6px;margin-top: -3px;}
.about-zs .swiper-button-disabled{opacity: 0.7;}
/*发展历程=====*/
#lc{margin-top: 40px;text-align: center;margin-bottom: 50px;}
#lc .swiper-slide{position: relative;}
.lc-title{font-weight: 600;color: #676767;font-size: 18px;}
.lc-yuan{width: 18px;height: 18px;background-color: #d2d3d8;border-radius: 18px;margin: 0 auto;position: relative;z-index: 2;}
.lc-xian{border-bottom: 1px solid #d2d3d8;position: absolute;bottom: 8px;width: 100%;right: 0;}
#lc .swiper-slide:first-child .lc-xian{width: 50%;}
#lc .swiper-slide:last-child .lc-xian{width: 50%;left: 0;right: auto;}
#lc .swiper-slide-active .lc-yuan{background-color: #0071db;}
#lc .swiper-button-next,#lc .swiper-button-prev{display: none;}
#lc .swiper-slide:nth-child(1):first-child .lc-xian{width: 100%;}
#lc-box ul{margin:0;padding: 0 10px;}
#lc-box ul:first-child{padding: 0;margin-bottom: 25px;}
#lc-box .lc-title{margin-bottom: 5px;color: #232323;font-size: 20px;font-weight: 700;}
#lc-box .lc-con{color: #575757;font-size: 13.5px}
/*首页===========*/
.search-box{overflow: hidden;}
.search-box ul{margin: 0;padding: 0;height: 54px;}
.search-box ul:first-child{width: 60%;float: left;background-color: #0064d6;padding: 9px 1rem;}
.search-box ul:last-child{width: 40%;float: right;background-color: #0071db;position: relative;}
.search-box ul img{position: absolute;top: 0;bottom: 0;margin: auto;}
.search-box ul li{border: 1px solid #fff;color: #fff;padding: 2px 10px 5px 5px;}
.search-box ul input{width: 85%;height: 23px;background: no-repeat;font-size: 13px;border: none;outline: none;}
::-webkit-input-placeholder {color:#bcd7fa;}
:-moz-placeholder {color:#bcd7fa;}
::-moz-placeholder {color:#bcd7fa;}
:-ms-input-placeholder {color:#bcd7fa;}
/*品牌*/
.index-brand{position: relative;padding-top: 60px;}
.index-brand .about-title{margin-bottom: 60px;}
#brand{text-align: center;padding: 3px;}
#brand img{max-width: 100%;}
#brand dl:nth-child(1){box-shadow: 0 1px 3px rgb(225,225,225);margin: 0;}
#brand dl:nth-child(2){color: #818181;color: #14px;margin: 0;margin-top: 5px;}
.index-brand .swiper-button-prev,.index-brand .swiper-button-next{bottom: 26%;top: auto;background: #545454;width: 24px;height: 24px;border-radius: 60px;text-align: center;line-height:22px;}
.index-brand .swiper-button-prev:hover,.index-brand .swiper-button-next:hover{background:#0071db}
.index-brand .swiper-button-prev{left: 5px;}
.index-brand .swiper-button-next{right: 5px;}
.index-brand .swiper-button-prev i{font-size: 20px;color: #fff;margin-left: -4px;}
.index-brand .swiper-button-next i{font-size: 20px;color: #fff;margin-right: -4px;}
/*产品*/
.pro-tabs {background: url(../images/i-02.png)no-repeat center bottom #617993;padding-bottom: 32px;padding-top: 32px;}
.pro-tabs h1{font-size: 24px;color: #fff;margin: 0;text-align: center;}
.pro-tabs h4{font-size: 14px;color: #fff;margin: 0;text-align: center;}
.pro-menu{padding: 0 2.4rem;text-align: center;margin: 18px 0;}
.pro-menu .swiper-slide {background-color: #0071db;color: #fff;padding: 5px 5px;border-radius: 5px;overflow:hidden;
text-overflow:ellipsis;white-space:nowrap;}
.pro-list{padding-top: 32px;padding-left: 34px;}
.pro-list dl{margin: 0;background-color: #fff;height: 978px;}
.list-info dd{float: left;padding: 15px 0;position: relative;}
.list-info dd:nth-child(2n+1){border-bottom: 1px solid #eaeaea;border-right: 1px solid #eaeaea;}
.list-info dd:nth-child(2n+2){border-bottom: 1px solid #eaeaea;}
.list-info .l-a{width: 130px;position: absolute;top: 45px;left: 32px;z-index: 5;}
.list-info .l-a span{font-size: 18px;color: #767676;display: block;width: 130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.list-info .l-a a{margin-top: 10px;;display: block;width: 130px;height: 40px;line-height: 40px;color: #fff;text-align: center;background-color: #767676;}
.list-info .l-img{overflow: hidden;}
.list-info .l-img img{max-width: 100%;}
/*产品优势*/
.index-cpys{position: relative;padding-top: 60px;padding-bottom: 40px;}
.youshi-box{margin-top: 60px;overflow: hidden;}
.youshi-box-title{width: 100%;float: left;margin: 0;}
.youshi-box-title ul{margin: 0;height: 112.5px;padding: 12px;cursor: pointer;overflow: hidden;}
.youshi-box-title ul:nth-child(2n+1){background-color: #f3f3f3;color: #505050;}
.youshi-box-title ul:nth-child(2n+2){background-color: #0071db;color: #fff;}
.youshi-box-title ul:nth-child(2n+1) li:first-child{background-color: #e3e3e3;color: #5f5f5f;}
.youshi-box-title ul:nth-child(2n+2) li:first-child{background-color: #fff;color: #0071db;}
.youshi-box-title li:first-child{padding-top: 3%;font-size: 40px;font-weight: 900;text-align: center;width: 25.218%;height: 100%;border-radius: 100px;float: left;}
.youshi-box-title li:last-child{width: 70%;height: 131px;float: right;}
.youshi-box-title li span:first-child{font-size: 18px;display: block;margin-bottom: 15px;}
.youshi-box-title li span:last-child{font-size: 13px;display: block;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.youshi-box-title ul:hover{transform: scale(1.038);transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s;}
.youshi-box-img{width: 50%;float: right;height: 708px;margin: 0;position: relative;}
.youshi-box-img li{position: absolute;top: 0;left: 0;}
/*首页关于*/
.index-about{background: url(../images/i-03.jpg)no-repeat center top;padding-bottom: 132%;position: relative;color: #fff;text-align: center;height: 560px;}
.index-about li{position: absolute;bottom: 15px;padding: 0 2.5rem;}
.index-about h1{font-size: 30px;font-weight: 800;margin: 0;}
.index-about h3{font-size: 24;margin: -10px 0 10px;font-weight: 800;}
.index-about span{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;font-size: 13px;}
.index-about a{width: 32%;display: block;margin: 0 auto;margin-top: 20px;padding: 5px;border: 1px solid #fff;color: #fff;}
.index-about .about_video{position: absolute;/*height: 150px;width: 265px;*/top: 36px;padding: 0;left: 38px;background: url(../images/i-04.png)no-repeat center top;background-size: 100%;height: 250px;}
.index-about .about_video p{margin: 0;padding-top: 14px;padding-left: 8px;width: 98%;}
.index-about .about_video p iframe{height: 100% !important;}
.index-about .about_video #youku-playerBox{height: 150px}
/*设备*/
.index-sb{padding: 16px 0;background-color: #efefef;text-align: center;position: relative;}
.sb-box{border-bottom: 1px solid #fff;border-top: 1px solid #fff;padding: 34px 1.3rem 3px;}
.sb-box dl{margin: 0;}
.sb-box dl:nth-child(1) li:first-child{font-size: 18px;color: #0b83f4;width: 85px;margin: 0 auto;padding-top: 22px;border-top: 6px solid #0b83f4;font-weight: 700;}
.sb-box dl:nth-child(1) li:last-child{color: #0b83f4;margin-top: -5px;font-weight: 600;}
#sb{padding: 0;margin-top: 26px;padding-bottom: 25px;}
#sb ul{margin: 0;padding: 0;}
#sb .sb-img{padding: 10px;border: 1px solid #fff;}
#sb .sb-title{color: #727272;padding: 5px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
/*新闻*/
.index-news{padding: 60px 1.3rem 20px;}
.index-news .news-wrap{margin-top: 50px;}
.index-news .news-wrap p{overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.index-news .news-move{display: block;width: 32%;margin: 0 auto;margin-top: 15px;padding: 5px;border: 1px solid #dddddd;color: #000;text-align: center;}