@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 300ms ease 0s; -moz-transition:all 300ms ease 0s; -ms-transition:all 300ms ease 0s; -o-transition:all 300ms ease 0s; transition:all 300ms ease 0s;}

/*鏂扮珯*/
#warp{width:100%; max-width:750px; min-width:320px; margin:0 auto;}
.main{ width:93.33%; margin:0 auto;}

/*鍏憡鏍峰紡*/
.b_pic{overflow:hidden;}
.b_pic img{ -webkit-transition:0.5s; -moz-transition:0.5s; transition:0.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:0px auto; clear:both; height:0px; font-size:0px; overflow:hidden;}
.clear_both{zoom:1;}
.clear_both:after{content:""; display:block; clear:both;}
.dis{ display:inline-block; *display:inline; zoom:1;}

/*瀛椾綋*/
.fz12{ font-size:12px; color:#333;}
.fz14{ font-size:14px; 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;}
.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;}

@font-face{ font-family:'font-zi1'; src:url('/font/PingFang-Medium.ttf');}
.font-zi1{ font-family:'font-zi1';}


/*澶撮儴鏍峰紡*/
#header .head{ width:100%;}
#header .header{ width:100%; max-width:750px; min-width:320px; text-align:center; background:#fff; position:fixed; top:0; left:0; right:0; z-index:9; margin:0 auto;}
#header .header .target{ width:23px; margin-top:21px; margin-left:28px;}
#header .header .target img{ width:100%;}
#header .header .logo{ width:160px; position:absolute; top:9px; left:0; right:0; z-index:2; margin:0 auto;}
#header .header .logo .img{ width:105px;}
#header .header .logo .img img{ width:100%;}
#header .header .logo .fz14{ width:100%; color:#666;}
#header .header .logo .fz14 .n1{ color:#e10000;}
#header .header .logo .fz14 .n2{ color:#005bac;}
#header .header .right{ position:relative; z-index:3; border-left:1px solid #e5e5e5;}
#header .header .right .lang{ width:82px; line-height:84px; text-transform:uppercase; color:#666;}
#header .header .right .click_search{ width:80px; height:84px; cursor:pointer; background:#0053a8 url(/images/mobile/img2.png) no-repeat center;}
#header .search{ width:100%; max-width:750px; min-width:320px; height:100%; display:none; background:#fff; position:fixed; top:0; left:0; right:0; z-index:10; padding:6% 0; margin:0 auto;}
#header .search .top{ width:100%;}
#header .search .top .input{ width:90%; height:58px; color:#666; border:1px solid #ccc; border-radius:50px; padding:0 20px;}
#header .search .top .cancel{ line-height:58px; color:#999;}
#header .search .bot{ width:100%; text-align:center; margin-top:5%;}
#header .search .bot .list{ width:22%; background:#f5f5f5; color:#999; border:1px solid #ccc; border-radius:50px; padding:2% 0; margin-right:4%; margin-bottom:3.5%;}
#header .nav{ width:100%; max-width:750px; min-width:320px; height:100%; display:none; background:#fff; position:fixed; top:0; left:0; right:0; z-index:10; margin:0 auto;}
#header .nav .left{ width:22%; text-align:center;}
#header .nav .left .list{ width:100%; cursor:pointer; color:#666; border-bottom:1px solid #ccc; border-right:1px solid #ccc; padding:20% 0;}
#header .nav .left .list.on{ color:#005bac; border-right:1px solid #fff;}
#header .nav .right{ width:78%; position:relative; padding:4% 17% 0 8.5%;}
#header .nav .right .shutdown{ cursor:pointer; font-size:30px; position:absolute; right:3%; top:4%; z-index:2;}
#header .nav .right .last{ width:100%; text-align:center; display:none;}
#header .nav .right .last .list{ width:45%; color:#666; border:1px solid #ccc; border-radius:50px; padding:3% 0; margin-bottom:8%;}
#header .nav .right .last .list:hover{ background:#005bac; color:#fff !important; border-color:#005bac;}
#header .nav .right .last.on{ display:inline-block;}

