@font-face {
    font-family: 'fon3';
    src: url('../fonts/OPTIAKROGROTESK-COND.eot');
    src: url('../fonts/OPTIAKROGROTESK-COND.eot') format('embedded-opentype'),
         url('../fonts/OPTIAKROGROTESK-COND.woff2') format('woff2'),
         url('../fonts/OPTIAKROGROTESK-COND.woff') format('woff'),
         url('../fonts/OPTIAKROGROTESK-COND.ttf') format('truetype'),
         url('../fonts/OPTIAKROGROTESK-COND.svg#OPTIAKROGROTESK-COND') format('svg');
}

/*头部*/
.header{z-index:11;box-sizing:border-box;padding:0;width:100%;height:65px;;background:#fff;}
.header .menu{width:60px;height:55px;text-align:center;font-size:1.625rem;line-height:6px;float: right;margin-top: 6px;}
.header .menu span{text-align:center;font-size:22px; color: #333; line-height:55px;}
.header .index_logo{width:110px;float:left; margin: 24px 0 0 0;}
.header .index_logo img{ width: 81px; position:absolute;top:16px;right:0;bottom:0;left:0;margin:auto;}
.header .index_se{width:60px;text-align:center;line-height:60px;height: 60px;float: right}
.zz_bg{visibility:hidden;width:100%;height:100%;background:rgba(0,0,0,.7);opacity:0;}
.menu_list_box_item .icon-jia-l{font-size:22px;}
.menu_list{right:0;z-index:10;visibility:hidden;box-sizing:border-box;padding-top:64px;height:100%;background:#fff;transform:translateX(100%); width:70%;}
.menu_list_box{border-top:1px solid #eee;}
.menu_list .menu_list_box>li{display:block;padding:0 15px;width:auto;border-bottom:1px solid #eee;}
.menu_list .menu_list_box>li .a_l{display:block;padding:15px 0;color:#333;font-size:1rem;line-height:18px;}
.u_l{display:none;}
.menu_list_box_item_f{text-indent:10px; line-height:33px; height:33px; overflow:hidden;}
.menu_list_box_item_f a{ font-size:0.8rem; color:#666;height:33px; line-height:33px; overflow:hidden; display:block; width:100%;}
.menu_list_box_item .u_l{ border-top:1px solid #eee;}
.home-dh{ position:absolute; right:60px; top:35%;}
.home-dh a{ display: block;}
.home-dh a i{font-size:18px; width: 30px; height: 30px; line-height: 30px; text-align: center; border-radius: 50%;margin-top:-6px; background: #00AB4A; color: #fff; display: block;}
.f_top{ width: 100%; height: 65px; display: block;}


/*首页主图*/
.banner_box{ width: 100%; height: auto;}
.banner_box{ width: 100%; height: auto;}
.banner_box .swiper-slide{ width: 100%; position: relative;}
.index_banner .swiper-slide .banner_img{ width: 100%; height: auto;}
.index_banner .swiper-pagination-bullet-active{background: #00AB4A;}

/*共用标题*/
.titles{ padding: 2rem 0 1rem;}
.titles b{ font-size:28px; color: #00AB4A; text-align: center; font-weight: 700;}
.titles p{ font-size:10px; color: #999; text-align: center; margin-bottom: 10px; text-transform:Uppercase;}
.titles i{ width: 30px; height: 2px; background: #00AB4A; display: block; margin: 0 auto;}
.titles span{ text-align: center;}

/*产品分类*/
.porduct_box{ width: 94%; padding: 0 3% 2rem; height: auto; background: #F5F5F5;}
#thumbs{ padding-bottom: 10px; background: #f5f5f5}
#thumbs .swiper-slide{ background: #fff; padding:0.5rem 0; display: block; text-align: center; font-size: .8rem;}
#thumbs .swiper-slide img{ width: 50%; margin: 0 auto; }
#thumbs .swiper-slide .porduct_icon1{display: inline;}
#thumbs .swiper-slide .porduct_icon2{display: none;}
#thumbs .swiper-slide-thumb-active{ background: #00AB4A;  color: #fff;}
#thumbs .hongse .swiper-slide-thumb-active{ background: #AD0004;  color: #fff;}
#thumbs .swiper-slide-thumb-active .porduct_icon1{ display: none;}
#thumbs .swiper-slide-thumb-active .porduct_icon2{ display: inline;}
#gallery{ width: 100%; background:#fff; text-align:center; padding-bottom:30px;}
#gallery .swiper-slide{ width: 100%; height: auto;}
#gallery .swiper-slide img{ max-width:85%; margin:0 auto;}
#gallery .swiper-pagination-bullet-active{background: #00AB4A;}

/*首页关于我们*/
.index_about{ width:92%; padding: 0 4%; height: auto; background: #fff; padding-bottom: 2rem;}
.index_about .index_abouttext{ font-size:1rem; line-height: 1.6rem; text-align: justify;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow:ellipsis;}
.index_about .index_abouttext img{ max-width:100%; margin-bottom:15px;} 
.index_about .ny_abouttext{ font-size:1rem; line-height: 1.4rem;}
.index_about .ny_abouttext img{ max-width:100%;}
.index_about ul{ padding:0.8rem 0 1rem;} 
.index_about ul li{ width:44%; float: left; text-align: center;}
.index_about ul li:nth-child(1)	{width:28%;}
.index_about ul li:nth-child(2)	{width:28%;}
.index_about ul li b{ font-size:3.5rem; color: #00AB4A; font-family:"fon3";letter-spacing:-1px; height:4.7rem; overflow:hidden; font-weight:500;}
.index_about ul li p{ font-size: 0.6rem; color: #999; padding: 0 10%;}
.more{ width:8rem; border-radius: 5px;height: 2.5rem; background: #ccc; text-align: center; line-height: 2.5rem; margin: 0 auto; margin-top:15px;}
.more a{ color: #fff; font-size: 0.8rem;}

/*十大优势*/
.advantage_box{ width: 92%; padding: 0 4%; padding-top:30px; padding-bottom: 2rem; height: auto; background:url(../images/sdayoushi.jpg) no-repeat; background-size:cover;background-position: bottom;}
.advantage{ padding: 1rem 0 1rem; margin-bottom: 1rem;}
.advantage .swiper-wrapper{}
.advantage .swiper-slide {padding:0.5rem 0; margin-bottom: 0.03rem;border-radius: 3px;opacity:0.5;filter:alpha(opacity=50);background: rgba(0,0,0,0.3)}
.advantage .swiper-slide img{ margin: 0 auto; width:50%; margin-bottom: 0.1rem;}
.advantage .swiper-slide p{ margin: 0 auto; text-align: center; color: #fff; font-size: 0.8rem;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; padding:0 6px; box-sizing:border-box;}
.advantage .swiper-pagination{ bottom: 20px;}
.advantage .swiper-scrollbar{height: 3px;}
.advantage .swiper-scrollbar-drag{height: 3px; background: rgba(255,255,255,0.6);}
.advantage_textbox{width: 100%; padding: 1rem 0; background: rgba(0,0,0,0.2); color: #eee; border-radius: 3px;}
.advantage_text{font-size:1rem; line-height: 1.4rem; text-align: justify;width: 90%; margin: 0 auto;}
.advantage_text b{display:block; font-size:1.2rem; padding:0.6rem 0; text-align:center}
.advantage_text b span{ display:inline; font-size: 1.8rem;}
#advantage_thumbs .swiper-slide-thumb-active{background: rgba(1,171,74,1);opacity:1;filter:alpha(opacity=100);}


.case_box{background: #fff; padding-bottom:30px;}
/*案例*/
.case .gallery-button{width: 50px; height: 50px; text-align: center;line-height: 50px; background-color:transparent; background:rgba(0,0,0,0.5);}
.case .gallery-button i{color: #fff; font-size: 20px;}
.case .swiper-button-prev{left: 0;}
.case .swiper-button-next{right: 0;}
.case{ text-align:center;}
.case .swiper-slide img{ margin-bottom:10px;}

/*新闻中心*/
.news_box{width: 100%; height: auto; background: #F4f4f4; padding-bottom:0.5rem;}
.news_box .news_tabs {text-align: center; padding-bottom: 0.8rem;}
.news_box .news_tabs ul { width: 94%; margin: 0 auto;}
.news_box .news_tabs ul li{width: 93px; margin-right: 1%; height: 2.4rem; line-height: 2.4rem; background: #fff; float: left;}
.news_box .news_tabs a{font-size: 0.8rem;}
.news_box .news_tabs .on{background: #00AB4A;}
.news_box .news_tabs .on a{color: #fff;}
.news_box .news_list{ width: 94%; padding: 0 3%;}
.news_box .news_list ul{}
.news_box .news_list ul li{padding: 1rem 5%; background: #fff; margin-bottom:0.3rem;}
.news_box .news_list ul li b{ font-size:1.2rem; padding-bottom: 0.2rem; font-weight: inherit;}
.news_box .news_list ul li p{ font-size:0.9rem;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow:ellipsis; color: #666; line-height: 1.1rem;}

.footer_box{ width: 100%;height: auto; background: #353535; padding: 1rem 0 0;}
.footer_box .erweima{ width:30%; height: 100%; padding: 0.3rem; background: #fff; border-radius: 0.3rem; height: auto; margin: 0 auto; margin-bottom: 1rem; text-align:center; padding-bottom:0.4rem;}
.footer_box .erweima img{ width: 100%;}
.footer_box .footer_text{ text-align: center; padding: 0 7%; color: #fff;}
.footer_box .footer_text a{color: #fff;}
.footer_box .footer_text b{font-size: 0.8rem; padding-bottom: 0.5rem; font-weight: 400;}
.footer_box .footer_text p{font-size: 0.8rem; margin: 0 auto;opacity:0.6;filter:alpha(opacity=60); font-weight: 300; line-height: 1.1rem;}
.footer_box ul{ padding-top:15px;}
.footer_box ul li a{float:left; width:calc(100%/2 - 1px); text-align:center; margin-right:1px; height:50px; line-height:50px; display:block; background:#00AB4A; color:#fff;}
.footer_box ul li a:nth-child(2){ margin-right:0;}

/*公司图片*/
.gs_photo_box{ width: 92%; padding: 0 4%; height: auto; background: #F5F5F5; padding-bottom:1rem;}
#gssj_gallery{ margin-bottom: 0.5rem;}
#gssj_thumbs .swiper-slide{line-height:90px!important;opacity:0.4;}
#gssj_thumbs .swiper-slide-thumb-active{opacity:1;}


/*荣誉证书*/
.zhengshu_box{ width: 100%; height: auto; background: #fff; padding-top:50px; padding-bottom:25px;}
.section-content6{width:100%;margin-bottom:0 !important; padding-bottom: 2rem;}
.ativecustomer{max-width:1360px;margin:0 auto; padding: 0 20px;}
.ativecustomer .swiper-container {width: 100%;height: 100%;}
.ativecustomer .swiper-slide {text-align: center;font-size: 18px;background: #fff;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;}
.honorList ul{ color: #666; padding: 0;}
.honorList li{ float: left; display: block;margin-bottom:20px; cursor: pointer; position: relative;}
.honorList li span{ position: absolute; bottom: 15px;font-size: 0.8rem; display: block;}
.honorList .img{overflow: hidden; position: relative; background:#fff; width: 100%;}
.honorList li a{display: table-cell;vertical-align:middle; display:block; overflow:hidden;text-align:center; font-size:1.2rem;}
.honorList li a img{max-width:100%;vertical-align:middle;-ms-interpolation-mode: bicubic; overflow:hidden; display: block; margin: 0 auto; margin-bottom:8px;}
.honorList li a p{ color:#666; font-size:0.9rem; padding-top:3px;}

.honorList .bg{ background: url(../images/black2.png) repeat; background: none rgba(0,0,0,0.4); bottom: 0; left: 0; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; opacity: 0; visibility: hidden; transition: 400ms; -webkit-transition: 400ms;}
.honorList .con{ text-align: center; font-size: 14px; color: #666666; line-height: 1.5; height: 20px; overflow: hidden;}
.honorList .il,.honorList .ir{ background-color: #fff; position: absolute; left: 50%; top: 50%; display: block; transition: 400ms; -webkit-transition: 400ms; border-radius: 3px;}
.honorList .il{ height: 3px; width: 0px; margin:-1px 0px 0px -15px;}
.honorList .ir{ height: 0px; width: 3px; margin:-15px 0px 0px -1px;}
.honorList li:hover .img{ border-color: #d5615d;}
.honorList li:hover .bg{ opacity: 1; visibility: visible;}
.honorList li:hover .il{ width: 30px; }
.honorList li:hover .ir{ height: 30px;  transition: 400ms ease 200ms; -webkit-transition: 400ms ease 200ms;}
.honorList {padding-bottom: 20px;}
.honorList .swiper-pagination-bullet-active{ background: #00AB4A;}
html.openImg { overflow: hidden; }
.overlayClose { width: 52px; height: 52px; display: block; position: fixed; right: 3%; top: 15%; border-radius: 50%; transition: 300ms; -webkit-transition: 300ms; z-index: 100;}
.overlayClose i { background: url(../images/close-empty.png) no-repeat scroll center center; width: 100%; height: 100%; display: block; transition: 400ms; -webkit-transition: 400ms; cursor: pointer;}
.overlayClose:hover{ background-color: #c52721;}
.overlayClose:hover i { transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -moz-transform: rotate(90deg); }
.imgShowBox { background: url(../images/black.png) repeat; background: none rgba(0,0,0,0.7); bottom: 0; left: 0; position: fixed; right: 0; top: 0; transform: translateY(100%); -webkit-transform: translateY(100%); transition: all 800ms ease 0s; -webkit-transition: all 800ms ease 0s; z-index: 1010; width: 100%; overflow: hidden;  -webkit-overflow-scrolling: touch; }
.no-csstransitions .imgShowBox{ display: none;}
.imgShowDemo { width: 100%; height: 100%; position: relative; overflow: hidden; }
.imgShowDemo .item { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; position: relative; }
.imgShowDemo .img { vertical-align: middle; height: auto; width: auto; max-height: 100%; max-width: 80%; margin: auto; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; }
.imgShowDemo .con{ position: absolute; left: 0px; right: 0px;bottom: 0px; background-color: #fff; width: 90%; padding: 10px 5%;}
.imgShowDemo .con .t{ font-size: 16px; color: #333;}
.imgShowDemo .txt { background: #272727; font-size: 16px; color: #fff; line-height: 65px; position: absolute; left: 0; right: 0; bottom: 0; height: 65px; }
.imgShowDemo .txt .i { padding-left: 3%; }
.hi-num { width: 85px; height: 65px; background: #272727; color: #fff; border-left: 1px solid #3a3a3a; position: absolute; bottom: 0; right: 0; text-align: center; line-height: 65px; font-size: 16px; }
.img-show { transform: translateY(0) !important; -webkit-transform: translateY(0) !important; }
.no-csstransitions .img-show{ display: block;}
.owl-item{margin:0;float:left;}
.imgShowDemo .owl-controls .owl-buttons div { position: absolute; padding: 0px; margin: 0px; width: 64px; height: 64px; border-radius: 10px; background-color: transparent; overflow: hidden; top: 50%; margin-top: -32px; background-position: center center; background-repeat: no-repeat; text-indent: -10em; cursor:pointer;transition:all 0.5s;}
.imgShowDemo .owl-controls .owl-buttons div.owl-prev { left: -3%; background-image:url(../images/left.png); }
.imgShowDemo .owl-controls .owl-buttons div.owl-next { right: -3%; background-image:url(../images/right.png); }
.imgShowDemo .owl-controls .owl-buttons div.owl-prev:hover, .imgShowDemo .owl-controls .owl-buttons div.owl-next:hover {background-color: #e60012; }
.imgShowDemo .owl-controls .owl-buttons div.owl-prev.disabled, .imgShowDemo .owl-controls .owl-buttons div.owl-next.disabled { background:none;}


/*新闻列表*/
.article_box{ width:100%; height: auto; background: #F5F5F5; padding:10px 0;}
.list_boss{max-width:94%; margin: 0 auto;}
.list_boss ul li{margin-bottom:0.2rem; background: #fff; padding:1rem 1rem 0.5rem;transition:all .3s ease-in-out 0s;}
.list_boss ul li .list_photo{ width: 20%; height: 170px; overflow: hidden; float: left; margin-right:4%;}
.list_boss ul li .list_photo img{ width: auto; height: 100%;transition:all .6s ease-in-out 0s;}
.list_boss ul li:hover img{transform:scale(1.1);}
.list_boss ul li .list_text{ width:70%; float: left; }
.list_boss ul .list_wuphoto .list_text{ width: 100%;}
.list_boss ul li .list_text b{display: block; padding-bottom:0.4rem; word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:1.2rem; font-weight: 400;}
.list_boss ul li .list_text b{transition:all .3s ease-in-out 0s;}
.list_boss ul li .list_text span{ float: left; margin-right: 20px; display: block; font-size: 0.8rem; color: #999999;transition:all .5s ease-in-out 0s;}
.list_boss ul li .list_text span i{transition:all .5s ease-in-out 0s;}
.list_boss ul li .list_text p{color: #666666;line-height: 1.2rem;display: -webkit-box; -webkit-line-clamp:2;-webkit-box-orient: vertical;overflow: hidden; text-align:justify; margin-bottom: 0.5rem;transition:all .5s ease-in-out 0s; font-size: 0.9rem;}

.ny_tabs{ width: 100%;height: auto; background: #f5f5f5; padding:1rem 0rem 0.8rem;}
.ny_tabs ul{width: 94%; margin: 0 auto;}
.ny_tabs ul li{ width: 31%; height: 2.4rem; background: #fff; text-align:center; line-height: 2.4rem; float: left; margin-right: 1%;}
.ny_tabs ul .on{background: #00AB4A;}
.ny_tabs ul .on a{color: #fff;}
.ny_tabs ul li a{ display: block; font-size: 0.8rem;}

/*新闻中心*/
.listtop_box{width:94%;background:#fff; margin:0 auto;}
.listtop_box{overflow: hidden;}
.listtop_box .news_imgbox{overflow: hidden; position: relative;}
.listtop_box .news_imgbox img{ width: 100%; text-align: center;}
.listtop_box .news_imgbox span{ position: absolute; bottom: 0px; left: 0px; background: #00AB4A; color: #fff; padding: 0.6rem;}
.listtop_box .news_imgbox span i{ display: block; font-size: 1rem; text-align: center; font-weight: bold;}
.listtop_box .news_imgbox span em{ text-align: center; font-size: 0.8rem;}
.listtop_box .listtop_list{ padding: 1rem;}
.listtop_box .listtop_list span{ width: 100%; display: block; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; padding-bottom: 0.6rem;}
.listtop_box .listtop_list p{ font-size: 0.8rem; line-height: 1.4rem; color: #666666; display: block; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.listtop_box ul li:hover .listtop_list span{ color: #3A65BB;}
.listtop_box .listtop_box-pagination{ text-align: center;}
.listtop_box .swiper-pagination-bullet-active{ background: #00AB4A;}

/*新闻内容页*/
.article{margin: 0 auto; padding:6% 4%; box-sizing:border-box; margin-top: 2rem; border-bottom: 3px solid #00AB4A; background: #fff;}
.article .artile_title h1{ font-size: 1.3rem; text-align: center; display: block; font-weight: bold;}
.article .artile_title h4{ text-align: center; display: block; padding:6px 0 10px 0; color: #666; font-size:0.8rem; border-bottom: 1px solid #EDEDED;}
.article .artile_title{ margin-bottom: 20px;}
.article .content{font-size:1rem; color: #000; line-height:1.5rem;}
.article .content strong{ padding-top: 16px;}
.article .content img{ display: inline; max-width:100%;}
.xmtfx{ width: 100%; height:10px; position: relative; padding-top:10px;}
.xmtfx .bdsharebuttonbox{ position: absolute; left: 50%;transform: translate(-50%,0); }
.sypxyp{ font-size: 0.8rem; padding: 1rem 2rem; }
.sypxyp .wzprev{ padding-bottom: 0.6rem;}

/*产品中心*/

#ny_thumbs{ padding-bottom: 10px; background: #f5f5f5}
#ny_thumbs ul{ width: 96%; margin: 0 auto; padding-top: 0.4rem;}
#ny_thumbs ul li{ width: 31%; margin: 1% 1%; float: left; background: #fff; padding:0.5rem 0; display: block; text-align: center; font-size: .8rem;}
#ny_thumbs ul li img{ width: 50%; margin: 0 auto; padding: 0.5rem 0;}
#ny_thumbs ul li .porduct_icon1{display: inline;}
#ny_thumbs ul li .porduct_icon2{display: none;}
#ny_thumbs ul .on .porduct_icon1{display: none;}
#ny_thumbs ul .on .porduct_icon2{display:inline;}
#ny_thumbs ul .on{background: #00AB4A; font-size: 0.8rem;}
#ny_thumbs ul .on a{color: #fff;}
#ny_thumbs .swiper-slide-thumb-active{ background: #00AB4A;  color: #fff;}
#ny_thumbs .swiper-slide-thumb-active .porduct_icon1{ display: none;}
#ny_thumbs .swiper-slide-thumb-active .porduct_icon2{ display: inline;}
#tabs-container{}
#tabs-container ul{ width: 94%;margin: 0 auto;padding: 1rem 0 0.5rem;}
#tabs-container ul li{ width: calc(48% - 2px); border: 1px solid #E5E5E5;float: left; background: #fff; margin: 0 1% 0.5rem; font-size: 0.8rem; text-align: center; padding-bottom: 0.8rem;box-sizing:border-box;-webkit-transition: all .2s;-moz-transition: all .2s;-ms-transition: all .2s;-o-transition: all .2s;transition: all .2s;}
#tabs-container ul li .porduct_photo{ padding: 10px; padding-bottom: 0.8rem;}
#tabs-container ul li .porduct_photo .porduct_img{width: 100%; border-bottom: 1px solid #F0F0F0;}
#tabs-container ul li b{ font-weight: inherit; font-size: 0.8rem; display: block; padding: 0 1rem 0.3rem;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
#tabs-container ul li p{ color: #666666; display: block; padding: 0 1rem 0.6rem;}
#tabs-container ul li span{ color: #C91623; font-size: 0.8rem; padding: 0 1rem 0.3rem;}

/*产品详情*/
.porductinfo_box{ width: 100%;height: auto; background: #f5f5f5;}
.porductinfo_left{ position: relative;}
.gallery-top .swiper-slide{ background: #fff; padding: 1rem 0; margin:0 auto; max-width:94%; margin-bottom:10px;}
.gallery-top .swiper-slide img{ margin: 0 auto; max-width:100%;}
.gallery-thumbs {height: 20%;box-sizing: border-box;padding: 10px 0;}
.gallery-thumbs .swiper-slide {width: 25%; height: 100%;opacity: 0.4;}
.gallery-thumbs .swiper-slide img{ width: 100%; height: auto;}
.gallery-thumbs .swiper-slide-thumb-active {opacity: 1;}
.porductinfo_left .swiper-button-white{background:none;}
.porductinfo_left .swiper-button-next{top: 40%;}
.porductinfo_left .swiper-button-prev{top: 40%;}
.porductinfo_left .swiper-button-white i{font-size: 26px; line-height: 40px; color: #00AB4A;}
.porductinfo_left .swiper-button-next i{ display: block; transform:rotate(180deg);-ms-transform:rotate(180deg); /* Internet Explorer */-moz-transform:rotate(180deg); /* Firefox */-webkit-transform:rotate(180deg); /* Safari 和 Chrome */-o-transform:rotate(180deg); /* Opera */}
.porductinfo_right{max-width:94%; margin: 0 auto;background: #fff; margin-bottom:10px;}
.cpxqcs{ float:right;width: 100%; font-size:18px; color:#333; padding-bottom:1rem; padding:4%; box-sizing:border-box;}
.cpbg{margin-top:15px;}
.cpbg td{border-bottom:solid 1px #eaeaea; padding:15px 0; font-size: 0.8rem;}
.goumai_icon{ width: 8rem; height: 3rem; margin: 0 auto;background: #00AB4A; text-align: center; line-height: 3rem; border-radius: 5px;}
.goumai_icon a{ color: #fff; display: block;}
.cpxq{background: #fff; margin:0 auto; max-width:94%; padding:4%; box-sizing:border-box;}
.titlea{ font-size: 24px; padding: 0 20px 10px;}
.titlea a{ font-size: 16px;float: right; margin-top: 10px;}
.cpxhxq{background: #fff; padding-bottom: 10px; margin-top:10px;}

/*推荐产品*/
.news_porduct_box{ width: 100%; height: auto; background: #f5f5f5; overflow: hidden; padding-bottom:1rem; position: relative;}
.news_porduct{ margin-top: 1rem; overflow: hidden;}
.news_porduct .swiper-button-prev{left: 0;}
.news_porduct .swiper-button-next{right: 0;}
.news_porduct_button{ width: 50px; height: 50px; text-align: center;line-height: 50px; background: rgba(0,0,0,0.3);z-index: 999; position: absolute;}
.news_porduct_button .iconfont{ font-size: 20px; display: block; color: #fff;}
.news_porduct ul li{ background: #fff; padding-bottom: 30px; position: relative;}
.news_porduct ul li .porduct_list_img{ width:100%; overflow: hidden;}
.news_porduct ul li img{ width: 100%; height: auto;}
.news_porduct ul li p{ display: block; text-align: center;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.news_porduct ul li span{ display: block; width: 100%; height: 100%; position: absolute; top:0;left:0; background: rgba(0,0,0,0.0);}
.news_porduct ul li .porduct_list_icon{ position:absolute; left: 50%; top: 50%;transform:translate(-50%,-50%); opacity:0.0;filter:alpha(opacity=00);}
.news_porduct ul li .porduct_list_icon i{ width: 42px; height: 42px; line-height: 42px; margin: 0 auto;display: block; font-size: 20px; text-align: center; margin-bottom: 10px; color: #fff; border: 2px solid #fff; border-radius: 50%;}
.news_porduct ul li .porduct_list_icon em{ color: #fff; text-align: center;display: block;}
.news_porduct ul li:hover span{background: rgba(0,171,74,0.8);}
.news_porduct ul li:hover .porduct_list_icon{opacity:1;filter:alpha(opacity=10);transform:translate(-50%,-40%);}
.news_porduct ul li:hover img{ transform:scale(1.1);/*设置缩放比例*/}
.news_porduct ul li:hover p{transform:translateY(-10px); color: #fff;}
.news_porduct .swiper-button-disabled{z-index: 2;}

/*联系我们*/
.infobanner{ position:relative;}
.infobanner img{width:100%;}
.infobanner_text{width: 100%;position: absolute; text-align:center; top:45%; color:#fff;}
.infobanner_text h3{ font-family: "Times New Roman", Times, serif; font-size:33px;text-transform:uppercase; font-weight:bold;}
.infobanner_text span{ font-size:16px;}

.company_con {padding:1rem 5%;box-sizing:border-box;color: #333; line-height:1.4rem; font-size:0.9rem; background:#fff;}
.company_con img{ max-width:100%; display:inline;}
.send-mail h1{text-align:center;font-size:28px;}
.send-mail .title-box{position:relative;}
.send-mail .title-box div{width:418px;height:27px;border-bottom:2px solid #eb0212;position:absolute;top:5px;}
.send-mail .title-box div em{display:none;width:34px;height:21px;position:absolute;bottom:-1px;}
.send-mail .title-box .left{left:0px;}
.send-mail .title-box .left em{right:20px;}
.send-mail .title-box .right{right:0px;}
.send-mail .title-box .right em{left:20px;background-position:-34px 0px;}
.send-mail .show .title-box .left em{display:block;-webkit-animation:home_left 0.8s 1 linear;animation:home_left 0.8s 1 linear;}
.send-mail .show .title-box .right em{display:block;-webkit-animation:home_right 0.8s 1 linear;animation:home_right 0.8s 1 linear;}
.send-mail p.if{font-size:22px;color:#000;padding:0 0px 0 30px; position:relative;}
.send-mail p.if:before {content: '';display: block;width: 12px;height: 2px;background: #333;position: absolute;left: 0;top:75%;margin-top: -1px;}
.send-mail p.lybt2{ font-size:12px; padding-left:30px; padding-bottom:10px; line-height:16px;}
.send-mail input{display:block;width:39%; height:44px; padding:5px 15px;text-indent:5px; border:1px solid #d3d3d3;border-radius:4px;-webkit-border-radius:4px; color:#333;}
.send-mail .cname,.send-mail .company{float:left;}
.send-mail .cemail,.send-mail .phone{float:right;}
.send-mail form p{padding-bottom:60px;}
.send-mail textarea{display:block;width:100%;border:1px solid #d3d3d3;text-indent:5px; padding:5px 15px; box-sizing:border-box; height:191px;border-radius:4px;-webkit-border-radius:4px; font-family:Arial, Helvetica, sans-serif;}
.send-mail span input{display:block; margin:0 auto; width:250px;height:45px; margin-top:20px;text-align:center;font-size:16px;background-color:#009944;color:#fff;border-radius:4px;-webkit-border-radius:4px;cursor:pointer;-webkit-transition: all .5s ease-out;-moz-transition: all .5s ease-out;-ms-transition: all .5s ease-out;-o-transition: all .5s ease-out; transition: all .5s ease-out; border:none;}
.send-mail span input:hover{background-color:#3eabe5; border:none; color:#FFF;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { /* WebKit*/color:#333;}  
input:-moz-placeholder, textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */color:#333;}  
input::-moz-placeholder, textarea::-moz-placeholder { /* Mozilla Firefox 19+ */color:#333;}  
input:-ms-input-placeholder, textarea:-ms-input-placeholder { /* IE 10+ */color:#333;}  

.lyleft{ width:100%;}
.lyright{width:100%;padding:10px 0 20px 5%; box-sizing:border-box; font-size:13px; color:#333; line-height: 19px;}
.lyright p{font-weight:bold; font-size:26px; color:#e57718;padding-top: 10px;}


/*加盟页面*/
.search_box .clearfix{ width: 100%; height: 6rem; background: #AD0004; position: relative;}
.search_box .box { width: 90%; height: 5rem; background: #fff; margin: -1rem auto 0;z-index: 999;}
.search_box .box dl { width: 25%; padding-top: 0.8rem; float: left; text-align: center;}
.search_box .box dl i img{ width:35%; margin: 0 auto;}
.search_box .box dl .icon01{background-position:0 0;}
.search_box .box dl .icon02{background-position:-60px 0;}
.search_box .box dl .icon03{background-position:-120px 0;}
.search_box .box dl .icon04{background-position:-180px 0;}
.search_box .box dl .txt{font-size: 0.8rem;}

/*合作商*/
.hezuoshang_box{ width: 100%; height: auto; padding: 30px 0 80px; background:url(../images/yhs.jpg) no-repeat; background-size:cover;}
.hezuoshang .hezuoshang-container .swiper-slide{padding-bottom: 0;}
.hezuoshang .hezuoshang-container .swiper-slide .hezuoshang_tx{ width:250px; height:250px; padding: 0; margin:10px auto 30px;background: #fff; border-radius: 50%;overflow: hidden;}
.hezuoshang .hezuoshang-container .swiper-slide .hezuoshang_tx img{ width: 100%; height: 100%; display: block;}
.hezuoshang .hezuoshang-container .swiper-slide b{ text-align: center; display: block; padding-bottom: 10px; color:#fff;}
.hezuoshang .hezuoshang-container .swiper-slide b span{ padding: 0 10px;}
.hezuoshang .hezuoshang-container .swiper-slide p{ padding:0 60px; color:#fff; font-size:14px; line-height:23px;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;overflow: hidden;}
.hezuoshang_box .hezuoshang-pagination{ left: 50%; transform: translate(-50%,20px);}
.hezuoshang_box .hezuoshang-pagination span{ margin: 0 5px;}

/*zhaoshang*/
.zhaoshang{ background: #fff; padding-bottom: 1rem;}
.zhaoshang .over-hide{ width: 90%; margin: 0 auto; }
.zhaoshang .box{width: 100%; margin:1rem auto;}
.zhaoshang .qianjing{padding-bottom:1rem;}
.zhaoshang dl .pic{width:100%;height: auto;}
.zhaoshang dl .pic img{width:60%; margin: 0 auto;display: block;}
.zhaoshang dl .tit{margin-top:20px;font-size:18px;color:#AD0104; font-weight:bold; text-align:center;}
.zhaoshang dl .txt{margin-top:5px;font-size:14px;color:#999999}
.zhaoshang .swiper-pagination{bottom: -0rem;}
.zhaoshang .swiper-pagination-bullet-active{ background: #AD0104;}

/*support*/
#supports{ padding-bottom: 1rem; background: #f5f5f5;}
#supports .zhichi{width: 90%; margin: 0 auto;}
#supports .box{ margin: 0 auto;}
#supports .box dl{background-color:#fff}
#supports .box dl .pic{width:100%;}
#supports .box dl .pic img{width:100%;}
#supports .box dl .con{width:100%;height:126px;padding:20px 20px 0; box-sizing:border-box;}
#supports .box dl .con .tit{font-size:18px;color:#272727}
#supports .box dl .con .txt{font-size:14px;color:#999999;line-height:21px;height:46px;margin-top:5px;overflow:hidden}
#supports .box dl:hover .con .tit{color:#DE0005}
#supports .swiper-scrollbar{ height:4px;}
#supports .swiper-container-horizontal>.swiper-scrollbar{bottom: 8px;}