@charset "utf-8";

/* css 重置 */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0}fieldset,img{border:0}:focus{outline:0}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:normal}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}abbr,acronym{border:0;font-variant:normal}code,kbd,samp,tt{font-size:100%}input,button,textarea,select{ *font-size:100%;border:0}body{background:#fff;color:#404040;font:14px/2em Microsoft YaHei,SimSun,Arial}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th{text-align:left}sup,sub{font-size:100%;vertical-align:baseline}:link,:visited,ins{text-decoration:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}a:link,a:visited{color:#404040}a:hover{color:#c9394a}a:active{color:#666}.clearfix:after{content:'\0020';display:block;height:0;clear:both;visibility:hidden}.clearfix{ *zoom:1}.l{float:left}.r{float:right}.clear{height:0;overflow:hidden;clear:both}.hide{display:none}.btn.hide{display:none}a.hidefocus{outline:0}button.hidefocus::-moz-focus-inner{border:0}a:focus{outline:0;-moz-outline:0}input,textarea{outline:0}h2{font-size:20px}h3{font-size:16px;line-height:32px}h5{font-size:14px;line-height:28px}
.fleft{ float:left}
.fright{ float:right}


.header{ position:fixed; top:0px; z-index:9; width:100%; line-height:70px; padding-top:10px}
.header .logo{ margin-left:10%}
.header .logo h1{  color:#fff; overflow:hidden}
.header .logo h1 strong{ text-indent:-245px; display:inline-block}
.header nav{ margin-right:10%}
.header nav a{ color:#fff; margin-left:40px}
.fixnav{ background:rgba(0,0,0,0.8)}

.banner{height:750px;width: 100%; overflow:hidden;position:relative;}
.bannerbox{ width:100%;  position:relative;  height:400px;top:150px}
.bannerbox .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden;  }
.bannerbox .bd ul{ width:100% !important;  }
.bannerbox .bd li{ width:100% !important;  height:500px; overflow:hidden; text-align:center; color:#fff; }
.bannerbox .bd li h2{ font-size:50px; font-weight:600; margin:100px 0 10px 0}
.bannerbox .bd li span{ display:inline-block; font-size:20px}
.bannerbox .bd li .renzheng{background-color: #009688;border-radius: 5px;padding:5px 15px;box-sizing: border-box; margin-left:10px; color:#fdf060; font-weight:600}
.bannerbox .bd li .renzheng:before{ content:"★★★★★"; margin-right:10px}
.bannerbox .bd li .feiyong{background-color: #f98e39;border-radius: 5px;padding:5px 15px;box-sizing: border-box; margin-left:10px; color:#fdf060; font-weight:600}
.bannerbox .bd li .wenti{background-color: #f98e39;border-radius: 5px;padding:5px 15px;box-sizing: border-box; margin-left:10px; color:#fdf060; font-weight:600}
.bannerbox .bd li p{ color:#b2b2b2; padding:30px 0 0 0; font-size:16px}
.bannerbox .bd li .p01{ font-size:20px; color:#fdf060;}
.bannerbox .hd{ width:100%;  position:absolute; z-index:1; top:350px; left:0; height:30px; line-height:30px; }
.bannerbox .hd ul{ text-align:center; }
.bannerbox .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:42px; height:11px; margin:1px; overflow:hidden; background:#000;
	filter:alpha(opacity=50);opacity:0.5;  line-height:999px; }
.bannerbox .hd ul .on{ background:#f00;  }
.bannerbox .prev,.bannerbox .next{  display:block;  position:absolute; z-index:1; top:50%; margin-top:-30px; left:10%;  z-index:1; width:40px; height:60px; background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat;  cursor:pointer; filter:alpha(opacity=50);opacity:0.5; display:none;  }
.bannerbox .next{ left:auto; right:10%; background-position:-6px -137px; }
.banner .videobg{background-color: rgba(0, 0, 0, 0.5);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);position:absolute;right: 0px;top: 0px;min-width: 100%;min-height: 100%; z-index:-1/*低版本ie透明写法*/}
.banner video{position:absolute;right: 0px;top: 0px;min-width: 100%;min-height: 100%;height: auto;width: auto;max-width: 100%; z-index:-2}


#advantage{background-color:rgba(0,0,0,.4);width:100%; position:relative; top:215px; height:90px; padding-top:50px}
#advantage .max_width{ width:1200px; margin:auto}
#advantage .publicity_text>a>i{float:left}
#advantage .publicity_text>a:hover>i.fufei{background-position:-10px -210px}
#advantage .publicity_text>a:hover>i.dangan{background-position:-10px -116px}
#advantage .publicity_text>a:hover>i.me{background-position:-10px -422px}
#advantage .publicity_text>a:hover>i.binlike{background-position:-10px -10px}
#advantage .publicity_text>a:hover>p span:first-of-type{color:#009688}
#advantage .publicity_text{float:left;width:25%}
#advantage .publicity_text:hover .dis_b.grayColor p{transform:translateX(-10px);-webkit-transform:translateX(-10px);-moz-transform:translateX(-10px);-o-transform:translateX(-10px);-ms-transform:translateX(-10px)}
#advantage .publicity_text>img{margin-top:7px}
#advantage .publicity_text p{width:75%;float:left;margin-left:8%;transition:all .2s ease-out 0s;-webkit-transition:all .2s ease-out 0s;-moz-transition:all .2s ease-out 0s;-o-transition:all .2s ease-out 0s;line-height:24px;margin-top:-5px}
#advantage .publicity_text p span:first-of-type{font-size:15px;font-weight:700;color:#fff}
#advantage .publicity_text p span{color:#666}

.mysprite{background-image:url(../images/mysprite.sprite.png);background-repeat:no-repeat;display:inline-block}.mysprite.binlike-green{width:41px;height:43px;background-position:-10px -10px}.mysprite.binlike{width:41px;height:43px;background-position:-10px -63px}.mysprite.dangan-green{width:37px;height:37px;background-position:-10px -116px}.mysprite.dangan{width:37px;height:37px;background-position:-10px -163px}.mysprite.fufei-green{width:39px;height:39px;background-position:-10px -210px}.mysprite.fufei{width:39px;height:39px;background-position:-10px -259px}.mysprite.green-tm-ico{width:17px;height:17px;background-position:-10px -308px}.mysprite.green-tm-ico1{width:17px;height:17px;background-position:-10px -335px}.mysprite.home-tb-ico{width:26px;height:20px;background-position:-10px -362px}.mysprite.home-tm-ico{width:20px;height:20px;background-position:-10px -392px}.mysprite.me-green{width:36px;height:40px;background-position:-10px -422px}.mysprite.me{width:36px;height:40px;background-position:-10px -472px}.mysprite.white-tm-ico{width:17px;height:17px;background-position:-10px -522px}.mysprite.white-tm-ico1{width:17px;height:17px;background-position:-10px -549px}




.service{ width:1200px; margin:auto; padding:70px 0}
.service .title{ margin-bottom:20px; text-align:center}
.service .title h2{ font-weight:bold; font-size:34px; display:block; margin-bottom:20px}
.service .title p{color:#898989}
.service .service-box{ border:1px solid #eee; height:531px;}
.service .service-box .service-nav{ float:left; width:273px; height:486px; padding:30px 15px 15px 15px; background:url(../images/shoprecommend.png) no-repeat; color:#fff}
.service .service-box .service-nav h3{ font-size:24px; font-weight:700; margin-bottom:20px}
.service .service-box  ul{ float:right; width:895px;}
.service .service-box  ul li{ float:left; width:446px; height:225px;border-left:1px solid #eee;border-bottom:1px solid #eee; padding:40px 0 0 0}
.service .service-box  ul .li_div{ float:left; width:48%; height:225px;border-left:1px solid #eee;border-bottom:1px solid #eee; padding:40px 0 0 0}
.service .service-box  ul li span{font-weight:700}
.service .service-box  ul li p{ line-height:20px; margin-bottom:10px; color:#898989}
.service .service-box  ul li img{ float:left; margin-bottom:20px;-webkit-transition:-webkit-transform 2s ease-out;-moz-transition:-moz-transform 2s ease-out;-o-transition:-o-transform 2s ease-out;-ms-transition:-ms-transform 2s ease-out;}
.service .service-box  ul li:hover img{-webkit-transform:rotateZ(360deg);-moz-transform:rotateZ(360deg);-o-transform:rotateZ(360deg);-ms-transform:rotateZ(360deg);transform:rotateZ(360deg);}
.service .service-box  ul li h4{ font-size:24px; color:#333; font-weight:600; margin-bottom:20px}
.service .service-box  ul li .p02{ clear:both; padding:10px 20px;background-color: #f8f8f8;}


.fangan{ width:100%; background:#f5f5f5; padding:80px 0 100px 0;background: url(../images/fangan.png) center top no-repeat;background-size: cover;}
.fangan .title{ width:1200px; margin:auto; text-align:center}
.fangan .title h2{ font-weight:bold; font-size:34px; display:block; margin-bottom:20px}
.fangan .title p{color:#898989}
.fangan-Scroll{width:1200px;height:330px;margin:15px auto;position:relative;}
.fangan-Scroll .prev,.fangan-Scroll .next{width:51px;height:45px;position:absolute;top:210px;left:0;z-index:100; cursor:pointer; background:url(../images/btns.png) no-repeat;}
.fangan-Scroll .next{ left:auto; right:0; background-position:0 -90px;}
.fangan-Scroll .prev:hover{ background-position:0 -45px; }
.fangan-Scroll .next:hover{ background-position:0 -135px; }

.fangan-Scroll .scrollWrap{width:1132px;margin-left:31px;padding-top:15px;overflow:hidden;position:absolute;}
.fangan-Scroll dl{float:left;width:284px;text-align:center;position:relative; }
.fangan-Scroll dt{margin:0 auto;overflow:hidden;}
.fangan-Scroll img{display:block;width:274px;height:160px;}
.fangan-Scroll dd{width:274px;height:170px;text-align:center;overflow:hidden;background:#fff; padding-top:20px}
.fangan-Scroll dd span{ font-size:24px; display:block; margin-bottom:20px; font-weight:600}
.fangan-Scroll dd p{ font-size:14px; line-height:22px;color:#898989}




.aboutus{ width:1200px; margin:auto; padding:80px 0 90px 0;}
.aboutus .title{ text-align:center}
.aboutus .title h2{ font-weight:bold; font-size:34px; display:block;}
.aboutus .title p{ color:#999; font-size:14px; padding:10px 0}
.aboutus .abtt{ padding:20px 0}
.aboutus .abtt p{ line-height:32px; font-size:16px; text-align:center}
.aboutus .abtt .abtfl{ padding:30px 0}
.aboutus .abtt .abtfl li{ float:left; width:158px; text-align:center}
.aboutus .abtt .abtfl li img{ width:100%}
.aboutus .abtt .abtfl li span{ font-size:14px; font-weight:500}
.aboutus .abtt .h-line{ height:50px; background:#666; width:1px; clear:both; margin:30px auto 50px auto; border:none}
.aboutus .abtt .abttime{}
.aboutus .abtt .abttime dt{ width:100%; text-align:center; font-size:45px; font-weight:100; margin-bottom:40px; }
.aboutus .abtt .abttime dd{ float:left; width:25%; text-align:center;}
.aboutus .abtt .abttime dd span{ font-size:70px; color:#d90a00; font-family:"Arial Black", Gadget, sans-serif}







.whyus{ width:100%; background:#f5f5f5; padding:80px 0;background: url(../images/fangan.png) center top no-repeat;background-size: cover;}
.whyus .title{ width:1200px; margin:auto auto 30px auto; text-align:center}
.whyus .title h2{ font-weight:bold; font-size:34px; display:block; margin-bottom:20px}
.whyus .title p{color:#898989}
.whyus .whyus-box{ width:1200px; margin:auto}
.whyus .whyus-box .one{ width:500px; height:240px;}
.whyus .whyus-box .two{ width:700px; height:240px;}
.whyus .whyus-box .three{ width:700px; height:240px; }
.whyus .whyus-box .four{ width:500px; height:240px; }
.whyus .whyus-box .section{float:left; color:#fff; overflow:hidden; position:relative}
.whyus .whyus-box .section img{ position:absolute; top:0; left:0; z-index:0;transition: all 1s;}
.whyus .whyus-box .section:hover img{transform: scale(1.1)}
.whyus .whyus-box .section .dec{ position:absolute; z-index:1; bottom:0; padding:20px;-webkit-transition:all .4s ease-in-out 0s;-moz-transition:all .4s ease-in-out 0s;-ms-transition:all .4s ease-in-out 0s;-o-transition:all .4s ease-in-out 0s;transition:all .4s ease-in-out 0s;	background: -webkit-linear-gradient(top, rgba(0,0,0,0)0%, rgba(0,0,0,0.6)55%, rgba(0,0,0,0.9)98%);/* Safari、Chrome */
	background: -o-linear-gradient(bottom, rgba(0,0,0,0)0%, rgba(0,0,0,0.6)55%, rgba(0,0,0,0.9)98%);/* Opera */
	background: -moz-linear-gradient(bottom, rgba(0,0,0,0)0%, rgba(0,0,0,0.6)55%, rgba(0,0,0,0.9)98%);/* Firefox */
	background: linear-gradient(to bottom, rgba(0,0,0,0)0%, rgba(0,0,0,0.6)55%, rgba(0,0,0,0.9)98%);}
.whyus .whyus-box .section .dec:hover{transform:translate(0px,5px);-ms-transform:translate(0px,5px);-webkit-transform:translate(0px,5px);}
.whyus .whyus-box .section .dec span{display:block; font-size:35px; font-weight:700; margin-bottom:30px}
.whyus .whyus-box .section em{ font-size:18px; display:block; margin-bottom:15px; font-weight:600;color:#dadada}
.whyus .whyus-box .section p{ line-height:22px; color:#bcbcbc}


.work{ width:100%;padding:50px 0 50px 0;}
.work .title{ width:1200px; margin:auto auto 30px auto; text-align:center}
.work .title p{color:#898989}
.work .title h2{ font-weight:bold; font-size:34px; display:block; margin-bottom:20px}

.workshow { width:1220px; margin:auto;}
.workshow ul li{ width:281px; display:inline-block;height:220px; background:#fff; margin:10px; font-size:14px;}
.workshow ul li span{ display:block; margin-bottom:5px}
.workshow ul li span{width:281px;height:177px ; overflow:hidden}
.workshow ul li span img{width:281px;height:177px}
.workshow ul li span img{-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-ms-transform:scale(1,1);-o-transform:scale(1,1);transform:scale(1,1);-webkit-transition:all,.7s;-moz-transition:all,.7s;-ms-transition:all,.7s;-o-transition:all,.7s;transition:all,.7s}
.workshow ul li span img:hover{-webkit-transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2);-ms-transform:scale(1.2,1.2);-o-transform:scale(1.2,1.2);transform:scale(1.2,1.2);-webkit-transition:all,.7s;-moz-transition:all,.7s;-ms-transition:all,.7s;-o-transition:all,.7s;transition:all,.7s}




.brand-Scroll{width:1200px;height:150px;margin:50px auto 15px auto;position:relative;}
.brand-Scroll .prev,.brand-Scroll .next{width:51px;height:45px;position:absolute;top:80px;left:0;z-index:100; cursor:pointer; background:url(../images/btns.png) no-repeat;}
.brand-Scroll .next{ left:auto; right:0; background-position:0 -90px;}
.brand-Scroll .prev:hover{ background-position:0 -45px; }
.brand-Scroll .next:hover{ background-position:0 -135px; }

.brand-Scroll .scrollWrap{width:1132px;margin-left:31px;padding-top:15px;overflow:hidden;position:absolute;}
.brand-Scroll dl{float:left;width:152px;text-align:center;position:relative; padding:0px 5px }
.brand-Scroll dt{margin:0 auto;overflow:hidden;}
.brand-Scroll img{display:block;width:147px;height:100px; border:1px solid #f2f2f2}
.brand-Scroll dd{width:137px;text-align:center;overflow:hidden;background:#fff; padding-top:5px; line-height:16px; color:#898989}
.brand-Scroll dd span{ font-size:24px; display:block;}

.news{ width:100%; background:#f5f5f5; padding:50px 0 50px 0;background: url(../images/fangan.png) center top no-repeat;background-size: cover;}
.news .title{ width:1200px; margin:auto auto 30px auto; text-align:center}
.news .title h2{ font-weight:bold; font-size:34px; display:block; margin-bottom:20px}
.news .title p{color:#898989}
.news .news-box{ width:1200px; margin:auto}
.news .news-box .focusBox { position: relative; width: 411px; height: 240px; overflow: hidden; font: 12px/1.5 Verdana, Geneva, sans-serif; text-align: left; background: white; float:left }
.news .news-box .focusBox .pic img { width:411px; height: 240px; display: block; }
.news .news-box .focusBox .txt-bg { position: absolute; bottom: 0; z-index: 1; height: 36px; width:100%;  background: #333; filter: alpha(opacity=40); opacity: 0.4; overflow: hidden; }
.news .news-box .focusBox .txt { position: absolute; bottom: 0; z-index: 2; height: 36px; width:100%; overflow: hidden; }
.news .news-box .focusBox .txt li{ height:36px; line-height:36px; position:absolute; bottom:-36px;}
.news .news-box .focusBox .txt li a{ display: block; color: white; padding: 0 0 0 10px; font-size: 12px; font-weight: bold; text-decoration: none; }
.news .news-box .focusBox .num { position: absolute; z-index: 3; bottom: 8px; right: 8px; }
.news .news-box .focusBox .num li{ float: left; position: relative; width: 18px; height: 15px; line-height: 15px; overflow: hidden; text-align: center; margin-right: 1px; cursor: pointer; }
.news .news-box .focusBox .num li a,.news .news-box .focusBox .num li span { position: absolute; z-index: 2; display: block; color: white; width: 100%; height: 100%; top: 0; left: 0; text-decoration: none; }
.news .news-box .focusBox .num li span { z-index: 1; background: black; filter: alpha(opacity=50); opacity: 0.5; }
.news .news-box .focusBox .num li.on a,.news .news-box .focusBox .num a:hover{ background:#f60;  }
.news .news-box .right{ width:770px; float:right}
.news .news-box .right li{ float:left; width:49%; margin-bottom:7px; background:#fff; margin-right:2%; height:55px; overflow:hidden; line-height:20px;}
.news .news-box .right li:nth-child(2n){ margin-right:0}
.news .news-box .right li img{ height:55px; width:88px; float:left; margin-right:10px}
.news .news-box .right li span{ display:block; margin-top:8px}

.liucheng{margin:0 auto; padding:50px 0px; }
.liucheng .title{ width:1200px; margin:auto auto 30px auto; text-align:center}
.liucheng .title h2{ font-weight:bold; font-size:34px; display:block; margin-bottom:20px}
.liucheng .title p{color:#898989}
.liucheng ul{ width:1200px; margin: auto; padding-top:20px; }
.liucheng ul li{ float: left;  width:23%;  margin-right:2%; border-radius:5px; overflow: hidden; text-align:center;
	-moz-box-shadow: 0 0px 15px 0px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0px 15px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0px 15px 0px rgba(0, 0, 0, 0.2); 
	-webkit-transition:all .4s ease-in-out 0s;-moz-transition:all .4s ease-in-out 0s;-ms-transition:all .4s ease-in-out 0s;-o-transition:all .4s ease-in-out 0s;transition:all .4s ease-in-out 0s;
}
.liucheng ul li:last-child{ margin-right:0}
.liucheng ul li:hover{transform:translate(0px,-10px);-ms-transform:translate(0px,-10px);-webkit-transform:translate(0px,-10px);}
.liucheng ul li:nth-child(5n){ margin-right:0px;}
.liucheng ul li span{width: 100%;
    background: url(../images/newsbg.jpg) no-repeat;
    height:100px;
    color: #fff;
    line-height:100px; display:block;
    font-size:20px; font-weight:400; }

.liucheng ul li:nth-child(1) span{ background: url(../images/newsbg2.jpg) no-repeat; }
.liucheng ul li:nth-child(2) span{ background: url(../images/newsbg4.jpg) no-repeat; }
.liucheng ul li:nth-child(3) span{ background: url(../images/newsbg5.jpg) no-repeat; }
.liucheng ul li:nth-child(4) span{ background: url(../images/newsbg3.jpg) no-repeat; }
.liucheng ul li p{ padding:25px 10px; font-size:14px; line-height:28px; font-weight: 400; }

.guess-like{ width:100%; background:#f5f5f5; padding:50px 0 50px 0;background: url(../images/fangan.png) center top no-repeat;background-size: cover;}
.guess-like .box{ width:1200px; margin:auto auto 30px auto}
.guess-like .box h4{ font-size:20px}
.guess-like .box ul{ padding:20px 0 0 0}
.guess-like .box li{float: left;display: inline;width: 195px;margin: 6px 20px 0 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color: #338ED6;}
.guess-like .box li:before {content: '';background: #999;width: 3px;height: 3px;border-radius: 50%;display: inline-block;margin: 0 5px 3px 0;}


.contact{position: fixed;background-color:#000;right:0;top:0%;text-align:center;cursor:pointer;height: 100%;letter-spacing: 0;word-spacing: 0;font-size: 0;z-index: 22; }
.contact>div {width:45px;margin: 5px 0;color: #fff;padding:10px 3px;position: relative;font-size: 12px; line-height:15px}
.contact>div:hover{ background:#F00}
.contact>div:nth-child(1){ margin-top:200px}
.contact .weixin .erweima{ text-align:center; color:#F00}
.contact .weixin .erweima img{ width:100px ; height:100px}
.contact .phone .phonenum{ color:#F00; font-size:16px; line-height:24px}
.contact .phone .phonenum,.contact .weixin .erweima{position: absolute;padding:5px;background-color: #fff;border: 1px solid #e3e3e3;border-top-left-radius: 7px;border-bottom-left-radius: 7px;
    width: 120px;top: 0;left: -131px;font-weight: 700;display: none;border-right: none;-webkit-transition: all .3s ease-out; min-height:73px;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;}

.contact .phone:hover .phonenum,.contact .weixin:hover .erweima{display:block}
.contact .img01{ width:40px; height:40px; margin-bottom:3px}
.contact a{ color:#fff}
.contact .returnTop{ background:#666; }
.contact .qq{ background:#4cafe9; }
.contact .weixin{ background:#88c11c; }
.contact .phone{ background:#fe004e; }

.footer{background: #212a37;color:#afafaf;padding: 1.5% 0;box-sizing: border-box; width:100%; font-size:12px}
.footer .friendlinks{ width:1200px; margin:auto}
.footer .friendlinks span{display:inline-block;padding: 2px 15px;background-color: #323b47;border-radius: 30px;margin-right: 1.5%;margin-top: 1%;margin-bottom: 1%; width:80px; text-align:center}
.footer .friendlinks .friendlinks-box{ display:inline-block; width:1060px}
.footer .friendlinks a{ display:inline-block; margin-left:10px}
.footer .copyright{ width:1200px; margin:auto; text-align:center; padding:20px 0 0 0}

.footer a{color:#666;}
.footer a:hover{ color:#fff}








@media screen and ( max-width: 900px){
	

.header{ line-height:30px; overflow:hidden; padding:5px 0}
.header .logo img{ height:50px}
.header nav{ width:200%; height:1px; overflow-x:scroll; margin-right:0}
.fixnav{ display:none; position:absolute; background:none}
.banner{ height:700px;background: url(../images/bannerbg.png) no-repeat;}
.bannerbox{ top:50px}
.bannerbox .bd li h2{ font-size:28px;margin:80px 0 10px 0;}
.banner video{ display:none}
.bannerbox .bd li p{ padding:30px 2% 0 2%;}
.bannerbox .hd{ top:400px}
.bannerbox .prev, .bannerbox .next{ display:none}
.banner .videobg{ display:none}

#advantage{ top:100px; height:150px}
#advantage .max_width{ width:100%}


.service{ width:100%; overflow:hidden;padding: 35px 0;}
.service .title h2{ font-size:24px}
.service .service-box{ height:auto}
.service .service-box .service-nav{ width:100%; float:none;background: #000 url(../images/shoprecommend.png) no-repeat center center; text-align:center}
.service .service-box ul{ width:100%}
.service .service-box ul li{ width:98%; padding-right:2%}
.service .service-box ul .li_div{ width:98%; padding-right:2%}

.fangan{ overflow:hidden;padding: 35px 0 55px 0;}
.fangan .title{ width:100%}
.fangan .title h2{ font-size:24px}
.fangan-Scroll{ width:100%}

.whyus{ overflow:100%; padding:35px 0 0 0  }
.whyus .title{ width:100%}
.whyus .title h2{ font-size:24px}
.whyus .whyus-box{ width:100%}
.whyus .whyus-box .one{ width:100%}
.whyus .whyus-box .two{ width:100%}
.whyus .whyus-box .three{ width:100%}
.whyus .whyus-box .four{ width:100%}

.work{ overflow:hidden}
.work .title{ width:100%}
.work .title h2{ font-size:24px}
.workshow{ width:100%}
.workshow ul li{ width:48%; height:auto;margin: 1%; float:left}
.workshow ul li span{ width:100%; height:auto}
.workshow ul li span img{ width:100%; height:auto}
.brand-Scroll{ clear:both; width:100%; text-align:center; padding-top:30px}

.news{ overflow:hidden}
.news .title{ width:100%}
.news .title h2{ font-size:24px}
.news .news-box{ width:100%}
.news .news-box .focusBox{ width:100%}
.news .news-box .focusBox .pic img{ width:100%}
.news .news-box .right{ width:100%}
.news .news-box .right li{ width:100%}

.liucheng{ width:100%; overflow:hidden}
.liucheng .title{ width:100%}
.liucheng .title h2{ font-size:24px}
.liucheng ul{ width:100%}

.guess-like{ overflow:hidden}
.guess-like .box{ width:100%; text-align:center}
.guess-like .box li{ width:96%; margin:0; padding:2%; text-align:left}



.aboutus{ width:100%;padding: 30px 0 50px 0;overflow:hidden}
.aboutus .title h2{ font-size:30px}
.aboutus .abtt{ padding:0px 2%}
.aboutus .abtt p{ line-height:30px}
.aboutus .abtt .abttime dt{ font-size:30px}
.aboutus .abtt .abttime dd{ width:46%; background:#f2f2f2; margin:1%; padding:1%}
.aboutus .abtt .abttime dd span{ font-size:50px}
.aboutus .abtt .h-line{margin: 10px auto 20px auto; height:20px}
.contact{ bottom: 0px !important;
    height: 70px;
    top: auto;
    width: 100%;
    overflow: inherit;}
.contact>div{width:19%;float:left; margin:0; margin:0 0 0 1%; padding:10px 0 0 0; height:100%; text-align:center}
.contact .img01{ display:block; margin:auto}
.contact>div:nth-child(1){margin-top:0px}
.contact .weixin .erweima {top:-142px;left:-30px;border-top-right-radius: 7px;border-bottom-right-radius: 7px; z-index:99999}
.contact .weixin:hover .erweima {display: block;}	
.contact .phone .phonenum{top:-85px;left:-30px;border-top-right-radius: 7px;border-bottom-right-radius: 7px;}
.contact .phone:hover .phonenum{display: block;}



.footer{ padding-bottom:70px}
.footer .friendlinks{ width:100%}
.footer .friendlinks .friendlinks-box{ width:100%}
.footer .copyright{ width:100%}






}