@charset "utf-8";
/* CSS Document */
body,html {margin:0; padding:0; color: #555; font:12px/180% "微软雅黑","Helvetica Neue", Arial, Helvetica, sans-serif;}
*{ margin: 0; padding: 0; -webkit-tap-highlight-color: transparent; }
body{width:100%; background-color:#fff;}
body a{outline:none; blr:expression(this.onFocus=this.blur());}
h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td {margin: 0;padding: 0; list-style:none;}
li {list-style: none; vertical-align: bottom;}
img {border: none; display: block;  object-fit: cover !important;}
em,i {font-style: normal;}
a{text-decoration:none; color: #555; }
.disable {display: none;}
.fl {float: left;}
.fr {float: right;}
.clearfix:after {content:""; height:0; display:block; clear:both; visibility:hidden;}
* html .clearfix {height:1%;}
* +html .clearfix {height:1%;}
.clearfix {display:block; clear:both;}
input,textarea{ resize:none; font-family:"微软雅黑"; outline:none;}
button{ font-family:"Arial"; outline: none;}
select{height:22px; line-height:18px; padding:2px 0; outline:none;}
.m_cell_hd, .m_cell_ft { display: table-cell; vertical-align: middle; word-wrap: break-word; word-break: break-all; white-space: nowrap; overflow: hidden; }
.m_cell_primary { width: 2000px; white-space: normal; line-height: 15px; }

.wrapper{ width:1280px; margin: 0 auto;}
 
/*头部*/
.header{ box-sizing: border-box; width: 100%; height: 80px; background-color: #fff; position: relative; box-shadow: 0 4px 5px rgba(0,0,0,0.12); z-index: 9;}
.header_new{ box-shadow: 0 4px 5px rgba(255,255,255,0.4);}
.logo{ float: left; padding-top: 20px;}
.logo img{ height: 40px;}
.h_lan{ float:left; padding: 25px 0 0 30px;}
.h_lan div{ width: 58px; height: 28px; border: 1px #656565 solid; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; overflow: hidden;}
.h_lan div a{ float: left; width: 50%; line-height: 28px; font-size: 14px; color: #656565; text-transform: uppercase; text-align: center;}
.h_lan div a.on{ background-color:#656565; color:#fff;}
.search{ float:right; position: relative;}
.search a{ display: block; width: 80px; height: 80px; background: url(images/img_01.png) no-repeat center center;}
.search div{ display:none; position: absolute; right: 0; top: 80px; background-color: #fff; box-sizing: border-box; border-radius: 0 0 4px 4px; width: 320px; height: 120px; box-shadow: 0 4px 5px rgba(0,0,0,0.12); padding: 20px; z-index: 7;}
.search div b{ display:block; font-size: 18px; color: #252525; line-height: 40px;}
.search div input{ display: block; box-sizing: border-box; border: 1px #959595 solid; height: 40px; line-height: 38px; font-size: 14px; color: #252525; border-radius: 3px; padding-left: 10px; width: 100%;}
.search a.on{ box-shadow: 0 0 4px rgba(0,0,0,0.08); background-image: url(images/img_02.png);}
.nav_list{ float: right; height: 80px;}
.nav_list li{ position:relative;}
.nav_list li > a{ display:block; position: relative; font-size: 16px; color: #252525; line-height: 80px; height: 80px; margin: 0 10px 0 20px;}
.nav_list li > a::after{ display:none; position: absolute; left: 20%; bottom: 21px; content: ""; width: 60%; border-bottom: 1px #00b557 solid; overflow: hidden;}
.nav_list li > a:not(.ons):hover::after,.nav_list li > a.on::after{ display: block;}
.nav_list div{ display:none; position:absolute; min-width: 140px; left: 50%; margin-left: -70px; top: 79px; border-top: 1px #00b557 solid; box-sizing: border-box;}
.nav_list div a{ display:block; margin: 0; text-align: center;font-size: 14px; color: #353535; background-color: #fff; line-height: 39px; height: 39px; border-bottom: 1px #e5e5e5 solid; padding: 0 15px;}
.nav_list div a:last-child{ border-radius: 0 0 4px 4px; box-shadow: 0 4px 5px rgba(0,0,0,0.12);}
.nav_list div a:hover{ color:#fff; background-color: #00b557;}
.nav_list div img{ position:absolute; left: 50%; top: -10px; margin-left: -10px;}
 
/*banner*/
.banner{ min-width: 1000px; position: relative; width: 100%; height: 720px; overflow: hidden;}
.banner .bd li{ height: 720px; overflow: hidden;}
.banner .bd a{ display:block; position: relative; height: 720px; background-position: center top; background-repeat: no-repeat; background-size: auto 100%;}
.banner .bd .con{ position:absolute; left: 50%; margin-left: -640px; top: 240px;}
.banner .bd h4{ display: block; font-size:36px; color: #252525; font-weight: 600; line-height: 75px;}
.banner .bd p{ font-size: 36px; color: #252525; line-height: 55px;}
.banner .bd i{ display:block; margin-top: 50px; width: 118px; height: 38px; line-height: 38px; border: 1px #00b557 solid; color: #00b557; text-align: center; font-size: 18px;}
.banner .bd .img{ position:absolute; right: 50%; margin-right: -640px; top: 50%; margin-top: -252px; width: 640px; height: 504px; line-height: 504px; background-size: auto 100%;}
.banner .bd .img img{ display:inline-block; vertical-align: middle;}
.banner .hd ul{ position:absolute; left: 0; right: 0; bottom: 30px; text-align:center; height: 10px; z-index: 2;}
.banner .hd li{ display:inline-block; vertical-align: top; font-size: 0; margin: 0 2px; width: 8px; height: 8px; border: 1px #fff solid; border-radius: 50%; overflow: hidden;}
.banner .hd li.on{ background: #00b557; border-color: #00b557; box-shadow: 0; outline: none;}
.banner .hd a{ position:absolute; top: 50%; margin-top: -18px; z-index: 5;}
.banner .prev{ left: 30px;}
.banner .next{ right: 30px;}
.banner .bd ul,.banner .bd li{ width:100% !important;}

/*应用领域*/
.filed_bg{ background:url(images/img_18.jpg) repeat-x 0 385px;}
.index_main{ padding: 75px 0 0;}
.index_main .title{ position:relative; margin-bottom: 60px;}
.index_main .title h2{ display:block; font-size: 24px; color: #252525; font-weight: 400; line-height: 50px; height: 50px;}
.index_main .title a{ position: absolute; right: 0; bottom: 0; width: 90px; height: 30px; line-height: 30px; text-align: center; color: #fff; font-size: 14px; background-color: #00b557;}
.index_main .title i{ position: absolute; left: 0; bottom: 0; border-bottom: 3px #656565 solid; width: 60px; overflow: hidden;}

.index_field{ position:relative; width: 100%; padding-bottom: 130px;}
.index_field .swiper-slide{ position: relative;}
.index_field .img,.index_field .con{ box-sizing: border-box; height: 200px; text-align: center; overflow: hidden;}
.index_field .img{ line-height: 200px;}
.index_field .img img{ display:inline-block; vertical-align: middle;}
.index_field .con{ padding: 30px 75px 0;}
.index_field .con h4,.index_field .Hover h4{ display:block; font-size: 18px; color: #252525; font-weight: 400; line-height: 22px; height: 55px;}
.index_field .con i,.index_field .Hover i{ display:block; width:60px; height: 1px; background-color: #959595; margin: 0 auto; overflow: hidden;}
.index_field .con p,.index_field .Hover p{ padding-top: 15px; font-size: 14px; color: #656565; line-height: 24px; height: 72px; overflow: hidden;}
.index_field .Hover{ display:none; position:absolute; left: 5px; top: 5px; right: 5px; bottom: 5px; background-color: #f5f5f5; box-sizing: border-box; border: 1px #e17ae1 solid; padding: 100px 70px 0; text-align: center; box-shadow: 0 0 10px rgba(0,0,0,0.2); z-index: 2;}
.index_field .Hover img{ margin: 50px auto 0;}
.index_field .swiper-slide:hover .Hover{ display:block;}
.index_field .swiper-slide a:hover{ color: #00b557; text-decoration: underline;}
.index_field .swiper_btn{ position: absolute; top: 180px; width: 40px; height: 40px; cursor: pointer; z-index: 5;}
.index_field .swiper_prevs{ left: -70px; background-image: url(images/img_03.png);}
.index_field .swiper_nexts{ right: -70px; background-image: url(images/img_04.png);}
.index_field .swiper_prevs:hover{ background-image: url(images/img_03a.png);}
.index_field .swiper_nexts:hover{ background-image: url(images/img_04a.png);}

/*优势*/
.index_advantage{ height: 280px; background-color: #00b557; position: relative;}
.index_advantage .wrapper{ padding-top: 87px;}
.index_advantage li{ float:left; position: relative; width: 25%; text-align: center; z-index: 3;}
.index_advantage li:not(:last-child)::after{ position:absolute; content: ""; right: 0; top: 9px; height: 90px; border-right: 1px #ccc solid;}
.index_advantage b{ display:block; font-size: 72px; color: #fff; font-weight: 400; line-height: 65px;}
.index_advantage i{ display:inline-block; vertical-align: top; position: relative; padding: 0 30px;}
.index_advantage em{ position:absolute; right: 0; top: -15px; line-height: 22px; font-size: 18px; font-weight: lighter;}
.index_advantage p{ font-size: 24px; color: #ddd; line-height: 50px; font-weight: lighter;}
.myCanvas{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1;}

/*新品预览*/
.index_new_product{ width: 100%; position: relative; padding-bottom: 65px;}
.index_new_product a{ display:block; position: relative;}
.index_new_product .img{ position: relative; height: 280px; padding: 10px; background: #f7f7f7 url(images/img_08.jpg) no-repeat center center;}
.index_new_product .img div{ height: 278px; line-height: 278px;  text-align: center; border:1px #f7f7f7 solid; overflow: hidden;}
.index_new_product .img img{ display: inline-block; vertical-align: middle; margin-bottom: 5px;}
.index_new_product .img i{ display:none; position: absolute; left: 50%; top: 50%; margin-left: -20px; margin-top: -20px; width: 40px; height: 40px; background-image: url(images/img_13.png);}
.index_new_product .con{ box-sizing:border-box; height: 100px; padding: 25px 10px 0; overflow: hidden;}
.index_new_product .con h4{ display:block; font-size: 18px; color: #252525; font-weight: 400; line-height: 26px; height: 26px; overflow: hidden;}
.index_new_product .con p{ font-size: 14px; color: #656565; line-height: 25px; height: 25px; overflow: hidden;}
.index_new_product a:hover .con{ background-color:#00b557;}
.index_new_product a:hover h4{color:#fff;}
.index_new_product a:hover p{ color:#ddd;}
.index_new_product a:hover .img div{ border: 1px #00b557 solid;}
.index_new_product a:hover .img i{ display:block;}
.new_page{ position: relative; margin: 35px auto 0; width: 198px; height: 38px; border: 1px #656565 solid; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.new_page .swiper_btn{ position:absolute; top: 0; width: 31px; height: 38px; background-position: center center; background-repeat: no-repeat; cursor: pointer;}
.new_page .new_swiper_prev{ left: 0; background-image: url(images/img_14.png);}
.new_page .new_swiper_next{ right: 0; background-image: url(images/img_15.png);}
.new_page .new_swiper_prev:hover{ background-image: url(images/img_14a.png);}
.new_page .new_swiper_next:hover{ background-image: url(images/img_15a.png);}
.new_page .num{ margin: 11px 41px 0; border-left: 1px #656565 solid; border-right: 1px #656565 solid; text-align: center; font-size: 14px; color: #252525; line-height: 16px;}
.new_page .num div{ margin-left: 5px; display:inline-block; vertical-align: top; width: auto; position: inherit;}
.index_new_product .new_img{ position:absolute; top: 0;}
.index_new_product .new_img_left{ left: -60px;}
.index_new_product .new_img_right{ right: -60px;}

/*广告位*/
.p_img{ text-align: center; width:100%; height: 280px; background: url(images/img_09.jpg) no-repeat center top;}
.p_img span{ display:inline-block; text-align: left; padding-top: 70px;}
.p_img b{ display:block; font-size: 24px; color: #252525; font-weight: 400; line-height: 40px; height: 40px; overflow: hidden;}
.p_img p{ font-size: 18px; color: #656565; line-height: 48px; height: 48px; overflow: hidden;}
.p_img a{ display: block; width: 88px; height: 28px; line-height: 28px; text-align: center; font-size: 14px; color: #00b557; border: 1px #00b557 solid; margin-top: 14px;}

/*新闻资讯*/
.index_news{ padding-bottom: 70px;}
.index_news li{ float:left; position: relative; margin-right: 40px; margin-bottom: 40px; width: 400px; padding-bottom: 30px; border-bottom: 1px #ddd solid; overflow: hidden;}
.index_news li:nth-child(3n+3){ margin-right: 0;}
.index_news .img,.index_news .img img{ display:block; width: 400px; height: 171px; overflow: hidden;}
.index_news h4{ display:block; padding-top: 25px; font-size: 16px; color: #252525; font-weight: 400; line-height: 27px; height: 27px; overflow: hidden;}
.index_news h4 a{ color:#252525;}
.index_news p{ font-size: 14px; color: #656565; line-height: 23px; margin-bottom: 30px;}
.index_news .con{ height: 46px; overflow: hidden;}
.index_news .more{ display:block; margin-top: 7px; width: 88px; height: 28px; line-height: 28px; text-align: center; border: 1px #656565 solid; color: #656565; font-size: 14px;}
.index_news h4 a:hover{ color:#00b557;}
.index_news .more:hover{color:#00b557; border-color:#00b557;}
.index_news b{ position: absolute; right: 0; bottom: 30px; font-size: 24px; color: #656565; font-weight: 400;}
.index_news b i{ display:inline-block; overflow: hidden; vertical-align: top; padding-top: 13px; font-size: 14px;}

/*合作*/
.index_coop{ padding: 75px 0; border-top: 1px #ddd solid;}
.index_coop .wrapper{ position: relative;}
.index_coop .swiper-slide a{ display:block; border: 1px #f5f5f5 solid; width: 148px; height: 82px; line-height: 82px; text-align: center; overflow: hidden;}
.index_coop .swiper-slide a img{ display:inline-block; vertical-align: middle;}
.index_coop .swiper-slide a:hover{ border-color:#00b557;}
.index_coop .swiper_btn{ position: absolute; top: 23px; width: 40px; height: 40px; cursor: pointer;}
.index_coop .coop_swiper_prev{ left: -70px; background-image: url(images/img_03.png);}
.index_coop .coop_swiper_next{ right: -70px; background-image: url(images/img_04.png);}
.index_coop .coop_swiper_prev:hover{ background-image: url(images/img_03a.png);}
.index_coop .coop_swiper_next:hover{ background-image: url(images/img_04a.png);}

/*底部*/
.footer{ width: 100%; background-color: #ddd; padding: 25px 0; overflow: hidden;}
.footer .top{ height: 65px; border-bottom: 1px #959595 solid; margin-bottom: 15px;}
.footer .top p{ padding-left: 29px; font-size: 14px; color: #656565;line-height: 65px; background: url(images/img_19.png) no-repeat left center;}
.footer .bottom{ margin-top: 55px; border-top: 1px #959595 solid; height: 34px;}
.footer .bottom p{ float:left; line-height: 34px; color: #656565; font-size: 12px;}
.footer .bottom p span{ margin: 0 10px;}
.footer .bottom .copy{ float:right;}
.f_product{ float:left; width: 320px;}
.f_product b,.f_code b{ display: block; font-size: 16px; color: #252525; font-weight: 400; line-height: 43px;}
.f_product p{ font-size: 14px; line-height: 27px;}
.f_product p a{ color:#656565;}
.f_product p a:hover,.footer .bottom a:hover{ color: #00b557;}
.f_product i{ display:block; width: 100%; overflow: hidden; border-bottom: 1px #959595 solid; margin: 12px 0;}
.f_code{ float:right; position: relative; overflow: hidden; min-width: 290px; padding-left: 30px;}
.f_code::after{ position:absolute; left: 0; top: 15px; bottom: 0; content: ""; border-left: 1px #959595 solid;}
.code{ padding-top: 7px; height: 105px;}
.code a{ display:block; text-align: center; position: relative; width: 118px; height: 28px; line-height: 28px; border: 1px #656565 solid; color: #656565; font-size: 14px; margin-bottom: 10px;}
.code a span{ display: none; position: absolute; left: 129px; top: -1px; width: 64px; height: 64px; padding: 2px; background-color: #fff; border: 1px #656565 solid; overflow: hidden;}
.code a.wx span{ top: -41px;}
.code a img{ width: 64px; height: 64px;}
.code a:hover span{ display:block;}
.f_code .img img{ display:inline-block; vertical-align: middle; margin-right: 5px;}
.f_code .img{ line-height: 41px; white-space:nowrap;}

/*客服*/
.box{ position: fixed; right: 30px; bottom: 40%; z-index: 10;}
.box > div{ margin-bottom: 10px; height: 40px; width: 40px; cursor: pointer; position: relative;}
.box .con{  display:none; position:absolute; right: 50px; top: 0; width: 180px; height: 180px; background-color: #00b557; box-sizing: border-box; padding: 20px 20px 0;}
.box .con a{ display:block; text-align: center; background-color: #fff; font-size: 14px; color: #00b557; line-height: 40px;}
.box .con a i{ display:inline-block; vertical-align: top; padding-left: 30px; background: url(images/img_17.jpg) no-repeat left center;}
.box .con p{ font-size: 14px; color: #ddd; padding-left: 40px; background: url(images/img_23.png) no-repeat 10px center; line-height: 24px; margin-top: 20px;}
.box .con span{ display:block; font-size: 14px; color: #fff; padding-top:10px;}
.box .con b{ display:block; font-size: 24px; font-weight: 400;}

/*手机*/
.mobile{ display:none;}

/*头部*/
.m_header{ position: fixed; left: 0; top: 0; right: 0; height: 0.93rem; box-shadow: 0 0 10px rgba(0,0,0,0.2); background-color: #fff; z-index: 9;}
.m_logo{ padding: 0.23rem 0 0;}
.m_logo img{ display:block; margin: 0 auto; height: 0.48rem;}
.m_header .m_btn{ position: absolute; top: 0; height: 0.93rem; width: 0.93rem; background-position:  center center; background-repeat: no-repeat; background-size: 0.35rem auto; overflow: hidden;}
.m_header .menus{  left: 0; background-image: url(images/m_img_01.jpg); border-right: 1px #dbdbdb solid;}
.m_header .m_search{ right: 0; background-image: url(images/m_img_02.jpg); border-left: 1px #dbdbdb solid;}
.menus.on{ background-image: url(images/m_img_02.png); background-color:#ddd;}
.m_search.on{ background-image: url(images/m_img_02a.jpg);}

/*banner*/
.m_banner{ position:relative; width: 100%; overflow: hidden;}
.m_banner a{ display:block; height: 10.0rem; background-size: 100% 100%; text-align: center; box-sizing: border-box; padding-top: 1.25rem;  overflow: hidden;}
.m_banner h4{ display: block; font-size: 0.38rem; color: #252525; line-height: 0.82rem;}
.m_banner p{ font-size: 0.28rem; color: #252525; line-height: 0.50rem;}
.m_banner i{ display:block; margin: 0.20rem auto 1.60rem; width: 1.25rem; height: 0.40rem; line-height: 0.40rem; color: #00b557; font-size: 0.26rem; border: 1px #00b557 solid;}
.m_banner a img{ width: 5.20rem; margin: 0 auto;}
.m_banner .pagination{ position:absolute; left: 0; right: 0; bottom: 0.25rem; text-align:center; height: 0.13rem; z-index: 2;}
.m_banner .pagination span{ display:inline-block; vertical-align: top; margin: 0 0.03rem !important; width: 0.13rem; height: 0.12rem; border: 1px #fff solid; box-sizing: border-box;  border-radius: 50%; overflow: hidden;}
.m_banner .pagination span.swiper-pagination-bullet-active{ background: #00b557; border-color: #00b557; box-shadow: 0; outline: none;}
.tips{ position:absolute; left: 50%; bottom: 0.48rem; margin-left: -0.75rem; z-index: 2; width: 1.50rem;}

/*搜索*/
.m_search_form{ padding: 0.38rem 0.23rem 0.70rem;}
.m_search_form h2,.m_filed h2,.m_news h2{ display:block; text-align: center; font-size: 0.32rem; color: #252525; line-height: 0.95rem;}
.m_search_form div{ border: 1px #cacaca solid; border-radius: 0.06rem; width: 100%; box-sizing: border-box; position: relative; padding-left: 0.23rem;}
.m_search_form input{ display:block; border: 0; width: 100%; height: 0.75rem; line-height: 0.75rem; font-size: 0.22rem; color: #252525;}
.m_search_form button{ position: absolute; right: 0; top: 0; border: 0; width: 0.85rem; height: 0.75rem; background: url(images/m_img_02.jpg) no-repeat center center; background-color: transparent; background-size: 0.35rem auto;}

/*优势*/
.m_adv{ padding: 0.50rem 0 0.10rem; background-color: #00b557; position: relative;}
.m_adv li{ width: 50%; float: left; position: relative; box-sizing: border-box; text-align: center; color: #fff; margin-bottom: 0.40rem;  z-index: 3;}
.m_adv li:not(:nth-child(2n))::after{ position:absolute; content: ""; right: 0; top: 0.09rem; height: 0.90rem; border-right: 1px #ccc solid;}
.m_adv b{ display:block; font-size: 0.56rem; color: #fff; font-weight: 400; line-height: 0.65rem;}
.m_adv i{ display:inline-block; vertical-align: top; position: relative; padding: 0 0.40rem;}
.m_adv em{ position:absolute; right: 0; top: -0.15rem; line-height: 0.30rem; font-size: 0.18rem; font-weight: 400;}
.m_adv p{ font-size: 0.20rem; color: #ddd; line-height: 0.50rem; font-weight: 400;}

/*领域*/
.m_filed{ padding: 0.40rem 0; position: relative; background: url(images/img_18.jpg) repeat-x 0 3.0rem; background-size: auto 1px;}
.m_filed .swiper-slide a{ display:block; padding: 0 0.30rem; text-align: center; color: #656565;}
.m_filed .img{ height: 1.70rem; text-align: center; line-height: 1.70rem; overflow: hidden;}
.m_filed .img img{ display:inline-block; vertical-align: middle; height: 1.05rem;}
.m_filed .con{ height: 1.70rem; overflow: hidden; font-size: 0.28rem; line-height: 0.40rem;}
.m_filed .con b{ display:block; font-size: 0.32rem; font-weight: 400; line-height: 0.60rem; padding-top: 0.05rem;}
.m_filed .m_btn{ position: absolute; top: 2.76rem; width: 0.48rem; height: 0.48rem; background-size: 100% 100%; cursor: pointer; z-index: 2;}
.m_filed .m_swiper_prev{ left: 0.23rem; background-image: url(images/img_03.png);}
.m_filed .m_swiper_next{ right: 0.23rem; background-image: url(images/img_04.png);}
.m_filed .m_swiper_prev:hover{ background-image:url(images/img_03a.png);}
.m_filed .m_swiper_next:hover{ background-image:url(images/img_04a.png);}

/*广告位*/
.m_p_img{ height: 2.11rem; background: url(images/m_img_04.jpg); background-size: 100% 2.11rem; overflow: hidden; text-align: center; box-sizing: border-box;}
.m_p_img b{ display:block; font-size: 0.30rem; color: #252525; font-weight: 400; line-height: 0.50rem; height: 0.50rem; overflow: hidden; padding-top: 0.30rem;}
.m_p_img p{ font-size: 0.22rem; color: #656565; line-height: 0.40rem;}
.m_p_img a{ display:block; margin: 0 auto; margin-top: 0.10rem; width: 1.20rem; height: 0.40rem; line-height: 0.40rem; overflow: hidden; border: 1px #00b557 solid; font-size: 0.22rem; color: #00b557;}

/*企业资讯*/
.m_news{ padding: 0.40rem 0;}
.m_news li{ margin-bottom: 0.40rem;}
.m_news a{ display:block;}
.m_news img{ width: 100%;}
.m_news div{ padding: 0.10rem 0.23rem 0.20rem; position: relative; overflow: hidden;}
.m_news div::after{ display:block; content: ""; position: absolute; left: 0.23rem; right: 0.23rem; bottom: 0; border-bottom: 1px #ddd solid;}
.m_news h4{ display:block; font-size: 0.32rem; font-weight: 400; height: 0.50rem; line-height: 0.50rem; overflow: hidden;}
.m_news p{ font-size: 0.26rem; color: #656565; line-height: 0.40rem; margin-bottom: 0.22rem;}
.m_news .con{ height: 0.80rem; overflow: hidden;}
.m_news i{ display:block; width: 1.20rem; height: 0.40rem; line-height: 0.40rem; border: 1px #656565 solid; font-size: 0.22rem; color: #656565; text-align: center;}
.m_news b{ display:block; position: absolute; right: 0.23rem; bottom: 0.10rem; font-size: 0.30rem; color: #656565; font-weight: 400; overflow: hidden; line-height: 0.40rem;}
.m_news b em{ display:inline-block; vertical-align: top; padding-top: 0.15rem; font-size: 0.26rem; transform: scale(0.95);}

/*底部*/
.m_footer{ padding: 0.23rem; background-color: #ddd; overflow: hidden;}
.m_footer .top{ font-size: 0.28rem; color: #656565; line-height: 0.75rem; border-bottom: 1px #959595 solid;}
.m_footer .top p{ padding-left: 0.45rem; background: url(images/img_19.png) no-repeat left center; background-size: 0.30rem auto;}
.m_footer .con span,.m_footer .con p{ display:block; font-size: 0.28rem; color: #656565; line-height: 0.45rem;}
.m_footer .con span{ padding: 0.10rem 0 0.30rem;}

/*菜单*/
.menus_list{ display:none; position:fixed; left: 0; top: 0.93rem; right: 0; bottom: 0; padding: 0.20rem 0.23rem 0.30rem; background-color: #ddd; z-index: 10; overflow: hidden;}
.menus_list b,.m_kf b{ display:block; text-align: center; font-size: 0.32rem; color: #252525; line-height: 0.75rem; border-bottom: 1px #959595 solid;}
.menus_list .list{ padding: 0 0.24rem;}
.menus_list .list li{ border-bottom: 1px #ccc solid;}
.menus_list .list a{ display:block; position: relative; padding: 0 0.25rem; font-size: 0.28rem; color: #252525; line-height: 0.65rem; height: 0.65rem;}
.menus_list .list em{ display: block; padding-left: 0.50rem; background: url(images/m_img_04.png) no-repeat left center; background-size: 0.35rem auto;}
.menus_list .list i{ position: absolute; right: 0.23rem; height: 0.65rem; padding-right: 0.28rem; background: url(images/m_img_03.png) no-repeat right center; background-size: 0.15rem auto; padding-left: 0.22rem; border-left: 1px #ccc solid;}
.m_kf{ position: absolute; left: 0.23rem; right: 0.23rem; bottom: 0.30rem;}
.m_kf b{ border-top: 1px #959595 solid; border-bottom: none; padding-top: 0.15rem;}
.m_kf a{ display:block; width: 2.80rem; height: 0.50rem; border: 1px #999 solid; border-radius: 0.26rem; text-align: center; margin: 0 auto; margin-bottom: 0.12rem; font-size: 0.26rem; color: #656565; line-height: 0.50rem;}
.m_kf a i{ display:inline-block; vertical-align: top; padding-left: 0.45rem; background-position: left center; background-repeat: no-repeat; background-image: url(images/m_img_05.png); background-size: auto 0.30rem;}
.m_kf .k_01 i{ background-image: url(images/m_img_06.png);}
.m_kf .k_02 i{ background-image: url(images/m_img_07.png); background-size: auto 0.22rem;}

/*搜索*/
.h_search{ display: none; position: fixed; left: 0; top: 0.93rem; right: 0; padding: 0.10rem 0.23rem 0.23rem; z-index: 10; background-color: #fff; border-top: 1px #dbdbdb solid; overflow: hidden;}
.h_search b{ display:block; font-size: 0.30rem; color: #252525; line-height: 0.55rem;}
.h_search input{ display:block; width: 100%; border: 1px #c3c3c3 solid; border-radius: 0.04rem; padding-left: 0.15rem; height: 0.75rem; line-height: 0.75rem; font-size: 0.22rem; color: #252525; box-sizing: border-box;}


/*当前位置*/
.location{ height: 60px; line-height: 60px; text-align: right; font-size: 14px; color: #656565; border-bottom: 1px #ddd solid; overflow: hidden;}
.location a{ color:#656565;}
.location a:hover{ color:#00b557;}
.location01{ background-color:#f5f5f5; border-top: 1px #656565 solid;}

/*产品列表*/
.type{ height: 360px; background: url(images/img_19.jpg) no-repeat center top; text-align: center; color: #959595; font-size: 16px; overflow: hidden;}
.type b{ display:block; font-size: 24px; color: #fff; font-weight: 400; line-height: 49px; padding-top: 107px;}
.type p{ font-size: 16px; color: #959595; line-height: 33px;}
.type span{ display: block; padding-top: 31px;}
.type a{ display:inline-block; padding: 0 24px; border: 1px #959595 solid; height: 28px; line-height: 28px; font-size: 14px; color: #959595; margin: 0 5px;}
.type a:hover,.type a.on{ color: #fff; border-color:#fff;}

.product{ padding: 60px 0;}
.product .index_new_product{ padding: 0;}
.product .index_new_product .swiper-slide{ float: left; width: 400px; margin-right: 40px; margin-bottom: 40px;}
.product .index_new_product .swiper-slide:nth-child(3n+3){ margin-right: 0;}

.page{ position: relative; margin: 20px auto 40px; width: 198px; height: 38px; border: 1px #656565 solid; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.page a{ position:absolute; top: 0; width: 31px; height: 38px; background-position: center center; background-repeat: no-repeat; cursor: pointer;}
.page .p_left{ left: 0; background-image: url(images/img_14.png);}
.page .p_right{ right: 0; background-image: url(images/img_15.png);}
.page .p_left:hover{ background-image: url(images/img_14a.png);}
.page .p_right:hover{ background-image: url(images/img_15a.png);}
.page div{ margin: 11px 41px 0; border-left: 1px #656565 solid; border-right: 1px #656565 solid; text-align: center; font-size: 14px; color: #252525; line-height: 16px;}
.page div i{ margin-left: 5px; display:inline-block; vertical-align: top; width: auto; position: inherit;}

/*应用领域*/
.product .index_field{ padding-bottom: 0;}
.product .index_field .swiper-slide{ width: 400px; float: left; margin-right: 40px; margin-bottom: 40px;}
.product .index_field .swiper-slide a{ position:relative; z-index: 2;}
.product .index_field .swiper-slide:nth-child(3n+3){ margin-right: 0;}
.product .index_field .swiper-slide::after{ display:block; position: absolute; content:""; left: 5px; top: 5px; right: 5px; bottom: 5px; border: 1px #959595 solid; z-index: 1;}

.area_list .swiper-slide{ width: 32%; float: left; margin-right: 2%; margin-bottom: 40px;}
.area_list .swiper-slide:nth-child(3n+3){ margin-right: 0}


/*新闻列表*/
.product .index_news{ padding-bottom: 0;}

/*新闻详情*/
.news_main{ padding: 10px 0 100px;}
.news_main .left{ float:left; width: 860px;}
.news_main .right{ float:right; width: 360px;}

.detial_news .title{ padding: 35px 0 5px; border-bottom: 1px #ddd solid;}
.detial_news .title h1{ display:block; font-size: 18px; color: #252525; font-weight: 400; line-height: 22px;}
.detial_news .title img{ display:inline-block; vertical-align: top; margin-right: 8px;}
.detial_news .title p{ font-size: 14px; color: #656565; padding-left: 30px; line-height: 29px;}
.detial_news .con{ padding-bottom: 80px; font-size: 16px; color: #252525; line-height: 36px;}
.detial_news .con p{ text-indent: 2em; padding-top: 30px;}
.detial_news .con img{ width: 100%; margin-top: 30px;}

.d_page a{ display:block; width: 48%; font-size: 14px; color: #656565; box-sizing: border-box; padding: 0 12px; overflow: hidden; background-color: #f5f5f5;}
.d_prev{ float:left;}
.d_next{ float:right;}
.d_page i{ display:block; height: 60px; line-height: 60px; overflow: hidden; background-repeat: no-repeat; background-size: 16px auto;}
.d_prev i{ padding-left: 38px; background-position: left center; background-image: url(images/img_25.png);}
.d_next i{ padding-right: 38px; background-position: right center;  background-image: url(images/img_26.png);}
.d_page a:hover{ color:#fff; background-color: #00b557;}
.d_page .d_prev:hover i{ background-image: url(images/img_25a.png);}
.d_page .d_next:hover i{ background-image: url(images/img_26a.png);}

.all_recommend h2{ display:block; font-size: 18px; color: #252525; font-weight: 400; line-height: 91px; border-bottom: 1px #ddd solid; padding-left: 30px; background: url(images/img_27.png) no-repeat left center;}
.all_recommend .list li{  position: relative; padding: 15px 0 13px; padding-left: 10px; border-bottom: 1px #ddd solid; line-height: 25px;}
.all_recommend .list li::after{ display:block; position: absolute; content: ""; left: 0; top: 20px; height: 40px; border-left: 3px #959595 solid;}
.all_recommend .list h4{ display:block; font-size: 14px; color: #252525; font-weight: 400;}
.all_recommend .list a{ color: #252525;}
.all_recommend .list p{ font-size: 14px; color: #656565;}
.all_recommend .list li:hover,.all_recommend.list li:hover::after{ border-color: #00b557;}
.all_recommend .list li:hover a{ color: #00b557;}

.all_news{ padding-top: 60px;}
.all_news b{ display:block; height: 38px; line-height: 38px; border: 1px #959595 solid; font-size: 18px; color: #252525; font-weight: 400; text-align: center;}
.all_news a{ display:block; float: left; width: 168px; height: 28px; line-height: 28px; border: 1px #959595 solid; font-size: 14px; color: #656565; text-align: center; margin-top: 20px;}
.all_news a:nth-child(2n){ float:right;}
.all_news a:hover{ color:#00b557; border-color: #00b557;}

/*关于乔业*/
.about{ padding-bottom: 130px; font-size: 16px; color: #252525; line-height: 36px;}
.about h1{ display:block; font-size: 18px; color: #252525; font-weight: 400; line-height: 120px; text-align: center;}
.about img{ float: left; margin-right: 40px;}
.about p{ text-indent:2em; padding-bottom: 30px;}

/*设备展示*/
.device{ padding-bottom: 60px;}
.device_list{ padding-bottom: 20px;}
.device_list li{ margin-top: 60px;}
.device_list a{ display:block; height: 270px;}
.device_list .img{ float: left; position: relative; width: 480px; height: 270px; text-align: center; line-height: 270px; background-color: #f5f5f5; overflow: hidden;}
.device_list .img img{ display:inline-block; vertical-align: middle; width: 80%;}
.device_list .img i{ display:none; position:absolute; left: 10px; top: 10px; right: 10px; bottom: 10px; border: 1px #00b557 solid; background: url(images/img_29.png) no-repeat center center;}
.device_list .con{ float: right; width: 740px; height: 249px; border-bottom: 1px #ddd solid;}
.device_list h4{ display:block; font-size: 18px; color: #252525; font-weight: 400; line-height: 30px; height: 30px; padding-top: 13px; overflow: hidden;}
.device_list span{ display:block; font-size: 14px; color: #656565; line-height: 23px; overflow: hidden;}
.device_list p{ margin-top: 28px; font-size: 14px; color: #656565; line-height: 24px; height: 72px; overflow: hidden;}
.device_list li:nth-child(2n) .img{ float: right;}
.device_list li:nth-child(2n) .con{ float: left;}
.device_list a:hover i{ display:block;}
.device_list a:hover h4{ color:#00b557;}
.device_list a:hover div{ border-color:#00b557;}

/*产品详情*/
.d_banner{ height: 480px; position: relative; background: url(images/img_22.jpg) no-repeat center top; background-size: auto 100%; overflow: hidden;}
.d_banner .swiper-slide{ height: 460px; overflow: hidden; text-align: center; box-sizing: border-box; padding-top: 85px;}
.d_banner .swiper-slide img{ margin:0 auto; width: 432px; height: 308px;}
.d_banner .swiper-slide h4{ display:block; padding-top: 25px;}
.d_banner .swiper-slide i{ display:inline-block; vertical-align: top; font-size: 17px; color: #252525; background-color: #fff; padding: 0 25px; height: 30px; line-height: 30px; font-weight: 400; border-radius: 15px;}
.d_banner .pagination{ text-align:center; height: 10px; z-index: 2;}
.d_banner .pagination span{ display:inline-block; vertical-align: top; margin: 0 2px; width: 8px; height: 8px; border: 1px #fff solid; border-radius: 50%; overflow: hidden;}
.d_banner .pagination span.swiper-pagination-bullet-active{ background: #00b557; border-color: #00b557; box-shadow: 0; outline: none;}
.d_banner .swiper_btn{ position:absolute; top: 50%; margin-top: -18px; z-index: 5;}
.d_banner .swiper_prev{ left: 30px;}
.d_banner .swiper_next{ right: 30px;}

.p_recommend h2{ border-bottom:none;}
.all_recommend .p_list li{ margin-bottom: 20px;}
.all_recommend .p_list a{ display:block; height: 108px;}
.all_recommend .p_list .img{ float:left; width: 144px; height: 108px; line-height: 108px; text-align: center; background: url(images/img_08.jpg); background-size: 100% 100%;}
.all_recommend .p_list .img img{ display: inline-block; vertical-align: middle; width: 50%;}
.all_recommend .p_list .con{ float: right; width: 196px; height: 97px; border-bottom: 1px #ddd solid;}
.all_recommend .p_list h4{ display:block; font-size: 16px; color: #252525; font-weight: 400; line-height: 27px; height: 27px; padding-top: 4px; overflow: hidden;}
.all_recommend .p_list p{ font-size: 14px; color: #656565; line-height: 24px; height: 48px; overflow: hidden;}
.all_recommend .p_list a:hover h4{ color:#00b557;}
.all_recommend .p_list a:hover .con{ border-color:#00b557;}

.detial_product h2{ padding-top: 35px; display:block; line-height: 22px; font-size: 18px; font-weight: 400; color: #252525;}
.detial_product h2 img{ display: inline-block; vertical-align: middle; margin-right: 8px;}
.detial_product b{ display:block; position: relative; font-size: 14px; color: #252525;}
.detial_product b::after{ display:block; content: ""; position:absolute; left: 0; right: 0; border-top: 1px #ddd solid; top: 50%;}
.detial_product b i{ display:block; position: relative; z-index: 2; background-color: #fff; border: 1px #959595 solid; font-size: 14px; color: #252525; width: 98px; line-height: 28px; font-weight: 400; text-align: center;}
.detial_product .con{ padding: 15px 0 28px; font-size: 14px; color: #252525; line-height: 30px;}
.detial_product .con01 p{ float:left; width:50%;}
.detial_product .con p img{ display:inline-block; vertical-align: middle; margin-right: 7px; margin-bottom: 2px;}


/*响应式手机菜单*/
.h_other .x_btn,.n_header .x_btn{ display:none; position: absolute; top: 0; height: 50px; width: 50px; background-position:  center center; background-repeat: no-repeat; background-size: 20px auto; overflow: hidden;}
.h_other .x_menus,.n_header .x_menus{  left: 0; background-image: url(images/m_img_01.jpg); border-right: 1px #dbdbdb solid;}
.h_other .x_search,.n_header .x_search{ right: 0; background-image: url(images/m_img_02.jpg); border-left: 1px #dbdbdb solid;}
.h_other .x_menus.on,.n_header .x_menus.on{ background-image: url(images/m_img_02.png); background-color:#ddd;}
.h_other .x_search.on,.n_header .x_search.on{ background-image: url(images/m_img_02a.jpg);}

.x_menus_list{ display:none; position:fixed; left: 0; top: 50px; width: 60%; bottom: 0; padding: 7px 10px 15px; background-color: #ddd; z-index: 10; overflow: hidden;}
.x_menus_list b,.m_kf b{ display:block; text-align: center; font-size: 15px; color: #252525; line-height: 35px; border-bottom: 1px #959595 solid;}
.x_menus_list .list{ padding: 0 10px;}
.x_menus_list .list li{ border-bottom: 1px #ccc solid;}
.x_menus_list .list a{ display:block; position: relative; padding: 0 10px; font-size: 12px; color: #252525; line-height: 35px; height: 35px;}
.x_menus_list .list em{ display: block; padding-left: 25px; background: url(images/m_img_04.png) no-repeat left center; background-size: 15px auto;}
.x_menus_list .list i{ position: absolute; right: 10px; height: 35px; padding-right: 12px; background: url(images/m_img_03.png) no-repeat right center; background-size: 7px auto; padding-left: 8px; border-left: 1px #ccc solid;}
.x_kf{ position: absolute; left: 10px; right: 10px; bottom: 15px;}
.x_kf b{ border-top: 1px #959595 solid; border-bottom: none; padding-top: 7px;}
.x_kf a{ display:block; width: 120px; height: 25px; border: 1px #999 solid; border-radius: 14px; text-align: center; margin: 0 auto; margin-bottom: 8px; font-size: 12px; color: #656565; line-height: 25px;}
.x_kf a i{ display:inline-block; vertical-align: top; padding-left: 22px; background-position: left center; background-repeat: no-repeat; background-image: url(images/m_img_05.png); background-size: auto 15px;}
.x_kf .k_01 i{ background-image: url(images/m_img_06.png);}
.x_kf .k_02 i{ background-image: url(images/m_img_07.png); background-size: auto 10px;}

/*搜索*/
.x_search_form{ display: none; position: fixed; left: 0; top: 50px; right: 0; padding: 0.10rem 0.23rem 0.23rem; z-index: 10; background-color: #fff; border-top: 1px #dbdbdb solid; overflow: hidden;}
.x_search_form b{ display:block; font-size: 15px; color: #252525; line-height: 35px;}
.x_search_form input{ display:block; width: 100%; border: 1px #c3c3c3 solid; border-radius: 3px; padding-left: 8px; height: 35px; line-height: 35px; font-size: 14px; color: #252525; box-sizing: border-box;}


/*首页-新*/
.swiper-container{ overflow: hidden; padding-left: 1px;}
body{ padding-top: 90px;}
.wrapper01{ width: 1212px; margin: 0 auto; box-sizing: border-box;}
.n_header{ position: fixed; left: 0; top: 0; right: 0; background: #fff; box-sizing: border-box; height: 90px; text-align: center;z-index: 9;}
.n_header .logos{ position: absolute; left: 60px; top: 25px;}
.n_header .logos img{ width: 204px;}

.nav_lists{  display: inline-block; vertical-align: top;}
.nav_lists li{ float: left; position: relative;}
.nav_lists li > a{ display: block; font-size: 16px; color: #000; line-height: 90px; padding: 0 23px; position: relative;}
.nav_lists li.on > a::after,.nav_lists li:hover > a::after{ position: absolute; content: ""; left: 0; right: 0; bottom: 0; border-bottom: 4px #00b557 solid;}
.nav_lists div{ display:none; position:absolute; min-width: 140px; left: 50%; transform: translateX(-50%); top: 86px; border-top: 1px #00b557 solid; border-radius: 0 0 4px 4px; box-shadow: 0 4px 5px rgba(0,0,0,0.12); z-index: 3;}
.nav_lists div a{ display:block; margin: 0; text-align: center;font-size: 14px; color: #353535; background-color: #fff; line-height: 39px; height: 39px; border-bottom: 1px #e5e5e5 solid; padding: 0 15px; white-space: nowrap;}
.nav_lists div a:last-child{ border-bottom: none;}
.nav_lists div a:hover{ color:#fff; background-color: #00b557;}
.nav_lists div img{ position:absolute; left: 50%; top: -10px; margin-left: -10px;}
.nav_lists li:hover div{ display: block;}

.searchs{ position: absolute; right: 158px; top: 0; text-align: left;}
.searchs a{ display: block; width: 65px; height: 90px; background: url(images/nw_img_01.png) no-repeat center center;}
.searchs a.on{ box-shadow: 0 0 4px rgba(0,0,0,0.08);}
.searchs > div{ position: relative;}
.searchs .img{ width: 40px; height: 40px; cursor: pointer;}
.searchs div div{ display:none; position: absolute; right: 0; top: 80px; background-color: #fff; box-sizing: border-box; border-radius: 0 0 4px 4px; width: 320px; height: 120px; box-shadow: 0 4px 5px rgba(0,0,0,0.12); padding: 20px; z-index: 7;}
.searchs div b{ display:block; font-size: 18px; color: #252525; line-height: 40px;}
.searchs div input{ display: block; box-sizing: border-box; border: 1px #959595 solid; height: 40px; line-height: 38px; font-size: 14px; color: #252525; border-radius: 3px; padding-left: 10px; width: 100%;}

.lans{ position: absolute; right: 60px; top: 25px; line-height: 40px; font-size: 14px;}
.lans a{ color: #666666;}
.lans a.on{ color: #00b557;}

.n_banner{ position: relative;}
.n_banner .swiper-slide a{ height: 600px; display: block; position: relative; background-position: center top; background-repeat: no-repeat; background-size: auto 100%;}
.n_banner .swiper-slide .con{ position:absolute; left: 50%; margin-left: -640px; top: 240px;font-weight: 600; width: 48%;}
.n_banner .swiper-slide h4{ display: block; font-size: 64px; color: #ffffff; line-height: 95px; word-break: break-all;}
.n_banner .swiper-slide p{ font-size: 28px; color: #fff; line-height: 75px;}
.n_banner .swiper-slide i{ display:block; margin-top: 55px; width: 148px; line-height: 48px; border: 1px #fff solid; color: #fff; text-align: center; font-size: 16px; font-weight: normal;}
.n_banner .swiper-slide i:hover{background: #00b557; border-color: #00b557; color: #fff; }
.n_banner .swiper-slide .img{ position:absolute; right: 50%; margin-right: -640px; top: 50%; margin-top: -252px; width: 640px; height: 504px; line-height: 504px; background-size: auto 100%;}
.n_banner .swiper-slide .img img{ display:inline-block; vertical-align: middle; width: 100%;}
.n_banner .swiper-slide-active .con{-webkit-animation-name: bounceInRight; animation-name: bounceInRight; animation-fill-mode: both; animation-duration: 1s; }
.n_banner .swiper-slide-active .img{-webkit-animation-name: bounceInRight; animation-name: bounceInRight; animation-fill-mode: both; animation-duration: 1.5s; }
.n_banner .n_pation{ position: absolute; left: 50%; margin-left: -640px; width: auto; bottom: 60px; z-index: 2;}
.n_banner .n_pation span{ width: 40px; height: 5px; background-color: #fff; opacity: 0.3; border-radius: 0; margin-right: 10px;}
.n_banner .n_pation .swiper-pagination-bullet-active{ opacity: 1.0;}
.n_banner .prev,.n_banner .next{ position: absolute; top: 50%; z-index: 9;}
.n_banner .prev{ left: 2%;}
.n_banner .next{ right: 2%;}

.n_main{ overflow: hidden;}
.n_main01{ background: #fff;}
.n_main .title{ padding: 70px 0 30px; color: #000000;}
.n_main .title h2{ display: block; font-size: 36px; line-height: 55px;}
.n_main .title p{ font-size: 16px; line-height: 25px; text-transform: uppercase;}
.n_main .title p a{ float: right; font-size: 14px; color: #000;}
.n_main .title p a:hover{ color: #00b557;}
.area{ margin-bottom: 80px; position: relative;}
.area img{ width: 100%; height: 350px;}
.area .swiper-slide div{ padding: 25px 30px 35px; border: 1px #dcdcdc solid; border-top: none;}
.area .swiper-slide h4{ display: block; font-size: 22px; color: #000000; font-weight: bold; line-height: 37px; height: 37px; overflow: hidden;}
.area .swiper-slide p{ font-size: 14px; color: #666666; line-height: 28px; height: 28px; overflow: hidden;}
.area .swiper-slide a:hover div{ border-color: #00b557;}
.area .swiper-slide a:hover h4{ color: #00b557;}
.swiper-btn{ position: absolute; top: 50%; transform: translateY(-50%); width: 60px; height: 60px; border-radius: 50%; cursor: pointer; background-size: 100% 100%;}
.swiper-prev,.new_swiper-prev{ left: -100px; background-image: url("images/nw_img_02.png")}
.swiper-next,.new_swiper-next{ right: -100px; background-image: url("images/nw_img_03.png")}
.swiper-prev:hover,.new_swiper-prev:hover{background-image: url("images/nw_img_02a.png")}
.swiper-next:hover,.new_swiper-next:hover{background-image: url("images/nw_img_03a.png")}

.index_num{ background: url("images/nw_img_04.jpg") no-repeat center; background-size: cover; margin-bottom: 108px;}
.index_num .wrapper01{ position: relative; height: 650px;}
.index_num .list{ padding-top: 270px; color: #fff;}
.index_num .list li{ float: left; width: 25%; text-align: center; color: #fff; font-size: 16px; line-height: 26px; font-weight: 600;}
.index_num .list b{ display: block; font-size: 60px; line-height: 73px; position: relative;}
.index_num .list b i{ position: absolute; font-size: 24px; top: 10px; line-height: 1.2; font-weight: normal; margin-left: 10px;}
.index_num .info{ position: absolute; left: 0; right: 0; bottom: -108px; height: 196px; background: #fff; padding: 0 60px;}
.index_num .info .title{ float: left; margin-top: 62px; color: #000; border-left: 6px #000 solid; padding-left: 20px; height: 70px; font-weight: 600; font-size: 16px; text-transform: uppercase; line-height: 22px;}
.index_num .info .title b{ display: block; font-size: 36px; line-height: 42px; margin-bottom: 6px;}
.index_num .info .con{ overflow: hidden; font-size: 16px; color: #000; line-height: 30px; padding-top: 53px; padding-left: 120px; padding-right: 170px; font-weight: 600;}
.index_num a{ position: absolute; right: 60px; top: 73px; width: 148px; line-height: 48px; color: #00b557; border: 1px #00b557 solid; text-align: center; font-size: 14px; font-weight: 600;}
.index_num a:hover{ color: #fff; background: #00b557;}

.new_products{ position: relative;}
.new_products .swiper-slide{ background: #e6e6e6;}
.new_products .img{ height: 285px; background: #fff; line-height: 285px; text-align: center; overflow: hidden;}
.new_products .img img{ display: inline-block; vertical-align: middle; max-width: 260px;}
.new_products .con{ padding: 20px 33px;}
.new_products a b{ display: block; font-size: 16px; color: #000000; font-weight: 600; line-height: 33px; height: 33px; overflow: hidden;}
.new_products a p{ font-size: 14px; color: #666666; line-height: 25px; height: 25px; overflow: hidden;}
.new_products a:hover .con{ background: #00b557;}
.new_products a:hover b,.new_products a:hover p{ color:#fff}
.new_products .nums{ width: 280px; line-height: 60px; border-radius: 30px; margin: 35px auto 80px; text-align: center; background: #fff; font-size: 16px; color: #666;}
.new_products .nums div{ display: inline-block; position: inherit; width: auto;}
.new_products .nums .swiper-pagination-current{ font-weight: 600; color: #00b557; margin-left: 20px;}
.new_products .swiper-btn{ transform: translateY(0); margin-top: -75px;}

.honnor{  padding-bottom: 60px;}
.honnor .img{ height: 560px; background-position: center center; background-repeat: no-repeat; background-size: 221px auto; border: 1px #dcdcdc solid;}
.honnor p{ text-align: center; font-size: 14px; color: #000000; line-height: 60px; height: 60px; overflow: hidden; font-weight: 600;}
.honnor a:hover .img{ border-color: #00b557;}
.honnor a:hover p{ color: #00b557}

.news_info{ position: relative; padding-bottom: 80px;}
.news_info li{ float: left; margin-right: 31px; width: 383px; background: #fff;}
.news_info li:last-child{ margin-right: 0;}
.news_info img{ width: 383px; height: 280px;}
.news_info div{ padding: 30px 28px 20px; border: 1px #dcdcdc solid; border-top: none; position: relative;}
.news_info span{ display: block; font-size: 18px; color: #666666; line-height: 26px;}
.news_info b{ display: block; font-size: 22px; color: #000; line-height: 40px; height: 40px; overflow: hidden;}
.news_info p{ font-size: 14px; color: #000; margin-top: 3px; line-height: 25px; height: 50px; overflow: hidden;}
.news_info i{ display: block; font-size: 12px; color: #999999; text-transform: uppercase; line-height: 50px;}
.news_info em{ position: absolute; right: 36px; bottom: 30px; width: 7px; height: 13px; background-image: url("images/nw_img_04.png"); background-size: 100% 100%;}
.news_info a:hover div{ border-color: #00b557;}
.news_info a:hover b{ color: #00b557;}
.news_info a:hover em{ background-image: url("images/nw_img_05.png");}

.coop{ position: relative; margin-bottom: 80px; margin-top: -15px;}
.coop .swiper-slide{ margin-top: 15px;}
.coop .swiper-slide a{ display: block; height: 138px; border: 1px #dcdcdc solid; text-align: center; /* filter: grayscale(100%); filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); */}
.coop .swiper-slide img{ display: inline-block; height: 138px; max-width: 100%; vertical-align: top;}
.cp-swiper-prev,.cp-swiper-next{ position: absolute; width: 27px; height: 27px; top: -70px;}
.cp-swiper-prev{ right: 34px; background-image: url("images/nw_img_06.png")}
.cp-swiper-next{ right: 0; background-image: url("images/nw_img_07.png")}
.cp-swiper-prev:hover{background-image: url("images/nw_img_06a.png")}
.cp-swiper-next:hover{background-image: url("images/nw_img_07a.png")}
.coop .swiper-slide a:hover{ filter: none;}

.n_footer{ background: #fff url("images/nw_img_11.jpg") no-repeat center top; background-size: cover; padding: 65px 0 0; border-radius: 88px 0 0 0;}
.f_about > div.fl{ margin-right: 95px;}
.f_about > div.fl:nth-child(5){ margin-right: 0;}
.f_about b{ display:block; font-size: 18px; color: #fff; line-height: 40px; margin-bottom: 5px;}
.f_about p{ font-size: 14px; color: #fff; line-height: 40px;}
.f_about p a{ color: #fff;}
.f_about div.fr b{ line-height: 60px; margin-bottom: 0;}
.f_about .codes{ width: 274px;}
.f_about .codes div{ float: left; width: 125px; text-align: center; font-size: 14px; color: #ffffff; line-height: 45px;}
.f_about .codes div:last-child{ float: right;}
.f_about .codes img{ width: 100%;}

.f_copys{ margin-top: 30px; border-top: 1px rgba(255,255,255,0.15) solid; padding: 20px 0; font-size: 12px; color: #fff; line-height: 30px;}
.f_copys .fr p{line-height: 14px; line-height: 40px; margin-top: 10px;}
.f_copys .fr img{ display: inline-block; vertical-align: top; font-size: 0; margin-left: 10px; height: 40px;}

.kf_box{ position: fixed; right: 40px; bottom: 5%; z-index: 9;}
.kf_box > ul > li{ position: relative; margin-bottom: 20px;}
.kf_box a{ display: block; width: 60px; height: 60px; border-radius: 50%; background-size: 100% 100%; background-position: left top; background-repeat: no-repeat;}
.kf01{ background-image:url("images/nw_img_10.png")}
.kf01.on{ background-image: url("images/nw_img_10a.png")}
.kf02{ background-image:url("images/nw_img_11.png")}
.kf02:hover{ background-image:url("images/nw_img_11a.png")}
.kf_box .con{ display: none; position: absolute; right: 80px; bottom: -25px; background: #fff; box-shadow: 0 0 30px rgba(0,0,0,0.2); padding: 0 30px;}
.kf_box .con::after{ position: absolute; content: ""; left: 100%; bottom: 44px; border-left: 8px #fff solid; border-top: 8px solid transparent; border-bottom: 8px solid transparent;}
.kf_box .title{ width: 220px; padding: 25px 0 15px; border-bottom: 1px #d9d9d9 solid;}
.kf_box .title b{ display: block; font-size: 22px; color: #000000; line-height: 30px;}
.kf_box .title p{ font-size: 11px; color: #999999; text-transform: uppercase; line-height: 19px;}
.kf_box .list{ padding: 22px 0 20px;}
.kf_box .list p{ margin-bottom: 22px; padding-left: 37px; font-size: 15px; color: #666; background: url("images/nw_img_09.png") no-repeat 0 0; background-size: 29px auto; line-height: 29px;}
.kf_box .list i{ display: block; font-size: 22px; color: #000; line-height: 22px;}
.kf_box .list em{ font-size: 18px;}
.kf_box .list b{ display: block; font-size: 36px; color: #000; line-height: 42px;}
.kf_box .list p:hover i,.kf_box .list p:hover b{ color: #00b557;}

.m_lan{ position: absolute; left: 0; right: 0; text-align: center; bottom: 180px; text-align: center;}
.m_lan a{ font-size: 14px; color: #333; line-height: 30px; margin: 0 10px;}
.m_lan a.on{ color: #00b557;}

@media screen and (max-width: 1440px) {
	
	/*应用领域*/
	.index_field .swiper_prevs,.index_coop .coop_swiper_prev{ left: 0; z-index: 2;}
	.index_field .swiper_nexts,.index_coop .coop_swiper_next{ right: 0; z-index: 2;}
	
	/*新品预览*/
	.index_new_product .new_img_left,.index_new_product .new_img_right{ display:none;}

}

@media screen and (max-width: 1300px) {
	.wrapper{ width: 100%; box-sizing: border-box; padding-left: 10px; padding-right: 10px;}
	
	
	/*客服*/
	.box{ display:none;}
	
	/*banner*/
	.banner .bd .con{ left: 10px; margin-left: 0;}
	.banner .bd .img{ right: 10px; margin-right: 0;}
	
	/*应用领域*/
	.index_field .con,.index_field .Hover{ padding-left: 10%; padding-right: 10%;}
	
	
	/*新闻资讯*/
	.index_news li{ width: 32%; margin-right: 2%;}
	.index_news .img,.index_news .img img{ width:100%; height: auto;}
	
	/*合做*/
	.index_coop{ padding-left: 40px; padding-right: 40px;}
	.index_coop .coop_swiper_prev{ left: -40px;}
	.index_coop .coop_swiper_next{ right: -40px;}
  
	/*底部*/
	.f_product{ width: 290px;}
	
	/*当前位置*/
	.location{ height: 50px; line-height: 50px;}
	
	/*分类*/
	.type{ height: auto; padding: 70px 10px 80px;}
	.type b{ padding-top: 0; font-size: 20px; line-height: 40px;}
	.type p{ font-size: 15px; line-height: 30px;}
	.type span{ padding-top: 10px;}
	.type span a{ margin-top: 10px; padding: 0 16px; font-size: 13px; line-height: 25px; height: 25px;}
	
	/*产品列表*/
	.product{ padding: 40px 10px;}
	.product .index_new_product .swiper-slide{ width: 32%; margin-right: 2%; margin-bottom: 20px;}
	.product .index_new_product .img{ height: 250px; background-size: 110% auto;}
	.product .index_new_product .img img{ width: 60%;}
	.product .index_new_product .img div{ height: 248px; line-height: 248px;}
	.product .index_new_product .con{ padding-top: 15px; height: 80px;}
	
	/*分页*/
	.page{ margin: 10px auto 20px; height: 33px;}
	.page a{ height: 33px; width: 28px; background-size: 9px auto;}
	.page div{ margin: 8px 35px 0; font-size: 14px;}
	
	/*产品详情*/
	.news_main .right{ display:none;}
	.news_main .left{ float:none; margin: 0 auto;}
	
	/*应用领域*/
	.product .index_field .swiper-slide{ float: left; width: 32%; margin-right: 2%; margin-bottom: 20px;}
	
	/*设备展示*/
	.device{ padding-bottom: 40px;}
	.device_list li{ margin-top: 40px;}
	.device_list .img{ width: 36%;}
	.device_list .con{ width: 60%;}
	
	
	/*首页-新*/
  body{ padding-top: 80px;}
	.wrapper01{ width: 970px;}
	.n_header{ height: 80px;}
  .n_header .logos{ left: 20px; top: 22px;}
  .n_header .logos img{ width: 180px;}

  .nav_lists li > a{ font-size: 16px; line-height: 80px; padding: 0 18px;}
  .nav_lists li.on > a::after,.nav_lists li:hover > a::after{ border-bottom-width: 3px;}
  .nav_lists div{ top: 76px;}

  .searchs{ right: 110px;}
  .searchs a{  height: 80px;}
  .searchs div div{ top: 80px;}
  .lans{ right: 20px; top: 20px;}
	
	.n_banner .swiper-slide{ /* height: 600px; */}
	.n_banner .swiper-slide .con{ left: 50px; margin-left: 0; top: 170px;}
	.n_banner .swiper-slide .img{ right: 50px; margin-right: 0; width: 540px; height: auto; top: 50px; margin-top: 0;}
  .n_banner .swiper-slide h4{ font-size: 55px; line-height: 75px;}
  .n_banner .swiper-slide p{ font-size: 22px; line-height: 65px;}
  .n_banner .swiper-slide i{  margin-top: 40px; width: 128px; line-height: 40px;}
	.n_banner .n_pation{ left: 50px; margin-left: 0; bottom: 40px;}
  .n_banner .n_pation span{ width: 30px; height: 4px;}
	
  .n_main .title{ padding: 50px 0 25px;}
  .n_main .title h2{ font-size: 30px; line-height: 50px;}
  .n_main .title p{ font-size: 15px;}
  .n_main .title p a{ font-size: 13px;}
  .area{ margin-bottom: 60px; }
  .area img{ height: 265px;}
  .area .swiper-slide div{ padding: 15px 20px 25px;}
  .area .swiper-slide h4{ font-size: 18px; line-height: 35px; height: 35px;}
  .area .swiper-slide p{ line-height: 25px; height: 25px; white-space: nowrap;}
  .area .swiper-slide a:hover div{ border-color: #00b557;}
  .area .swiper-slide a:hover h4{ color: #00b557;}
  .swiper-btn{ width: 50px; height: 50px;}
	.swiper-prev,.new_swiper-prev{ left: -65px; }
	.swiper-next,.new_swiper-next{ right: -65px; }
	
	.index_num{ margin-bottom: 88px;}
  .index_num .wrapper01{ height: 460px;}
  .index_num .list{ padding-top: 160px;}
  .index_num .list li{ font-size: 15px; line-height: 24px;}
  .index_num .list b{ font-size: 50px; line-height: 63px;}
  .index_num .list b i{ font-size: 20px;}
  .index_num .info{ bottom: -88px; height: 170px; padding: 0 40px;}
  .index_num .info .title{ margin-top: 55px; border-left-width: 5px; height: 60px; font-size: 15px; line-height: 20px;}
  .index_num .info .title b{ font-size: 32px; line-height: 30px; margin-bottom: 10px;}
  .index_num .info .con{ font-size: 15px; padding-top: 40px; padding-left: 80px; padding-right: 150px;}
  .index_num a{ right: 40px; top: 63px; width: 128px; line-height: 40px;}
	
  .new_products .img{ height: 245px; line-height: 245px;}
  .new_products .img img{ max-width: 180px;}
  .new_products .con{ padding: 15px 25px;}
  .new_products a b{ line-height: 30px; height: 30px;}
  .new_products .nums{ width: 240px; line-height: 50px; border-radius: 25px; margin: 30px auto 60px;}
  .new_products .nums .swiper-pagination-current{ margin-left: 15px;}

	.honnor{  padding-bottom: 50px;}
  .honnor .img{ height: 360px;  background-size: 180px auto;}
  .honnor p{ line-height: 50px; height: 50px;}
  
	.news_info{ padding-bottom: 60px;}
  .news_info li{ margin-right: 2%; width: 32%;}
  .news_info img{ width: 100%; height: 215px;}
  .news_info div{ padding: 20px 20px 15px;}
  .news_info span{ font-size: 16px; line-height: 24px;}
  .news_info b{ font-size: 18px; line-height: 35px; height: 35px;}
  .news_info p{ font-size: 13px; line-height: 23px; height:46px;}
  .news_info i{ line-height: 45px;}
  .news_info em{ right: 20px; bottom: 25px;}
	
	.coop{margin-bottom: 60px;}
  .coop .swiper-slide a{ height: 100px;}
  .coop .swiper-slide img{ height: 100%;}
  .cp-swiper-prev,.cp-swiper-next{ width: 25px; height: 25px; top: -55px; background-size: 100% 100%;}
  .cp-swiper-prev{ right: 30px;}
  .cp-swiper-next{ right: 0;}
	
	.n_footer{ padding: 50px 0 0; border-radius: 66px 0 0 0;}
  .f_about > div.fl{ margin-right: 50px;}
  .f_about b{ font-size: 16px; line-height: 35px;}
  .f_about p{ font-size: 14px; line-height: 35px;}
  .f_about div.fr b{ line-height: 35px;}
  .f_about .codes{ width: 240px; padding-top: 10px;}
  .f_about .codes div{ float: left; width: 115px; text-align: center; font-size: 14px; color: #ffffff; line-height: 45px;}
  .f_about .codes div:last-child{ float: right;}

  .f_copys{ margin-top: 25px; padding: 18px 0; line-height: 27px;}
  .f_copys .fr p{ line-height: 36px; margin-top: 9px;}
  .f_copys .fr img{ height: 36px;}
	
	.kf_box{ right: 30px;}


	
	
	
}

@media screen and (max-width: 1100px) {
	
	/*头部*/
	.header{ height: 70px;}
	.logo{ padding-top: 15px;}
	.h_lan{ display:none;}
	.search a{ width: 70px; height: 70px; background-size: 60% auto;}
	.nav_list{ height: 70px;}
	.nav_list li > a{ height: 70px; line-height: 70px;}
	.nav_list li > a::after{ bottom: 15px;}
	.nav_list div{ top: 69px;}
	.search div{ top: 70px;}
	
	/*banner*/
	.banner .bd .img{ width: 500px;}
	.banner .bd .img img{ width: 100%;}
	
	/*新闻列表*/
	.index_news{ width: 850px; margin: 0 auto;}
	.index_news li{ padding-bottom: 20px; width: 48%; margin-right: 0;}
	.index_news li:nth-child(2n){ float:right;}
	.index_news h4{ padding-top: 15px;}
	.index_news p{ margin-bottom: 15px;}
	.index_news b{ bottom: 20px;}
	
	/*新闻详情*/
	.detial_news .con{ font-size: 15px; line-height: 26px;}
	.d_page a i{ height: 40px; line-height: 40px; background-size: 12px auto;}
	
	/*公司简介*/
	.about{ padding-bottom: 50px;}
	.about h1{ line-height: 60px; padding-top: 10px;}
	.about img{ float:none; margin: 0 auto; max-width: 100%; margin-bottom: 20px;}
	
	/*应用领域*/
	.product .index_field .img,.product .index_field .con{ height: 160px;}
	.product .index_field .img{ line-height: 160px;}
	.product .index_field .img img{ height: 80px;}
	.product .index_field .con{ padding-top: 0; box-sizing: border-box;}
	.product .index_field .con h4,.product .index_field .Hover h4{ font-size: 16px; line-height: 40px;}
	.product .index_field .con p,.product .index_field .Hover p{ font-size: 13px; line-height: 22px; height: 66px; padding-top: 10px;}
	.product .index_field .swiper-slide:nth-child(3n+2) .con{ padding-top: 35px;}
	.product .index_field .Hover{ padding-top: 50px;}
	
	
  .area_list .swiper-slide{ width: 48%; margin-right: 0; margin-bottom: 30px;}
  .area_list .swiper-slide:nth-child(2n){ float: right;}

	
	/*设备展示*/
	.device{ padding-bottom: 20px;}
	.device_list li{ margin-top: 20px;}
	.device_list a{ height: 220px;}
	.device_list .img{ height: 220px; line-height: 220px;}
	.device_list .con{ height: 200px;}
	
}

@media screen and (max-width: 1040px) {
	
	/*产品列表*/
	.product .index_new_product .img{ background-size: auto 100%;}
	
}


@media screen and (max-width: 1000px){
	
	.pc .wrapper{ width: 1000px;}
	
	/*底部*/
	.f_product{ width:220px;}
	
	
	
	
}

@media screen and (max-width: 970px){
	
	/*头部*/
	.h_other { height: 60px;}
	.h_other .logo{ padding-top: 10px;}
	.h_other .nav_list{ height: 60px;}
	.h_other .nav_list li > a{ height: 60px; line-height: 60px; font-size: 14px;}
	.h_other .nav_list li > a::after{ bottom: 10px;}
	.h_other .nav_list div{ top: 59px;}
	.h_other .search a{ width: 60px; height: 60px;}
	.h_other .search div{ top: 60px;}
	
	/*产品详情*/
	.d_banner{ height: auto; padding-bottom: 15px;}
	.d_banner .swiper-slide{ padding-top: 7%; height: auto;}
	.d_banner .swiper-slide img{ width: 280px; height: 240px;}
	.d_banner .swiper-slide i{ font-size: 15px;}
	.d_banner .pagination{ margin-top: 15px;}
	
	
	/*首页-新*/
  body{ padding-top: 70px;}
	.wrapper01{ width: 750px;}
	.n_header{ height: 70px;}
  .n_header .logos{ left: 10px; top: 20px;}
  .n_header .logos img{ width: 150px;}

  .nav_lists li > a{ font-size: 14px; line-height: 70px; padding: 0 10px;}
  .nav_lists li.on > a::after,.nav_lists li:hover > a::after{ border-bottom-width: 2px;}
  .nav_lists div{ top: 66px;}
	.nav_lists div img{ width: 16px; top: -8px;}
	.nav_lists div a{ font-size: 13px; line-height: 35px; height: 35px;}

  .searchs{ right: 100px;}
  .searchs a{  height: 70px; width: 60px; background-size: 35px auto;}
  .searchs div div{ top: 70px;}
  .lans{ right: 10px; top: 15px;}
	
	.n_banner .swiper-slide{ /* height: 500px; */}
	.n_banner .swiper-slide .con{ left: 30px; top: 150px;}
	.n_banner .swiper-slide .img{ right: 30px; width: 400px; line-height: 400px; top: 50px;}
  .n_banner .swiper-slide h4{ font-size: 50px; line-height: 65px;}
  .n_banner .swiper-slide p{ font-size: 20px; line-height: 60px;}
  .n_banner .swiper-slide i{ margin-top: 40px; width: 108px; line-height: 38px; font-size: 14px;}
	.n_banner .n_pation{ left: 30px;bottom: 35px;}
  .n_banner .n_pation span{ width: 30px; height: 3px;}
	
  .n_main .title{ padding: 40px 0 20px;}
  .n_main .title h2{ font-size: 26px; line-height: 45px;}
  .n_main .title p{ font-size: 14px;}
  .area{ margin-bottom: 50px; }
  .area img{ height: 2.90rem;}
	
	.index_num{ margin-bottom: 70px;}
  .index_num .wrapper01{ height: 400px;}
  .index_num .list li{ font-size: 14px; line-height: 22px;}
  .index_num .list b{ font-size: 40px; line-height: 50px;}
  .index_num .list b i{ font-size: 20px;}
  .index_num .info{ bottom: -70px; height: 140px; padding: 0 20px;}
  .index_num .info .title{ margin-top: 40px; border-left-width: 5px; height: 60px; font-size: 15px; line-height: 20px;}
  .index_num .info .title b{ font-size: 28px; line-height: 30px; margin-bottom: 10px;}
  .index_num .info .con{ padding-top: 25px; padding-left: 40px; padding-right: 110px;}
  .index_num a{ right: 20px; top: 50px; width: 108px; line-height: 38px;}
	
	.new_products .nums{ margin: 30px auto 40px;}

	.honnor{  padding-bottom: 40px;}
  
	.news_info{ padding-bottom: 40px;}
  .news_info img{ width: 100%; height: 1.66rem;}
	
	.coop{margin-bottom: 40px;}
	.cp-swiper-prev, .cp-swiper-next{ top: -50px;}
	
	.n_footer{ padding: 40px 0 0; border-radius: 50px 0 0 0;}
  .f_about > div.fl{ margin-right: 0; width: 100%;}
	.f_about > div.fl div{  margin-bottom: 30px;}
  .f_about b{ font-size: 16px; line-height: 30px;}
  .f_about p{ float: left; margin-right: 10px; line-height: 25px;}
	.f_about div.fr { width: 100%;}
  .f_about div.fr b{ line-height: 35px;}
	.f_about .codes div p{ float: none; margin-right: 0; line-height: 40px;}

	.f_copys .fr{ width: 100%;}

	.kf_box{ display: none;}
	
	
}

@media screen and (max-width: 900px){
	
	/*头部*/
	.h_other{ height: 50px;}
	.h_other .nav_list{ height: 50px;}
	.h_other .nav_list li > a{ height: 50px; line-height: 50px; font-size: 14px;}
	.h_other .nav_list div{ top: 49px;}
	.h_other .search a{ width: 50px; height: 50px;}
	.h_other .search div{ top: 50px;}
	.h_other .logo img{ height: 30px;}
	
	/*分类*/
	.type{ padding: 30px 10px;}
	.type b{ font-size: 18px;}
	.type p{ font-size: 14px;}
	.type span{ padding-top: 0;}
	
	/*产品列表*/
	.product{ padding-top: 20px; padding-bottom: 20px;}
	.product .index_new_product .img{ height: 230px;}
	.product .index_new_product .img div{ height: 228px; line-height: 228px;}	
	
	
}

@media screen and (max-width: 880px){
	
	/*产品详情*/
	.news_main .left{ width: 100%;}
	.news_main{ padding-bottom: 60px;}
	
	/*新闻列表*/
	.index_news{ width: 100%;}
	.index_news li{ width: 49%; margin-bottom: 20px;}
	.index_news h4{ padding-top: 10px; font-size: 15px;}
	.index_news p{ font-size: 13px; line-height: 20px; margin-bottom: 10px;}
	.index_news .con{ height: 40px;}
	.index_news .more{ height: 23px; line-height: 23px; width: 60px; font-size: 13px;}
	.index_news b{ bottom: 20px; font-size: 18px; line-height: 14px;}
	.index_news b i{ font-size: 12px; padding-top: 8px;}
	
	/*新闻详情*/
	.detial_news .title{ padding-top: 20px;}
	.detial_news .con{ padding-bottom: 40px;}
	
	/*公司简介*/
	.about h1{ line-height: 50px;}
	
	/*应用领域*/
	.product .index_field .swiper-slide{ width: 49%; margin-right: 0;}
	.product .index_field .swiper-slide:nth-child(2n){ float: right;}
	
	
	
}


@media screen and (max-width: 830px){
	
	/*头部*/
	.h_other{position: fixed; left: 0; top: 0; right: 0; z-index: 9;}
	.h_other .nav_list{ display:none;}
	.h_other .search{ display:none;}
	.h_other .logo{ float: none; padding-top: 12px;}
	.h_other .logo img{ margin: 0 auto; height: 28px;}
	
	.h_other .x_btn{ display:block;}
	
	/*分类*/
	.type{ margin-top: 50px;}
	.type b{ font-size: 16px; line-height: 30px;}
	.type p{ font-size: 13px; line-height: 25px;}
	.type span a{ padding: 0 10px; font-size: 12px; line-height: 23px; height: 23px;}
  
	/*当前位置*/
	.location{ height: 40px; line-height: 40px; font-size: 13px;}
	
	/*产品列表*/
	.product .index_new_product .swiper-slide{ width: 48.5%; margin-right: 0;}
	.product .index_new_product .swiper-slide:nth-child(2n){ float: right;}
	.index_new_product .con h4{ font-size: 16px;}
	
	
	/*分页*/
	.page{ margin-top: 5px; margin-bottom: 15px; height: 26px;}
	.page a{ height: 26px;}
	.page div{ margin-top: 4px; font-size: 14px;}
	
	/*底部*/
	.h_footer{ padding: 20px 0;}
	.h_footer .f_product,.h_footer .f_code{ display:none;}
	.h_footer .top{ border-bottom:none; margin-bottom: 0; height: auto;}
	.h_footer .top p{ font-size: 12px; line-height: 30px; height: auto; padding-left: 30px; background-size: 16px auto;}
	.h_footer .bottom{ margin-top: 5px; padding-top: 5px; height: auto;}
	.h_footer .bottom p{ float:none !important;}
	.h_footer .bottom .copy{ line-height: 25px; padding-top: 10px;}
	.copy span{ display:block; font-size: 0; padding: 0; line-height: 0;}
	
	/*产品详情*/
	.d_banner{ margin-top: 50px;}
	
	/*当前位置*/
	.location01{ margin-top: 50px;}
	
	
}


@media screen and (max-width: 750px) {
	.pc{ display:none;}
	.mobile{ display:block; padding-top: 0.93rem;}
	
	
	/*分类*/
	.type{ padding-top: 20px; padding-bottom: 20px;}
	.type b{ line-height: 25px;}
	.type p{ line-height: 20px;}
	.type span a{ padding: 0 5px; font-size: 12px; height: 22px; line-height: 22px;}
	
	/*产品详情*/
	.d_banner .swiper_prev{ left: 0;}
	.d_banner .swiper_next{ right: 0;}
	.news_main{ padding-bottom: 30px;}
	.detial_product .con01 p{ width: 100%;}
	.detial_product h2{ padding-top: 15px; font-size: 16px; line-height: 20px;}
	.detial_product h2 img{width: 17px; margin-right: 5px; margin-bottom: 3px;}
	.detial_product .con{ font-size: 13px; line-height: 22px; padding: 10px 0 15px;}
	.detial_product .con p img{ width: 16px;}
	.detial_product b i{ font-size: 13px; height: 23px; line-height: 23px; width: 70px;}
		
	/*新闻列表*/
	.index_news{ max-width: 550px; width: 100%;}
	.index_news li{ float: none; width: 100%; margin-right: 0;}
	
	/*新闻详情*/
	.detial_news .title h1{ font-size: 15px;}
	.detial_news .title img{ width: 16px; vertical-align: middle; margin-bottom: 3px;}
	.detial_news .title p{ font-size: 13px;  padding-left: 0; text-align: center;}
	.detial_news .con{ font-size: 14px; line-height: 25px;}
	.detial_news .con p{ padding-top: 15px;}
	.detial_news .con img{ margin-top: 15px;}
	
	.d_page a{ font-size: 12px; padding: 0 5px; width: 48.5%;}
	.d_page a i{ height: 35px; line-height: 35px; background-size: 8px auto;}
	.d_prev i{ padding-left: 13px;}
	.d_next i{ padding-right: 13px;}
	
	/*公司简介*/
	.about{ font-size: 14px; line-height: 25px; padding-bottom: 20px;}
	.about p{ padding-bottom: 15px;}
	.about img{ margin-bottom: 15px;}
	
	/*应用领域*/
	.product .index_field .img,.product .index_field .con{ height: 120px;}
	.product .index_field .img{ line-height: 120px;}
	.product .index_field .img img{ height: 60px;}
	.product .index_field .con h4,.product .index_field .Hover h4{ font-size: 15px; line-height: 30px;}
	.product .index_field .con p,.product .index_field .Hover p{ font-size: 12px; line-height: 20px; height: 60px; }
	.product .index_field .Hover{ padding-top: 30px;}
	.index_field .Hover img{ margin-top: 35px;}
	
	/*设备展示*/
  .device_list a{ height: 150px;}
	.device_list .img{ height: 150px; line-height: 150px;}
	.device_list .con{ height: 149px; overflow: hidden;}
	.device_list h4{ font-size: 16px; line-height: 25px; height: 25px; padding-top: 5px;}
	.device_list span{ font-size: 13px; line-height: 20px; height: 20px;}
	.device_list p{ font-size: 13px; margin-top: 10px; line-height: 22px; height: 66px;}
	
	/*首页-新*/
  body{ padding-top: 50px;}
	.n_header .x_btn{ display: block;}
	
	.wrapper01{ width: 100%; padding: 0 10px;}
	.n_header{ position: fixed; left: 0; right: 0; top: 0; background: #fff; z-index: 8; height: 50px;}
  .n_header .logos{ left: 50%; transform: translateX(-50%); top: 0; padding-top: 12px;}
  .n_header .logos img{ width: auto; height: 28px;}
  
	.searchs,.lans{ display: none;}
	.nav_lists{ display: none;}
	
	
	.n_banner .swiper-slide{ /* height: 570px; */text-align: center;}
	.n_banner .swiper-slide .con{ position: inherit; left: inherit; top: inherit; padding-top: 80px; width: 100%; box-sizing: border-box; padding-left: 2%; padding-right: 2%;}
	.n_banner .swiper-slide .img{ position: inherit; right: inherit; width: 100%; line-height: 300px; top: inherit;}
	.n_banner .swiper-slide .img img{ width: auto; height: 200px;}
  .n_banner .swiper-slide h4{ font-size: 32px; line-height: 45px;}
  .n_banner .swiper-slide p{ font-size: 16px; line-height: 42px;}
  .n_banner .swiper-slide i{ margin: 20px auto 0; width: 110px; line-height: 35px; font-size: 14px;}
	.n_banner .n_pation{ left: 0; right: 0; text-align: center; bottom: 25px;}
  .n_banner .n_pation span{ width: 20px; height: 3px;}
	
	.n_main .title{ padding: 30px 0 15px;}
  .n_main .title h2{ font-size: 24px; line-height: 40px;}
  .n_main .title p{ font-size: 14px;}
  .area{ margin-bottom: 40px; }
	.area .swiper-slide div{ padding: 10px 12px 13px;}
	.area .swiper-slide h4{ font-size: 16px; line-height: 32px; height: 32px;}
	.area .swiper-slide p{ line-height: 23px; height: 23px;}
	.swiper-prev,.swiper-next,.new_swiper-prev,.new_swiper-next{ left: inherit; right: 42px; top: -55px; margin-top: 0 !important; transform: translateY(0); width: 30px; height: 30px; background-image: url("images/nw_img_02a.png")}
	.swiper-next,.new_swiper-next{ right: 0; background-image: url("images/nw_img_03a.png")}
	
	.index_num{ margin-bottom: 0; background-size: auto 80%; background-position: center top;}
  .index_num .wrapper01{ height: auto;}
	.index_num .list{ padding-top: 60px;}
  .index_num .list li{ width: 50%; margin-bottom: 30px; position: relative;}
	.index_num .list li::after{ position: absolute; content: ""; right: 0; top: 20px; bottom: 20px; border-right: 1px #fff solid;}
	.index_num .list li:nth-child(2n)::after{ display: none;}
  .index_num .list b{ font-size: 36px; line-height: 47px;}
  .index_num .list b i{ font-size: 18px;}
  .index_num .info{ margin-top: 25px; position: inherit; bottom: inherit; height: auto; padding: 25px 15px; box-shadow: 0 0 10px rgba(0,0,0,0.1);}
  .index_num .info .title{ width: 100%; float: none; margin-top: 0; border-left-width: 4px; height: auto; font-size: 14px; line-height: 18px; padding-left: 15px;}
  .index_num .info .title b{ font-size: 26px; line-height: 30px; margin-bottom: 10px;}
  .index_num .info .con{ padding-top: 20px; padding-left: 0; line-height: 26px; padding-right: 0;}
  .index_num a{display: block; position: inherit; right: inherit; top: inherit; width: 118px; line-height: 35px; margin-top: 20px;}
	
	.new_products .img{ height: 2.40rem; line-height: 2.40rem;}
  .new_products .img img{ width: 1.20rem; max-width: inherit;}
  .new_products .con{ padding: 10px 15px;}
  .new_products a b{ line-height: 30px; height: 30px;}
	.new_products .nums{ width: 180px; margin: 20px auto 30px; line-height: 40px; border-radius: 20px; }
  .new_products .nums .swiper-pagination-current{ margin-left: 10px;}

	.honnor{  padding-bottom: 30px;}
  .honnor .img{ height: 3.60rem;  background-size: 1.80rem auto;}
  .honnor p{ line-height: 45px; height: 45px;}
  
	.news_info{ padding-bottom: 10px;}
  .news_info li{ margin-right: 0; width: 100%; margin-bottom: 25px;}
  .news_info img{ width: 100%; height: 4.55rem;}
  .news_info div{ padding: 15px 15px 10px;}
  .news_info span{ font-size: 16px; line-height: 24px; position: absolute; right: 15px; bottom: 21px;}
  .news_info b{ font-size: 18px; line-height: 35px; height: 35px;}
  .news_info p{ font-size: 13px; line-height: 23px; height:46px;}
  .news_info i{ line-height: 45px;}
  .news_info em{ right: 20px; bottom: 25px; display: none;}
	
	.coop{margin-bottom: 40px;}
  .coop .swiper-slide a{ height: 80px;}
  .cp-swiper-prev,.cp-swiper-next{ top: -45px;}
  .cp-swiper-prev{ right: 30px; background-image: url("images/nw_img_06a.png")}
  .cp-swiper-next{ right: 0; background-image: url("images/nw_img_07a.png")}
	
	.n_footer{ padding: 30px 0 0; border-radius: 30px 0 0 0;}
  .f_about > div.fl{ margin-right: 0; width: 100%;}
	.f_about > div.fl div{  margin-bottom: 12px;}
  .f_about b{ font-size: 16px; line-height: 28px;}
  .f_about p{ float: left; margin-right: 10px; line-height: 22px;}
	.f_about div.fr { width: 100%;}
  .f_about div.fr b{ line-height: 32px;}
	.f_about .codes{ width: 200px;}
  .f_about .codes div{ width: 85px;}
	.f_about .codes div p{ float: none; margin-right: 0; line-height: 40px;}
	
	
}

@media screen and (max-width: 550px) {
	
	/*产品列表*/
	.product .index_new_product .img{ height: 200px;}
	.product .index_new_product .img div{ height: 198px; line-height: 198px;}
	
	
	.product .index_new_product .con{ height: auto; padding: 10px;}
	.product .index_new_product .con h4{ line-height: 25px; height: 25px;}
	.product .index_new_product .con p { font-size: 13px; line-height: 20px; height: 20px;}
	
	/*产品详情*/
	.d_banner .swiper-slide img{ width: 200px; height: 172px;}
	.d_banner .swiper-slide i{ font-size: 13px; line-height: 26px; height: 26px;}
	
	/*应用领域*/
	.product .index_field{ max-width: 400px; margin: 0 auto;}
	.product .index_field .img{ height: 100px; line-height: 100px;}
	.product .index_field .swiper-slide{ float:none !important; width: 100%; margin-right: 0; margin-bottom: 10px;}
	.index_field .Hover img{ margin-top: 25px;}
	
	/*设备展示*/
	.device{ padding-bottom: 10px;}
	.device_list li{ margin-top: 10px;}
  .device_list a{ height: 100px;}
	.device_list .img{ height: 100px; line-height: 100px;}
	.device_list .con{ height: 99px; overflow: hidden;}
	.device_list h4{ font-size: 15px; line-height: 20px; height: 20px; padding-top: 0; overflow:hidden;}
	.device_list span{ font-size: 12px; line-height: 17px; height: 17px;}
	.device_list p{ font-size: 12px; margin-top: 3px; line-height: 17px; height: 51px;}
	
}

@media screen and (max-width: 450px) {
	/*产品列表*/
	.product .index_new_product .img{ height: 160px;}
	.product .index_new_product .img div{ height: 158px; line-height: 158px;}
}

@media screen and (max-width: 400px) {
	/*产品列表*/
	.product .index_new_product .img{ height: 120px;}
	.product .index_new_product .img div{ height: 118px; line-height: 118px;}
}

@media screen and (max-width: 970px) {
	.coop{ mmargin-bottom: -15px;}
	.coop .swiper-slide{ margin-top: 15px;}
}
@media screen and (max-width: 750px) {
	.coop{ mmargin-bottom: -10px;}
	.coop .swiper-slide{ margin-top: 10px;}
}
@media screen and (max-width: 320px) {
	.coop{ mmargin-bottom: -5px;}
	.coop .swiper-slide{ margin-top: 5px;}
}