@charset "utf-8";
html{-webkit-font-smoothing:antialiased}
blockquote,body,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
header, hgroup, nav, menu, main, section, article, summary, details, aside, figure, figcaption, footer{display: block;margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,b,caption,cite,code,dfn,em,i,strong,th,var{font-style:normal;/*font-weight:400*/}
dl,ol,ul{list-style-type:none}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}
a{text-decoration:none}
a:hover{text-decoration:none;-webkit-tap-highlight-color:rgba(255,0,0,0);outline:0;outline:none;blr:expression(this.onFocus=this.blur())}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
textarea{resize:none}
img{vertical-align:middle}
button,input[type=submit],input[type=text],input[type=button],select{-webkit-appearance:none;border-radius:0;-webkit-tap-highlight-color:rgba(255,0,0,0);outline:0;outline:0;blr:expression(this.onFocus=this.blur())}
body{color:#000;line-height:1;overflow-x: hidden;background:#fff;font-family: "微软雅黑";}
.fl{float:left}
.fr{float:right}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0}
#web-ietip {width: 526px; height: 90px; padding: 83px 0 0 84px; overflow:hidden; background: url(../css/ietip/browser.png) no-repeat center center; margin: 200px auto 0;}
#web-ietip a{display: block; width: 65px; height: 80px; float: left;}
input::-webkit-input-placeholder{color: #999 !important;}
input:-ms-input-placeholder{color: #999 !important;}
/* Slider */
.slick-slider{
    position: relative;
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-slider:focus,.slick-slider:active{outline:none;blr:expression(this.onFocus="this.blur"());cursor: pointer;}
.slick-list{position: relative;display: block;overflow: hidden;margin: 0;padding: 0;}
.slick-list:focus{cursor: pointer;outline: none;}
.slick-list.dragging{cursor: pointer;cursor: hand;}
.slick-slider .slick-track,.slick-slider .slick-list{
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.slick-track{position: relative;top: 0;left: 0;display: block;}
.slick-track:before,.slick-track:after{display: table;content: '';}
.slick-track:after{clear: both;}
.slick-loading .slick-track{visibility: hidden;}
.slick-slide{display: none;float: left;height: 100%;min-height: 1px;outline-style: none;}
[dir='rtl'] .slick-slide{float: right;}
.slick-slide img{display: block;}
.slick-slide.slick-loading img{display: none;}
.slick-slide.dragging img{pointer-events: none;}
.slick-initialized .slick-slide{display: block;}
.slick-loading .slick-slide{visibility: hidden;}
.slick-vertical .slick-slide{display: block;height: auto;border: 1px solid transparent;}
.slick-arrow.slick-hidden {display: none;}
/*初始化*/
.wrap{max-width: 1600px;margin:0 auto;}

/*header*/
.header{ position: fixed;top: 0;left: 0; z-index: 999; width: 100%; height: 82px; background: rgba(0,0,0,.7);}
.header>.head{ height: 100%;}
.logo{ float: left; height: 100%; padding: 10px 0; box-sizing: border-box;   margin-left: 20%;}
.logo a{ display: block; height: 100%;}
.logo img{ max-width: 100%; height: 100%;vertical-align: top;}
.ment{ height: 100%;}
.nav{ float: left;}
/*.nav>ul{ display: inline-block;vertical-align: top;}*/
.nav>ul>li{float: left; padding: 0 20px;}
.nav>ul>li>a{ display: block; position: relative; font-size: 16px;color: #fff; line-height: 82px;}
.nav>ul>li:hover>a{ color: #8fd400;}
.nav .ons { color: #8fd400;}
.nav>ul>li.on>a:before{ position: absolute;bottom: 0;left: 50%;width: 32px;height: 10px;content: '';margin-left: -16px; background: url(../images/icon_1.png) no-repeat center;}
.down_nav{ display:none; position: absolute;top: 100%;left: 0; width: 100%; padding: 30px 0; background: rgba(255,255,255,.8);}
.down_nav ul{ width: 100%; padding: 0 8%; margin: 0 auto; box-sizing: border-box;}
.down_nav ul li{position: relative; float: left; width: 16.66%; padding: 0 3%; box-sizing: border-box; text-align: center;}
.down_nav ul li:before{position: absolute;top: 50%;left: 0; width: 1px;height: 126px;content: ''; margin-top: -63px; background: #eee;}
.down_nav ul li:first-child:before{ display: none;}
.down_nav ul li a{font-size: 14px; font-weight: bold; color: #333; line-height: 30px;}
.down_nav ul li a:hover{color: #8fd400;}
.down_nav .nav_img{ padding: 20px 0;}
.down_nav .nav_img img{ max-width: 100%;}
.shop{position: relative; float: left; height: 100%;}
.shop>a{ display: block; height: 100%; padding: 0 20px; background: #fff; font-size: 14px; font-weight: bold; color: #666; line-height: 82px; text-transform: uppercase;cursor: pointer;}
.shop>a i{margin-right: 6px; font-size: 24px; font-weight: bold; color: #333;}
.shop_down{ display: none; position: absolute;top: 100%;left: 0; width: 100%; background: rgba(255,255,255,.8);}
.shop_down a{ display: block; font-size: 12px;color: #666; text-align: center; line-height: 42px;}
.shop_down a:hover{background: #8FD400; color: #fff;}
.language{ float: left;margin-left: 15px;}
.language a{position: relative; float: left; padding: 0 10px; font-size: 14px; font-weight: bold; color: #ccc; line-height: 82px;}
.language a:before{ position: absolute;top: 50%;right: 0; width: 1px;height: 12px; content: '';margin-top: -6px; background: #ccc;}
.language a:last-child{padding-right: 0;}
.language a:last-child:before{ display: none;}
.language a:hover{ color: #8fd400;}

/*banner*/
.Full{position: relative;overflow: hidden;}
.Full>i.ba_but{position: absolute;bottom: 8%;left: 50%; z-index: 2; width: 32px; height: 32px;margin-left: -16px; background: url(../images/icon_2.png) no-repeat center; -webkit-animation: sdb05 2.5s infinite;animation: sdb05 2.5s infinite;}
.banner{position: relative;z-index: 1;width: 100%;height: 100%;overflow: hidden;}
.banner .slick-list,.banner .slick-track,.banner .banner_box{ height: 100%;}
.banner .bg_img{ height: 100%; background: no-repeat center; background-size: cover;}
.banner .bg_img a{ display: block; width: 100%;height: 100%;}
.banner .slick-dots{position: absolute;left: 0;bottom: 2%;z-index: 999;width: 100%;height: 8px;text-align: center;}
.banner .slick-dots li{display: inline-block;width: 8px;height: 8px;overflow: hidden; margin:0 6px; border-radius:50%; background: #fff;vertical-align: top;-webkit-transition: all .5s ease;transition: all .5s ease;}
.banner .slick-dots li.slick-active{ background: #8fd400;-webkit-transform: scale(1.2);transform: scale(1.2);}
.banner .slick-dots li button{display: none;}

/*footer*/
.footer{ padding: 3% 0 2%; background: #333;}
.footer .foot_1{ padding: 0 5%;margin-bottom: 30px; box-sizing: border-box; margin-left: 8%;}
.footer .foot_1 .fo_ul{ float: left; width: 24%;}
.footer .foot_1 .fo_ul span{ display: block;margin-bottom: 12px; font-size: 16px;font-weight: bold; color: #b8b8b8; line-height: 24px;}
.footer .foot_1 .fo_ul a{ display: block; font-size: 12px; font-weight: bold; color: #fff; line-height: 24px;}
.footer .foot_1 .fo_ul a:hover{ color: #8fd400;}
.footer .foot_1 .fo_ul font{ display: block; font-size: 12px; font-weight: bold; color: #fff; line-height: 24px;}
.footer .foot_1 .fo_ul:last-child{ width: 28%;}
.footer .foot_2{text-align: center;}
.footer .foot_2 h4{ padding: 10px 0;}
.footer .foot_2 h4 img{ max-width: 100%;width: 100px;}
.footer .foot_2 h5{ padding: 5px 0; font-size: 12px; color: #b8b8b8; line-height: 20px;}
.footer .foot_2 h6 a{ display: inline-block; margin: 0 5px; font-size: 18px; color: #fff; line-height: 40px;}
.footer .foot_2 h6 a:hover{ color: #8fd400;}

/*index*/
.index .i_tit{ width: 100%; background: url(../images/icon_3.png) repeat-x center; text-align: center; line-height: 40px;}
.index .i_tit span{ display: inline-block; padding: 0 15px; background: #f0f0f0; font-size: 22px; font-weight: bold; color: #555555;}

/*index_1*/
.index_1{ padding: 5% 0; background: #f0f0f0;}
.index_1 .i_mian{ margin-top: 4%;}
.index_1 .i_mian ul li{ float: left; width: 32.66%; margin-left: 1%;}
.index_1 .i_mian ul li:first-child{margin-left: 0;}
.index_1 .i_mian .i_img img{ width: 100%;}
.index_1 .i_mian ul li a{ display: block; position: relative; margin-top: 2%;overflow: hidden;}
.index_1 .i_mian ul li a:first-child{ margin-top: 0;}
.index_1 .i_mian .i_text{ display: none; position: absolute;top: 0;left: 0; width: 100%;height: 100%; background: rgba(0,0,0,.5); text-align: center;}
.index_1 .i_mian .i_text .si_box{ position: absolute;top: 50%;left: 50%; width: calc(100% - 20px);-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.index_1 .i_mian .i_text .si_box h4{margin-bottom: 20px; font-size: 20px;color: #fff;}
.index_1 .i_mian .i_text .si_box p{ font-size: 14px;color: #ccc; line-height: 30px;}
.index_1 .i_mian ul li a:hover .i_text{ display: block; -webkit-animation: fin-in ease .5s forwards;animation: fin-in ease .5s forwards;}

/*index_2*/
.index_2{ background: no-repeat center; background-size: cover;}
.index_2 .i_mian{ padding: 5% 0; text-align: center;}
.index_2 .i_mian h3{margin-bottom: 5%; font-size: 35px; font-weight: bold; color: #333; }
.index_2 .i_mian h4{ font-size: 24px; font-weight: bold; color: #000; line-height: 50px;}
.index_2 .i_mian p{ font-size: 14px;color: #333; line-height: 35px;}
.index_2 .i_mian .video_wrap{ padding-top: 40%; position: relative; }
.index_2 .i_mian .video_wrap video,
.index_2 .i_mian .video_wrap iframe{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.index_2 .i_mian .video_wrap .desc{ position: absolute; left: 0; top: 0; background: rgba(0, 0, 0, 0.5); color: #fff; font-size: 14px; padding: 5px; line-height: 1.5; width: 100%; box-sizing: border-box; text-align: left; }


/*index_3*/
.index_3{ padding: 5% 0; background: #f0f0f0;}
.index_3 .i_mian{ margin-top: 4%;}
.index_3 .i_mian ul li{position: relative; float: left; width: 25%;-webkit-transition:  -webkit-transform .5s ease;transition: transform .5s ease;overflow: hidden;}
.index_3 .i_mian ul li a{ display: block;}
.index_3 .i_mian ul li a:before{ display: none; position: absolute;top: 0;left: 0;z-index: 1; width: 100%; height: 100%;content: ''; background: rgba(0,0,0,.5);}
.index_3 .i_mian .i_img{ width: 100%;}
.index_3 .i_mian .i_img img{ width: 100%;}
.index_3 .i_mian .i_text{position: absolute; top: 85%;left: 50%; z-index: 2; width: 80%; text-align: center; -webkit-transform: translate(-50%,0);transform: translate(-50%,0);-webkit-transition: all .5s ease;transition: all .5s ease;}
.index_3 .i_mian .i_text h4{margin-bottom: 8%; font-size: 20px;font-weight: bold; color: #fff;}
.index_3 .i_mian .i_text p{visibility: hidden; font-size: 14px; color: #fff; line-height: 24px; -webkit-animation: fin-in ease forwards 1s;animation: fin-in ease forwards 1s;}
.index_3 .i_mian ul li:hover{ z-index: 1; -webkit-transform: scale(1.1);transform: scale(1.1);}
.index_3 .i_mian ul li:hover a:before{ display: block;-webkit-animation: fin-in ease .5s forwards;animation: fin-in ease .5s forwards;}
.index_3 .i_mian ul li:hover .i_text{ top: 50%; -webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%)}
.index_3 .i_mian ul li:hover .i_text p{ visibility: visible;}

/*index_4*/
.index_4{ background: url(../images/i_9.jpg) no-repeat center; background-size: cover;}
.index_4 .i_mian{ padding:10% 0 19.5%; text-align: center;}
.index_4 .i_mian h3{margin-bottom: 5%; font-size: 35px; font-weight: bold; color: #fff;}
.index_4 .i_mian p{ padding: 0 24%; font-size: 14px;color: #fff; line-height: 35px;}

/*index_5*/
.index_5{ padding: 5% 0; background: #f0f0f0;}
.index_5 .i_mian{ margin-top: 4%;}
.index_5 .i_mian ul li{position: relative; float: left; width: 24%;overflow: hidden; margin-left: 1.33%;}
.index_5 .i_mian ul li:first-child{ margin-left: 0;}
.index_5 .i_mian .i_img img{ width: 100%;}
.index_5 .i_mian .i_text{position: absolute;bottom: 0;left: 0;width: 100%; padding: 4% 5%; background: rgba(0,0,0,.8); box-sizing: border-box; line-height: 24px;-webkit-transition: -webkit-transform .5s ease;transition: transform .5s ease;-webkit-transform: translateY(100%);transform: translateY(100%);}
.index_5 .i_mian .i_text p{ font-size: 14px;color: #fff;overflow:hidden;white-space:nowrap; text-overflow:ellipsis;}
.index_5 .i_mian ul li:hover .i_text{-webkit-transform: translateY(0);transform: translateY(0);}

/*sub_banner*/
.sub_banner{ width: 100%;height: 380px; background: no-repeat center; background-size: cover;}
.sub_banner1{ background-image: url(../images/sub_1.jpg);}
.sub_banner2{ background-image: url(../images/sub_2.jpg);}

/*sub_nav*/
.sub_nav{ height: 68px; background: #f3f4f4; line-height: 68px;}
.sub_nav ul li{ float: left; width: 25%;}
.sub_nav ul li a{ display: block; font-size: 18px;color: #333; text-align: center;}
/*.sub_nav ul li.on,.sub_nav ul li:hover{ background: #8BD400;}
.sub_nav ul li.on a,.sub_nav ul li:hover a{color: #fff;}*/
.sub_nav ul li.on{ background: #8BD400;}
.sub_nav ul li.on a{color: #fff;}

/*分页*/
.Pageing{margin-top: 3%; text-align: center;}
.Pageing ul{ display: inline-block;}
.Pageing ul li{ float: left;width: 48px;height: 48px; margin: 0 5px; background: #f3f4f4; text-align: center; line-height: 48px;}
.Pageing ul li a{ display: block; font-size: 14px;color: #858585;}
.Pageing ul li:hover{ background: #bec0c3;}
.Pageing ul li:hover a{color: #fff;}
.Pageing ul li:first-child,.Pageing ul li:last-child{ background: #8FD400;}
.Pageing ul li:first-child a,.Pageing ul li:last-child a{ font-size: 20px; color: #fff;}

/*分页2*/
.Pageing{margin-top: 3%; text-align: center;}
.Pageing div{ display: inline-block;}
.Pageing div a{ float: left;width: 48px;height: 48px; margin: 0 5px; background: #f3f4f4; text-align: center; line-height: 48px;}
.Pageing div a{ display: block; font-size: 14px;color: #858585;}
.Pageing div a:hover{ background: #bec0c3;}
.Pageing div a:hover{color: #fff;}
.Pageing div .next{width: 53px;background: #8FD400;}
.Pageing div .next{color: #fff;}
.Pageing div .prev{width: 53px;background: #8FD400;}
.Pageing div .prev{color: #fff;}
.Pageing div .hover{ background: #bec0c3;color: #fff;}
/*
.Pageing div a:first-child,.Pageing div a:last-child{ background: #8FD400;}
.Pageing div a:first-child a,.Pageing div a:last-child a{ font-size: 20px; color: #fff;}*/

/*Product*/
.Product{ padding: 1% 0;}
.Pro_tit{margin-bottom: 3%;}
.Pro_tit>h3{ width: 100%; background: url(../images/icon_3.png) repeat-x center; text-align: center; line-height: 40px;}
.Pro_tit>h3 span{ display: inline-block; padding: 0 15px; background: #fff; font-size: 36px;  color: #333;}
.Pro_nav { margin-bottom: 3%;text-align: center;}
.Pro_nav ul{  display: inline-block;}
.Pro_nav ul li{position: relative; float: left; height: 38px; padding: 0 20px; margin: 0 5px; box-sizing: border-box; line-height: 38px;}
.Pro_nav ul li a{ display: block; font-size: 14px;color: #858585;}
.Pro_nav ul li.on:before,.Pro_nav ul li a:hover:before{position: absolute;top: 0;left: 0; width: 100%;height: 100%;content: ''; border: 2px solid #caccce;box-sizing: border-box;}
.Pro_nav ul li .on:hover:before{position: absolute;top: 0;left: 0; width: 100%;height: 100%;content: ''; border: 2px solid #caccce;box-sizing: border-box;}
.pro_mian ul li{ float: left; width: 23%; margin: 0 1%;margin-bottom: 1%;}
.pro_mian ul li a{ display: block;}
.pro_mian .p_img{ border: 2px solid #eee;}
.pro_mian .p_img img{width: 100%;}
.pro_mian .p_text{ padding: 6% 0; font-size: 14px;color: #666; text-align: center; line-height: 20px;overflow:hidden;white-space:nowrap; text-overflow:ellipsis;}
.pro_mian ul li:hover .p_img{ border-top-color: #8FD400;}
.pro_mian ul li:hover .p_text{color: #8FD400;}

/*Product_x*/
.Product_x{margin-top: 82px; padding: 5% 0 0;}
.Product_x .px_1 div.fl{width: 702px;}
.Product_x .px_1 div.fl img{max-width: 100%;}
.Product_x .px_1 .px_hd{ width: 100%;}
/*.Product_x .px_1 .px_hd div{ height: 100%;}*/
.Product_x .px_1 .px_hd .svs{ padding: 0 36px;box-sizing: border-box;}
.Product_x .px_1 .px_hd .bb{ position: relative; height: 100%;margin:0 5px; padding: 8px; background: #f3f4f4; box-sizing: border-box; text-align: center;line-height: 92px;}
.Product_x .px_1 .px_hd .bb.on:before{position: absolute;top: 0;left: 0; width: 100%;height: 100%;content: ''; border: 2px solid #8FD400;box-sizing: border-box; text-align: center; }
.Product_x .px_1 .px_hd .bb a{ display: inline-block; text-align: center; vertical-align: middle; outline:none;}
.Product_x .px_1 .px_hd .bb img{ max-height: 100%;}
.Product_x .px_1 .px_hd .svs>button{position: absolute;top: 50%; z-index: 99; width: 36px; height: 40px; margin-top: -20px; border: none; background: transparent; font-size: 0; cursor: pointer;}
.Product_x .px_1 .px_hd .svs>.slick-prev{left: 0;text-align: left;}
.Product_x .px_1 .px_hd .svs>.slick-next{right: 0; text-align: right;}
.Product_x .px_1 .px_hd .svs>button:before{ display: inline-block; font-family:"iconfont" !important; font-size: 30px;font-weight: bold; color: #999;}
.Product_x .px_1 .px_hd .svs>button:hover:before{ color: #84c601;}
.Product_x .px_1 .px_hd .svs>.slick-prev:before{ content: '\e610';}
.Product_x .px_1 .px_hd .svs>.slick-next:before{ content: '\e614';}
.Product_x .px_1 .px_hd .svs>.slick-disabled{ pointer-events: none;}
.Product_x .px_1 .px_hd .svs>button.slick-disabled:before{ color: #ccc;}
.Product_x .px_1 .px_bd {width: 100%;margin-bottom: 20px; overflow: hidden; background: #f3f4f4; box-sizing: border-box;}
.Product_x .px_1 .px_bd .aa{position: relative; padding: 43% 0; background: no-repeat center; background-size: cover;}
.Product_x .px_1 .px_bd .aa a{ display: block; position: absolute;top: 0;left: 0; width: 100%;height: 100%;content: '';}
.Product_x .px_1 .px_bd .aa a img{ visibility: hidden;}
.Product_x .px_1 div.fr{width: calc(95% - 702px);}
.Product_x .px_1 div.fr .px_tit{ padding: 5% 0; border-bottom: 1px solid #e4e5e6;}
.Product_x .px_1 div.fr .px_tit h4{margin-bottom: 4%; font-size: 40px;color: #333;}
.Product_x .px_1 div.fr .px_tit p{ font-size: 14px;color: #666; line-height: 28px;}
.Product_x .px_1 div.fr .px_mian{ padding: 6% 0 0;}
.Product_x .px_1 div.fr .px_mian .pxm_1{margin-bottom: 5%; line-height: 16px;}
.Product_x .px_1 div.fr .px_mian .pxm_1 span{ float: left; font-size: 16px;color: #666;}
.Product_x .px_1 div.fr .px_mian .pxm_1 a{position: relative; float: left; width: 16px;height: 16px; margin: 0 5px;}
.Product_x .px_1 div.fr .px_mian .pxm_1 a.on:before{ position: absolute;top: 0;left: 0;width: 100%;height: 100%;content: ''; border: 2px solid #999; box-sizing: border-box;}
.Product_x .px_1 div.fr .px_mian .pxm_2 a{ float: left; width: 75px; margin-right: 5px;margin-bottom: 5px;}
.Product_x .px_1 div.fr .px_mian .pxm_2 a img{ max-width: 100%;}
.Product_x .px_2{margin-top: 3%; padding: 2% 0 5%; background: #edf0f2;}
.Product_x .px_2 .ps_hd{position: relative;z-index: 1;}
.Product_x .px_2 .ps_hd:before{position: absolute;left: 0;bottom: 0; z-index: -1; width: 100%;height: 2px;content: ''; background: #d5d8d9;}
.Product_x .px_2 .ps_hd ul{position: relative;z-index: 2;}
.Product_x .px_2 .ps_hd ul li{ float: left; padding: 2% 3%;font-size: 16px;color: #333;cursor: pointer;}
.Product_x .px_2 .ps_hd ul li.on{ border-bottom: 2px solid #84C601; color: #8bd400;}
.Product_x .px_2 .ps_bd{ padding: 4% 0 0;}
.Product_x .px_2 .ps_bd .ps_box{ display: none;}
.Product_x .px_2 .ps_bd .ps_box img{ width: 100%;}
.Product_x .px_2 .ps_bd .ps_box p{ font-size: 14px;color: #666; line-height: 30px;}

/*about*/
.About .Ab_mian{padding: 0 6%;}
.About .Ab_mian * {word-break: break-word;}
.About .Ab_mian img{max-width: 100%;height: auto!important;}
.About .Ab_mian div.fl{width: 533px;}
.About .Ab_mian div.fl img{max-width: 100%;}
.About .Ab_mian div.fr{width: calc(100% - 564px);}
.About .Ab_mian p{ font-size: 14px;color: #666; line-height: 30px;}

/*htpp*/
.htpp{ padding: 5% 0;}
.htpp_mian ul li{ float: left; width: 23%; margin: 0 1% 3% 1%; border: 1px solid #aaa; box-sizing: border-box;}
.htpp_mian ul li a{ display: block;}
.htpp_mian ul li img{ max-width: 100%;}

/*ryzs*/
.ryzs{ padding: 5% 0;}
.ryzs_mian ul li{ float: left; width: 21%; margin: 0 2% 3% 2%; border: 1px solid #aaa; box-sizing: border-box;}
.ryzs_mian ul li a{ display: block;}
.ryzs_mian ul li img{ max-width: 100%;}

@media(max-width:1700px){
    /*初始化*/
    .footer .foot_1{margin-left:2%;}
}
@media(max-width:1660px){
    /*初始化*/
    .wrap{max-width: 1440px;}
    .footer .foot_1{margin-left:6%;}
}
@media(max-width:1480px){
    /*初始化*/
    .wrap{max-width: 1200px;}
    /*header*/
    .nav>ul>li{ padding: 0 8px;}
    .nav>ul>li>a{ font-size: 8px;}
    /*Product_x*/
    .Product_x .px_1 div.fl{width: 602px;}
    .Product_x .px_1 div.fr{width: calc(95% - 602px);}
    .footer .foot_1{    margin-left: 9%;}
}

@media(max-width:1280px){

    .footer .foot_1{margin-left:3%;}
}


@media(max-width:1220px){
    /*初始化*/
    .wrap{max-width: 100%; padding: 0 3%;}

    /*header*/
    .header{ height: 60px;}
    .logo{ padding: 12px 0;}
    .ment{margin-right: 60px;}
    .shop>a,
    .language a{ padding: 0 8px !important; line-height: 60px;}
    /*.language a:last-child{padding-right: 10px;}*/
    .nav{ position: fixed;top: 0;right: 0;z-index:998; width: 300px; height: 100%;overflow-x: hidden; margin: 0; padding: 50px 0 0 60px; box-sizing: border-box; background: #000;}
    .nav>ul{ display: block;}
    .nav>ul>li{ float: none; text-align: left;}
    .nav>ul>li>a{ padding: 0; line-height: 60px;}
    .nav>ul>li>a:before{ display: none;}
    .nav>ul>li:hover.on>a,
    .nav>ul>li:hover>a{ background: none;}
    .nav.close-nav{ -webkit-transition: -webkit-transform 430ms cubic-bezier(0.3,0,0,1); transition: transform 430ms cubic-bezier(0.3,0,0,1); -webkit-transform: translate(300px,0); transform: translate(300px,0);}
    .nav.open-nav{ -webkit-transform: translate(0,0) !important; transform: translate(0,0) !important; -webkit-transition: -webkit-transform 430ms cubic-bezier(0.3,0,0,1); transition: transform 430ms cubic-bezier(0.3,0,0,1);}
    .push-nav{display: block;position: absolute; top: 0; right: 3%; z-index: 999;width: 56px; height: 60px;}
    .push-nav.on{position: fixed;}
    .push-nav .nav-toggle{ display: block;position: absolute;left: 50%;top: 50%; border: 0; background-image: none; border-radius: 4px; cursor: pointer;-webkit-transform: translate(-50%,-40%);transform: translate(-50%,-40%);}
    .push-nav .nav-toggle span{display: block; position: relative; z-index: 1; width: 36px; height: 3px; margin-bottom: 8px;background: #fff;border-radius: 3px;-webkit-transform-origin: 33px;transform-origin: 33px;-webkit-transition: all .5s;transition: all .5s;}
    .push-nav .nav-toggle.animate span:nth-last-child(1){ background: #fff; opacity: 1; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
    .push-nav .nav-toggle.animate span:nth-last-child(2) { opacity: 0;}
    .push-nav .nav-toggle.animate span:nth-last-child(3) { background: #fff; opacity: 1; -webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
    .bg-nav{ display: none; position: fixed;top: 0;left: 0;z-index: 997; width: 100%; height: 100%; background: rgba(0,0,0,0.75);animation:fade-in .43s ease 0s;-webkit-animation:fade-in .43s ease 0s;}
    .down_nav{position: static;height: auto; padding: 10px 0; background: transparent;}
    .down_nav ul{ padding: 0;}
    .down_nav ul li{ display: block; float: none; width: 100%; padding: 0 0 0 20px; text-align: left;}
    .down_nav ul li a{color: #eee; line-height: 40px;}
    .down_nav ul li:before{ display: none;}
    .down_nav .nav_img{ display: none;}
    /*index*/
    .index .i_tit span{ font-size: 22px;}
    /*index_1*/
    .index_1 .i_mian .i_text{ display: none !important;}
    /*index_2*/
    .index_2 .i_mian h3{ font-size: 30px;}
    .index_2 .i_mian h4{ font-size: 20px;}
    .index_2 .i_mian p{ line-height: 30px;}
    /*index_3*/
    .index_3 .i_mian .i_text h4{font-size:18px;}
    .index_3 .i_mian .i_text p{ font-size: 12px;line-height: 20px;}
    .index_3 .i_mian ul li:hover{ -webkit-transform: scale(1);transform: scale(1);}
    /*index_4*/
    .index_4 .i_mian h3{ font-size: 30px;}
    .index_4 .i_mian p{padding: 0 10%; line-height: 30px;}
    /*index_5*/
    .index_5 .i_mian .i_text{-webkit-transform: translateY(0);transform: translateY(0);}
    /*sub_banner*/
    .sub_banner{ height: 340px;}
    /*Product_x*/
    .Product_x{margin-top: 60px;}
    .Product_x .px_1 div.fl{width: 502px;}
    .Product_x .px_1 div.fr{width: calc(95% - 502px);}
    /*about*/
    .About .Ab_mian div.fl{width: 420px;}
    .About .Ab_mian div.fr{width: calc(100% - 450px);}
    /*htpp*/
    .htpp{ padding: 5% 3%;}
    .htpp_mian ul li{width: 31%;}
    /*ryzs*/
    .ryzs{ padding: 5% 3%;}
    .ryzs_mian ul li{width: 29%;}
    .footer .foot_1{margin-left:4%;}

}
@media(max-width:1024px){
    /*banner*/
    .Full{height: 500px !important;}
    /*index_3*/
    .index_3 .i_mian ul li{ width: 50%;}
    /*index_5*/
    .index_5 .i_mian ul li{ width: 48%;margin: 0 0 2% 0 !important;}
    .index_5 .i_mian ul li:nth-child(odd){ float: left;}
    .index_5 .i_mian ul li:nth-child(even){ float: right;}
    /*sub_banner*/
    .sub_banner{ height: 300px;}
    /*Product*/
    .Pro_tit>h3 span{ font-size: 30px;}
    .Pro_nav ul li{ padding: 0 12px;}
    .pro_mian ul li{width: 31%;}
    /*Product_x*/
    .Product_x .px_1 div.fl{width: 45%;}
    .Product_x .px_1 div.fr{width: 50%;}
    .Product_x .px_1 div.fr .px_tit h4{ font-size: 32px;}
}
@media(max-width:900px){
    /*footer*/
    .footer .foot_1{ padding: 0 3%;margin-left: 0}
    .footer .foot_1 .fo_ul font{ font-size: 12px;}
    /*index_4*/
    .index_4 .i_mian p{ padding: 0;}
    /*分页*/
    .Pageing ul li{ float: left;width: 36px;height: 36px; margin: 0 3px;  line-height: 36px;}
    /*Product_x*/
    .Product_x .px_1 div.fl{ float: none; width: 100%;margin-bottom: 2%;}
    .Product_x .px_1 .px_bd .aa{ padding: 32% 0;}
    .Product_x .px_1 div.fr{ float: none; width: 100%;}
    .Product_x .px_1 div.fr .px_tit h4{ font-size: 28px;}
    .Product_x .px_1 div.fr .px_mian .pxm_2 a{width: 16.66%; padding: 5px; margin: 0; box-sizing: border-box;}
    /*about*/
    .About .Ab_mian div.fl{ float: none; width: 100%; margin-bottom: 2%;}
    .About .Ab_mian div.fr{ float: none; width: 100%;}
}
@media(max-width:768px){
    /*header*/
    .header{ height: 50px;}
    .ment{margin-right: 50px;}
    .shop>a,.language a{ padding: 0 5px !important; font-size: 12px; line-height: 50px;}
    .language,.shop>a>i{margin: 0;}
    .shop>a>span{ display: none;}
    .shop_down{left: 50%; width: 260%;margin-left: -130%;}
    .nav{ width: 250px;padding-left: 30px;}
    .push-nav{ width: 50px; height: 50px;}
    .push-nav .nav-toggle span { width: 25px; height: 2px; margin-bottom: 6px; -webkit-transform-origin: 24px; transform-origin: 24px; }
    /*footer*/
    .footer .foot_1 .fo_ul{  float: none; width: 100% !important; border-bottom: 1px solid #aaa;}
    .footer .foot_1 .fo_ul span{position: relative; padding: 2% 0; margin: 0;}
    .footer .foot_1 .fo_ul span:before{position: absolute; top: 50%;right: 2%;content: '\e62f'; font-family: 'iconfont' !important; font-size: 16px;color: #b8b8b8; line-height: 24px;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
    .footer .foot_1 .fo_aa{ display: none; padding-left: 2%;padding-bottom: 2%;}
    /*banner*/
    .Full{height: 400px !important;}
    /*index_1*/
    .index_1 .i_mian ul li{ width: 100%; margin: 0 !important;margin-bottom: 2% !important;}
    /*index*/
    .index .i_tit span{ font-size: 17px;}
    /*index_2*/
    /* .index_2 .i_mian{ padding: 12% 3% 20%;} */
    .index_2 .i_mian h3{ font-size: 18px;}
    .index_2 .i_mian h4{ font-size: 16px; line-height: 40px;}
    .index_2 .i_mian p{ font-size: 12px; line-height: 24px;}
    /*index_4*/
    .index_4 .i_mian{ padding: 12% 3% 20%;}
    .index_4 .i_mian h3{ font-size: 24px;}
    .index_4 .i_mian p{ font-size: 12px; line-height: 24px;}
    /*sub_banner*/
    .sub_banner{ height: 250px;}
    /*Product*/
    .Pro_tit>h3 span{ font-size: 24px;}
    .Pro_nav ul{ display: block; width: 90%; margin: 0 auto;}
    .Pro_nav ul li{ width: 20%; padding: 0; margin: 0;}
    .pro_mian ul li{width: 48%;}
    /*Product_x*/
    .Product_x{margin-top: 50px;}
}
@media(max-width:640px){
    /*header*/
    .logo{padding: 15px 0;}
    .shop>a,.language a{font-size: 10px;}
    /*banner*/
    .Full{height: 300px !important;}
    /*index_3*/
    .index_3 .i_mian ul li{ width: 100%;}
    /*index_5*/
    .index_5 .i_mian ul li{ float: none !important; width: 100%;}
    .index_5 .i_mian .i_text p{ font-size: 12px;}
    /*sub_banner*/
    .sub_banner{ height: 200px;}
    /*sub_nav*/
    .sub_nav{ height: 50px; line-height: 50px;}
    .sub_nav ul li a{ font-size: 13px;}
    /*Product*/
    .Pro_nav ul{width: 100%;}
    .Pro_nav ul li a{ font-size: 12px;}
    /*分页*/
    .Pro_tit>h3 span{ font-size: 20px;}
    .Pro_nav ul li{ width: 33.33%;margin-bottom: 2%;}
    .Pageing ul li{ float: left;width: 24px;height: 24px; margin: 0 2px;  line-height: 24px;}
    .Pageing ul li a{ font-size: 12px;}
    .Pageing ul li:first-child a, .Pageing ul li:last-child a{ font-size: 14px;}
    .Product_x .px_1 div.fr .px_tit h4{ font-size: 24px;}
    .Product_x .px_1 div.fr .px_tit p{font-size: 12px; line-height: 24px;}
    .Product_x .px_1 div.fr .px_mian .pxm_2 a{width: 20%;}
    /*about*/
    .About .Ab_mian{padding: 5% 2%}
    .About .Ab_mian p{ font-size: 12px; line-height: 24px;}
    /*htpp*/
    .htpp_mian ul li{width: 48%;}
    /*ryzs*/
    .ryzs_mian ul li{width: 46%;}
}

/*动画*/
@-webkit-keyframes sdb05 {
    0% {
        -webkit-transform:  translate(0, 0);
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        -webkit-transform: translate(0, 20px);
        opacity: 0;
    }
}
@keyframes sdb05 {
    0% {
        transform:  translate(0, 0);
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        transform: translate(0, 20px);
        opacity: 0;
    }
}

@-webkit-keyframes fin-in {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes fin-in {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}