/*鎮诞鏍峰紡*/
.float .feedback{ width:100%; height:100%; text-align:center; display:none; background:rgba(0,0,0,0.6); position:fixed; top:0; left:0; z-index:10;}
.float .feedback .form{ width:90%; max-width:500px; text-align:left; background:#fff; border-radius:6px; position:relative; padding:10% 4% 5%; margin-top:15%;}
.float .feedback .form .list{ width:100%; line-height:38px; margin-top:5%;}
.float .feedback .form .list .Zi1{ width:20%; min-height:1px; color:#666;}
.float .feedback .form .list .input{ width:80%; height:38px; color:#666; border:1px solid #ccc; border-radius:6px; padding:0 3%;}
.float .feedback .form .list .sub{ width:88%; height:36px; background:#005bac; color:#fff; border:none; border-radius:6px;}
.float .feedback .form .shutdown{ cursor:pointer; position:absolute; right:4%; top:3%; z-index:2;}

/*骞垮憡鏍峰紡*/
.banner{ width:100%; overflow:hidden; position:relative;}
.banner .db{ width:100%;}
.banner .db a{ width:100%;}
.banner .db a img{ width:100%;}
.banner .hb{ width:100%; text-align:center; position:absolute; left:0; right:0; bottom:3% !important; z-index:2; margin:0 auto;}
.banner .hb span{ width:8px; height:8px; display:inline-block; opacity:1; cursor:pointer; background:#fff; font-size:0; border:1px solid #fff; border-radius:50%; margin:0 5px !important;}
.banner .hb span.swiper-pagination-bullet-active{ background:none;}

/*搴曢儴鏍峰紡*/
.footer{ width:100%;}
.footer .top{ width:100%; text-align:center; display:flex; background:#005bac; padding:2.5% 0;}
.footer .top .list{ flex-grow:1; background:url(/images/mobile/img8.jpg) no-repeat left center; color:#fff !important;}
.footer .top .list.in{ background:none;}
.footer .bot{ width:100%; background:#f9f9f9; padding:5% 0;}
.footer .bot .left{ width:50%;}
.footer .bot .left .fz16{ width:100%; color:#666;}
.footer .bot .left .fz14{ width:100%; line-height:26px; opacity:0.7; color:#666; margin-top:2%;}
.footer .bot .right{ width:50%;}
.footer .bot .right .ewm{ width:32%; text-align:center;}
.footer .bot .right .ewm .img{ width:100%;}
.footer .bot .right .ewm .img img{ width:100%;}
.footer .bot .right .ewm .fz12{ width:100%; color:#666; margin-top:5%;}
.footer .bot .right .ewm.in{ margin-left:10%;}
.footer .nav{ width:100%; max-width:750px; min-width:320px; text-align:center; background:#fff; position:fixed; bottom:0; left:0; right:0; z-index:8; padding:2% 0; margin:0 auto;}
.footer .nav .list{ width:25%;}
.footer .nav .list .img{ width:29%; height:7.5vw;}
.footer .nav .list .img img{ width:100%;}
.footer .nav .list .fz24{ width:100%; color:#888; margin-top:2%;}

/*棣栭〉鏍峰紡*/
.index{ width:100%; padding-bottom:10%;}
.index .title{ width:100%; text-align:center;}
.index .title .fz26{ width:100%; color:#005bac;}
.index .title .fz20{ width:100%; text-transform:uppercase; color:#e10000; font-family:'Estrangelo Edessa';}
.index .page{ width:100%; text-align:center; margin-top:3%;}
.index .page .prev{ width:6px; height:10px; background:url(/images/img7.jpg) no-repeat center;}
.index .page .next{ width:6px; height:10px; background:url(/images/img8.jpg) no-repeat center;}
.index .page .hb{ margin:0 2%;}
.index .page .hb span{ width:7px; height:7px; display:inline-block; opacity:1; cursor:pointer; background:none; font-size:0; border:1px solid #005bac; border-radius:50%; margin:0 5px !important;}
.index .page .hb span.swiper-pagination-bullet-active{ background:#005bac;}
.index .one{ width:100%; padding-top:4%;}
.index .one .category{ width:100%; display:flex; text-align:center;}
.index .one .category .list{ width:33%; flex-grow:1; color:#666; border:1px solid #e3e3e3; padding:2.5% 0;}
.index .one .category .list.on{ background:#005bac; color:#fff !important; border-color:#005bac;}
.index .one .last{ margin-top:4%;}
.index .one .last ul{ width:100%;}
.index .one .last ul li{ width:48%;}
.index .one .last ul li .img{ width:60%; height:27vw; text-align:center; overflow:hidden; border:1px solid #005bac;}
.index .one .last ul li .img a{ width:60%; height:27vw; display:table-cell; vertical-align:middle;}
.index .one .last ul li .img a img{ max-width:80%; max-height:80%;}
.index .one .last ul li .nts{ width:36%;}
.index .one .last ul li .nts .fz16{ width:100%; margin:5% 0;}
.index .one .last ul li .nts .fz16 a{ color:#e10000;}
.index .one .last ul li .nts .atrr{ width:100%;}
.index .one .last ul li .nts .fz14{ width:100%; color:#666; margin-top:5%;}
.index .one .last ul li .nts .fz14 span{ color:#005bac;}
.index .two{ width:100%; padding-top:13%;}
.index .two .last{ width:100%; margin-top:5%;}
.index .two .last .list{ width:100%;}
.index .two .last .list .img{ width:50%;}
.index .two .last .list .img img{ width:100%;}
.index .two .last .list .nts{ width:50%; padding:2%;}
.index .two .last .list .nts .icon{ width:31px; height:31px; overflow:hidden;}
.index .two .last .list .nts .icon img{ width:100%;}
.index .two .last .list .nts .fz20{ width:100%; color:#e10000; margin:4% 0;}
.index .two .last .list .nts .fz20 a{ color:#e10000 !important;}
.index .two .last .list .nts .fz16{ width:100%; height:44px; line-height:22px; overflow:hidden; color:#666;}
.index .thr{ padding-top:8%;}
.index .thr .top{ width:100%;}
.index .thr .top img{ width:100%; margin-top:5%;}
.index .four{ padding-top:5%;}
.index .four .last{ width:100%; margin-top:3%;}
.index .four .last ul{ width:100%; border:1px solid #e5e5e5; padding:3%;}
.index .four .last ul li{ width:22%; height:26vw; margin-right:4%; margin-top:4%;}
.index .four .last ul li .img{ width:22%; height:26vw; display:table-cell; vertical-align:middle;}
.index .four .last ul li .img img{ max-width:100%; max-height:100%;}
.index .four .last ul li.in{ margin-top:0;}
.index .five{ padding-top:10%;}
.index .five .tis{ width:100%; line-height:18px;}
.index .five .tis .fz18{ height:18px; color:#005bac; border-left:4px solid #e10000; padding-left:10px;}
.index .five .tis .fz12{ color:#666;}
.index .five .top{ width:100%; text-align:center;}
.index .five .top .list{ width:31%; height:11vw; border:1px solid #eee; margin-right:3.5%; margin-top:5%;}
.index .five .top .list a{ width:31%; height:11vw; display:table-cell; vertical-align:middle;}
.index .five .top .list a img{ max-width:80%; max-height:80%;}
.index .five .cont{ width:100%; border:1px solid #e5e5e5; padding:3%; margin:5% 0;}
.index .five .cont .item{ width:100%; margin-top:3%;}
.index .five .cont .item .img{ width:36%;}
.index .five .cont .item .img img{ width:100%;}
.index .five .cont .item .nts{ width:61%;}
.index .five .cont .item .nts .its{ width:100%;}
.index .five .cont .item .nts .its .xian{ width:34px; height:1px; vertical-align:middle; background:#e10000; margin-top:-7px;}
.index .five .cont .item .nts .its .fz20{ color:#e10000; margin:0 5%;}
.index .five .cont .item .nts .fz14{ width:100%; color:#666; margin-top:3.5%;}
.index .five .bot{ width:100%; border:1px solid #e5e5e5; padding:3% 3% 1%;}
.index .five .bot .last{ width:100%; margin-top:3%;}
.index .five .bot .last .list{ width:100%; border-top:1px solid #eee; padding:2% 0;}
.index .five .bot .last .list a{ color:#666;}

/*鍐呴〉*/
.product_banner{ width:100%; margin:3% 0;}
.product_banner img{ width:100%;}
.inside{}
.inside .category{ width:100%; border-top:1px solid #e3e3e3; _border-bottom:1px solid #e3e3e3;}
.inside .category ul{ width:100%; display:flex;}
.inside .category ul .list{ width:33.33%; text-align:center; flex-grow:1; border-right:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3;}
.inside .category ul .list a{ width:100%; color:#666; padding:2vw 0;}
.inside .category ul .list.in{ border-right:none;}
.inside .category ul .list.on a{ background:#e10000; color:#fff !important;}
.inside .category.in{ margin:3% 0;}
.inside .category.is{ margin:3% 0 0;}
.inside .screening{ width:100%; background:#f9f9f9; padding:3% 0;}
.inside .screening .Zi1{ width:15%; color:#666; padding:0.5% 0;}
.inside .screening .its{ width:85%;}
.inside .screening .its .select{ width:30%; background:#fff; border:1px solid #c8c8c8; padding:0.5% 1%; margin-right:5%; margin-top:2%;}
.inside .screening .its .select.in{ margin-top:0;}

/*璇︾粏椤?/
.detail{ width:100%;}
.detail .top{ padding:5% 0;}
.detail .top .fz16{ width:100%; text-align:center; color:#333;}
.detail .top .nts{ width:100%; text-align:center; margin-top:2%;}
.detail .top .nts .fz12{ color:#999; vertical-align:top; margin:0 1%;}
.detail .top .nts .fz12 span{ color:#005bac;}
.detail .top .nts .fz12 .bdsharebuttonbox{ margin-top:-6px;}
.detail .top .nts .fz12.red{ color:#e10000 !important;}
.detail .top .nts .fz14{ background:#e10000 url(/images/img46_1.png) no-repeat 20% center; background-size:25%; color:#fff !important; font-size:18px; padding:1.5% 2% 1.5% 12%; margin-top:5%;}
.detail .top .desc{ width:100%; margin-top:4%;}
.detail .top .desc img{ max-width:100%; max-height:100%;}
.detail .bot{ border-top:1px solid #005bac; padding:4% 0;}
.detail .bot .fz12{ color:#666;}
.detail .bot .fz12 a{ color:#666;}
.detail .bot .fz12.in{ margin-bottom:1%;}

/*鍐呴〉鎺ㄨ崘*/
.recommended{ padding:4% 0 0;}
.recommended .page{ width:100%; text-align:center; margin-top:4%;}
.recommended .page .prev{ width:6px; height:10px; background:url(/images/img7.jpg) no-repeat center;}
.recommended .page .next{ width:6px; height:10px; background:url(/images/img8.jpg) no-repeat center;}
.recommended .page .hb{ margin:0 2%;}
.recommended .page .hb span{ width:7px; height:7px; display:inline-block; opacity:1; cursor:pointer; background:none; font-size:0; border:1px solid #005bac; border-radius:50%; margin:0 5px !important;}
.recommended .page .hb span.swiper-pagination-bullet-active{ background:#005bac;}
.recommended .one{ width:100%; border:1px solid #e5e5e5; padding:3% 3% 1%;}
.recommended .one .tis{ width:100%; line-height:18px;}
.recommended .one .tis .fz18{ height:18px; color:#005bac; border-left:4px solid #e10000; padding-left:10px;}
.recommended .one .tis .fz12{ color:#666;}
.recommended .one .last{ width:100%; margin-top:3%;}
.recommended .one .last .list{ width:100%; border-top:1px solid #eee; padding:2% 0;}
.recommended .one .last .list a{ color:#666;}
.recommended .two{ width:100%; margin-top:5%;}
.recommended .two .fz20{ width:100%; text-align:center; background:#005bac; color:#fff; padding:2.6% 0;}
.recommended .two .last{ width:100%; border:1px solid #e5e5e5; padding:3%;}
.recommended .two .last .list{ width:30%; background:url(/images/mobile/img14.jpg) no-repeat 90% center; color:#333; border:1px solid #eee; padding:2% 3%; margin-right:5%; margin-top:4%;}
.recommended .two .last .list.in{ margin-top:0;}
.recommended .thr{ width:100%; border:1px solid #ccc; margin-top:5%;}
.recommended .thr .Zi1{ width:100%; background:#f7f7f7; color:#005bac; padding:2% 3%;}
.recommended .thr .last{ width:100%; padding:3% 0;}
.recommended .thr .last ul{ width:100%; padding:0 2%;}
.recommended .thr .last ul li{ width:48%;}
.recommended .thr .last ul li .img{ width:60%; height:25.5vw; text-align:center; overflow:hidden; border:1px solid #005bac;}
.recommended .thr .last ul li .img a{ width:60%; height:25.5vw; display:table-cell; vertical-align:middle;}
.recommended .thr .last ul li .img a img{ max-width:80%; max-height:80%;}
.recommended .thr .last ul li .nts{ width:36%;}
.recommended .thr .last ul li .nts .fz16{ width:100%; margin:5% 0;}
.recommended .thr .last ul li .nts .fz16 a{ color:#e10000;}
.recommended .thr .last ul li .nts .atrr{ width:100%;}
.recommended .thr .last ul li .nts .fz14{ width:100%; color:#666; margin-top:5%;}
.recommended .thr .last ul li .nts .fz14 span{ color:#005bac;}
.recommended .four{ width:100%; background:url(/images/mobile/img17.jpg) no-repeat center; background-size:cover; border:1px solid #ccc; padding:3%; margin-top:5%;}
.recommended .four .left{ width:50%;}
.recommended .four .left .img{ width:12.5%; margin-top:1%; margin-right:3%;}
.recommended .four .left .img img{ width:100%;}
.recommended .four .left .nts .fz16{ width:100%; text-transform:uppercase; color:#ea281e; font-weight:bold; font-family:'Myriad Pro';}
.recommended .four .left .nts .fz18{ width:100%; color:#666; font-weight:bold; font-family:'Myriad Pro';}
.recommended .four .right{ width:30%;}
.recommended .four .right img{ width:100%;}

/*浜у搧*/
.product{ width:100%;}
.product .last{}
.product .last .list{ width:100%; margin-top:4%;}
.product .last .list .img{ width:50%; height:46vw; text-align:center; border:1px solid #fff;}
.product .last .list .img a{ width:50%; height:46vw; display:table-cell; vertical-align:middle;}
.product .last .list .img a img{ max-width:70%; max-height:70%;}
.product .last .list .nts{ width:50%; padding:2% 7%;}
.product .last .list .nts .fz16{ width:100%;}
.product .last .list .nts .fz16 a{ color:#e10000;}
.product .last .list .nts .atrr{ width:100%;}
.product .last .list .nts .atrr .fz14{ width:100%; color:#666; margin-top:10%;}
.product .last .list .nts .atrr .fz14 span{ color:#005bac;}
.product .last .list:hover .img{ border-color:#004eb6;}
.prodetail{ width:100%;}
.prodetail .one{ padding:5% 0;}
.prodetail .one .left{ width:61%;}
.prodetail .one .left .big_img{ width:60%; display:block; margin:0 auto;}
.prodetail .one .left .big_img img{ max-width:100%; max-height:100%;}
.prodetail .one .left .item{ width:100%; text-align:center; margin-top:10%;}
.prodetail .one .left .item .prev{ width:5.2%;}
.prodetail .one .left .item .prev img{ width:100%;}
.prodetail .one .left .item .next{ width:5.2%;}
.prodetail .one .left .item .next img{ width:100%;}
.prodetail .one .left .item .swiper-container{ width:81%;}
.prodetail .one .left .item .swiper-container li{ height:7.5vw; border:1px solid #ccc; padding:0 1%;}
.prodetail .one .left .item .swiper-container li a{ height:7.5vw; display:table-cell; vertical-align:middle;}
.prodetail .one .left .item .swiper-container li a img{ max-width:80%; max-height:80%;}
.prodetail .one .left .item .swiper-container li.on{ border-color:#e10000;}
.prodetail .one .right{ width:28.5%; padding:1% 0;}
.prodetail .one .right .fz16{ width:100%; color:#e10000;}
.prodetail .one .right .atrr{ width:100%;}
.prodetail .one .right .atrr .fz14{ width:100%; color:#666; margin-top:14%;}
.prodetail .one .right .atrr .fz14 span{ color:#005bac;}
.prodetail .two{ margin-top:5%;}
.prodetail .two .top{ width:100%; border-bottom:1px solid #ccc; margin-bottom:-1px;}
.prodetail .two .top .fz16{ cursor:pointer; color:#ccc; padding:0 3% 1%; margin-right:3%; margin-bottom:-1px;}
.prodetail .two .top .fz16.on{ color:#005bac; border-bottom:2px solid #005bac;}
.prodetail .two .bot{ width:100%; padding:30px 0 0;}
.prodetail .two .bot .desc{ width:100%; display:none;}
.prodetail .two .bot .desc img{ max-width:100% !important; min-height:100% !important;}
.prodetail .two .bot .desc.on{ display:inline-block;}

/*搴旂敤妗堜緥*/
.case{}
.case .last{ width:100%;}
.case .last .list{ width:100%; border-bottom:1px solid #eee; padding:3% 0;}
.case .last .list .img{ width:42%; height:26.2vw; text-align:center; border:1px solid #ccc;}
.case .last .list .img a{ width:42%; height:26.2vw; display:table-cell; vertical-align:middle;}
.case .last .list .img a img{ max-width:100%; max-height:100%;}
.case .last .list .nts{ width:54%; padding:2% 0;}
.case .last .list .nts .fz16{ width:100%;}
.case .last .list .nts .fz16 a{ color:#666;}
.case .last .list .nts .fz14{ width:100%; height:66px; line-height:22px; overflow:hidden; color:#999; margin:5% 0;}
.case .last .list .nts .more{ width:100%;}
.case .last .list .nts .more a{ color:#e32121;}

/*涓嬭浇椤甸潰*/
.download{ width:100%;}
.download .last{ width:100%; text-align:center; border:1px solid #ccc;}
.download .last th{ height:56px; text-align:center; background:#f5f5f5; font-size:14px;}
.download .last th.n1{ text-align:left; padding:0 16px;}
.download .last td{ height:52px; font-size:14px; color:#666;}
.download .last td.n1{ text-align:left; color:#005bac; padding:0 16px;}
.download .last td.n1 a{ color:#005bac;}
.download .last td .load{ width:26px;}
.download .last td .load img{ width:100%;}

/*鍏充簬鎴戜滑*/
.about{ width:100%;}
.about .desc{ padding:3% 0;}
.about .desc img{ max-width:100%; max-height:100%;}

/*turn_page1*/
#turn_page1{ width:100%; line-height:40px; text-align:center; margin-top:5%;}
#turn_page1 a{ display:inline-block; font-size:14px; background:#ebebeb; color:#666; margin:0 1px;}
#turn_page1 span{ display:inline-block; font-size:14px; color:#666; margin:0 1px;}
#turn_page1 input{ font-size:14px;}
#turn_page1 select{ width:60px; height:40px; text-indent:5px; background:#fff url(/images/img39.png) no-repeat 85% center; background-size:20%; border:1px solid #ebebeb; -moz-appearance: none; -webkit-appearance:none; appearance:none;}
#turn_page1 font{ display:inline-block; font-size:14px; background:#ebebeb; color:#666; margin:0 1px;}
#turn_page1 .page_button{ width:98px; height:40px; border:1px solid #e5e5e5;}
#turn_page1 .page_noclick{ width:98px; height:40px; border:1px solid #e5e5e5;}
#turn_page1 .page_item_current{ width:40px; height:40px; background:#da261e; color:#fff; border:1px solid #da261e;}
#turn_page1 .page_item{ width:40px; height:40px; background:#ebebeb; color:#666; border:1px solid #e5e5e5; margin:0 1px;}

/*鎵嬫満鍏煎*/
@media only screen and (max-width:480px){
	#header .header .target{ width:15px; margin-left:15px; margin-top:18px;}
	#header .header .logo{ width:180px; top:3px;}
	#header .header .logo .img{ width:90px;}
	#header .header .logo .fz14{ font-size:12px;}
	#header .header .right .lang{ width:50px; line-height:60px; font-size:18px;}
	#header .header .right .click_search{ width:60px; height:60px; background-size:40%;}
	#header .search .top .input{ height:48px; font-size:16px;}
	#header .search .top .cancel{ line-height:48px; font-size:16px;}
	#header .search .bot .list{ width:23.5%; font-size:12px; margin-right:2%;}
	#header .nav .left{ width:30%;}
	#header .nav .left .list{ font-size:16px; padding:15% 0;}
	#header .nav .right{ width:70%; padding:4% 10% 0 8.5%;}
	.index .title .fz26{ font-size:22px;}
	.index .title .fz20{ font-size:18px;}
	.index .one .category .list{ font-size:12px;}
	.index .one .last ul li .img{ width:50%; height:22vw;}
	.index .one .last ul li .img a{ width:50%; height:22vw;}
	.index .one .last ul li .nts{ width:45%;}
	.index .one .last ul li .nts .fz16{ font-size:12px; margin:1% 0;}
	.index .one .last ul li .nts .fz14{ font-size:10px; margin-top:2%;}
	.index .page .hb{ vertical-align:top; margin:6px 1% 0;}
	.index .page .hb span{ width:6px; height:6px; margin:0 2px !important;}
	.index .two .last .list .nts{ padding:2%;}
	.index .two .last .list .nts .icon{ width:25px; height:25px;}
	.index .two .last .list .nts .fz20{ font-size:16px; margin:2% 0;}
	.index .two .last .list .nts .fz16{ height:40px; line-height:20px; font-size:12px;}
	.index .five .tis .fz18{ font-size:16px; border-left:2px solid #e10000; padding-left:5px;}
	.index .five .cont{ padding:2%;}
	.index .five .cont .item{ margin-top:2%;}
	.index .five .cont .item .img{ width:45%;}
	.index .five .cont .item .nts{ width:52%;}
	.index .five .cont .item .nts .its .xian{ display:none;}
	.index .five .cont .item .nts .its .fz20{ width:100%; text-align:center; font-size:14px; margin:0;}
	.index .five .cont .item .nts .fz14{ font-size:10px; margin-top:1%;}
	.index .five .bot{ padding:2% 2% 0;}
	.index .five .bot .last{ margin-top:2%;}
	.index .five .bot .last .list{ font-size:12px; padding:1.5% 0;}
	.footer .top .list{ font-size:10px;}
	.footer .bot .left .fz16{ font-size:14px;}
	.footer .bot .left .fz14{ line-height:22px; font-size:12px;}
	.footer .bot .right .ewm{ width:35%;}
	.footer .bot .right .ewm.in{ margin-left:8%;}
	.footer .bot .right .ewm .fz12{ font-size:10px;}
	.footer .nav .list .fz24{ font-size:18px;}
	.inside .category ul .list{ font-size:12px;}
	.inside .screening .Zi1{ font-size:12px; padding:0.8% 0;}
	.inside .screening .its .select{ font-size:12px;}
	.product .last .list{ margin-top:3%;}
	.product .last .list .img a img{ max-width:80%; max-height:80%;}
	.product .last .list .nts{ padding:2% 4%;}
	.product .last .list .nts .fz16{ font-size:14px;}
	.product .last .list .nts .atrr .fz14{ font-size:12px; margin-top:6%;}
	.prodetail .one .left{ width:65%;}
	.prodetail .one .left .big_img{ width:70%;}
	.prodetail .one .right{ width:32%;}
	.prodetail .one .right .fz16{ font-size:14px;}
	.prodetail .one .right .atrr .fz14{ font-size:12px; margin-top:10%;}
	.prodetail .two .top .fz16{ font-size:14px; margin-right:1%;}
	.case .last .list{ padding:2% 0;}
	.case .last .list .nts{ padding:0;}
	.case .last .list .nts .fz16{ font-size:14px;}
	.case .last .list .nts .fz14{ height:60px; line-height:20px; font-size:12px; margin:3% 0;}
	.case .last .list .nts .more a{ font-size:12px;}
	.download .last th{ height:40px; font-size:12px;}
	.download .last th.n1{ padding:0 3%;}
	.download .last td{ height:40px; font-size:12px;}
	.download .last td.n1{ padding:0 3%;}
	.download .last td .load{ width:20px;}
	.recommended .one{ padding:2% 2% 0;}
	.recommended .one .tis .fz18{ font-size:16px; border-left:2px solid #e10000; padding-left:5px;}
	.recommended .one .last{ margin-top:2%;}
	.recommended .one .last .list{ font-size:12px; padding:1.5% 0;}
	.recommended .two .fz20{ font-size:18px; padding:2.5% 0;}
	.recommended .two .last .list{ font-size:12px;}
	.recommended .thr .Zi1{ font-size:14px;}
	.recommended .thr .last ul li .nts .fz16{ font-size:14px; margin:3%;}
	.recommended .thr .last ul li .nts .fz14{ font-size:12px; margin-top:3%;}
	.recommended .four .left{ width:60%;}
	#turn_page1{ line-height:30px;}
	#turn_page1 .page_noclick{ width:70px; height:30px;}
	#turn_page1 .page_button{ width:70px; height:30px;}
	#turn_page1 .page_item_current{ width:30px; height:30px;}
	#turn_page1 .page_item{ width:30px; height:30px;}
	#turn_page1 select{ width:40px; height:30px; text-indent:0; font-size:12px;}
	#turn_page1 a{ font-size:12px;}
	#turn_page1 span{ font-size:12px;}
	#turn_page1 input{ font-size:12px;}
	#turn_page1 font{ font-size:12px;}
}

@media only screen and (max-width:380px){
	#header .header .target{ width:12px; margin-top:15px;}
	#header .header .logo{}
	#header .header .logo .img{ width:70px;}
	#header .header .right .lang{ line-height:50px; font-size:18px;}
	#header .header .right .click_search{ width:50px; height:50px;}
	#header .search .top .input{ width:80%; height:38px; font-size:14px; padding:0 10px;}
	#header .search .top .cancel{ line-height:38px; font-size:14px;}
	#header .search .bot .list{ width:48%; margin-right:4%;}
	#header .search .bot .list.in{ margin-right:0;}
	#header .nav .left .list{ font-size:14px;}
	#header .nav .right{ padding:4% 10% 0 5%;}
	#header .nav .right .last .list{ font-size:12px;}
	.banner .hb span{ width:5px; height:5px; margin:0 3px !important;}
	.index .title .fz26{ font-size:18px;}
	.index .title .fz20{ font-size:14px;}
	.index .two .last .list .nts .icon{ width:10px; height:10px;}
	.index .two .last .list .nts .fz20{ font-size:12px; margin:1% 0;}
	.index .two .last .list .nts .fz16{ height:28px; line-height:14px; font-size:10px;}
	.index .five .tis{ height:16px; line-height:16px;}
	.index .five .tis .fz18{ height:16px; font-size:14px;}
	.index .five .tis .fz12{ font-size:10px;}
	.index .five .cont .item .nts .its .fz20{ font-size:12px;}
	.index .five .cont .item .nts .fz14{ font-size:8px;}
	.index .five .bot .last .list{ font-size:10px;}
	.footer .top .list{ background:none; font-size:8px;}
	.footer .bot .left .fz16{ font-size:12px;}
	.footer .bot .left .fz14{ line-height:18px; font-size:10px;}
	.footer .bot .right .ewm .fz12{ font-size:8px;}
	.footer .nav .list .fz24{ font-size:14px;}
	.inside .category ul .list{ font-size:10px;}
	.inside .screening .Zi1{ font-size:10px; padding:1% 0}
	.inside .screening .its .select{ font-size:10px;}
	.product .last .list .nts .fz16{ font-size:12px;}
	.product .last .list .nts .atrr .fz14{ font-size:10px;}
	.prodetail .one .right .fz16{ font-size:12px;}
	.prodetail .one .right .atrr .fz14{ font-size:10px; margin-top:8%;}
	.prodetail .two .top .fz16{ font-size:12px; padding:0 2% 1%;}
	.case .last .list .nts .fz16{ font-size:12px;}
	.case .last .list .nts .fz14{ height:54px; line-height:18px; font-size:10px; margin:2% 0;}
	.case .last .list .nts .more a{ font-size:10px;}
	.download .last th{ height:30px; font-size:10px;}
	.download .last th.n1{ padding:0 2%;}
	.download .last td{ height:30px; font-size:10px;}
	.download .last td.n1{ padding:0 2%;}
	.download .last td .load{ width:16px;}
	.float .feedback .form .list{}
	.float .feedback .form .list .Zi1{ font-size:12px;}
	.float .feedback .form .list .input{ font-size:12px;}
	.float .feedback .form .list .sub{ font-size:12px;}
	.recommended .one .tis{ height:16px; line-height:16px;}
	.recommended .one .tis .fz18{ height:16px; font-size:14px;}
	.recommended .one .last .list{ font-size:10px;}
	.recommended .two .fz20{ font-size:16px; padding:2.5% 0;}
	.recommended .two .last .list{ font-size:10px;}
	.recommended .thr .Zi1{ font-size:12px;}
	.recommended .thr .last ul li .nts .fz16{ font-size:12px;}
	.recommended .thr .last ul li .nts .fz14{ font-size:10px;}
	.recommended .four .left .fz16{ font-size:12px;}
	.recommended .four .left .fz18{ font-size:14px;}
	#turn_page1{ line-height:20px;}
	#turn_page1 .page_noclick{ width:50px; height:20px;}
	#turn_page1 .page_button{ width:50px; height:20px;}
	#turn_page1 .page_item_current{ width:20px; height:20px;}
	#turn_page1 .page_item{ width:20px; height:20px;}
	#turn_page1 select{ width:30px; height:20px; text-indent:0; font-size:10px;}
	#turn_page1 a{ font-size:10px;}
	#turn_page1 span{ font-size:10px;}
	#turn_page1 input{ font-size:10px;}
	#turn_page1 font{ font-size:10px;}
}

@media only screen and (max-width:320px){
	#header .header .right .lang{ width:40px;}
}


/*鑻辨枃鍏煎*/
#warp.en #header .header .logo{ width:200px; top:6px;}
#warp.en #header .header .logo .fz14{ line-height:14px;}
#warp.en .index .title .fz26{ display:none;}
#warp.en .prodetail .two .top .fz16{ font-size:14px; padding:0 1% 1%; margin-right:2%;}
#warp.en .float .feedback .form .list .Zi1{ width:15%;}
#warp.en .float .feedback .form .list .input{ width:85%;}
#warp.en .float .feedback .form .list .sub{ width:85%;}
#warp.en .footer .nav .list .fz24{ font-size:20px;}

@media only screen and (max-width:480px){
	#warp.en #header .header .logo{ top:2px;}
	#warp.en #header .header .logo .img{ width:80px;}
	#warp.en #header .header .logo .fz14{ font-size:10px; line-height:11px;}
	#warp.en .prodetail .two .top .fz16{ font-size:12px; margin-right:1%;}
	#warp.en .footer .nav .list .fz24{ font-size:16px;}
}

@media only screen and (max-width:380px){
	#warp.en #header .header .logo{ width:140px;}
	#warp.en #header .header .logo .img{ width:60px;}
	#warp.en .prodetail .two .top .fz16{ font-size:8px;}
	#warp.en .footer .nav .list .fz24{ font-size:12px;}
}