@charset "utf-8";
/*global style*/
ul,li,p,span,em,i,div,img,h1,h2,h3,h4,a,.object,input,textarea,body{padding:0px;margin:0px;border:none;}
body{font:14px/1.5em   'Lucida Grande',Arial,"Microsoft Yahei", Helvetica;color:#666;background:#fff;margin:0;}
table{ border-collapse:collapse;}
em,i{font-style:normal;}
a{color:#333;text-decoration:none;cursor:pointer;outline:none;-webkit-tap-highlight-color:rgba(255,0,0,0);}
a:hover{color:#63BA83; text-decoration:underline;}
ul,li{list-style:none;}
img{vertical-align:middle;}
.clear{clear:both;font-size:0;line-height:0;height:0;overflow:hidden;}
.clearm:after{clear:both;display:block;height:0;visibility:hidden;content:" ";}
.clearm{*zoom:1;}
input{ outline:none; vertical-align:middle; font-family:Arial;}
textarea{resize:none;outline:none;overflow:hidden;font-family:Arial;}
input.submit,input.reset{cursor:pointer;}
.text_overflow{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;}
p{line-height:25px;color:#333;}
h1{font-size:32px;color:#333;line-height:34px;font-weight:normal;}
h2{font-size:32px;color:#333;line-height:34px;font-weight:normal;}
h3{font-size:24px;line-height:26px;font-weight: normal;}
h4{font-size:14px;line-height:16px;font-weight: normal;}
/* backToTop */
.hidden{display:none;}
table { width: 100%; border-collapse: collapse; border-spacing:0; border-right:#ccc 1px solid; border-top: #ccc 1px solid; }
table th { padding: 5px 5px; border-left:#ccc 1px solid; border-bottom: #ccc 1px solid; background-color:#F0F0F1; color: #000; font-weight:normal; font-size:15px;   }
table td { padding: 5px 5px; border-left:#ccc 1px solid; border-bottom: #ccc 1px solid;  color:#000;  font-size:15px;}

html{overflow-x:hidden; overflow-y:auto;}
body, ul, li, ol, dl, dt, dd, p, h1, h2, h3, h4, h5, h6, span { margin:0; padding:0; -webkit-text-size-adjust:none;}
ul, li, dl, dt, dd, ol { list-style:none; }
.clearfix:after { content:"."; display:block; clear:both; visibility:hidden; height:0; font-size:0; }
.clearfix { zoom:1; }
.clear { clear:both; }
.w-1300{width:1300px;   margin:0 auto;}
.wp{ width:1300px; margin:0 auto;min-width: 1300px;}
/*==========index.html==========*/	
.wrapper{ width:100%; margin:auto;}
.l{ float:left;}
.r{ float:right;}
#container{clear:both;width:1300px;margin:0 auto;}
.container::before, .container::after, .container_1200::before, .container_1200::after, .row::before, .row::after {content: " "; display: table;}
.container {clear:both;width:1300px;margin:0 auto;}
.container::after {clear: both;}
*::before, *::after, * {box-sizing: border-box;}
* { box-sizing: border-box;}

.tcenter{ text-align:center}
.main-width{width:1600px;margin:0 auto;}
.secd-width{width:92%;margin:0 auto; max-width:1600px;}
.secd-width .secdnav{background: rgba(0, 0, 0, 0) url("../image/secd.jpg") no-repeat scroll left center;  padding-left: 20px;}
.other-banner{position:relative;overflow:hidden; width:100%;}
.other-banner img{width:100%;height:auto;}
.a-point{position:relative;display:block;height:0;top:-7vw;}

.top{height: 90px; width: 100%;  top: 0; left: 0; z-index: 100;}
.hometop{position: fixed;}
.top .header{position:relative;left:0;top:0;width:100%;height:90px;background-color:#fff;z-index:9999;}
.top .header .phone-menu{display:none;float:left;width:28px;height:18px;margin-top:16px;cursor:pointer;}
.top .header .phone-menu span{display:block;width:28px;height:2px;background-color:#1d1d1d;border-radius:1px;-moz-transform-origin:9.5% 50%;-webkit-transform-origin:9.5% 50%;-o-transform-origin:9.5% 50%;transition:all .3s;}
.top .header .phone-menu .b1,.top .header .phone-menu .b2{margin-bottom:6px;}
.top .header .logo{float:left;height:80px;margin-top:5px;}
.top .header .logo img{width:auto;height:100%;}
.top .header .inquiry{float:right;margin-top:30px; border-left:solid 1px #D0D5DB; margin-left:20px; padding:0px 20px;}
.top .header .inquiry span { background-image: url(../image/icon_add.jpg);}
.top .header .inquiry a span {background-position: center center;background-repeat: no-repeat;background-size: 100% auto;display: block;float: left;height: 24px;margin-right: 10px;width: 24px;}
.top .header .lang{float:right;margin-top:30px; border-right:solid 1px #D0D5DB;border-left:solid 1px #D0D5DB; margin-right:20px; padding:0px 20px;}
.en {display: flex;align-items: center;}
i.iconfont.icon-diqiu { color: #ffff; font-size: 22px;}
i.iconfont.icon-xiala { color: #ffff; font-size: 24px;}
.lang span {display: inline-block;text-align: center;font-size: 15px;font-weight: 500;color: #232323;cursor: pointer;transition: all .3s;}
.lang span img{ margin-right:10px;}
.lang ul {position: absolute;z-index: 20;right: 60;border: 1px solid #EEEEEE;background: #ffffff;display: none;width: 234px;clear: both;top: 60px;padding: 10px;}
.lang ul li{width: 99.5%;float: left;}
.lang ul li:nth-of-type(even){float: right;}
.lang ul a {display: inline-block;width: 100%;height: 100%;line-height: 28px;padding: 0 10px;color: #124c8e;}
.lang ul li a:hover {background: #013763;color: #ffffff;}

.top .header .search{float:right;margin-top:30px;}
.searchon{position:relative;width:auto;height:40px;padding:20px 0;z-index:9;transition:all .3s;}
.searchon .boxx{position:relative;width:40px;height:40px;overflow:hidden;transition:all .5s; left:38%;}
.searchon .boxx .text{width:100%;height:40px;padding:0 40px 0 10px;border:1px solid #000;border-radius:20px;background-color:#fff;box-sizing:border-box;transition:border .5s;}
.searchon .boxx .btn,.searchon .boxx .sub{position:absolute;top:0;right:0;width:40px;height:40px;background-image:url(../image/search-icon.png);background-size:18px 18px;background-position:center;background-color:initial;background-repeat:no-repeat;cursor:pointer;}
.searchon .boxx .sub{display:none;}
.searchon .boxx.open{width:270px;}
.searchon .boxx.open .text{border-color:#999;}
.searchon .boxx.open .sub{display:block;}
.searchon .boxx.open .btn{display:none;}

.flow-search{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);transition:all .5s;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;z-index:-1;}
.flow-search .box{position:absolute;top:30%;left:50%;width:60%;height:100px;transform:translate(-50%,-50%);box-sizing:border-box;box-shadow:0 0 20px #333;transition:all .5s;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;background:#fff;}
.flow-search .box i{position:absolute;right:-36px;top:0;width:36px;height:36px;background:url(../image/closelit.png);cursor:pointer;}
.flow-search.on{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;z-index:99999;}
.flow-search.on .box{top:50%;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;}
.flow-search .box video{ width:100%;}

.top .header .nav{float:right;margin-right:20px;}
.top .header .nav .one > li{position:relative;float:left;line-height:33px;padding:28px 35px;font-size:16px;transition:all .5s;}
.top .header .nav .one > li a{color:#000;}
.top .header .nav .one > li i{position:absolute;right:0.7vw;top:50%;width:0.5vw;height:1.4vw;margin-top:-0.7vw;vertical-align:top;}
.top .header .nav .one > li i:before{content:"";position:absolute;top:50%;width:0.4vw;height:1px;background-color:#000;transform-origin:center;transform:rotate(90deg);transition:all .3s;}
.top .header .nav .one > li i:after{content:"";position:absolute;top:50%;width:0.4vw;height:1px;background-color:#000;transform-origin:center;transform:rotate(-0deg);transition:all .3s;}
.top .header .nav .one > li:hover a{color:#63BA83;text-decoration:underline;}
.top .header .nav .one > li:hover .two{left:50%;top:4.4vw;opacity:1;}
.top .header .nav .one > li:hover i:before{background-color:#63BA83;}
.top .header .nav .one > li:hover i:after{background-color:#63BA83;}
.top .header .nav .one > li.active a{color:#63BA83;text-decoration:underline;}
.top .header .nav .two{position:absolute;left:2000%;top:4.7vw;width:15vw;margin-left:-7.5vw;margin-top:-5px;border-top:5px solid #63BA83;background-color:#fff;opacity:0;transition:left 0s,top .5s,opacity .5s;box-shadow:0px 2px 2px rgba(0,0,0,.2);}
.top .header .nav .one > li.active i:before{background-color:#63BA83;}
.top .header .nav .one > li.active i:after{background-color:#63BA83;}
.top .header .nav .two li{line-height:48px;font-size:14px;text-align:center; position:relative;}
.top .header .nav .two li a{display:block;color:#333 !important;text-decoration:none !important;transition:all .5s;}
.top .header .nav .two li a:hover{background-color:#63BA83;color:#fff !important;}
.top .header .nav .two li:nth-child(2n){background-color:#f5f5f5;}

.top .header .nav .two li em{ display:none;}
.top .header .nav .two li ul {left:14vw;top:0px; position:absolute;display:none;width:14vw; background:#A3D08F; z-index:9999; }
.top .header .nav .two li ul li:nth-child(2n){background:#233640;}
.top .header .nav .two li ul li a{width:14vw;line-height:2vw;font-size:0.677vw;float:left;text-align:left;padding:0 5px;color:#fff!important; border-bottom:1px solid #63BA83}
.top .header .nav .two li ul li a:hover {background: #2b2a2a none repeat scroll 0 0;}
.top .header .nav .two li:hover ul{display:block;}
.top .header.active .phone-menu .b1{transform:rotate(45deg);}
.top .header.active .phone-menu .b2{filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;}
.top .header.active .phone-menu .b3{transform:rotate(-45deg);}
.top .header.flow{position:fixed; background:#fff;}

.index-main h2{line-height:50px;margin-bottom:10px;font-size:48px; text-transform:uppercase;}
.index-main .title{margin-bottom:50px;text-align:center;}
.index-main .title p{line-height:25px;font-size:16px;color:#333;}
.index-main .wbtn{ width:100%; display:inline-block;}
.index-main .index-products .wbtn{ text-align:center;}
.index-main .wbtn a{display:inline-block;vertical-align:top;min-width:10vw;line-height:2.35vw;padding:0 1.6vw;margin:0 0.35vw;font-size:18px;background:none;border:1px solid #fff;color:#fff;border-radius:30px;box-sizing:border-box;}
.index-main .wbtn a:hover{background-color:#fff;color:#2C5A72;}
.index-main .wbtn a.ofm{background-color:#fff;color:#2C5A72;}
.index-main a.ofm:hover{background:none;border:1px solid #fff;color:#fff;}

.clear_new::after{clear:both;display:block;content:'';width:0;}
#brower_style_2{display:none;}

.index-main .slidebox{width:100%;position:relative;z-index:1;overflow:hidden;}
.index-main .slidebox .slideshow{width:100%;margin:0 auto;overflow:hidden;position:relative;}
.index-main .slidebox .slideshow ul{position:relative;width:4000px;overflow:hidden;}
.index-main .slidebox .slideshow ul li{float:left;}
.index-main .slidebox .slideshow ul li img{width:100%;height:auto;}
.index-main .slidebox .slidelist{position:absolute;left:0;bottom:16%;width:100%;text-align:center;}
.index-main .slidebox .slidelist ul{display:inline-block;vertical-align:top;}
.index-main .slidebox .slidelist ul li{float:left;width:14px;height:14px;margin:0 0.3vw;background-color:#fff;border-radius:50%;}
.index-main .slidebox .slidelist ul li.active{background-color:#63BA83;}
.index-main .slidebox .item-btn{position:absolute;width:1.8vw;height:4.5vw;top:50%;margin-top:-2.25vw;background:url(../image/arrow.png);background-size:200% 200%;cursor:pointer;}
.index-main .slidebox .item-btn:hover{background-position-y:-100%;}
.index-main .slidebox .prev{left:4.5vw;background-position-x:0;}
.index-main .slidebox .next{right:4.5vw;background-position-x:-100%;}
.index-main .slidebox .mio-txt { width: 100%; height: 100%; position: absolute; left: 0; bottom: 0; z-index: 2; height: 74px; background: url(../image/bbg.png) no-repeat center }
.index-main .slidebox .mio-txt li { float: left; margin-right: 30px }
.index-main .slidebox .mio-txt li a { color: #fff; height: 74px; line-height: 74px; display: block }
.index-main .slidebox .mio-txt li:nth-child(2) a { background: url(../image/b2.png) no-repeat left center; padding-left: 40px }
.index-main .slidebox .mio-txt li:nth-child(3) a { background: url(../image/b3.png) no-repeat left center; padding-left: 40px }
	
.index-products{padding-top:70px;}
.mio-plist img { width: 100%; min-height: 180px }
.mio-plist a { display: block; margin-bottom: 30px; color: #fff;font-size:18px;}
.mio-plist .mio-img {   overflow: hidden }
.mio-plist h3 { height: 55px; line-height: 55px; text-align:center; font-size: 16px; background:#63BA83;}
.mio-plist a:hover img {transform: scale(1.1); transition: all 1s ease 0s; -webkit-transform: scale(1.1); -webkit-transform: all 1s ease 0s;}
.mio-plist a img {transform: scale(1); transition: all 1s ease 0s; -webkit-transform: scale(1); -webkit-transform: all 1s ease 0s; }
.mio-plist a:hover { color: #fff;}.mio-plist a:hover h3{ background:#999;}

.index-products .title{color:#243640;}

.slick-slider {outline: medium none;}
.slick-slider {-moz-user-select: none;box-sizing: border-box;display: block;position: relative;touch-action: pan-y;}
.slick-list {display: block;margin: 0;overflow: hidden;padding: 0;position: relative;}
.slick-list:focus {outline: medium none;}
.slick-list.dragging {cursor: pointer;}
.slick-slider .slick-track, .slick-slider .slick-list {transform: translate3d(0px, 0px, 0px);}
.slick-track {display: block;left: 0;position: relative;top: 0;}
.slick-track::before, .slick-track::after {content: "";display: table;}
.slick-track::after {clear: both;}
.slick-loading .slick-track {visibility: hidden;}
.slick-slide {display: none;float: left;height: 100%;min-height: 1px;}
.slick-slide:focus {outline: medium 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 {border: 1px solid transparent;display: block;height: auto;}
.slick-arrow.slick-hidden {display: none;}
.slick-prev, .slick-next {border: medium none;color: transparent;cursor: pointer;display: block;font-size: 0;height: 40px;line-height: 0;margin-top: -20px;outline: medium none;padding: 0;position: absolute;top: 50%;transition: all 0.5s ease 0s;width: 40px;z-index: 40;}
.slick-prev {left: 0;}
.slick-prev::after {color: #000;font-size: 18px;left: 0;line-height: 40px;position: absolute;top: 0;width: 100%;}
.slick-next {right: 0;}
.slick-next::after {color: #000;font-size: 18px;left: 0;line-height: 40px;position: absolute;top: 0;width: 100%;}
.slick-dots {bottom: 40px;display: block;font-size: 0;list-style: outside none none;margin: 0;padding: 0;position: absolute;text-align: center;width: 100%;z-index: 999;}
.slick-dots li {background:#999 none repeat scroll 0 0;cursor: pointer;display: inline-block;height: 12px;margin: 0 4px;padding: 0;position: relative;transition: all 0.5s ease 0s;width: 12px;border-radius:50%;}
.slick-dots li button {background-color: transparent;border: 0 none;color: transparent;cursor: pointer;display: block;font-size: 0;height: 12px;line-height: 0;outline: medium none;padding: 5px;width: 12px; }
.slick-dots li.slick-active {background-color: #63BA83;width: 12px;}
.slick-dots li a {color: transparent;font-size: 0;outline: medium none;}

.hotproduct_box { clear:both;padding: 150px 0px;background: url(../image/hot-products-img.jpg) no-repeat; }
.hotproduct_box  .l {width: 30%; padding-top:70px;}
.hotproduct_box  .l h3 {color: #63BA83;font-size: 60px;text-transform:uppercase;white-space: nowrap; line-height:60px; margin-bottom:10px;}
.hotproduct_box  .l h4 {color: #233640;font-size: 30px;text-transform: none;white-space: nowrap;line-height:40px;}
.hotproduct_box  .l .lefttext { -moz-box-orient: vertical; color: #233640; display: -webkit-box; font-size: 16px;  margin: 40px 30px 40px 0; overflow: hidden;line-height:1.6;}
.hotproduct_box  .l .lefttext p{ color: #233640;font-size: 16px;}
.hotproduct_box  .l .leftbutton { bottom: 90px; color: #63BA83;display: inline-block;max-width: 320px;text-align: center;}
.hotproduct_box  .l .leftbutton  .blocks-button {color: inherit;display: block;font-size: 16px;overflow: hidden;padding: 10px 40px;text-align: center;text-decoration: none;word-break: break-all; color:#fff;border-radius: 2px;border:solid 1px #63BA83; background:#63BA83;border-radius:5px;}
.hotproduct_box  .l .leftbutton  .blocks-button:hover {border:solid 1px #63BA83; background:#fff;color:#63BA83;}
.hotproduct_box  .r { width:65%;}
.hpind_floor .slick_first { padding-bottom:0px; margin:15px 15px 5px;box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.25);border-radius:5px;}
.hpind_floor .slick-slide{ background:#fff; text-align:center;}.ind_floor .slick-slide:hover{ background:#5DB249;}
.hpind_floor img {width: 100%;transition: all 1s;-webkit-transition: all 1s;-moz-transition: all 1s;-ms-transition: all 1s;-o-transition: all 1s;border-radius:5px}
.hpind_floor .img:hover img{transform: scale(1.2);-webkit-transition: all 1s;-moz-transition: all 1s;-ms-transition: all 1s;-o-transition: all 1s;}
.hpind_floor .proshow-title {color: #233640;font-size: 20px;padding: 15px 10px; text-align:left; background:#63BA83; text-align:center; margin-top:-5px;}
.hpind_floor .slick-dots {bottom: -20px;}
.hpind_floor .slick-slide:hover .more{ background:#5DB249;color: #fff;}

.index-about {clear:both;overflow: hidden;padding: 30px 0 30px;}
.index-about .col-lg-12{ padding-left:0px;}
.index-about h2 {clear: both;line-height: 1.4;font-size:60px;color:#000;padding:0 0 15px; text-transform:none; }
.index-about .l{width:41.6667%;}
.index-about .r{width:57.3333%; padding-left:1%;}
.index-about .desc{clear:both; width:100%;font-size:16px;line-height: 2em; padding:20px 0 0;}
.index-about .desc p{color:#233640; }
.index-about .desc .more{ }
.index-about .desc .amore{display: inline-block;border-radius: 5px;font-size: 16px;padding: 5px 40px; border:solid 1px #63BA83; margin:20px 0px; color:#fff;background:#63BA83;}
.index-about .desc .amore:hover{color: #63BA83; }
.index-about .desc:hover .amore{ border:solid 1px #63BA83;color:#63BA83; background:#fff;}
.baoZ{width:100%; min-height:300px; float:right; position:relative;}
.baoZ span{ color:#ffffff; font-size:36px; padding:420px 25px 0 0; float:right;}
.baoZ img{ width:100%;}
.baoZ video{display:none;position:absolute;left:0;top:0;width:100%;height:100%;}
.baoZ .video{position:absolute;left:0;top:50%;width:100%;height:70px;margin-top:-35px;text-align:center;}
.baoZ .video i{display:block;width:80px;height:86px;margin:0 auto;background-image:url(../image/videoclick.png);background-size:100% 100%;cursor:pointer;}
.baoZ .video span{display:block;line-height:20px;margin-top:10px;font-size:14px;color:#fff;}
.baoZ.on video{display:block;}

.index-mio-ina {clear:both;overflow: hidden;background: url(../image/aboutbbg.jpg) no-repeat;}
.index-mio-ina .mio-ov { width: 100%; padding: 40px 0px }
.index-mio-ina ul { padding: 30px 0; }
.index-mio-ina li { float: left; font-size: 16px;color:#fff; margin-left:3%; margin-right:3%;width: 10%; }
.index-mio-ina li.lin {  text-align: center; overflow: hidden }
.index-mio-ina li.lin div { width: 70px; height: 40px; position: relative; z-index: 1; margin: 0 auto 30px; color: #fff }
.index-mio-ina li.lin div strong { position: absolute; bottom: 0; left: 0; font-size: 3em; color: #fff; font-family: Arial, Helvetica, sans-serif }
.index-mio-ina li.lin div i { position: absolute; bottom: 0;  font-size: 3em; color: #fff; font-weight:700; font-family: Arial, Helvetica, sans-serif ;right: -25px;}
.index-mio-ina li.lin div span { position: absolute; top: 0; right: -15px; color:#fff; font-size:12px;font-weight:bold; }
.index-mio-ina li.lin2 div span { right: -25px;}
.index-mio-ina li.lin div b { position: absolute; bottom: -10px; right: -27px; }
.index-mio-ina li.lin p{color: #666;font-size:14px;}
.index-mio-ina li.lin3 div span { right: -30px;}

.index-custmerservice { clear:both;padding: 50px 0px;background: url(../image/servicebg.jpg) no-repeat center top; }
.index-custmerservice .title{color:#fff; margin-top:50px;}
.index-custmerservice .title h2{ font-size:60px; text-transform:none;color:#fff; line-height:70px; margin-bottom:15px;}
.index-custmerservice .title p{ font-size:16px; color:#fff;}
.index-custmerservice .servicedesc{clear:both; width:100%; margin-top:80px;  background:#fff;}
.index-custmerservice .l{width:50%;padding-top:130px; padding-left:4%; padding-right:5%;}
.index-custmerservice .r{width:50%; padding-left:1%;}

.index-custmerservice h2 {clear: both;line-height:30px;font-size:24px;color:#000;padding:0 0 15px; text-transform:none; font-weight:bold; margin-bottom:0px; }
.index-custmerservice .col-lg-12{ padding-left:0px;}
.index-custmerservice .desc{clear:both; width:100%;font-size:16px;line-height: 2em; padding:20px 0 0;}
.index-custmerservice .desc p{color:#000; }
.index-custmerservice .desc .more{ }
.index-custmerservice .desc .amore{display: inline-block;border-radius: 5px;font-size: 16px;padding: 5px 35px; border:solid 1px #63BA83; margin:20px 0px; color:#fff;background:#63BA83; }
.index-custmerservice .desc .amore:hover{color: #63BA83; }
.index-custmerservice .desc:hover .amore{ border:solid 1px #63BA83;color:#63BA83; background:#fff;}

.index-blog{ padding-bottom:50px;}
.index-main .index-blog .title h2{ font-size:48px; color:#233640; width:40%; text-align:left;  float:left;}
.index-main .index-blog .title .more{ width:50%; float:right; text-align:right;}
.index-main .index-blog .title .amore{display: inline-block;font-size: 16px;padding: 10px 35px; border:solid 1px #63BA83; margin:20px 0px; color:#fff;background:#63BA83; border-radius:5px;}
.index-main .index-blog .title .amore:hover{color: #63BA83; }
.index-main .index-blog .title:hover .amore{ border:solid 1px #63BA83;color:#63BA83; background:#fff;}

.index-blog .cont{overflow:hidden;}
.index-blog .cont ul{width:101.72%;}
.index-blog .cont li{float:left;width:31.6436%;margin-right:1.6897%;}
.index-blog .cont li .pic{position:relative;height:0;padding-bottom:62.68%;overflow:hidden;}
.index-blog .cont li .pic img{width:100%;height:auto;border-radius:5px;}
.index-blog .cont li .text{padding-top:1vw;}
.index-blog .cont li .text h3{line-height:25px;margin-bottom:10px;font-size:16px;font-weight:normal;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.index-blog .cont li .text h3 a{color:#000;}
.index-blog .cont li .text p{line-height:25px;font-size:14px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#4F5E66;}
.index-blog .cont li .text .more {color: #2F414B;display: inline-block;font-size: 17px;margin: 10px 0;padding: 10px 0px; font-weight:normal;}

.index-bcontact {background: url("../image/bcontactbg.jpg") no-repeat center;height: 361px;display: flex;align-items: center;justify-content: center;}
.index-bcontact h3 {font-size: 30px;font-weight: 400;color:#fff;line-height: 48px;text-align: center;}
.index-bcontact a {width: 260px;height: 42px;border: 1px solid #fff;border-radius: 5px;display: flex;align-items: center;justify-content: center;font-size: 16px;font-weight:normal;color: #fff;line-height: 36px;margin: 20px auto 0;transition: all 0.5s;}
.index-bcontact a:hover {background: #FA5A06;color: #fff;}

.footer_box{position: relative;background: #3B3B3B;}
.footer_box::after {content: "";position: absolute;top: -12px;bottom: 0;right: 0;width: 56.8%;background-color: #414141;z-index: 1;}
.footer_box::before {position: absolute;top: -12px;right: 56.8%;content: "";border-right: 12px solid #292929;border-top: 12px solid transparent;}
.footer_box .main-width{ display: flex;z-index: 2;}
.footerLeft{padding-right: 2px; width:43%; float:left; padding-bottom:10px;}
.footerRight{width: 56.8%; float:right; z-index:99;padding-bottom:10px;}
.footerLeft .fast_navigation{}
.footer .footer_box .a,.footer .footer_copyright .a{color:#63BA83;}
.footerLeft .item{width: 40%;float: left;padding-right: 1%;}
.footerLeft .itemp { width:56%; padding-right:1%; float:left;}
.footerLeft .fast_navigation h2{font-size: 24px;font-family: Arial;font-weight: bold;color: #FFFFFF;line-height: 20px;margin: 40px 0px;white-space: nowrap; text-transform:uppercase;}
.footerLeft .fast_navigation h2 a{color: #FFFFFF;}
.footerLeft .fast_navigation li,
.footerLeft .fast_navigation li a{font-size: 14px;font-family: Arial;font-weight: 400;color: #fff;line-height:25px;}
.footerLeft .fast_navigation li{ margin-bottom:5px;}
.footerLeft .fast_navigation  .itemp .footer_email a{text-decoration: underline;}
.footerLeft .fast_navigation  .itemp ul{ width:49%; float:left;margin-right:1%;}
.footerLeft .fast_navigation  .itemp li{ width:99%; margin-right:1%; float:left;}
.footerLeft .fast_navigation li a:hover{text-decoration: underline;}
.footerLeft .fast_navigation li.footer_tel{padding-left: 25px;background: url("../image/footer_tel.png") no-repeat left 10px;}
.footerLeft .fast_navigation li.footer_email{padding-left: 25px;background: url("../image/footer_email.png") no-repeat left 11px;}
.footerLeft .fast_navigation li.footer_whatsapp{padding-left: 25px;background: url("../image/footer_whatsapp.png") no-repeat left 7px;}
.footerLeft .fast_navigation li.footer_address{padding-left: 25px;background: url("../image/footer_address.png") no-repeat left 7px;}

.footer_form h2{font-size: 24px;font-family: Arial;font-weight: bold;color: #FFFFFF;line-height: 20px;margin: 40px 0px;white-space: nowrap; text-transform:uppercase;}
.footer_form .info {margin-bottom: 10px;position: relative;width: 32%; margin-right:1%; float:left;}
.footer_form .info input {background:#414141;border:none;color: #fff; font-size:14px;height: 40px;text-indent: 10px;width: 100%; border:solid 1px #fff;}
.footer_form .info textarea {background:#414141;border:none;color: #fff;height: 130px;padding: 10px;resize: none;width: 100%; font-size:14px;border:solid 1px #fff;}
.footer_form .info:nth-child(3){ margin-right:0px;}
.footer_form .long{ width:98%;}
.footer_form #form_sub {background: #63BA83; border:solid 1px #63BA83;color: #fff;text-indent: 0;transition: all .3s;border-radius:5px; width:auto; padding:10px 40px; margin-top:10px;}
.footer_form #form_sub:hover { background: #fff; border:solid 1px #63BA83;color: #63BA83;transition: all .3s;}
.footer .footer_copyright{padding:20px 0px;background:#292929; }
.footer .footer_copyright p,.footer .footer_copyright p span,.footer .footer_copyright p a{color:#fff;font-size: 14px;font-weight:normal;}
.footer .footer_copyright p span{ text-align:right; float:right;}
.footer .footer_copyright p  a{padding: 0 10px;}
.footer .footer_copyright p a{display: inline-block;color:#fff;}
.footer .footer_copyright a:hover{text-decoration: underline;}
.site_map{margin-left: 10px;}
.footer_copyright .site_map{color:#5CD1D7;}
.container_1200 {width: 1600px;margin: auto;transition: all .4s;}

.mio-position { height: 70px; position:relative; }
.mio-crumb { float: right; height: 60px; line-height: 60px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all; }
.mio-crumb a { color: #000; font-size:16px; }
.mio-crumb a:nth-child(1) { background: url(../image/ico_crumb.jpg) no-repeat left center; padding-left: 30px; }
.mio-crumb a:last-child { text-decoration:underline;}
.mio-crumb strong { color: #fd6802; font-weight: normal }
.mio-position .mio-smenu { margin-top: -15px; float: left }
.mio-position .mio-smenu li { float: left; }
.mio-position .mio-smenu li a { height: 100px; line-height: 100px; padding: 0 20px; display: block ; font-size:20px; text-transform:uppercase;color:#000;}
.mio-position .mio-smenu li.hover a { background-color: #60B480; color: #fff; }
.apc{ width:100%; float:left;}
/*产品*/
.mio-side { width: 25%; float: left;min-height: 1px; padding-left: 15px; padding-right: 15px; position: relative; }
.mio-main {  width: 73%; float: right;min-height: 1px; padding-left: 15px; padding-right: 15px; position: relative; }
.mio-category { border: #ddd 1px solid; border-bottom: 0 }
.mio-side h2 { background-color: #60B480; color: #fff; padding: 15px 25px; font-size: 1.8em; text-transform:uppercase; }
.mio-category li {  }
.mio-category li a.mio-a { display: block; padding: 10px 25px; border-bottom: #ddd 1px solid; color:#000; font-size: 1.3em;}
.mio-category li a.mio-a span { width: 16px; height: 16px; float: right; display: block; background: url(../image/icon-keyboard.png) no-repeat center; background-size: 80%; margin-top: 6px; transform: rotate(-90deg); }
.mio-category li a.mio-a:hover { background-color: #eee }
.mio-category li.hover a.mio-a {}
.mio-category li ul { padding: 15px 0; border-bottom: #ddd 1px solid }
.mio-category li li { border: 0 }
.mio-category li li a { display: block; padding: 5px 0 5px 35px;color:#7C7C7C; }
.mio-category li.hover a.mio-a span { transform: rotate(0); }
.mio-category li ul{ display:none;}

.mio-hotproduct { margin-top:50px; }	
.mio-hotproduct .ind_hotps{  padding:20px 0px;}
.mio-hotproduct .ind_hotps .pic{ max-width:100%;}
.mio-hotproduct .ind_hotps .pic a {position: relative; min-height: 1px;}
.mio-hotproduct .ind_hotps .pic a img{width: 100%;position: relative;}
.mio-hotproduct .ind_hotps .pic a img:hover{visibility: hidden;background: #262626;visibility: visible;opacity: .5;z-index: 1;transition: all .5s;}
.mio-hotproduct .ind_hotps .pic p{ color:#000; text-align:center;}
.mio-hotproduct .slick-dots { bottom: 0; }
.mio-hotproduct .slick-dots li{ background:#AFAFAF;border-radius: 50%;width: 12px; height:12px;}
.mio-hotproduct .slick-dots li.slick-active{ background: #5DB249;}

.wrapper .mio-t { text-align: center;margin: 20px 0px; }
.wrapper .mio-t h2 { font-size: 48px; color: #000; margin-bottom: 20px; text-transform:uppercase;}
h1.mio-h1t { font-size: 4em; font-family: impact; margin-bottom: 20px; font-weight: normal; color: #60B480; line-height:1.5em; }

.list-products{padding:20px 0 20px; width:100%;}
.list-products .prcontent ul{ font-family:Arial;}
.list-products .prcontent ul li{ width:32%;float:left;margin: 4px;margin-bottom: 15px;overflow: hidden;position: relative;}
.list-products .prcontent ul li:hover{_background:#FAF7F7;}
.list-products .prcontent ul li .pbox{  float:left; width:100%;}
.list-products .prcontent ul li .p_title{float:left; display:inline;width:100%; line-height:25px; height:25px; margin:10px 0px;  color:#333A4D;font-size:16px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:center;}
.list-products .prcontent ul li .p_title a{  color:#333A4D; text-decoration:none;}
.list-products .prcontent ul li .p_title a:hover{ color:#a5a59f; text-decoration:underline;}
.list-products .prcontent ul li .pic05{ float:left; display:inline;width:100%;transition: all .3s ease-out; border:solid 1px #E7E7E7;border-radius: 5px;}
.list-products .prcontent ul li .pic05 img{ width:100%;}
.list-products .prcontent ul li:hover .pic05{transform: scale(1.1,1.1);}
.products_inquire {height: 40px;overflow: hidden;padding-right: 40px;position: relative;width: 100%;}
.products_inquire a { color: #fff; display: inline-block; font-size: 16px; line-height: 36px; text-align: left; white-space: nowrap;}
.products_inquire a.inquire {background: #63BA83 url("../image/inquire_img.png") no-repeat scroll -2px -41px;border-left: 1px solid #fff;font-size: 0;height: 40px;position: absolute; right: 0; text-align: center;top: 0; width: 40px; z-index: 3;}
.products_inquire a.inquire:hover {opacity: 0.8;}
.products_inquire a.addToBasket { color: #666;cursor: pointer;height: 40px;line-height: 40px;padding-left: 100px;width: 100%;z-index: 2;}
.products_inquire a.addToBasket::before { background: url("../image/inquire_img.png") no-repeat scroll left top; content: "";height: 40px; left: 0; position: absolute; width: 40px;}

.page_box{ clear:both; float:right;}
.page {border-right: 1px solid #C9CACA; font-size: 0; overflow: hidden; text-align: right;}
.page li {  -moz-border-bottom-colors: none;  -moz-border-left-colors: none;  -moz-border-right-colors: none;  -moz-border-top-colors: none;  background-color: #fff;  border: solid 1px #C9CACA; color: #939393;  float: left;  font-size: 12px;  height: 38px;  line-height: 38px;  text-align: center;  transition: all 0.3s ease 0s;  width: 38px; margin:2px;}
.page li.disabled {   cursor: no-drop;}
.page li a {  color: #939393;  display: block;  line-height: 38px;}
.page li.active, .page li:hover a, .page li.active span { background-color: #63BA83; color: #fff;}
.page .prev, .page .next { font-weight: 700;}

.productdess{ }
.main-products{padding-bottom:10px;}
.main-products .overview{margin-bottom:3.5vw;overflow:hidden;}
.main-products .overview .slide-pro{float:left;overflow:hidden; width:52%;}
.main-products .overview .slide-pro .slide-pic{float:right;width:33.33vw;height:33.33vw;margin-right:1.2vw;box-sizing:border-box;overflow:hidden;}
.main-products .overview .slide-pro .slide-pic ul{width:100%;height:100%;}
.main-products .overview .slide-pro .slide-pic li{width:100%;height:100%;}
.main-products .overview .slide-pro .slide-pic li img{width:100%;height:100%;}
.main-products .overview .slide-pro .slide-pic li iframe{width:100%;height:100%;border:none;}
.main-products .overview .slide-pro .slide-pic li.slivp{background-image:url(../image/loadinglit.gif);background-repeat:no-repeat;background-position:center;background-color:#333;}
.main-products .overview .slide-pro .slide-dot{position:relative;float:left;width:7.29vw;height:33vw;padding:1.375vw 0;box-sizing:border-box; }
.main-products .overview .slide-pro .slide-dot .pos{width:7.29vw;height:30.29vw;overflow:hidden;}
.main-products .overview .slide-pro .slide-dot .pos li{width:7.29vw;height:7.29vw;margin-bottom:0.52vw;box-sizing:border-box;cursor:pointer;overflow:hidden; position:relative;}
.main-products .overview .slide-pro .slide-dot .pos li img{width:100%;height:100%;}
.main-products .overview .slide-pro .slide-dot .pos li.slivd{background-image:url(/image/play-icon.png);background-size:2.5vw 2.5vw;background-position:center;background-repeat:no-repeat;background-color:#333;}
.main-products .overview .slide-pro .slide-dot .pos li.active:after{display: block;content: '';width: 100%;height: 100%;position: absolute;top: 0;left: 0;background:url('../image/pro-lp-bg.png');}
.main-products .overview .slide-pro .slide-dot .btn{position:absolute;left:50%;width:1.615vw;height:0.885vw;margin-left:-0.8075vw;background-image:url(../image/arrow-btn.png);background-size:200% 200%;background-position-x:left;cursor:pointer;}
.main-products .overview .slide-pro .slide-dot .btn:hover{background-position-x:right;}
.main-products .overview .slide-pro .slide-dot .prev{top:0;background-position-y:top;}
.main-products .overview .slide-pro .slide-dot .next{bottom:0;background-position-y:bottom;}
.main-products .overview .text{float:right;padding-top:15px; width:45%; }
.main-products .overview .text h1{line-height:2.35vw;margin-bottom:1.9vw;font-size:2.5vw;color:#000;}
.main-products .overview .text .desc{margin-bottom:1vw; border-top:solid 1px #C4C4C4;border-bottom:solid 1px #C4C4C4;padding-top: 0.781vw;padding-bottom: 0.781vw;}
.main-products .overview .text .desc p{position:relative;line-height:30px;font-size:16px;color:#666;padding-left:15px;}
.main-products .overview .text .desc p:after{content:"";position:absolute;left:0;top:0.6vw;width:0.4vw;height:0.4vw;background-color:#63BA83;}
.main-products .overview .text .desc li{position:relative;line-height:1.6vw;padding-left:0.8vw;font-size:0.83vw;color:#333;}
.main-products .overview .text .desc li:after{content:"";position:absolute;left:0;top:0.6vw;width:0.4vw;height:0.4vw;background-color:#63BA83;border-radius:50%;}
.main-products .overview .text .btns{margin-bottom:2vw;font-size:0;}
.main-products .overview .text a.btn{ padding:0px;vertical-align:inherit;display:inline-block;font-weight: bold;font-size: 24px;background-color: #63BA83;color: #fff;height: 40px;width: 174px;line-height: 40px;text-align: center;-webkit-border-radius: 50px;-moz-border-radius: 50px; -o-border-radius: 50px; -ms-border-radius: 50px; border-radius: 50px; margin-right:10px;}
.main-products .overview .text a.addToBasket { background: #202020 none repeat scroll 0 0;color: #fff;cursor: pointer;height: 40px;line-height: 40px;padding-left: 56px;z-index: 2;display: inline-block;
font-size: 18px; width:220px;-webkit-border-radius: 50px;-moz-border-radius: 50px; -o-border-radius: 50px; -ms-border-radius: 50px; border-radius: 50px; position:relative;}
.main-products .overview .text a.addToBasket::before { background:url("../image/inquire_img.png") no-repeat scroll 15px -114px; content: "";height: 40px; left: 0; position: absolute; width: 80px;}

.main-products .overview .text .share span{display:inline-block;vertical-align:top;line-height:30px;font-size:16px;margin-bottom:15px;color:#B1B1B1;}
.main-products .overview .text .share a{display:inline-block;vertical-align:top; padding:5px}
.main-products .overview .text .share a img{ width:20px;height:20px;}
.main-products .detail{margin-bottom:0.52vw;color:#333;line-height:1.6vw;font-family:Arial;}
.main-products .detail h2,.main-products .morelist h2{font-size:24px;color: #000;margin-bottom: 15px; margin-top:15px;background: url("../image/bgh1.jpg") no-repeat scroll left bottom; padding-bottom:12px; }
.main-products .detail .dddec{ margin:10px; font-size:18px; padding-bottom:10px;line-height:30px;}
.main-products .detail  h3{font-size:24px;color: #000;margin-bottom: 15px; margin-top:15px; }
.main-products .detail .dddec p{line-height:30px;color:#666; margin-bottom:5px;}
.main-products .detail .ddddec{ margin:10px; font-size:18px; padding-bottom:10px;line-height:30px;}
.main-products .detail .ddddec p{line-height:30px;color:#666; margin-bottom:5px;position:relative;}
.main-products .detail .ddddec p:after{content:"";position:absolute;left:0;top:0.6vw;width:0.4vw;height:0.4vw;background-color:#63BA83;}

.main-contact{padding:2vw 0;background-color:#fff;}
.main-contact .func{margin-bottom:2vw;overflow:hidden; box-shadow:1px 0 6px #666666; padding-bottom:20px;}
.mio-page-contact {float:left;width:55%;padding-top:1vw; margin-left:20px;}
.mio-page-msg {float:right;width:40%;padding:1.5vw 2.6vw;box-sizing:border-box;background-color:#fff;overflow:hidden;}
.mio-page-contact h1,
.mio-page-msg h2 { font-size: 3em;  margin-bottom: 30px; font-weight: normal; color: #00A99E; text-transform: uppercase }
.mio-page-contact .contact-way{float: left;padding: 15px;background-color: #f5f5f5;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;}
.mio-page-contact .contact-way ul{overflow: hidden;margin-top: 24px;width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;}
.mio-page-contact .contact-way ul li{position: relative;float: left;margin-bottom: 30px;padding: 8px 0 8px 50px;width: 100%;font-size: 16px;color: #333;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;}
.mio-page-contact .contact-way ul li a{color: #333;}
.mio-page-contact .contact-way ul li a:hover{color: #00a99e;}
.mio-page-contact .contact-way ul li.tel, .mio-page-contact .contact-way ul li.fax{width: 45%;}
.mio-page-contact .contact-way ul li.add{padding: 0 0 0 50px;}
.mio-page-contact .contact-way ul li i{position: absolute;left: 0;top: 0;width: 40px;height: 40px;}
.mio-page-contact .contact-way ul li.tel i{background: url(../image/contact_tel.png) no-repeat;}
.mio-page-contact .contact-way ul li.fax i{background: url(../image/contact_fax.png) no-repeat;}
.mio-page-contact .contact-way ul li.mail i{background: url(../image/contact_email.png) no-repeat;}
.mio-page-contact .contact-way ul li.add i{background: url(../image/contact_add.png) no-repeat;}

.mio-page-msg .form3 input{width:100%;height:2.2vw;margin-bottom:1vw;padding:0 1vw;font-size:0.83vw;border:1px solid #ddd;box-sizing:border-box;}
.mio-page-msg .form3 .sub{width:40%;border-color:#63BA83;background-color:#63BA83;color:#fff;text-transform:uppercase;font-size:0.83vw;font-weight:bold;cursor:pointer;border-radius:5px; }
.mio-page-msg .form3 .sub.load{font-size:0;background-image:url(../image/loadinglit.gif);background-size:auto 80%;background-position:center;background-repeat:no-repeat;}
.mio-page-msg .form3 textarea{width:100%;height:6vw;line-height:1.3vw;margin-bottom:0.8vw;padding:0.5vw 1vw;font-size:0.83vw;border:1px solid #ddd;box-sizing:border-box;}
.mio-page-msg .form3 .code{float:left;width:55%;}
.mio-page-msg .form3 .code input{width:50%;margin-right:0.5vw;}
.mio-page-msg .form3 .code img{width:auto;height:2vw;}

.mio-faq { background-color: #eee; padding:50px 0; }
.mio-faq h2 { font-size: 3em;  margin-bottom: 30px; font-weight: normal; color: #60B480 }
.mio-faq li { padding: 25px 0; border-bottom: #ccc 1px solid;font-size:16px;color:#333;}
.mio-faq li h3 { font-weight: normal; font-size: 1.2em; cursor: pointer }
.mio-faq li p { margin-top: 10px; display: none; font-size:15px; }	

.list-blog{padding:2vw 0 4vw;overflow:hidden;width:100%;}
.list-blog  .list ul{width:104.2857%;}
.list-blog  .list li{float:left;width:28%;margin:0 4.11% 4.11% 0;}
.list-blog  .list li .pic{position:relative;height:0;padding-bottom:62.68%;overflow:hidden;}
.list-blog  .list li .pic img{width:100%;height:auto;}
.list-blog  .list li .pic time{position:absolute;right:0;top:0;width:10vw;height:2.8vw;line-height:2.8vw;text-align:center;background-color:#63BA83;color:#fff;font-size:18px;font-style:italic;}
.list-blog  .list li .text{padding-top:1.5vw;}
.list-blog  .list li .text h3{line-height:1.5vw;padding-bottom:0.8vw;padding-top:0.8vw;margin-bottom:0.8vw;border-bottom:1px solid #ddd;border-top:1px solid #ddd;font-size:1.25vw;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.list-blog  .list li .text  p{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical; height:80px;}
.list-blog  .list li .text .txt{line-height:1.2vw;font-size:0.83vw;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.list-blog  .list li .text .txt p{line-height:1.2vw;font-size:0.83vw;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.list-blog  .list li:hover {box-shadow: 0 0 10px 0 #000;top: -5px;}
.list-blog  .article{padding:3vw;margin-bottom:3vw;border:1px solid #ebebeb;}
.list-blog  .article .title{padding-bottom:1.4vw;margin-bottom:1.4vw;background: url("../image/bgh1.jpg") no-repeat scroll left bottom;}
.list-blog  .article .title h1{line-height:1.5vw;margin-bottom:0.8vw;font-size:1.25vw;color:#000; text-align:center;}
.list-blog  .article .title time{display:block;line-height:1vw;font-size:14px;color:#999;text-align:right;}
.list-blog  .article .mainart{line-height:1.3vw;font-size:14px;}
.list-blog  .article .mainart p{line-height:1.3vw;margin-bottom:1.2vw;font-size:14px;}
.list-blog  .article .mainart img{max-width:100% !important;height:auto !important;margin-bottom:0.4vw;}
.list-blog  .article .func{padding-top:2vw;margin-top:2vw;border-top:1px solid #ebebeb;overflow:hidden;}
.list-blog  .article .func .back{float:left;display:inline-block;line-height:2.35vw;padding:0 2.3vw;font-size:14px;border-radius:1.2vw;background-color:#60B480;color:#fff;}
.list-blog  .article .func .share{float:right;margin-top:0.375vw;}
.list-blog  .article .func .share span{display:inline-block;vertical-align:top;line-height:1.6vw;margin-right:0.5vw;font-size:14px;}
.list-blog  .article .func .share a{display:inline-block;vertical-align:top;width:1.6vw;height:1.6vw;}
.list-blog  .subpage{padding:0.5vw 0;background-color:#f2f6f7;overflow:hidden;}
.list-blog  .subpage li{float:left;width:50%;line-height:1vw;padding:0 3vw;font-size:14px;box-sizing:border-box;}
.list-blog  .subpage .pre{padding-right:1.5vw;}
.list-blog  .subpage .next{padding-left:1.5vw;text-align:right;}

.main-about{padding:2vw 0;background-color:#fff; font-size:16px;}
.mio-section { padding: 50px 0 }
.mio-page-wrap { margin-bottom: 40px; }
.mio-page-wrap .mio-img { width: 55%; float: left }.mio-page-wrap .mio-img img{ max-width:100%;}
.mio-page-wrap .mio-txt { width: 40%; float: right; padding-top: 60px }
.mio-page-wrap .mio-txt h2 {font-size: 3em; font-family: impact; margin-bottom: 30px; font-weight: normal; color: #60B480; text-transform: uppercase; margin-bottom: 40px; line-height:1.4em; }
.mio-page-wrap .mio-txt p{color:#666;line-height:1.8em;font-size:1em;}
.mio-page-wrap2 .mio-img { float: right }
.mio-page-wrap2 .mio-txt { float: left; }
h2.mio-h2t { font-size: 3em; font-family: impact; margin-bottom: 30px; font-weight: normal; color: #60B480; text-transform: uppercase; text-align:center; }
.mio-advantages li { height: 360px; position: relative; z-index: 1; overflow: hidden; width: 100%; cursor: pointer }
.mio-advantages li .mio-img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; background-color: #eee; background-repeat: no-repeat; background-position: center; background-size: cover }
.mio-advantages li .mio-txt { width: 100%; height: 100%; position: absolute; top: 320px; left: 0; z-index: 2; color: #fff; background-color: rgba(99,186,131,.8) }
.mio-advantages li .mio-txt h3 { height: 40px; line-height: 40px; padding: 0 30px;text-transform: uppercase; }
.mio-advantages li .mio-txt p { padding: 0 30px; color:#fff; }
.mio-advantages li:nth-child(1) .mio-img { background-image: url(../image/ad1.jpg) }
.mio-advantages li:nth-child(2) .mio-img { background-image: url(../image/ad2.jpg) }
.mio-advantages li:nth-child(3) .mio-img { background-image: url(../image/ad3.jpg) }
.mio-advantages li:nth-child(4) .mio-img { background-image: url(../image/ad4.jpg) }
.mio-advantages li { width: 23.5%; float: left; margin-right: 2% }
.mio-advantages li:nth-child(4) { margin-right: 0 }
.mio-honor{padding: 50px 0}		
#certify {position: relative;width: 100%;margin: 0 auto;}
#certify .swiper-container {padding-bottom: 60px;}
#certify  .swiper-slide {width: 520px;height: 700px;background: #fff;box-shadow: 0 8px 30px #ddd;}
#certify  .swiper-slide img{display:block;}
#certify .swiper-pagination {width: 100%;bottom: 20px;}
#certify .swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 5px;border: 3px solid #fff;background-color: #d5d5d5;width: 10px;height: 10px;opacity: 1;}
#certify .swiper-pagination-bullets .swiper-pagination-bullet-active {border: 3px solid #00aadc;background-color: #fff;}
#certify .swiper-button-prev {left: -30px;width: 45px;height: 45px;background: url(../image/wm_button_icon.png) no-repeat;background-position: 0 0;background-size: 100%;}
#certify .swiper-button-prev:hover {background-position: 0 -46px;background-size: 100%}
#certify .swiper-button-next {right: -30px;width: 45px;height: 45px;background: url(../image/wm_button_icon.png) no-repeat;background-position: 0 -93px;background-size: 100%;}
#certify .swiper-button-next:hover {background-position: 0 -139px;background-size: 100%}
.main-about .history{padding:1vw 0 1vw;}
.main-about .history h2{line-height:2vw;margin-bottom:3vw;font-size:2.03125vw;font-weight:normal;;text-align:center;}
.main-about .history ul{ margin-top:20px; width:100%;}
.main-about .history li{float:left;width:32%;margin-bottom:1vw; margin-left:0.5%;margin-right:0.5%;}
.main-about .history li .pic{height:0;padding-bottom:65.1%;overflow:hidden;}
.main-about .history li .pic img{width:100%;height:auto;filter:grayscale(0);transition:all .5s;}
.main-about .history li .text{padding:0.5vw 1vw 0;text-align:center;}
.main-about .history li .text h3{line-height:3vw;margin:0.5vw 0;font-size:2.65625vw;}
.main-about .history li .text p{line-height:1.3vw;font-size:1.09375vw;color:#333;}
.mio-comlist img { display: block; width:100%; }
.mio-comlist .mio-txt { padding: 15px; text-align: center; background-color: #60B480; color: #fff }
.mio-comlist li { width: 23.5%; margin-right: 2%; float: left; }
.mio-comlist li:nth-child(4n) { margin-right: 0 }

.mio-partners {}
.picMarquee-left{ width: 100%; overflow:hidden; position:relative; }
.picMarquee-left .hd{ display: none }
.picMarquee-left .bd{}
.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.picMarquee-left .bd ul li{ margin:0 15px 0 0; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picMarquee-left .bd ul li img { width: 210px; height: auto; border: #eee 1px solid }

.mio-page-why {margin:30px 0px;}
.mio-page-why li { margin-bottom: 20px }
.mio-page-why li h3 { background: #f2f2f2 url(../image/de.png) no-repeat 20px center; padding: 15px 0 15px 70px; color: #013763; }
.mio-page-why li p { padding: 15px 0 15px 70px; }
.mio-page-why2 { width: 100%; height: 600px; background: url(../image/why.jpg) no-repeat center; position: relative; z-index: 1; margin:30px 0px; }
.mio-page-why2 li { position: absolute; z-index: 2; width: 210px; text-align: center }
.mio-page-why2 li h3 {}
.mio-page-why2 li p { font-size: .95em; }
.mio-page-why2 li:nth-child(1) { left: 20px; top: 480px }
.mio-page-why2 li:nth-child(2) { left: 220px; top: 60px }
.mio-page-why2 li:nth-child(3) { left: 470px; top: 480px }
.mio-page-why2 li:nth-child(4) { left: 680px; top: 20px }
.mio-page-why2 li:nth-child(5) { left: 930px; top: 480px }
.mio-page-why2 li:nth-child(6) { left: 1110px; top: 20px }
.mio-page-why2 li:nth-child(7) { left: 1350px; top: 480px }
.list-why{ padding-top:0px;}
.list-why .why-faq li { padding: 25px 0; border-bottom: #ccc 1px solid;font-size:16px;color:#333; position:relative;}
.list-why .why-faq li h3 { font-weight: normal; font-size: 1.2em; cursor: pointer;background: url(../image/wenhao.jpg) no-repeat left; padding-left:30px; }
.list-why .why-faq li p { margin-top: 10px; display: none; font-size:15px; }
.list-why .why-faq li i{position:absolute;right:1.5vw;top:0.8vw;width:1.4vw;height:1.4vw;transition:all .5s;color:#BE3400;}
.list-why .why-faq li i:before{content:"+ ";position:absolute;font-size:30px;}
.list-why .why-faq li.on i:before{content:"-"; font-size:30px;}
/*honor*/
.list-honormnc{margin-top: 42px;}
.list-honormnc ul {border-left: 1px solid #efefef;   border-top: 1px solid #efefef;}
.list-honormnc li { border-bottom: 1px solid #efefef;border-right: 1px solid #efefef;float: left;list-style: outside none none;padding: 5px;position: relative;width: 23%; margin-right:1%;}
.list-honormnc li img {height:auto;width: 100%;border-radius: 15px;box-shadow: 2px 2px 3px #999999;}
.list-honormnc li h4 {padding: 10px; line-height: 24px;}
.list-honormnc li:hover{ background:#ccc;border-radius: 15px;}

.footer .speand{ margin:0px auto 2px auto;width:992px;float:left;}
.speand p{ color:#fff; font-size:12px; line-height:18px; text-align:left;}

.isuccess {padding: 5px 0px;margin-bottom: 10px;background: #f5edc7;border: 1px solid #FFD400;font-size: 11px;text-align: center; color:#FF0000;}
.iwarning {padding: 5px 0px;margin-top:10px;background: #feeef1;border: 1px solid #fca8c2;font-size: 11px;text-align: center;}
.iwait {padding: 5px 0px;margin-bottom: 10px;background: #FBFAEA;border: 1px solid #EFEBAA;font-size: 11px;text-align: center; }
.success {padding: 5px 0px;margin-bottom: 10px;background: #f5edc7;border: 1px solid #FFD400;font-size: 11px;text-align: center; color:#FF0000;}
.warning {padding: 5px 0px;margin-bottom: 10px;background: #feeef1;border: 1px solid #fca8c2;font-size: 11px;text-align: center;}
.wait {padding: 5px 0px;margin-bottom: 10px;background: #FBFAEA;border: 1px solid #EFEBAA;font-size: 11px;text-align: center;}
#catalogModal{z-index: 10010; position: absolute; left: 613.5px; top: 214.5px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; width: 1000px; height: 560px; display:none;}
#catalogModal .tips_tit{font-weight: bold; height: 60px; line-height: 60px; background: #F01A36;}
#catalogModal .tips_tit .tit_left{float: left; margin-left: 6px; color:#63BA83;font-size: 28px;height: 50px;line-height: 45px;padding: 5px 15px;text-shadow: 1px 1px 2px #999;}
#catalogModal .tips_tit .tit_right{float: right; cursor: pointer; margin-right: 6px; margin-top:12px;}
#catalogModal .tips_tit .Close {color: #000;float: right;font-size: 1.5rem;font-weight: 700;line-height: 1;opacity: 0.5;text-shadow: 0 1px 0 #fff;border-radius: 2px;box-shadow: none;cursor: pointer;display: inline-block;transition: background 0.2s ease 0s;background: rgba(0, 0, 0, 0) none repeat scroll 0 0;border: 0 none;}
#catalogModal .tips_tit .Close{padding:15px;margin:-15px -15px -15px auto}
#catalogModal .conOn{ width:90%; margin:0 auto;}
#catalogModal .txt p{font-size:14px;font-weight:400;color:#202020;letter-spacing:0.50px;line-height:20px;text-align:center;}
#catalogModal .contactOnline{ margin:30px 0px; width:auto;}
#catalogModal .contactOnline ul li  .txtarea04{ background: #fff linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)) repeat scroll 0 0;border: 1px solid #bbb;border-radius: 5px;box-sizing: border-box;font-size: 14px; width:98%; height:35px; line-height:35px; padding-left:10px; color:#bbb;font-family:Arial;}
#catalogModal .contactOnline ul li .txtareas01 {background: #fff linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)) repeat scroll 0 0;border: 1px solid #bbb;border-radius: 5px;box-sizing: border-box;font-size: 14px;height: 110px;line-height: 20px;margin-bottom: 10px;overflow: hidden;padding: 5px 10px;color:#bbb;width: 98%; font-family:Arial;}
#catalogModal .contactOnline ul li{  clear:none; margin: 0 2% 15px 0; overflow: hidden; padding: 0 10px; width: 98%; float:left;}
#catalogModal .contactOnline .long{ width:98%;color: #000;}
#catalogModal .contactOnline .long .txtarea04{color: #000; background:#fff;font-size: 24px;}
#catalogModal  .subMint{ clear:both; text-align:center; width:100%;}
#catalogModal  .subMint .btn04{background-color: #63BA83; border-radius: 15px; color: #fff;cursor: pointer;margin-right: 3%;text-shadow: 1px 1px 2px #999;width: 200px; height:40px; line-height:30px; font-size:16px; padding:0 10px; border:none;}

/*inquiry*/
.inquire_box {padding: 40px 0;}
.inquire_box table {border-collapse: collapse;border-spacing: 0;}
.inquire_box .title_box {overflow: hidden;}
.inquire_box .title_box .item {display: flex;flex: 1 0 auto;float: left;justify-content: center;position: relative;text-align: center;width: 33.33%;}
.inquire_box .title_box .item h1, .inquire_box .title_box .item h2 {color: #aeaeae;font-size: 24px;font-weight: 700;}
.inquire_box .title_box .item span {background:#ebebeb none repeat scroll 0 0;border-radius: 50%;color: #aeaeae;display: inline-block;font-size: 22px;font-weight: 700;height: 45px;line-height: 45px;margin-top: 10px;width: 45px;}
.inquire_box .title_box .item:nth-of-type(1)::after {display: none;}
.inquire_box .title_box .item:nth-of-type(3)::before {display: none;}
.inquire_box .title_box .item::after {background: #ebebeb none repeat scroll 0 0;content: "";height: 3px;left: 0;position: absolute;top: 55px;width: calc(50% - 40px);}
.inquire_box .title_box .item::before {background: #ebebeb none repeat scroll 0 0;content: "";height: 3px;position: absolute;right: 0;top: 55px;width: calc(50% - 45px);}
.inquire_box .title_box .item.on h1, .inquire_box .title_box .item.on h2 {color: #333;}
.inquire_box .title_box .item.on span {background: #63BA83 none repeat scroll 0 0;color: #fff;}
.inquire_box .title_box .item.on::after, .inquire_box .title_box .item.on::before {background: #63BA83 none repeat scroll 0 0;}
.inquire_table {padding: 70px 0 30px;}
.inquire_table table {border: 0 none;margin: auto;width: 80%;}
.inquire_table th, .inquire_table td {border-left: 0 none;border-right: 0 none;padding: 10px;}
.inquire_table th {background: #edeff1 none repeat scroll 0 0;}
.inquire_table th.Product_Picture {width: 140px;}
.inquire_table th.Product_Quantity {width: 140px;}
.inquire_table th.Product_Operate {width: 140px;}
.inquire_table td a {color: #545454;font-family: 'GEORGIA';font-size: 16px;}
.inquire_table td a:hover {color: #13a7ca;}
.inquire_table .description {margin-top: 0;}
.pmark img {height: 120px;width: auto;}
.inquire_btn {padding: 0 0 20px;text-align: center;}
.inquire_btn button {background: #63BA83 none repeat scroll 0 0;border: 0 none;color: #fff;cursor: pointer;font-weight: 700;padding: 16px 24px;text-transform: uppercase;transition: all 0.3s ease 0s;}
.inquire_btn button:hover {opacity: 0.85;transition: all 0.3s ease 0s;}
.inquire_form {margin: 60px auto 0;overflow: hidden;width: 80%;}
.inquire_form .info {float: left;margin-bottom: 12px;overflow: hidden;padding: 0 5px;width: 50%;}
.inquire_form .info.textarea, .inquire_form .info.imgVarifyCode {width: 100%;}
.inquire_form .info.imgVerifyCode .controls {margin-bottom: 30px;width: 160px;}
.inquire_form .info .Verify_img {border: 1px solid #ddd;border-radius: 5px;cursor: pointer;height: 100%;position: absolute;right: -125px;top: 0;}
.inquire_form .label_control {float: left;height: 36px;line-height: 36px;margin-top: 0;text-align: right;width: 160px;}
.inquire_form .controls {border: 1px solid #ddd;border-radius: 5px;height: 36px;line-height: 36px;position: relative;margin-left: 170px;*margin-left: 0px;}
.inquire_form .controls .tips {color: red;line-height: 36px;position: absolute;right: 10px;top: 0;}
.inquire_form .controls input, .inquire_form .controls textarea {background: rgba(0, 0, 0, 0) none repeat scroll 0 0;border: 0 none;height: 100%;resize: none;text-indent: 10px;width: 100%;}
.inquire_form .controls textarea {padding: 10px;text-indent: 0;}
.inquire_form .info.textarea .controls {height: 150px;}
.inquire_form .info.imgVarifyCode .controls {margin-bottom: 30px;width: 120px;}
.inquire_form .info.imgVarifyCode .controls .tips {bottom: -30px;left: 0;right: auto;top: auto;width: 200px;}
.inquire_form .info.imgVarifyCode .controls .Varify_img {border: 1px solid #ddd;border-radius: 5px;cursor: pointer;height: 100%;position: absolute;right: -125px;top: 0;}
.inquire_form .info #inquire_form_sub {background: #63BA83 none repeat scroll 0 0;border: 0 none;color: #fff;cursor: pointer;font-weight: 700;padding: 10px 25px;text-transform: uppercase;transition: all 0.3s ease 0s;border-radius: 8px;margin-left: 170px;}
.inquire_form .info #inquire_form_sub:hover {opacity: 0.8;transition: all 0.3s ease 0s;}
.inquire_form .error{ float:left; width:100%;}
.inquire_box .success_box {padding-top: 80px; text-align:center;}
.inquire_box .success_box .img {line-height: 0;padding: 20px 0 80px;text-align: center;}
.inquire_box .success_box .text a {background: #63BA83 none repeat scroll 0 0;color: #fff;display: inline-block;margin-left: 10px;margin-right: 10px;margin-top: 44px;padding: 10px 25px;}
.notfound { clear:both;height:auto;padding:30px 0;margin:0 auto; background:url("../image/404.jpg") no-repeat right; width:670px; min-height:343px; }
.notfound .desc{ width:330px;}
.notfound h1{margin:20px 0 15px;font-size:18px;font-weight:bold;line-height:30px;color:#c23728; }
.notfound h2{margin:0 0 5px 0;font-size:16px;font-weight:bold;line-height:120%;color:#0a4d84; text-align:left;}
.notfound p.not_text{color:#333;line-height:20px;font-size:13px; padding:10px 10px 10px 0px; float:none;}
.notfound p.text_left{ text-align:left;float:none;}
.notfound p span{font-size:14px;font-weight:bold;color:#c90000;}
.notfound .sech_text{text-align:left;padding:5px 0; color:#9C9C9C;}
.notfound .backlink p{color:#c90000; font-size:13px;} .notfound .backlink p a{color:#c90000;}

#back_top {bottom: 30px;position: fixed;right: 0;z-index: 97;}
#back_top a {background: #b0b0b0 url("../image/back_top.png") no-repeat scroll center center;border-radius: 5px;display: inline-block;height: 40px;width: 40px;}

.right_nav{ right:0; bottom:65%; position:fixed; text-align:left;overflow: hidden;z-index:99;border-radius: 25px 0 0 25px;transform: translateY(50%);}
.right_nav li{background:#a3d08f;margin:4px 0;padding: 10px;border-top-left-radius: 4px;border-bottom-left-radius: 4px;cursor:pointer;position:relative;border-radius: 50px 0 0 50px;
right: -85px;}
.right_nav li .iconBox{text-align: center;overflow: hidden;display: flex;align-items: center;justify-content: space-between}
.right_nav .iconBox > img{width: 45px;height: 45px;background-color: white;border-radius: 50%;padding: 5px;}
.right_nav li h4{color: #fff;font-size: 12px;margin:2px 0;margin-left: 15px;}
.right_nav li:hover{background: #a3d08f;}
.right_nav li .hideBox{display: none;position: absolute;right:120px;padding:10px;padding-right: 28px;top:-10px;z-index: 999;opacity:1 !important;width:max-content;}
.right_nav li .hideBox .hb{border: 1px solid #ccc;background-color: #fff; padding: 10px 20px;border-top: 2px solid #a3d08f;border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;float:left;}
.right_nav li .hideBox .hb h5{text-align:center;padding: 5px 0;border-bottom: 2px solid #ccc;color: #133986;font-size: 16px;font-weight: 400;display: block;white-space: nowrap;display: none;}
.right_nav li .hideBox .hb p {margin-top: 5px;font-size: 18px;font-weight: 700;}
.right_nav li .hideBox .hb .fonttalk{margin-top: 10px;}
.right_nav li .hideBox .hb .fonttalk a{display: flex;align-items: center}
.right_nav li .hideBox .hb .fonttalk img{width: 25px;height:25px;}
.right_nav li .hideBox .hb .fonttalk p{font-size: 14px;font-weight: 400;white-space: nowrap;margin-top: -5px;margin-left: 5px;}
.right_nav li .hideBox img{width:140px;height: 140px;margin-top: 10px;}

.error {color: #FF0000;display: block;}
#sendcontact_result .error {color: #FF0000;display: block;}
#sendcontact_result{color: #FF0000; text-align:left;font-size:12px;}
#sendcontact_result span{color: #FF0000; text-align:left;font-size:12px;}
#sendinquiry_result .error {color: #FF0000;display: block;}
#sendinquiry_result{color: #FF0000; text-align:left;font-size:12px;}
#sendinquiry_result span{color: #FF0000; text-align:left;font-size:12px;}

.pagedesc {display: inline-block; }
.pageinfo {padding: 12px 16px;}

#indexcboxOverlay{background:url(../image/overlay.png) repeat 0 0;position: fixed; text-align: center;  height: 100%; width: 100%;top: 0; z-index: 9999; display: none; margin:0 auto; z-index: 9999;opacity: 0.9;}
#indexcboxWrapper{width: 370px; position: relative; text-align:center; margin:0 auto; background:#fff; padding:30px; top:30%;opacity: 100;}
#indexcboxClose{position:absolute; bottom:0; right:0; background:url(../image/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
#indexcboxClose.hover{background-position:-25px -25px;}	

@media (max-width: 1620px) {
.main-width{width:92%; max-width:1600px;}	
.top .header .nav .one > li{ padding:28px 18px;}
.hotproduct_box{ padding:80px 0px 100px 0px;}
.footerLeft{ width:44%;}
.main-products .detail .dddec h3{ font-size:18px;}
.main-products .detail .dddec p{ font-size:16px; line-height:30px;}
.mio-page-msg .form3 input{ font-size:16px; height:40px;}
.mio-page-msg .form3 .sub{ font-size:16px;}
.mio-page-msg .form3 textarea{ font-size:16px; height:100px; line-height:25px;}
}
@media (max-width: 1420px){
	h1.mio-h1t{ line-height:1em;}
}
@media only screen and (max-width:1366px){
.main-about .profile .text .pic{margin:0 2.6vw 3vw 0;}
.mio-page-contact h1, .mio-page-msg h2{font-size:2em;}
}
@media (max-width: 1240px){
.top { height:80px;}	
.top .header{ height:80px;}
.top .header .logo{ height:60px; margin-top:10px;}
.top .header .inquiry{ margin-top:20px;}
.top .header .search{ margin-top:20px;}
.top .header .lang{ margin-top:20px; padding:0px 10px; margin-right:10px;}
.top .header .nav .one > li{ padding:16px 15px; line-height:30px; font-size:15px;}	
.mio-plist h3{ font-size:14px;}
.footerLeft .itemp{ width:48%;}.footerLeft .item{ width:48%;}
h1.mio-h1t{ font-size:3em;}
}
@media (max-width: 1024px){	
.main-width{width:900px;}
.top { height:70px;}	
.top .header{ height:70px;}
.top .header .logo{ height:50px; margin-top:10px;}
.top .header .inquiry{ margin-top:20px;}
.top .header .search{ margin-top:20px;}
.top .header .lang{ margin-top:20px; padding:0px 10px; margin-right:10px;}
.top .header .nav .one > li{ padding:16px 10px; line-height:30px; font-size:15px;}
.top .header .lang{display:none;}.top .header .inquiry{display:none;}
.index-main h2{ font-size:35px;}
.index-main .title{ margin-bottom:30px;}
.index-products{ padding-top:30px;}
.hotproduct_box{ padding:50px 0px 80px 0px;}
.hotproduct_box .l h3{font-size:35px; line-height:50px;}
.hotproduct_box .l h4{font-size:25px;}
.hotproduct_box .l .lefttext{ margin-top:10px;}
.hpind_floor .proshow-title{ font-size:16px;}
.index-about h2{ margin-bottom:0px;}
.index-about .desc{ padding-top:0px;}
.index-mio-ina li{margin-left:1%; margin-right:1%; width:14%;}
.index-custmerservice .title h2{ font-size:40px; line-height:50px; margin-bottom:0px;}
.index-custmerservice .l{ padding-top:20px;}
.index-custmerservice h2{ font-size:20px;}
.index-custmerservice .desc{ padding-top:0px;}
.index-main .index-blog .title h2{ font-size:35px; margin-top:15px;}
.footerLeft .fast_navigation h2{ font-size:18px;margin:20px 0px;}
.footer_form h2{ font-size:18px; margin:20px 0px;}

.main-products .overview .text .num{ font-size:13px;}
.main-products .detail h2,.main-products .morelist h2{font-size:20px;}
.main-products .detail .pics img{ width:48%;}
}
@media (max-width: 992px) {
.top .header .main-width{ width:100%;}	
.top .header .nav{ margin-left:0px;}
.top .header .nav .two li em{ display:inline-block;}
.top .header .nav .two > li em{position:relative;float:left;height:20px;width:14px;margin:0;}
.top .header .nav .one .two > li > em:before{content:"+ ";}
.top .header .nav .one > li.on > ul.two> em:before{content:"- ";}
.top .header .nav .two li ul {left:20px;top:0px; position:relative;display:none;width:100%;  z-index:9999; }
.top .header .nav .two li.on .three li:nth-child(2n) a{background:#DAE3E8;}
.top .header .nav .two li ul li a{width:100%;line-height:25px;font-size:13px;color:#333333 !important;}
.top .header .nav .two li ul li a:hover {background: #2b2a2a none repeat scroll 0 0;}
.top .header .nav .two li:hover ul{display:none;}	
.index-products .mio-plist .col-md-3{ width:25%; float:left;}
.main-products .overview .text .num{ font-size:13px;}
.main-products .detail h2,.main-products .morelist h2{font-size:20px;}
.main-about .cont{ width:100%; float:inherit;}
}	

@media only screen and (max-width:980px){
.a-point{top:-70px;}
.m-Top{margin-top:50px;}
.main-width{ width:98%; max-width:900px;}
.search-results .cont{float:none;width:100%;}
.search-results .probox{display:none;}
.top{height:50px;}
.top .header{position:fixed;height:50px;box-shadow:0 0 5px #999;z-index:9999;}
.top .header .phone-menu{display:block;}
.top .header .logo{position:absolute;top:7px;left:50%;width:auto;height:36px;margin:0 0 0 -58.5px;}
.top .header .logo .lpic{margin-right:0;}
.top .header .lang{display:none;}.top .header .inquiry{display:none;}
.top .header .search{position:absolute;right:4vw;top:8px;width:34px;height:34px;margin:0;padding:0 !important;z-index:99999;}
.top .header .search .box{width:34px;height:34px;}
.top .header .search .box .text{height:34px;line-height:32px;background:#fff;color:#333;padding:0 35px 0 10px;z-index:99999;border-radius:17px;}
.top .header .search .box .btn,.top .header .search .box .sub{width:32px;height:32px;z-index:99999;background-size:18px 18px;}
.top .header .search .box .btn{display:block;}
.top .header .search .box .sub{display:none;}
.top .header .search .box.open{width:250px;border-color:#c6c6c6;}
.top .header .search .box.open .btn{display:none;}
.top .header .search .box.open .sub{display:block;}
.top .header .nav{position:fixed;left:-100%;top:50px;width:100%;height:100%;padding-bottom:50px;border-top:1px solid #e3e3e3;box-sizing:border-box;background-color:#fff;transition:all .5s;overflow-y:auto;z-index:999;}
.top .header .nav .one{width:92vw;margin:0 auto;}
.top .header .nav .one > li{float:none;line-height:60px;padding:0;border-bottom:1px solid rgba(0,0,0,.15);font-size:16px;}
.top .header .nav .one > li i{position:relative;float:right;height:60px;width:14px;margin:0;}
.top .header .nav .one > li i:before{width:8px;height:1px;margin:0;background-color:#aaa;transition:all .3s;}
.top .header .nav .one > li i:after{width:8px;height:1px;margin:0;background-color:#aaa;transition:all .3s;}
.top .header .nav .one > li.on i:before{transform:rotate(-45deg);}
.top .header .nav .one > li.on i:after{transform:rotate(45deg);}
.top .header .nav .two{display:none;position:static;width:100%;margin:0;padding:10px 0 10px 12px;border:none;box-sizing:border-box;box-shadow:none;opacity:1;}
.top .header .nav .two li{line-height:30px;font-size:14px;text-align:left;}
.top .header .nav .two li em{ display:inline-block;}
.top .header .nav .two > li em{position:relative;float:left;height:20px;width:14px;margin:0;}
.top .header .nav .one .two > li > em:before{content:"+ ";}
.top .header .nav .one > li.on > ul.two> em:before{content:"- ";}
.top .header .nav .two li ul {left:20px;top:0px; position:relative;display:none;width:100%;  z-index:9999; }
.top .header .nav .two li.on .three li:nth-child(2n) a{background:#DAE3E8;}
.top .header .nav .two li ul li a{width:100%;line-height:25px;font-size:13px;color:#333333 !important;}
.top .header .nav .two li ul li a:hover {background: #2b2a2a none repeat scroll 0 0;}
.top .header .nav .two li:hover ul{display:none;}
.top .header .nav .pro li{float:none;width:100%;}
.top .header .nav .pro li img{display:none;}
.top .header .nav .pro li p{display:inline;}
.hev .top{height:calc(50px + 10.4vw);}
.hev .top .header .nav{top:calc(50px + 10.4vw);}
.top .header.flow{height:50px;}
.top .header.flow .logo{margin-top:1px;}
.top .header.flow .nav{top:50px;}
.top .header.flow .nav .one > li{padding:0;}
.top .header.flow .nav .two{top:2.7vw;}
.top .header.flow .lang{margin-top:10px;}
.top .header.flow .search{padding:5px 0;}
.top .header.flow .sns{margin-top:10px;}
.top .header.active .nav{left:0;opacity:1;z-index:9999;}
.top .header.active .nav .one{transform:translateX(0);}

.bread{line-height:15px;padding:5px 0;font-size:12px;}
.other-banner h1{line-height:30px;margin-top:-15px;font-size:24px;}
.index-main .slidebox .mio-txt{ background:#63BA83;}
/*首页*/
.index-main h2{line-height:35px;margin-bottom:10px;font-size:28px;}
.index-main .title{margin-bottom:30px;}
.index-main .title p{line-height:25px;font-size:14px;}
.index-main .wbtn h2{line-height:30px;margin-bottom:15px;font-size:24px;}
.index-main .wbtn a{line-height:30px;padding:0 20px;margin:0 6px;font-size:14px;}

.index-products{padding-top:50px;}
.index-products .slide-dot{height:auto;margin-bottom:20px;}
.index-products .slide-dot li{width:32.5%;height:40px;line-height:40px;margin-bottom:1%;font-size:14px;}
.index-products .slide-dot li.active:after{display:none;}
.index-products .cont{padding:40px 0;}
.index-products .cont .slide-pic{width:92vw !important;margin:0 auto;}
.index-products .cont .slide-pic li{width:92vw;padding:0;}
.index-products .cont .slide-pic li .text{display:none;}
.index-products .cont .slide-pic li .list{float:none;width:103%;}
.index-products .cont .slide-pic li .list .item{width:30.42%;margin:0 2.913% 0 0;padding-bottom:15px;}
.index-products .cont .slide-pic li .list .item p{line-height:20px;margin-top:5px;font-size:14px;}
.index-products .cont .slide-pic li .list .item .desc{line-height:20px;font-size:12px;}
.index-products .cont .btn{display:none;}

.index-blog{padding:60px 0 50px;}
.index-blog .cont li .pic time{left:5px;top:5px;width:40px;height:38px;line-height:20px;padding:5px 0 0;font-size:16px;}
.index-blog .cont li .pic time i{font-size:12px;}
.index-blog .cont li .text h3{line-height:20px;font-size:16px;white-space:normal;}
.index-blog .cont li .text p{display:none;}
/*产品*/
.list-products{padding:30px 0 40px;}
.main-products .overview{margin-bottom:40px; overflow:inherit;}
.main-products .overview .slide-pro{float:none;width:740px;margin:0 auto; overflow:inherit;}
.main-products .overview .slide-pro .slide-pic{width:600px;height:600px;}
.main-products .overview .slide-pro .slide-dot{width:120px;height:600px;padding:30px 0;}
.main-products .overview .slide-pro .slide-dot .pos{width:120px;height:540px;}
.main-products .overview .slide-pro .slide-dot .pos li{width:120px;height:120px;margin-bottom:20px;}
.main-products .overview .slide-pro .slide-dot .btn{width:31px;height:17px;margin-left:-15.5px;}
.main-products .overview .text{float:none;width:740px;max-width:100%;margin:0 auto;padding-top:30px;}
.main-products .overview .text h1{line-height:30px;margin-bottom:20px;font-size:24px;}
.main-products .overview .text .desc{margin-bottom:20px;}
.main-products .overview .text .num{ font-size:13px;}
.main-products .overview .text .desc h3{line-height:25px;margin-bottom:10px;font-size:16px;}
.main-products .overview .text .desc p{line-height:20px;padding-left:15px;margin-bottom:5px;font-size:14px;}
.main-products .overview .text .desc p:after{top:7px;width:6px;height:6px;}
.main-products .overview .text .desc li{line-height:20px;padding-left:15px;margin-bottom:5px;font-size:14px;}
.main-products .overview .text .desc li:after{top:7px;width:6px;height:6px;}
.main-products .overview .text .btn{margin-bottom:20px;}
.main-products .overview .text .btn a{line-height:40px;padding:0 30px;font-size:16px;}
.main-products .overview .text .btn a:before{width:20px;height:20px;margin-right:5px;margin-top:-2px}
.main-products .overview .text .share span{line-height:30px;font-size:16px;}
.main-products .overview .text .share a{width:30px;height:30px;margin-left:5px;}
.main-products .detail{margin-bottom:40px;line-height:20px;}
.main-products .detail .dotdec p{line-height:20px;padding-left:15px;margin-bottom:5px;font-size:14px;}
.main-products .detail .dotdec p:after{top:7px;width:6px;height:6px;}
.main-products .detail h2,.main-products .morelist h2{font-size:20px;}
/*联系*/
.main-contact{padding:30px 0;}
.main-contact .func{margin-bottom:10px;}
.mio-page-msg .form3 input input{height:34px;padding:0 10px;margin-bottom:10px;font-size:14px;}
.mio-page-msg .form3 input textarea{height:100px;line-height:20px;padding:5px 10px;font-size:14px;}
.mio-page-msg .form3 input .sub{margin-bottom:0;font-size:14px;}
.mio-page-msg .form3 input .code img{height:34px;}
/*Blog*/
.list-blog{padding:30px 0 50px;}
.list-blog  .list ul{width:102%;}
.list-blog  .list li{width:31.372%;margin:0 1.961% 1.961% 0;}
.list-blog  .list li .text{padding-top:10px;}
.list-blog  .list li .text h3{line-height:20px;padding-bottom:10px;margin-bottom:10px;font-size:16px;}
.list-blog  .list li .text .txt{line-height:20px;font-size:14px;}
.list-blog  .list li .text .txt p{line-height:20px;font-size:14px;}
.list-blog  .list li .pic time{ font-size:13px;}
.list-blog  .article{padding:20px;}
.list-blog  .article .title{padding-bottom:20px;margin-bottom:20px;}
.list-blog  .article .title h1{line-height:25px;margin-bottom:10px;font-size:18px;}
.list-blog  .article .title time{line-height:20px;font-size:12px;}
.list-blog  .article .mainart{line-height:20px;font-size:14px;}
.list-blog  .article .mainart p{line-height:20px;margin-bottom:15px;font-size:14px;}
.list-blog  .article .mainart img{margin-bottom:15px;}
.list-blog  .article .func{padding-top:20px;margin-top:20px;}
.list-blog  .article .func .back{line-height:36px;padding:0 20px;font-size:14px;border-radius:20px;}
.list-blog  .article .func .share{margin-top:3px;}
.list-blog  .article .func .share span{line-height:30px;font-size:16px;}
.list-blog  .article .func .share a{width:30px;height:30px;margin-left:5px;}
.list-blog  .subpage li{ font-size:14px; line-height:20px;}

.main-about .history{padding:10px 0;}
.main-about .history h2{line-height:30px;margin-bottom:20px;font-size:24px;}
.main-about .history li{width:24%;margin-bottom:20px;}
.main-about .history li .text h3{line-height:25px;margin:5px 0;font-size:20px;}
.main-about .history li .text p{line-height:20px;font-size:14px;}
}
@media only screen and (max-width:780px){	
/*首页*/
.clear_new{ display:none;}
.index-about{background-size:auto 100%;}
/*产品*/
.main-products .overview .slide-pro{width:92vw;}
.main-products .overview .slide-pro .slide-pic{width:74.6vw;height:74.6vw;}
.main-products .overview .slide-pro .slide-dot{width:14.9vw;height:74.6vw;padding:3.75vw 0;}
.main-products .overview .slide-pro .slide-dot .pos{height:67.1vw;}
.main-products .overview .slide-pro .slide-dot .pos li{width:14.9vw;height:14.9vw;margin-bottom:2.5vw;}
.main-products .overview .slide-pro .slide-dot .btn{width:3.9vw;height:2.2vw;margin-left:-1.95vw;}
.main-products .overview .text .num{ font-size:13px;}
.main-products .detail h2,.main-products .morelist h2{font-size:20px;}
.main-products .detail .pics img{ max-width:100%; width:auto;}
.main-products .related ul{width:102%;}
.main-products .related li{width:48.039%;margin:0 1.961% 1.961% 0;}
.main-products .related li h3{height:40px;padding:0 5px;margin-bottom:5px;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.main-products .related li .more{display:none;}

.index-blog{padding:50px 0 40px;}
.index-blog .cont li .text h3{font-size:14px;}
.footer_box{background:#1B1E23;}
.footer_box .container_1200{ width:100%; padding-right:0px;}
/*Blog*/
.list-blog{padding:50px 0;}
.list-blog  .list li{width:48.039%;margin-bottom:3%;}
/*联系*/
.main-contact .func .info{float:none;width:100%;padding:0;margin-bottom:30px;}
.main-contact .func .enter{float:none;width:100%;}
/*关于*/
.main-contact .func .enter{ padding:0px;}
.mio-main{ width:100%;}.mio-side{ width:100%; padding-top:20px;}
}
@media only screen and (max-width:640px){
.hometop{ position:relative;}
.flow-icon{display:none;}
.other-banner img{width:100%;}
.clear_new{ display:none;}
.top .header .nav .two li em{ display:inline-block;}
.top .header .nav .two > li em{position:relative;float:left;height:20px;width:14px;margin:0;}
.top .header .nav .one .two > li > em:before{content:"+ ";}
.top .header .nav .one > li.on > ul.two> em:before{content:"- ";}
.top .header .nav .two li ul {left:20px;top:0px; position:relative;display:none;width:100%;  z-index:9999; }
.top .header .nav .two li.on .three li:nth-child(2n) a{background:#DAE3E8;}
.top .header .nav .two li ul li a{width:100%;line-height:25px;font-size:13px;color:#333333 !important;}
.top .header .nav .two li ul li a:hover {background: #2b2a2a none repeat scroll 0 0;}
.top .header .nav .two li:hover ul{display:none;}
.flow-search .box{ width:85%; top:40%;}
.searchon .boxx{ left:10%;}
.index-products{ padding-top:20px;}
.index-products .mio-plist .col-md-3{ width:50%;}
.hotproduct_box .l{ width:100%; padding-top:0px;}
.hotproduct_box .r{ width:100%;}
.index-about .l{ width:100%;}
.index-about .r{ width:100%; padding-top:10px;}
.index-about .picture li{ width:33%; margin-bottom:10px;}
.index-custmerservice{ display:none;}
.index-bcontact h3{ font-size:20px; line-height:25px;}
.index-bcontact{ height:260px;}
.picMarquee-left .bd ul li{ width:24%; margin-right:1%;}
.picMarquee-left .bd ul li img{ width:100%;}
.main-about .mio-t h2{ font-size:35px;}
.main-about .index-about h2{font-size:35px;}
.list-honormnc{ padding-top:40px;}
.mio-position .mio-smenu li a{font-size:16px; line-height:45px; height:45px;background:#EEEEEE;}
.mio-position .mio-crumb{ float:none;}
.mio-position .mio-smenu{ float:none;}
/*首页*/
.mio-position{ height:auto; min-height:70px;}
.index-main h2{margin-bottom:5px;font-size:24px;}
.index-main .title{margin-bottom:20px;}
.index-main .title p{line-height:20px;}
.index-main .wbtn h2{font-size:20px;}
.index-main .wbtn a{min-width:140px;margin:0 4px;}
.index-main .mio-txt{ display:none;}
.index-blog{padding:40px 0 25px;}
.index-blog .cont ul{width:100%;}
.index-blog .cont li{position:relative;float:none;width:100%;height:85px;margin-bottom:10px;padding-left:130px;box-sizing:border-box;}
.index-blog .cont li .pic{position:absolute;left:0;top:0;width:120px;}
.index-blog .cont li .pic time{display:none;}
.index-blog .cont li .text{padding-top:15px;}
.index-blog .cont li .text h3{font-size:16px;font-weight:normal;text-overflow:ellipsis;overflow:hidden;white-space:nowrap; margin-bottom:5px;}
.index-blog .cont li .text .more{ margin:0px; padding:0px; font-size:13px;}
.list-blog .list li{ width:98%;}
.index-mio-ina{ background:#A3D08F;}
.index-mio-ina li{ width:31%;}

.footer_box:before{ right:0;}
.footer_box:after{ width:0;}
.footerLeft{ width:100%;}
.footerRight{ display:none;}
.footerLeft .item{ width:99%;}
.footer_box:before{border-right:12px solid #1B1E23; }
.footer_box:after{background-color:#1B1E23;}
.footer .footer_copyright p span{ float:none;}
.mio-position .mio-smenu li { float: left; width: 49%; margin-right: 2%; margin-bottom: 5px; }
.mio-position .mio-smenu li:nth-child(even) { margin-right: 0 }
/*product*/
.list-products .prcontent ul li{ width:45%;}
.products_inquire{ display:none;}
.main-products .overview .text h1{line-height:25px;margin-bottom:15px;font-size:20px;}
.main-products .overview .text .btn a{line-height:36px;padding:0 20px;font-size:14px;}
.main-products .overview .text .num{ font-size:13px;}
.main-products .detail h2,.main-products .morelist h2{font-size:20px;}
.main-products .detail .pics img{ max-width:100%; width:auto;}
/*contact*/
.main-contact .mio-page-contact{width:95%;}
.mio-page-contact p{ line-height:25px;}
.main-contact .mio-page-msg{width:100%; margin-top:10px;}
.mio-page-contact h1, .mio-page-msg h2{font-size:20px;}
.mio-faq h2{font-size:20px;}
/*Blog*/
.list-blog{padding:20px 0 40px; width:100%;}
.list-blog  .list{margin-bottom:20px;}
.list-blog  .list li{box-shadow:0 0 5px rgba(0,0,0,.1);}
.list-blog  .list li .pic time{width:190px; height:50px; line-height:50px;}
.list-blog  .list li .text{padding:5px;}
.list-blog  .list li .text h3{line-height:30px;padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid #ddd;font-size:18px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.list-blog  .list li .text  p{ height:auto;}
.list-blog  .list li .text .txt{display:none;}
.list-blog  .article{padding:15px 10px;}
.list-blog  .article .title{padding-bottom:10px;}
.list-blog  .article .title h1{line-height:20px;font-size:16px;}
.list-blog  .article .func{text-align:center;}
.list-blog  .article .func .share{float:none;width:100%;margin-bottom:15px}
.list-blog  .article .func .back{float:none;}
.list-blog  .subpage li{float:none;width:100%;padding:0 10px !important;}
.list-blog  .subpage .pre{margin-bottom:10px;}
.list-blog  .subpage .next{text-align:left;}
/*FAQ*/
.mio-page-why2{ background:none; height:auto;}
.mio-page-why2 li{ width:100%; position:inherit; text-align:left; margin-bottom:10px;}
.mio-page-why2 li:nth-child(1) { left: 0; top:0; }
.mio-page-why2 li:nth-child(2) { left: 0; top:0; }
.mio-page-why2 li:nth-child(3) { left: 0; top:0; }
.mio-page-why2 li:nth-child(4) { left: 0; top:0; }
.mio-page-why2 li:nth-child(5) { left: 0; top:0; }
.mio-page-why2 li:nth-child(6) { left: 0; top:0; }
.mio-page-why2 li:nth-child(7) { left: 0; top:0; }

.list-honormnc li{ width:48%;}

#msgdiv .contactOnline .long .txtarea04{ font-size:14px;}
#msgdiv .contactOnline ul li .txtarea04{ font-size:12px;}
.mio-page-wrap .mio-img{ width:100%;}
.mio-page-wrap .mio-txt{ width:100%;padding-top: 20px;}
.mio-page-wrap .mio-txt h2{font-size: 1.2em;  margin-bottom: 20px;}
.mio-advantages{ display:none;}
.mio-advantages li{ width:48%; margin-bottom:1%; min-height:180px; height:auto;}
.main-about .history li{width:48%;}
.list-why{ margin-top:-10px;}
.mio-page-contact .contact-way ul li{ font-size:12px; padding:2px 0 6px 35px;}
.mio-page-contact .contact-way ul li i{position: absolute;left: 0;top: 0;width: 30px;height: 30px;}
.mio-page-contact .contact-way ul li.tel i{background: url(../image/contact_mtel.png) no-repeat;}
.mio-page-contact .contact-way ul li.fax i{background: url(../image/contact_mfax.png) no-repeat;}
.mio-page-contact .contact-way ul li.mail i{background: url(../image/contact_memail.png) no-repeat;}
.mio-page-contact .contact-way ul li.add i{background: url(../image/contact_madd.png) no-repeat;}

#certify .swiper-slide{ max-width:260px; height:auto;}
#certify .swiper-slide img{ width:100%;}
.mio-advantages li .mio-txt h3{ font-size:15px;}
.mio-advantages li .mio-txt p{ font-size:12px;}
h2.mio-h2t { font-size: 2em;}
.mio-honor{ padding-top:0px;}
.mio-section{ padding-bottom:0px;}
.mio-position .mio-smenu{ margin-top:10px;}

}
@media only screen and (max-width:360px){
.main-width{width:100%;}
.secd-width{width:98%;}	
.clear_new{ display:none;}
.top .header .nav .two li em{ display:inline-block;}
.top .header .nav .two > li em{position:relative;float:left;height:20px;width:14px;margin:0;}
.top .header .nav .one .two > li > em:before{content:"+ ";}
.top .header .nav .one > li.on > ul.two> em:before{content:"- ";}
.top .header .nav .two li ul {left:20px;top:0px; position:relative;display:none;width:100%;  z-index:9999; }
.top .header .nav .two li.on .three li:nth-child(2n) a{background:#DAE3E8;}
.top .header .nav .two li ul li a{width:100%;line-height:25px;font-size:13px;color:#333333 !important;}
.top .header .nav .two li ul li a:hover {background: #2b2a2a none repeat scroll 0 0;}
.top .header .nav .two li:hover ul{display:none;}

.index-products .mio-plist .col-md-3{ width:95%;}
.hotproduct_box{ display:none}
.index-about .picture{ display:none}
.index-main .index-blog .title .more{ display:none;}

.index-reviewbox .review-mian li .rcont .rmore{ display:none;}
/*Blog*/
.list-blog{padding:20px 0 40px; width:100%;}
.list-blog  .list{margin-bottom:20px;}
.list-blog  .list li{box-shadow:0 0 5px rgba(0,0,0,.1);}
.list-blog  .list li .pic time{width:190px; height:50px; line-height:50px;}
.list-blog  .list li .text{padding:5px;}
.list-blog  .list li .text h3{line-height:30px;padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid #ddd;font-size:18px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.list-blog  .list li .text  p{ height:auto;}
.list-blog  .list li .text .txt{display:none;}
.list-blog  .article{padding:15px 10px;}
.list-blog  .article .title{padding-bottom:10px;}
.list-blog  .article .title h1{line-height:20px;font-size:16px;}
.list-blog  .article .func{text-align:center;}
.list-blog  .article .func .share{float:none;width:100%;margin-bottom:15px}
.list-blog  .article .func .back{float:none;}
.list-blog  .article .mainart img{max-width:100% !important;height:auto !important;margin-bottom:1.4vw;}
.list-blog  .subpage li{float:none;width:100%;padding:0 10px !important;}
.list-blog  .subpage .pre{margin-bottom:10px;}
.list-blog  .subpage .next{text-align:left;}
.list-products .main-width{ width:90%;}
.list-products .prcontent ul li{ width:45%;}
.products_inquire a{ font-size:12px;}

.main-products .overview .text .num{ font-size:13px;}
.main-products .detail h2,.main-products .morelist h2{font-size:20px;}
.main-products .detail .pics img{ max-width:100%; width:auto;}

#certify .swiper-slide{ max-width:160px; height:auto;}
#certify .swiper-slide img{ width:100%;}
.main-about .main-width{ width:90%;}
.picMarquee-left .bd ul li{ width:32%;}
.main-about .mio-t h2{ font-size:20px;}
.main-about .index-about h2{font-size:20px;}
.mio-position .mio-smenu li a{font-size:13px;}
.index-mio-ina li{ width:48%;}
.mio-advantages{ display:none;}
.main-contact .mio-page-contact{width:100%; margin-left:0px;}
.mio-page-contact .contact-way ul li.tel, .mio-page-contact .contact-way ul li.fax{ width:95%;}
h1.mio-h1t{ font-size:1.5em;}
}
@media only screen and (max-width:320px){
	.index-products .mio-plist .col-md-3{ width:98%;}
	.hotproduct_box{ display:none}
	.index-about .picture{ display:none}
}