/**
 * 人人站CMS
 * ============================================================================
 * 版权所有 2015-2030 山东康程信息科技有限公司，并保留所有权利。
 * 网站地址: http://www.rrzcms.com
 * ----------------------------------------------------------------------------
 * 如果商业用途务必到官方购买正版授权, 以免引起不必要的法律纠纷.
 * ============================================================================
 */
@charset "utf-8";.warp{width:1000px;margin:0 auto}
.fl{float:left}
.fr{float:right}
.text-left{text-align:left}
.text-right{text-align:right}
.text-center{text-align:center}
.text-over{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.over{overflow:hidden}
.relative{position:relative;z-index:1}
.absolute{position:absolute;z-index:1}
.fixed{position:fixed;z-index:1}
.inline{display:inline}
.block{display:block}
.inline-block{display:inline-block}
.hide{display:none}
.max-w100{max-width:100%}
.max-h100{max-height:100%}
.middle{vertical-align:middle}
.border-box{-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}
.trans{-webkit-transition:all .3s ease 0s;-moz-transition:all .3s ease 0s;-ms-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s}
.trans2s{transition:all .2s cubic-bezier(.215,.61,.355,1) 0s}
.trans4s{transition:all .4s cubic-bezier(.215,.61,.355,1) 0s}
.trans6s{transition:all .6s cubic-bezier(.215,.61,.355,1) 0s}
.trans8s{transition:all .8s cubic-bezier(.215,.61,.355,1) 0s}
.trans10s{transition:all 1s cubic-bezier(.215,.61,.355,1) 0s}
#warp{width:100%;max-width:1920px;min-width:320px;overflow:hidden;margin:0 auto}
#warp .wow{visibility:hidden}
#warp a{-webkit-transition:all .3s ease 0s;-moz-transition:all .3s ease 0s;-ms-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s}
.main{width:96%;max-width:1720px;margin:0 auto}
a:hover{color:#727272}
.b_pic{overflow:hidden}
.b_pic img{-webkit-transition:.5s;-moz-transition:.5s;transition:.5s}
.b_pic:hover img{-webkit-transform:scale(1.06);-moz-transform:scale(1.06);transform:scale(1.06)}
.cut{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.clear{margin:0 auto;clear:both;height:0;font-size:0;overflow:hidden}
.clear_both{zoom:1}
.clear_both:after{content:"";display:block;clear:both}
.dis{display:inline-block;zoom:1}
.text-line{overflow:hidden;text-overflow:ellipsis;display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.text-line.line1{-webkit-line-clamp:1}
.text-line.line3{-webkit-line-clamp:3}
.text-line.line4{-webkit-line-clamp:4}
.text-line.line5{-webkit-line-clamp:5}
.loader{top:0;right:0;left:0;bottom:0;position:fixed;z-index:99999;background:rgba(255,255,255,.5) url(../fonts/loader.svg) no-repeat center 40%/auto auto}
.fz10{font-size:10px;color:#333}
.fz12{font-size:12px;color:#333}
.fz13{font-size:13px;color:#333}
.fz14{font-size:14px;color:#333}
.fz15{font-size:15px;color:#333}
.fz16{font-size:16px;color:#333}
.fz18{font-size:18px;color:#333}
.fz20{font-size:20px;color:#333}
.fz22{font-size:22px;color:#333}
.fz24{font-size:24px;color:#333}
.fz26{font-size:26px;color:#333}
.fz28{font-size:28px;color:#333}
.fz30{font-size:30px;color:#333}
.fz32{font-size:32px;color:#333}
.fz34{font-size:34px;color:#333}
.fz35{font-size:35px;color:#333}
.fz36{font-size:36px;color:#333}
.fz38{font-size:38px;color:#333}
.fz40{font-size:40px;color:#333}
.fz42{font-size:42px;color:#333}
.fz44{font-size:44px;color:#333}
.fz46{font-size:46px;color:#333}
.fz48{font-size:48px;color:#333}
.fz58{font-size:58px;color:#333}
.fz75{font-size:75px;color:#333}
.fz100{font-size:100px;color:#333}
.font-zi1{font-family:font-zi1}
.font-zi2{font-family:font-zi2}
@font-face{font-family:font-zi3;src:url(../fonts/imperatorsmallcaps.ttf)}
.font-zi3{font-family:font-zi3}
.font-zi4{font-family:font-zi4}
@font-face{font-family:font-zi5}
.font-zi5{font-family:font-zi5}
@font-face{font-family:font-zi6}
.font-zi6{font-family:font-zi6}
#head{width:100%}
#header{width:100%;background:#fff;position:fixed;left:0;right:0;top:0;z-index:5;padding:16px 0;margin:0 auto}
#header .logo{width:102px}
#header .logo img{width:100%}
#header .right{margin-top:15px}
#header .right .lang{text-transform:uppercase;font-weight:700}
#header .right .nav .list{position:relative;margin-right:66px}
#header .right .nav .list .two{width:180px;text-align:center;opacity:0;visibility:hidden;position:absolute;left:50%;top:30px;z-index:2;padding-top:36px;margin-left:-90px}
#header .right .nav .list .two .fz15{width:100%;background:#fff;color:#888;border-top:1px solid #ebebeb;padding:16px 0}
#header .right .nav .list .two .fz15.in{border-top:1px solid #363636}
#header .right .nav .list.on .Zi1{color:#727272}
#header .right .nav .list:hover .two{opacity:1;visibility:visible;top:16px}
#phone_header{width:100%;max-width:980px;min-width:320px;display:none;background:#fff;position:fixed;top:0;left:0;right:0;z-index:8;padding:5px 0}
#phone_header .logo{width:90px}
#phone_header .logo img{width:100%}
#phone_header .lang{margin-top:5px;margin-right:15px}
#phone_header .target{width:40px;height:30px;cursor:pointer;background:url(../img/img76.jpg) no-repeat center;background-size:100%;margin-top:6px}
#phone_header .target.on{width:26px;height:30px;background:url(../img/img77.png) no-repeat center;background-size:100%}
#phone_header .nav{width:100%;max-width:980px;min-width:320px;text-align:center;overflow:auto;display:none;background:rgba(85,85,85,.9);position:fixed;left:0;right:0;top:0;z-index:10;margin:0 auto}
#phone_header .nav .list{width:100%;border-bottom:1px solid #929292;padding:15px 0}
#phone_header .nav .list .Zi1{width:100%;color:#fff!important}
#phone_header .nav .list .two{width:100%;text-align:center;display:none;margin-top:15px}
#phone_header .nav .list .two .fz16{color:#fff;margin:0 10px}
#banner-height{width:100%;height:815px}
#banner-height #banner-fixed{width:100%;max-width:1920px;overflow:hidden;position:fixed;z-index:1}
#banner-height #banner-fixed #banner{width:100%;overflow:hidden;position:relative}
#banner-height #banner-fixed #banner .prev{width:25px;height:21px;background:url(../img/img1.png) no-repeat center;background-size:cover;position:absolute;left:5%;top:50%;z-index:2;margin-top:-10px}
#banner-height #banner-fixed #banner .next{width:25px;height:21px;background:url(../img/img2.png) no-repeat center;background-size:cover;position:absolute;right:5%;top:50%;z-index:2;margin-top:-10px}
#banner-height #banner-fixed #banner .db{width:100%}
#banner-height #banner-fixed #banner .db .list{width:100%;height:815px;position:relative}
#banner-height #banner-fixed #banner .db .list .nts{width:33%;text-align:center;position:absolute;right:15%;top:190px;z-index:2}
#banner-height #banner-fixed #banner .db .list .nts .fz58{line-height:70px;color:#000}
#banner-height #banner-fixed #banner .db .list .nts .fz26{color:#222;margin:35px 0}
#banner-height #banner-fixed #banner .db .list .nts .fz20{text-transform:uppercase;letter-spacing:2px;color:#000}
#banner-height #banner-fixed #banner .db .list .nts .fz20 span{width:18%;height:1px;background:#d9dade;margin-top:10px}
#banner-height #banner-fixed #banner .db .list .nts .fz22{color:#000;margin:150px 0 12px}
#banner-height #banner-fixed #banner .db .list .nts .fz16{color:#000}
#banner-height.in{height:418px}
#banner-height.in #banner-fixed #banner .db .list{height:418px}
#banner .db .list .nts .Zi1{opacity:0;padding-top:50px;transition:all 1s cubic-bezier(.215,.61,.355,1) 0s}
#banner .db .list .nts .Zi2{opacity:0;padding-top:50px;transition:all 1.2s cubic-bezier(.215,.61,.355,1) 0s}
#banner .db .list .nts .Zi3{opacity:0;padding-top:50px;transition:all 1.4s cubic-bezier(.215,.61,.355,1) 0s}
#banner .db .list .nts .Zi4{opacity:0;padding-top:50px;transition:all 1.6s cubic-bezier(.215,.61,.355,1) 0s}
#banner .db .list .nts .Zi5{opacity:0;padding-top:50px;transition:all 1.8s cubic-bezier(.215,.61,.355,1) 0s}
#banner .db .list .nts .Zi6{opacity:0;padding-top:50px;transition:all 2s cubic-bezier(.215,.61,.355,1) 0s}
#banner .db .list .nts.on .Zi1{opacity:1;padding-top:0}
#banner .db .list .nts.on .Zi2{opacity:1;padding-top:0}
#banner .db .list .nts.on .Zi3{opacity:1;padding-top:0}
#banner .db .list .nts.on .Zi4{opacity:1;padding-top:0}
#banner .db .list .nts.on .Zi5{opacity:1;padding-top:0}
#banner .db .list .nts.on .Zi6{opacity:1;padding-top:0}
#phone_banner{width:100%;display:none;overflow:hidden;position:relative}
#phone_banner .swiper-wrapper{width:100%}
#phone_banner .swiper-wrapper .swiper-slide{width:100%}
#phone_banner .swiper-wrapper .swiper-slide img{width:100%}
#phone_banner .hb{width:100%;text-align:center;position:absolute;left:0;right:0;bottom:15px!important;z-index:3;margin:0 auto}
#phone_banner .hb span{width:8px;height:8px;display:inline-block;opacity:1;cursor:pointer;background:#999;font-size:0;border-radius:50%;margin:0 4px!important}
#phone_banner .hb span.swiper-pagination-bullet-active{background:#333}
#footer{width:100%;position:relative;z-index:2}
#footer .one{width:100%;text-align:center;background:#f4f4f4;padding:50px 0 70px}
#footer .one .icon{width:21px}
#footer .one .icon img{width:100%}
#footer .one .fz24{width:100%;line-height:30px;color:#dcdcdc;margin:30px 0 40px}
#footer .one .item{width:100%}
#footer .one .item .list{width:33%;height:58px;border-right:1px solid #e6e6e6}
#footer .one .item .list .img{vertical-align:middle}
#footer .one .item .list .nts{text-align:left;vertical-align:middle;margin-left:12px}
#footer .one .item .list .nts .fz14{color:#aaa}
#footer .one .item .list .nts .fz16{color:#666;margin-top:8px}
#footer .one .item .list .nts .fz26{color:#666;margin-top:4px}
#footer .one .item .list.in{border-right:none}
#footer .two{width:100%;background:#222}
#footer .two .left{width:89%}
#footer .two .left .nav{width:100%;border-bottom:1px solid #2d2d2d;padding:22px 0}
#footer .two .left .nav .list{opacity:.8;color:#fff;margin-right:40px}
#footer .two .left .Zi1{width:100%;opacity:.5;color:#fff;padding:22px 0}
#footer .two .right{width:10%;display:flex;align-items:center}
#footer .two .right .fz14{line-height:21px;color:#fff}
#footer .two .right .img{margin-right:17px}
#footer .two .right .img img{width:100%}
#footer .two .right .img.in{margin-right:0}
#index{width:100%;background:#fff}
#index .title{width:100%;text-align:center}
#index .title .fz35{color:#fff}
#index .title .xian{width:18px;height:1px;background:#fff;margin-top:16px}
#index .title.hei .fz35{color:#363636}
#index .title.hei .xian{background:#363636}
#index .more{width:100%;text-align:center}
#index .more i{width:124px;height:1px;display:inline-block;vertical-align:middle;opacity:.25;background:#fff}
#index .more .fz16{color:#fff;margin:0 20px}
#index .one{padding:4.2% 0}
#index .one .nts{width:43%;text-align:center;padding-top:2.3%}
#index .one .nts .fz35{text-transform:uppercase}
#index .one .nts .fz100{text-transform:uppercase;color:#222;margin:20px 0}
#index .one .nts .icon{width:21px}
#index .one .nts .fz32{color:#666;margin:30px 0 20px}
#index .one .nts .Zi1{width:100%;height:78px;line-height:26px;overflow:hidden;color:#666}
#index .one .nts .Zi2{background:url(../img/img5.jpg) no-repeat right center;color:#222;padding-right:46px;margin-top:50px}
#index .one .img{width:57%}
#index .one .img img{width:100%}
#index .two{width:100%;overflow:hidden;background:#121212;padding:40px 0 50px}
#index .two .category{width:100%;text-align:center;margin:36px 0 46px}
#index .two .category .list{color:#fff;margin:0 25px}
#index .two .last{width:100%;margin-bottom:60px}
#index .two .last .list{width:23.5%;overflow:hidden;position:relative;margin-left:3px;filter:grayscale(50%);-webkit-filter:grayscale(50%);-moz-filter:grayscale(50%);-ms-filter:grayscale(50%);-o-filter:grayscale(50%);filter:gray}
#index .two .last .list .img{width:100%}
#index .two .last .list .img img{width:100%}
#index .two .last .list .nts{width:90%;opacity:0;position:absolute;bottom:0;left:0;right:0;z-index:2;margin:0 auto;transition:all .3s cubic-bezier(.215,.61,.355,1) 0s}
#index .two .last .list .nts .ots{width:100%;text-align:center;background:#fff;position:relative;padding:30px 0}
#index .two .last .list .nts .ots .fz18{width:100%;color:#000}
#index .two .last .list .nts .ots .fz12{width:100%;color:#aaa;margin-top:15px}
#index .two .last .list .nts .ots .fz12 i{width:18px;height:1px;display:inline-block;vertical-align:middle;background:#aaa;margin:0 8px}
#index .two .last .list .nts .ots .fz75{height:100%;display:flex;align-items:center;opacity:0;color:rgba(170,170,170,.1);position:absolute;right:20px;top:100%;z-index:2;transition:all .8s cubic-bezier(.215,.61,.355,1) 0s}
#index .two .last .list .nts .ots .xian{width:4px;height:45px;opacity:0;background:#363636;position:absolute;left:20px;bottom:-100%;z-index:2;transition:all .8s cubic-bezier(.215,.61,.355,1) 0s}
#index .two .last .list:hover{-webkit-filter:grayscale(0);-moz-filter:grayscale(0);-ms-filter:grayscale(0);-o-filter:grayscale(0);filter:gray}
#index .two .last .list:hover .nts{opacity:1;bottom:30px}
#index .two .last .list:hover .nts .ots .fz75{opacity:1;top:0}
#index .two .last .list:hover .nts .ots .xian{opacity:1;bottom:-17px}
#index .two .last .list.in{margin-right:0}
#index .thr{padding:2.5% 0 3%}
#index .thr .item{width:100%;margin-top:70px}
#index .thr .item .list{width:29.9%;border-right:1px solid #f4f4f4;padding-right:2%;margin-right:3%}
#index .thr .item .list .fz46{width:100%;color:#999}
#index .thr .item .list .fz18{width:100%;color:#222;margin:20px 0}
#index .thr .item .list .Zi1{width:100%;height:48px;line-height:24px;color:#999}
#index .thr .item .list .xian{width:35px;height:1px;background:rgba(0,0,0,.1);margin:20px 0}
#index .thr .item .list .Zi2{color:#222}
#index .thr .item .list:hover .fz18{margin:10px 0 20px}
#index .thr .item .list:hover .xian{width:100%;background:rgba(0,0,0,.3);margin:20px 0 30px}
#index .thr .item .list:hover .Zi2{background:url(../img/img10.jpg) no-repeat center right;padding-right:15px}
#index .thr .item .list.in{border-right:none;padding-right:0;margin-right:0}
#index .thr .item .page{width:100%;text-align:center;margin-top:80px}
#index .thr .item .page .prev{width:68px;height:68px;background:url(../img/img11.jpg) no-repeat center;border-right:1px solid #e5e6e6}
#index .thr .item .page .next{width:68px;height:68px;background:url(../img/img12.jpg) no-repeat center}
#index .thr .item .page .prev.swiper-button-disabled{background:url(../img/img13.jpg) no-repeat center}
#index .thr .item .page .next.swiper-button-disabled{background:url(../img/img14.jpg) no-repeat center}
#index .four{width:100%;border-top:1px solid #f3f3f3;padding:85px 0 75px}
#index .four .main{width:57.8125%;text-align:center}
#index .four .main .prev{width:40px;height:40px;background:url(../img/img15.jpg) no-repeat center;background-size:100%;border-radius:50%}
#index .four .main .prev:hover{background:url(../img/img17.jpg) no-repeat center;background-size:100%}
#index .four .main .next{width:40px;height:40px;background:url(../img/img16.jpg) no-repeat center;background-size:100%;border-radius:50%}
#index .four .main .next:hover{background:url(../img/img18.jpg) no-repeat center;background-size:100%}
#index .four .main .last{width:85%;margin-top:5px}
#index .four .main .last .list{width:11%;margin-left:1.5%}
#index .four .main .last .list img{width:100%}
#index .four .main .last .list.in{margin-left:0}
.inside .load{width:100%;text-align:center;opacity:0}
.inside .load img{width:3%}
.inside .load.on{opacity:1}
#inside_category{width:100%;text-align:center;background:#fff;border-bottom:1px solid #ebebeb}
#inside_category .list{color:#555;padding:25px 24px;margin:0 16px}
#inside_category .list.on{border-bottom:1px solid #727272;margin-bottom:-1px}
#detail{background:#fff}
#detail .one{padding:44px 5% 20px}
#detail .one .fz22{width:100%;text-align:center;color:#333}
#detail .one .desc{width:100%;line-height:30px;font-size:14px;margin:30px 0}
#detail .one .page{width:100%}
#detail .one .page .fz14{color:#555}
#detail .one .page .fz14 a{color:#555}
#about{width:100%;background:#fff}
#about .one{width:78.3%}
#about .one .top{width:100%;text-align:center;border-bottom:1px dashed #e8e8e8;padding:80px 0 65px}
#about .one .top .fz22{color:#363636}
#about .one .top .fz14{line-height:36px;color:#666;margin-top:30px}
#about .one .bot{width:100%;padding:80px 0 120px}
#about .one .bot .list{width:32%;margin-right:2%}
#about .one .bot .list img{width:100%}
#about .one .bot .list.in{margin-right:0}
#about .two{width:86.5%;padding:60px 0 70px}
#about .two .last{width:100%}
#about .two .last .list{width:48%;background:#f8f8f8;margin-bottom:4%}
#about .two .last .list .img{width:50%}
#about .two .last .list .img img{width:100%}
#about .two .last .list .nts{width:50%;padding:5%}
#about .two .last .list .nts .fz30{width:100%;color:#000}
#about .two .last .list .nts .Zi1{width:100%;color:#888;font-family:Arial;margin-top:15px}
#about .two .last .list .nts .xian{width:28px;height:1px;background:#000;margin:30px 0 36px}
#about .two .last .list .nts .Zi2{width:100%;line-height:28px;color:#888}
#about .two .last .list .nts .Zi3{width:100%;display:none;color:#000;margin-top:50px}
#about .thr{padding:60px 0 90px}
#about .thr .top{width:61.6%;line-height:26px;text-align:center;color:#888;margin:0 auto}
#about .thr .bot{width:80%;border-top:1px dashed #e5e5e5;margin:70px auto 0}
#about .thr .bot .last{width:100%;margin-bottom:70px}
#about .thr .bot .last .list{width:100%;line-height:20px;border-bottom:1px dashed #e5e5e5;padding:20px 0}
#about .thr .bot .last .list .fz24{color:#a6a6a6}
#about .thr .bot .last .list .icon{width:21px;vertical-align:middle;margin:7px 20px 0}
#about .thr .bot .last .list .icon img{width:100%}
#about .thr .bot .last .list .fz13{width:80%;color:#a6a6a6}
#products{background:#fff}
#products .title{width:100%;text-align:center;color:#231f20;margin:40px 0}
#products .one{padding:60px 0 70px}
#products .one .last{width:100%;margin-bottom:2%}
#products .one .last .list{width:23.5%;overflow:hidden;position:relative;margin-left:3px;margin-bottom:2%;filter:grayscale(50%);-webkit-filter:grayscale(50%);-moz-filter:grayscale(50%);-ms-filter:grayscale(50%);-o-filter:grayscale(50%);filter:gray}
#products .one .last .list .img{width:100%}
#products .one .last .list .img img{width:100%}
#products .one .last .list .nts{width:90%;opacity:0;position:absolute;bottom:0;left:0;right:0;z-index:2;margin:0 auto;transition:all .3s cubic-bezier(.215,.61,.355,1) 0s}
#products .one .last .list .nts .ots{width:100%;text-align:center;background:#fff;position:relative;padding:30px 0}
#products .one .last .list .nts .ots .fz18{width:100%;color:#000}
#products .one .last .list .nts .ots .fz12{width:100%;color:#aaa;margin-top:15px}
#products .one .last .list .nts .ots .fz12 i{width:18px;height:1px;display:inline-block;vertical-align:middle;background:#aaa;margin:0 8px}
#products .one .last .list .nts .ots .fz75{height:100%;display:flex;align-items:center;opacity:0;color:rgba(170,170,170,.1);position:absolute;right:20px;top:100%;z-index:2;transition:all .8s cubic-bezier(.215,.61,.355,1) 0s}
#products .one .last .list .nts .ots .xian{width:4px;height:45px;opacity:0;background:#363636;position:absolute;left:20px;bottom:-100%;z-index:2;transition:all .8s cubic-bezier(.215,.61,.355,1) 0s}
#products .one .last .list:hover{-webkit-filter:grayscale(0);-moz-filter:grayscale(0);-ms-filter:grayscale(0);-o-filter:grayscale(0);filter:gray}
#products .one .last .list:hover .nts{opacity:1;bottom:30px}
#products .one .last .list:hover .nts .ots .fz75{opacity:1;top:0}
#products .one .last .list:hover .nts .ots .xian{opacity:1;bottom:-17px}
#products .one .last .list.in{margin-right:0}
#products .one.in{padding:0 0 110px;margin:0 auto}
#products .one.in .list{margin-bottom:0}
#products .two{width:100%;background:#f8f8fa}
#products .two .img{width:50%}
#products .two .img img{width:100%}
#products .two .nts{width:50%;padding:6% 10% 0}
#products .two .nts .fz28{width:100%;color:#333}
#products .two .nts .attr{width:100%;margin:2.6% 0 5.3%}
#products .two .nts .attr .fz12{background:#ececee;color:#949495;padding:1.4% 1.8%;margin:0 .5%}
#products .two .nts .Zi1{width:100%;color:#888}
#products .two .nts .Zi2{width:100%;height:260px;line-height:26px;overflow:hidden;color:#888;margin:9.7% 0}
#products .two .nts .fz16{background:#231f20;color:#fff;padding:3.1% 9.1%}
#info{background:#fff;padding:10px 0 80px}
#info .last{width:74%;margin:0 auto}
#info .last .list{width:100%;border-bottom:1px solid #ebebeb;padding:50px 0}
#info .last .list .img{width:25%}
#info .last .list .nts{width:70%;padding:5px 0;margin-right:3%}
#info .last .list .nts .fz20{width:100%}
#info .last .list .nts .fz20 a{color:#333}
#info .last .list .nts .Zi1{width:100%;margin-top:16px}
#info .last .list .nts .Zi1 .fz14{width:90%;height:40px;line-height:20px;overflow:hidden;color:#888;border-right:1px solid #ebebeb}
#info .last .list .nts .Zi1 .more{line-height:40px}
#info .last .list .nts .Zi1 .more a{background:url(../img/img45.jpg) no-repeat right center;padding-right:22px}
#info .last .list .nts .Zi2{width:100%;color:#666;margin-top:40px}
#info .last .list .nts .Zi2 span{color:#999}
#turn_page1{width:100%;height:36px;line-height:36px;text-align:center;margin-top:60px}
#turn_page1 span{width:36px;height:36px;display:inline-block;background:#4d4f54;color:#fff;margin:0 3px}
#turn_page1 a{width:36px;height:36px;display:inline-block;background:#fff;color:#4d4f54}
#recruitment{width:100%;background:#fff;padding:80px 0}
#recruitment .last{margin-bottom:3%}
#recruitment .last .list{width:100%;border-bottom:1px solid #d5d5d5;padding:40px 0}
#recruitment .last .list .top{width:100%;cursor:pointer;position:relative}
#recruitment .last .list .top .fz30{color:#999}
#recruitment .last .list .top .fz24{color:#434343;margin:10px 0}
#recruitment .last .list .top .fz16{height:20px;line-height:20px;color:#434343}
#recruitment .last .list .top .fz16.in{border-right:1px solid #ccc;padding-right:6px;margin-right:6px}
#recruitment .last .list .top .fz16 span{color:#e50012}
#recruitment .last .list .top .img{width:54px;overflow:hidden;position:absolute;right:0;top:0;z-index:2;transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg)}
#recruitment .last .list .top .img img{width:100%}
#recruitment .last .list .bot{display:none;margin-top:20px}
#recruitment .last .list .bot .fz14{line-height:24px;color:#555}
#recruitment .last .list .bot .fz16{height:45px;line-height:45px;background:#cd1020 url(../img/img23.png) no-repeat 23% center;color:#fff;padding:0 40px 0 70px;margin-top:30px}
#recruitment .last .list.on{border-bottom:1px solid #d5d5d5}
#recruitment .last .list.on .top .img{transform:rotate(0);-ms-transform:rotate(0);-moz-transform:rotate(0);-webkit-transform:rotate(0);-o-transform:rotate(0)}
#contact{width:100%;background:#fff;padding:80px 0 100px}
#contact .one{text-align:center}
#contact .one .list{width:18%;vertical-align:top;margin:0 3%}
#contact .one .list .img{width:40%;max-width:110px}
#contact .one .list .img img{width:100%}
#contact .one .list .fz20{color:#333;margin:20px 0}
#contact .one .list .fz16{line-height:30px;color:#666;word-wrap:break-word}
#contact .two{width:86%;height:1px;background:#e8e8e8;margin:80px auto 70px}
#contact .thr{background:#f8f8f8}
#contact .thr .img{width:50%}
#contact .thr .img img{width:100%}
#contact .thr .form{width:50%;padding:2% 3%}
#contact .thr .form .fz30{width:100%;color:#333}
#contact .thr .form .Zi1{width:100%;color:#888;margin:10px 0 40px}
#contact .thr .form .list{width:49%;margin-bottom:2%;float:left}
#contact .thr .form .list .input{width:98%;height:50px;background:#fff;color:#666;border:none;border-radius:4px;padding:0 2.5%}
#contact .thr .form .list .text{width:100%;height:140px;background:#fff;color:#666;border:none;border-radius:4px;box-shadow:0 0 100000px #fff inset;resize:none;padding:2.5%}
#contact .thr .form .sub{cursor:pointer;background:#260000;color:#fff;border:none;padding:16px 42px}
@media only screen and (max-width:1680px){#index .one .nts .fz35{font-size:32px}
    #index .one .nts .fz100{font-size:70px}
    #index .one .nts .fz32{font-size:30px}
    #index .one .nts .Zi2{margin-top:8%}
    #index .thr .item{margin-top:4%}
    #products .one.in{padding:0 0 6%}
}
@media only screen and (max-width:1600px){#contact .thr .form{padding:2%}
    #contact .thr .form .fz30{font-size:24px}
    #contact .thr .form .Zi1{font-size:12px;margin:10px 0 20px}
}
@media only screen and (max-width:1440px){#banner-height #banner-fixed #banner .db .list .nts .fz58{line-height:60px;font-size:50px}
    #banner-height #banner-fixed #banner .db .list .nts .fz26{font-size:20px;margin:30px 0}
    #banner-height #banner-fixed #banner .db .list .nts .fz20{font-size:16px}
    #banner-height #banner-fixed #banner .db .list .nts .fz22{font-size:18px;margin:120px 0 10px}
    #banner-height #banner-fixed #banner .db .list .nts .fz16{font-size:12px}
    #index .one .nts .fz100{font-size:60px;margin:10px 0}
    #index .one .nts .fz32{font-size:26px;margin:20px 0 10px}
    #index .one .nts .Zi1{height:72px;line-height:24px;font-size:14px}
    #index .title .fz35{font-size:30px}
    #index .title .xian{margin-top:10px}
    #index .two .category{margin:20px 0 30px}
    #index .two .category .list{font-size:14px;margin:0 15px}
    #index .thr .item .page{margin-top:60px}
    #index .thr .item .page .prev{width:50px;height:50px}
    #index .thr .item .page .next{width:50px;height:50px}
    #index .four{padding:4% 0}
    #index .four .main{width:74%}
    #footer .one{padding:40px 0 60px}
    #footer .one .icon{width:18px}
    #footer .one .fz24{line-height:26px;font-size:20px;margin:20px 0 30px}
    #footer .one .item .list{height:50px}
    #footer .one .item .list .nts{margin-left:6px}
    #footer .one .item .list .img{width:50px}
    #footer .one .item .list .nts .fz16{font-size:14px}
    #footer .one .item .list .nts .fz26{font-size:14px}
    #footer .one .item .list.n2{width:28%}
    #footer .two .left .nav{padding:16px 0}
    #footer .two .left .Zi1{padding:16px 0}
    #footer .two .right .fz14{font-size:12px}
    #footer .two .right .img{width:20px;margin-right:10px}
    #inside_category .list{padding:20px}
    #about .one{width:80%}
    #about .one .top{padding:7% 0 5%}
    #about .one .bot{padding:7% 0 10%}
    #about .two .last .list .nts .fz30{font-size:26px}
    #about .two .last .list .nts .Zi1{font-size:12px}
    #about .two .last .list .nts .xian{margin:26px 0}
    #about .two .last .list .nts .Zi2{line-height:24px;font-size:12px}
    #products .two .nts{padding:4% 5% 0}
    #products .two .nts .fz28{font-size:26px}
    #products .two .nts .Zi2{height:156px;margin:8% 0}
    #info .last .list{padding:40px 0}
    #info .last .list .img{width:30%}
    #info .last .list .nts{width:66%;margin-right:2%}
    #info .last .list .nts .fz20{font-size:18px}
    #detail .one{padding:3% 2% 1.5%}
    #detail .one .desc{margin:3% 0}
    #contact .thr .form .list .input{height:40px}
    #contact .thr .form .list .text{height:120px}
    #contact .thr .form .sub{padding:12px 36px}
}
@media only screen and (max-width:1280px){#index .one .nts .fz100{font-size:46px}
    #index .one .nts .icon{width:18px}
    #index .one .nts .icon img{width:100%}
    #index .one .nts .fz32{font-size:22px}
    #index .one .nts .Zi1{height:66px;line-height:22px;font-size:12px}
    #index .one .nts .Zi2{background-size:24%;padding-right:8%}
    #index .two{padding:2% 0 3%}
    #index .two .last{margin-bottom:40px}
    #index .two .last .list .nts .ots{padding:20px 0}
    #index .two .last .list .nts .ots .fz18{font-size:16px}
    #index .two .last .list .nts .ots .fz75{font-size:60px}
    #index .two .last .list .nts .ots .xian{width:3px;height:36px}
    #index .thr .item .list .fz46{font-size:36px}
    #index .thr .item .list .fz18{font-size:16px;margin:15px 0}
    #index .thr .item .list .Zi1{height:44px;line-height:22px;font-size:12px}
    #index .thr .item .list .xian{margin:15px 0}
    #index .thr .item .list .Zi2{font-size:12px}
    #index .thr .item .page{margin-top:3.5%}
    #index .thr .item .page .prev{width:40px;height:40px;background-size:40%}
    #index .thr .item .page .prev.swiper-button-disabled{background-size:40%}
    #index .thr .item .page .next{width:40px;height:40px;background-size:40%}
    #index .thr .item .page .next.swiper-button-disabled{background-size:40%}
    #index .thr .item .list:hover .xian{margin:15px 0 20px}
    #index .four .main .prev{width:30px;height:30px}
    #index .four .main .next{width:30px;height:30px}
    #index .four .main .last{width:90%;margin-top:0}
    #footer .two .left{width:auto}
    #footer .two .left .nav{padding:12px 0}
    #footer .two .left .nav .list{font-size:12px;margin-right:30px}
    #footer .two .left .Zi1{font-size:12px}
    #footer .two .left .Zi1{padding:12px 0}
    #footer .two .right{width:auto}
    #about .one .top .fz22{font-size:20px}
    #about .one .top .fz14{line-height:30px;font-size:12px;margin-top:2%}
    #about .two{width:90%;padding:4% 0}
    #about .two .last .list{width:49%;margin-bottom:2%}
    #about .two .last .list .nts .xian{margin:20px 0}
    #about .thr{padding:5% 0 7%}
    #about .thr .top{width:90%}
    #about .thr .bot{width:90%;margin:5% auto 0}
    #products .one{padding:2% 0 3%}
    #products .one .last{margin-bottom:40px}
    #products .one .last .list .nts .ots{padding:20px 0}
    #products .one .last .list .nts .ots .fz18{font-size:16px}
    #products .one .last .list .nts .ots .fz75{font-size:60px}
    #products .one .last .list .nts .ots .xian{width:3px;height:36px}
    #products .two .nts{padding:3%}
    #products .two .nts .fz28{font-size:24px}
    #products .two .nts .attr{margin:2.5% 0 5%}
    #products .two .nts .Zi2{height:auto;margin:6% 0}
    #products .two .nts .fz16{font-size:14px;padding:2.8% 8.5%}
    #products .title{font-size:26px;margin:26px 0}
    #info .last .list{padding:30px 0}
    #info .last .list .nts .fz20{font-size:16px}
    #info .last .list .nts .Zi1{margin-top:10px}
    #info .last .list .nts .Zi1 .fz14{width:85%;padding-right:2%}
    #info .last .list .nts .Zi2{margin-top:7%}
    #detail .one .desc{line-height:24px;font-size:12px}
    #contact{padding:60px 0 80px}
    #contact .one .list .img{width:36%}
    #contact .one .list .fz20{font-size:18px;margin:10px 0}
    #contact .one .list .fz16{font-size:14px}
    #contact .two{margin:4% auto 5%}
    #contact .thr .form .fz30{font-size:22px}
    #contact .thr .form .Zi1{margin:6px 0 14px}
    #contact .thr .form .list .text{height:100px}
    #contact .thr .form .sub{padding:10px 30px}
    #recruitment{padding:4% 0 6.5%}
    #recruitment .last .list{padding:30px 0}
    #recruitment .last .list .top .fz30{font-size:26px}
    #recruitment .last .list .top .fz24{font-size:20px}
    #recruitment .last .list .top .fz16{font-size:14px}
    #recruitment .last .list .bot .fz14{line-height:22px;font-size:12px}
    #recruitment .last .list .top .img{width:48px}
}
@media only screen and (max-width:1180px){#footer .one{padding:30px 0 40px}
    #footer .one .fz24{line-height:24px;font-size:18px;margin:15px 0 25px}
    #footer .one .item .list.n1{width:40%}
    #footer .one .item .list.n2{width:26%}
}
@media only screen and (max-width:1100px){#index .one .nts{width:40%}
    #index .one .img{width:60%}
    #contact .thr .form .fz30{font-size:18px}
    #contact .thr .form .fz14{font-size:12px}
    #contact .thr .form .sub{padding:8px 26px}
}
@media only screen and (max-width:1024px){#index .title .fz35{font-size:26px}
    #index .title .xian{margin-top:8px}
    #index .two .category{margin:15px 0 25px}
    #index .one .nts .fz35{font-size:26px}
    #index .one .nts .fz100{font-size:40px}
    #index .one .nts .icon{width:15px}
    #index .one .nts .fz32{font-size:18px}
    #index .one .nts .Zi2{font-size:14px}
    #index .two .last{margin-bottom:25px}
    #index .two .last .list .nts .ots{padding:15px 0}
    #index .two .last .list .nts .ots .fz18{font-size:14px}
    #index .two .last .list .nts .ots .fz12{font-size:10px;margin-top:10px}
    #index .two .last .list .nts .ots .fz75{font-size:50px}
    #index .two .last .list .nts .ots .xian{height:30px}
    #index .two .last .list:hover .nts{bottom:20px}
    #index .more i{width:100px}
    #index .more .fz16{font-size:14px;margin:0 15px}
    #footer .one{padding:20px 0}
    #footer .one .fz24{line-height:22px;margin:15px 0}
    #footer .one .item .list .img{width:40px}
    #footer .one .item .list .nts .fz14{font-size:10px}
    #footer .one .item .list .nts .fz16{font-size:12px;margin-top:5px}
    #footer .one .item .list .nts .fz26{font-size:12px;margin-top:5px}
    #about .two .last .list .nts .fz30{font-size:22px}
    #about .two .last .list .nts .Zi1{margin-top:10px}
    #about .two .last .list .nts .xian{margin:15px 0}
    #about .thr .top{line-height:24px}
    #about .thr .bot .last .list{padding:16px 0}
    #about .thr .bot .last .list .fz24{font-size:22px}
    #products .one .last{margin-bottom:25px}
    #products .one .last .list .nts .ots{padding:15px 0}
    #products .one .last .list .nts .ots .fz18{font-size:14px}
    #products .one .last .list .nts .ots .fz12{font-size:10px;margin-top:10px}
    #products .one .last .list .nts .ots .fz75{font-size:50px}
    #products .one .last .list .nts .ots .xian{height:30px}
    #products .one .last .list:hover .nts{bottom:20px}
    #products .two .nts .fz28{font-size:22px}
    #products .two .nts .Zi2{line-height:24px;margin:4% 0}
    #products .two .nts .fz16{padding:2.5% 8%}
    #products .title{font-size:22px}
    #info .last .list{padding:20px 0}
    #info .last .list .nts .Zi1{margin-top:6px}
    #info .last .list .nts .Zi1 .fz14{font-size:12px}
    #info .last .list .nts .Zi1 .more a{background-size:10%;font-size:10px;padding-right:15px}
    #info .last .list .nts .Zi2{margin-top:4%}
    #contact .one .list .fz20{font-size:16px}
    #contact .one .list .fz16{line-height:24px;font-size:12px}
    #contact .thr .form .fz30{font-size:16px}
    #contact .thr .form .list .input{height:36px}
    #contact .thr .form .list .text{height:80px}
}
@media only screen and (max-width:980px){#warp .wow{visibility:visible}
    #header{display:none}
    #phone_header{display:inline-block}
    #banner-height{display:none}
    #phone_banner{display:inline-block}
    #index .one{padding:4% 0}
    #index .one .nts{width:100%;padding-top:0}
    #index .one .nts .Zi1{height:auto}
    #index .one .nts .Zi2{padding-right:4%;margin:3% 0}
    #index .one .img{width:100%}
    #index .thr .item{margin-top:3%}
    #index .thr .item .list{width:49%;border-right:none;padding-right:0;margin-right:2%}
    #index .thr .item .list .fz46{font-size:30px}
    #index .thr .item .list .fz18{margin:10px 0}
    #index .thr .item .list .xian{width:100%;background:rgba(0,0,0,.3);margin:10px 0}
    #index .thr .item .list .Zi2{background:url(../img/img10.jpg) no-repeat center right;background-size:15%;padding-right:15px}
    #index .thr .item .list:hover .fz18{margin:10px 0}
    #index .thr .item .list:hover .xian{margin:10px 0}
    #index .thr .item .list:hover .Zi2{background:url(../img/img10.jpg) no-repeat center right;background-size:15%}
    #index .thr .item .page{margin-top:3%}
    #index .four .main{width:96%}
    #footer .one .item .list{height:36px}
    #footer .one .item .list .img{width:35px}
    #footer .one .item .list.n1 .nts{width:80%}
    #footer .one .item .list .nts .fz16{margin-top:0}
    #footer .one .item .list .nts .fz26{margin-top:0}
    #footer .one .item .list.n1{width:36%}
    #inside_category .list{padding:16px 20px;margin:0 10px}
    #about .one .top{padding:5% 0}
    #about .one .bot{padding:5% 0}
    #about .two{width:96%}
    #about .two .last .list .nts .fz30{font-size:20px}
    #about .two .last .list .nts .xian{margin:10px 0}
    #about .two .last .list .nts .Zi2{line-height:20px;font-size:10px}
    #info{padding:2% 0 5%}
    #info .last{width:90%}
    #info .last .list .nts .fz20{font-size:14px}
    #info .last .list .nts .Zi1 .fz14{width:100%;border-right:none;padding-right:0}
    #info .last .list .nts .Zi1 .more{display:none}
    #info .last .list .nts .Zi2{margin-top:3%}
    #turn_page1{margin-top:5%}
    #contact{padding:6% 0 8%}
    #contact .one .list{width:20%;margin:0 1%}
    #contact .one .list .img{width:40%}
    #recruitment{padding:2% 0 4%}
}
@media only screen and (max-width:930px){#contact .thr .form{padding:2% 2% 0}
}
@media only screen and (max-width:860px){#contact .thr .img{width:100%}
    #contact .thr .form{width:100%;padding:2%}
}
@media only screen and (max-width:850px){#index .four .main .prev{width:25px;height:25px}
    #index .four .main .next{width:25px;height:25px}
    #products .two .img{width:100%}
    #products .two .nts{width:100%}
    #products .two .nts .fz28{font-size:20px}
    #products .two .nts .attr .fz12{padding:1% 2%}
    #products .two .nts .Zi2{margin:3% 0}
    #products .two .nts .fz16{padding:1.5% 5%}
}
@media only screen and (max-width:780px){#about .thr .top{line-height:22px;font-size:12px}
    #about .thr .bot{margin:4% auto 0}
    #about .thr .bot .last .list{padding:14px 0}
    #about .thr .bot .last .list .fz24{font-size:20px}
    #about .thr .bot .last .list .icon{margin:8px 10px 0}
    #about .thr .bot .last .list .fz13{width:76%;font-size:12px}
}
@media only screen and (max-width:750px){#index .title .fz35{font-size:24px}
    #index .two .last .list{width:49%;margin-bottom:2%;filter:grayscale(0);-webkit-filter:grayscale(0);-moz-filter:grayscale(0);-ms-filter:grayscale(0);-o-filter:grayscale(0);filter:gray}
    #index .two .last .list.to{margin-right:0}
    #index .two .last .list .nts{opacity:1;bottom:30px}
    #index .two .last .list .nts .ots{padding:20px 0}
    #index .two .last .list .nts .ots .fz18{font-size:16px}
    #index .two .last .list .nts .ots .fz12{font-size:12px}
    #index .two .last .list .nts .ots .fz75{opacity:1;font-size:60px;top:0}
    #index .two .last .list .nts .ots .xian{opacity:1;height:40px;bottom:-17px}
    #index .two .last .list:hover .nts{bottom:30px}
    #footer .one .fz24{line-height:20px;font-size:16px;margin:10px 0}
    #footer .one .item .list{height:45px}
    #footer .one .item .list .nts .fz14{font-size:12px}
    #footer .one .item .list .nts .fz16{font-size:10px}
    #footer .one .item .list .nts .fz26{font-size:10px}
    #about .two .last .list .img{width:100%}
    #about .two .last .list .nts{width:100%}
    #about .two .last .list .nts .Zi2{height:60px;overflow:hidden}
    #products .one .last .list{width:49%;margin-bottom:2%;filter:grayscale(0);-webkit-filter:grayscale(0);-moz-filter:grayscale(0);-ms-filter:grayscale(0);-o-filter:grayscale(0);filter:gray}
    #products .one .last .list.to{margin-right:0}
    #products .one .last .list .nts{opacity:1;bottom:30px}
    #products .one .last .list .nts .ots{padding:20px 0}
    #products .one .last .list .nts .ots .fz18{font-size:16px}
    #products .one .last .list .nts .ots .fz12{font-size:12px}
    #products .one .last .list .nts .ots .fz75{opacity:1;font-size:60px;top:0}
    #products .one .last .list .nts .ots .xian{opacity:1;height:40px;bottom:-17px}
    #products .one .last .list:hover .nts{bottom:30px}
    #info .last{width:94%}
    #info .last .list .nts .Zi1 .fz14{font-size:10px}
    #info .last .list .nts .Zi2{font-size:10px;margin-top:1%}
    #info .last .list .nts .Zi2 span{font-size:10px}
    #turn_page1{line-height:30px}
    #turn_page1 span{width:30px;height:30px}
    #turn_page1 a{width:30px;height:30px}
    #detail .one .fz22{font-size:18px}
    #detail .one .desc{margin:2% 0 3%}
    #contact .one .list .img{width:50%}
    #contact .one .list .fz20{font-size:14px;margin:5px 0}
    #contact .one .list .fz16{line-height:20px}
    #recruitment .last .list .top .img{width:40px}
    #recruitment .last .list .top .fz30{font-size:22px}
    #recruitment .last .list .top .fz24{font-size:18px;margin:5px 0}
    #recruitment .last .list .bot{margin-top:10px}
}
@media only screen and (max-width:650px){#footer .one .item .list{width:auto!important;border-right:none}
    #footer .one .item .list .nts{margin-left:3px}
    #footer .one .item .list.n2{margin:0 3%}
}
@media only screen and (max-width:640px){#phone_header .nav .list{padding:10px 0}
    #phone_header .nav .list .Zi1{font-size:16px}
    #phone_header .nav .list .two{margin-top:10px}
    #phone_header .nav .list .two .fz16{font-size:14px}
    #index .one .nts .fz35{font-size:22px}
    #index .one .nts .fz100{font-size:34px}
    #index .one .nts .icon{width:12px}
    #index .one .nts .fz32{margin:10px 0 5px}
    #index .one .nts .Zi1{line-height:20px}
    #index .two .last .list .nts{bottom:20px}
    #index .two .last .list .nts .ots .fz75{font-size:50px}
    #index .two .last .list:hover .nts{bottom:20px}
    #index .thr .item .list .fz46{font-size:26px}
    #index .thr .item .list .fz18{font-size:14px;margin:5px 0}
    #index .thr .item .list .Zi1{height:40px;line-height:20px;font-size:10px}
    #index .thr .item .list:hover .fz18{margin:5px 0}
    #index .thr .item .page .prev{width:30px;height:30px}
    #index .thr .item .page .next{width:30px;height:30px}
    #index .four .main .last .list{width:14%;margin-left:3.2%}
    #inside_category .list{padding:14px 10px;margin:0 6px}
    #about .one .top{padding:7% 0}
    #about .one .top .fz14{line-height:26px}
    #about .one .bot{padding:7% 0}
    #products .one .last .list .nts{bottom:20px}
    #products .one .last .list .nts .ots .fz75{font-size:50px}
    #products .one .last .list:hover .nts{bottom:20px}
    #info .last .list{padding:10px 0}
    #info .last .list .img{display:none}
    #info .last .list .nts{width:100%;padding:0;margin-right:0}
    #info .last .list .nts .Zi1 .fz14{height:auto;line-height:18px}
    #info .last .list .nts .Zi2{margin-top:3%}
    #contact .one .list{width:38%;margin:0 2% 2%}
    #contact .one .list .img{width:36%}
    #contact .one .list .fz20{margin:10px 0}
}
@media only screen and (max-width:540px){#index .title .fz35{font-size:20px}
    #index .title .xian{display:none}
    #index .two .category{margin:10px 0 20px}
    #index .two .category .list{font-size:12px;margin:0 10px}
    #index .two .last{margin-bottom:3%}
    #index .two .last .list .nts .ots{padding:15px 0}
    #index .two .last .list .nts .ots .fz75{font-size:46px;right:5px}
    #index .two .last .list .nts .ots .xian{width:3px;height:32px;bottom:-15px}
    #index .four .main{width:85%}
    #index .four .main .prev{width:30px;height:30px}
    #index .four .main .next{width:30px;height:30px}
    #index .four .main .last{width:83%}
    #index .four .main .last .list{width:23.5%;margin-left:2%}
    #footer .two{text-align:center;padding:16px 0}
    #footer .two .left{width:100%}
    #footer .two .left .nav{border-bottom:none;padding:0}
    #footer .two .left .Zi1{padding:0;margin:10px 0}
    #footer .two .left .nav .list{float:none;display:inline-block;margin:0 10px}
    #footer .two .right{width:100%;display:inline-block}
    #footer .two .right .fz14{line-height:normal;float:none}
    #footer .two .right .img{float:none;vertical-align:top}
    #about .thr .bot .last .list .fz24{font-size:18px}
    #about .thr .bot .last .list .fz13{width:70%}
    #products .one .last{margin-bottom:3%}
    #products .one .last .list .nts .ots{padding:15px 0}
    #products .one .last .list .nts .ots .fz75{font-size:46px;right:5px}
    #products .one .last .list .nts .ots .xian{width:3px;height:32px;bottom:-15px}
    #products .two .nts{padding:5%}
    #products .two .nts .fz28{font-size:18px}
    #products .two .nts .fz16{font-size:14px}
    #products .two .nts .fz14{font-size:12px}
    #products .two .nts .fz12{font-size:10px}
    #products .two .nts .Zi2{line-height:20px}
}
@media only screen and (max-width:460px){#phone_header .logo{width:80px}
    #phone_header .lang{font-size:18px;margin-top:9px}
    #phone_header .target{width:30px;height:26px}
    #phone_header .target.on{width:18px;height:26px}
    #phone_banner .hb{bottom:10px!important}
    #phone_banner .hb span{width:6px;height:6px;margin:0 3px!important}
    #index .one .nts .fz35{font-size:18px}
    #index .one .nts .fz100{font-size:28px;margin:20px 0}
    #index .one .nts .icon{width:10px}
    #index .one .nts .fz32{font-size:16px}
    #index .one .nts .Zi2{padding-right:6%}
    #index .two{padding:5% 0}
    #index .two .last{margin-bottom:4%}
    #index .two .last .list .nts{width:100%;bottom:0}
    #index .two .last .list .nts .ots{background:rgba(255,255,255,.9) repeat}
    #index .two .last .list .nts .ots .fz75{display:none}
    #index .two .last .list .nts .ots .fz12{margin-top:5px}
    #index .two .last .list .nts .ots .fz12 i{display:none}
    #index .two .last .list .nts .ots .xian{display:none}
    #index .two .last .list:hover .nts{bottom:0}
    #index .more .fz16{margin:0 10px}
    #index .more i{width:60px;display:none;margin-top:-3px}
    #index .thr .item .list{width:48%;margin-right:4%}
    #index .thr .item .list .fz46{font-size:22px}
    #index .thr .item .list .Zi2{background:0 0;font-size:10px;padding-right:0}
    #index .thr .item .list:hover .Zi2{background:0 0;padding-right:0}
    #index .four .main{width:96%}
    #index .four .main .last{width:84%}
    #footer .one .item{width:76%;margin:0 auto}
    #footer .one .item .list{width:100%!important;height:auto;text-align:left}
    #footer .one .item .list.n1 .nts{width:auto}
    #footer .one .item .list.n2{margin:2% 0}
    #inside_category .list{font-size:12px;padding:14px 8px;margin:0 4px}
    #about .one{width:94%}
    #about .one .top{padding:6% 0}
    #about .one .top .fz22{font-size:16px}
    #about .one .top .fz14{line-height:22px;font-size:10px}
    #about .one .bot{padding:5% 0}
    #about .two .last .list .nts .fz30{font-size:18px}
    #about .two .last .list .nts .Zi1{margin-top:5px}
    #products .one{padding:5% 0}
    #products .one .last{margin-bottom:4%}
    #products .one .last .list .nts{width:100%;bottom:0}
    #products .one .last .list .nts .ots{background:rgba(255,255,255,.9) repeat}
    #products .one .last .list .nts .ots .fz75{display:none}
    #products .one .last .list .nts .ots .fz12{margin-top:5px}
    #products .one .last .list .nts .ots .fz12 i{display:none}
    #products .one .last .list .nts .ots .xian{display:none}
    #products .one .last .list:hover .nts{bottom:0}
    #products .two .nts .fz16{font-size:12px}
    #products .title{font-size:18px;margin:16px 0}
    #turn_page1{line-height:26px}
    #turn_page1 span{width:26px;height:26px;margin:0 2px}
    #turn_page1 a{width:26px;height:26px;margin:0 2px}
    #detail .one{width:90%;padding:6% 0}
    #contact .one .list{width:45%}
    #contact .thr .form{padding:4%}
    #contact .thr .form .list{margin-bottom:3%}
    #recruitment .last .list{padding:20px 0}
    #recruitment .last .list .top .fz30{font-size:20px}
    #recruitment .last .list .top .img{width:36px}
}
@media only screen and (max-width:400px){#index .four .main .prev{width:25px;height:25px}
    #index .four .main .next{width:25px;height:25px}
    #about .thr .bot .last .list .fz24{font-size:16px}
    #about .thr .bot .last .list .fz13{width:68%}
}
@media only screen and (max-width:380px){#index .two .last .list .nts .ots{padding:10px 0}
    #index .two .last .list .nts .ots .fz18{font-size:14px}
    #index .two .last .list .nts .ots .fz12{font-size:10px}
    #about .two{width:90%}
    #about .two .last .list{width:100%;margin-right:0;margin-bottom:4%}
    #about .two .last .list .nts .fz30{font-size:16px}
    #about .two .last .list .nts .Zi2{height:auto}
    #products .one .last .list .nts .ots{padding:10px 0}
    #products .one .last .list .nts .ots .fz18{font-size:14px}
    #products .one .last .list .nts .ots .fz12{font-size:10px}
    #recruitment .last .list .top .img{width:30px;margin-top:5px}
}
@media only screen and (max-width:360px){#index .four .main .prev{width:28px;height:28px}
    #index .four .main .next{width:28px;height:28px}
    #index .four .main .last{width:80%}
    #index .four .main .last .list{width:32%}
    #footer .one .item{width:90%}
    #footer .two .left .nav .list{margin:0 5px}
    #about .thr .bot .last .list .fz13{width:65%}
    #products .title{font-size:16px;margin:12px 0}
}
.pages{float:left;width:100%;margin:30px 0 0 0;font-size:14px;text-align:center}
.pages li{display:inline-block}
.pages a{display:block;line-height:22px;font-size:14px;color:#999;padding:0 8px;border-radius:11px;margin:0 7px}
.pages a:hover{background:#ffa800;color:#fff}
.pages li.active a{background:#ffa800;color:#fff}
#turn_page1 .cur{width:36px;height:36px;display:inline-block;background:#4d4f54;color:#fff;margin:0 3px}