.container{width:1220px;margin:0 auto;}
.clearfix:after{content:".";display:block;clear:both;height:0;overflow:hidden;visibility:hidden;}
.clearfix{zoom:1;}
#conk {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    height: 40px;
}
.page_div {
	height:auto;
	margin:0 auto 20px;
*margin:20px 0;
	padding:25px 0 28px 0;
	display:none
}
.header{position:fixed;top:0;left:0;right:0;z-index:1005;background:none;}
.headerlogo{margin:0;padding:0;width:400px;height:117px;float:left;background:url(../images/logobg.png) no-repeat top left;}
.headerlogo .logo{width:194px;display:block;margin-left:20px;float:left;margin-top:35px;}
.headerlogo .top0{display: none;}
.header .top{height:60px;line-height:60px;overflow:hidden;background:url(../images/join.png) right top no-repeat;text-align:right;color:#fff;font-size:16px;padding-right:43px;opacity:.7;}
.header .top span{font:bold 18px 黑体;}
.header .top a{color:#fff;}
.htlk{display:block;width:65px;height:100%;float:right;text-align:center;}
.ntx{display:block;transition:300ms;-webkit-transition:300ms;}
.weixin,.qq,.mail,.tel,.lang{width:45px}
.weixin .ico{background:url(../images/sprite.png) 0 16px no-repeat;}
.qq .ico{background:url(../images/sprite.png) 0 -52px no-repeat;}
.mail .ico{background:url(../images/sprite.png) 0 -117px no-repeat;}
.tel .ico{background:url(../images/sprite.png) 0 -183px no-repeat;}
.lang .ico{background:url(../images/sprite.png) 0 -253px no-repeat;}
.email{font-size:12px;line-height:1;}
.email .ntx{padding-top:7px;}
.oa{font-size:16px;}
.email,.oa{background:#1d9c1d;}
.htlk.qq{margin-right:10px;}
.htlk.mail{margin-right:10px;}
.htlk.tel{margin-right:10px;}
.htlk.weixin{margin-left:10px;}
.weixin:hover .ico,.qq:hover .ico,.mail:hover .ico,.tel:hover .ico,.lang:hover .ico{transform:translateY(-3px);-webkit-transform:translateY(-3px);}
.htlk:hover .ntx{transform:translateY(-3px);-webkit-transform:translateY(-3px);}
.searchBox{width:86px;height:24px;float:right;position:relative;margin-top:7px;}
.searchBox input{display:block;}
.searchBox .search-tx{border:1px solid #fff;width:49px;height:22px;border-radius:22px;padding:0 25px 0 10px;color:#fff;font-family:"微软雅黑";font-size:12px;line-height:22px;overflow:hidden;}
.searchBox .search-btn{position:absolute;top:0;right:0;width:25px;height:100%;background-repeat:no-repeat;background-position:left center;background-image:url(../images/searchBtn.png);cursor:pointer;}
.searchBox .search-tx:focus{border:1px solid #1d9c1d;}
.header .btm{height:53px;background:none; /* overflow:hidden; */}
.logo img{width:100%;}
.header .nav{float:right;}
.header .nav li{float:left;position:relative;}
.header .nav a{display:block;color:#505050;line-height:53px;font-size:16px;padding:0 22px;color:#fff;background:none;transition:.3s;}
.header .nav li:hover > a,.header .nav li.act > a{background:url(../images/menudi.png) no-repeat bottom center;color:#ba8909;}
.header .nav li.act > a{background:none;color:#fff;}
.header .nav li.act > a:hover{background:none;color:#ba8909;}
.header .twonav{position:absolute;top:53px;left:0;right:0;background:#ba8909;padding:10px 0 20px 0;display:none;}
.header .twonav a{text-align:center;display:block;color:#fff;font-size:14px;line-height:1.4;padding:8px 5px;letter-spacing:-1px;}
.header .twonav a:hover{background:#271614;}
.slider-wrapper{width:100%;background:url(../images/shadow.png) bottom no-repeat;}
.characters{width:1220px;margin:0 auto;position:relative;    background: url(../images/advantages.jpg) bottom no-repeat;
    margin-bottom: 25px;
    height: 1010px;}
.characters h3{text-align:center;margin-top:31px;}
.characters .desc{font-size:14px;text-align:center;color:#472925;padding-top:10px;}
.characters .warp{width:226px;position:absolute;}
.characters .elem1{top:165px;left:259px;}
.characters .elem2{top:165px;left:504px;}
.characters .elem3{top:165px;left:754px;}
.characters .elem4{top:377px;left:125px;}
.characters .elem5{top:377px;left:377px;}
.characters .elem6{top:377px;left:631px;}
.characters .elem7{top:377px;left:873px;}
.characters .warp .cube{transition:.5s all;transform-style:preserve-3d;-ms-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-webkit-transform-style:preserve-3d;-o-transform-style:preserve-3d;cursor:pointer;}
.characters .warp .wrapper{width:226px;position:absolute;}
.characters .warp .wrapper .aaa{width:0;border-width:0px 113px 66px 113px;border-color:transparent transparent  #bb8a08 transparent;border-style:solid;transition:.5s all;-webkit-transition:.5s all;-ms-transition:.5s all;-o-transition:.5s all;-moz-transition:.5s all;}
.characters .warp .wrapper .bbb{height:113px;background:#bb8a08;width:226px;transition:.5s all;-webkit-transition:.5s all;-ms-transition:.5s all;-o-transition:.5s all;-moz-transition:.5s all;}
.characters .elem1 .wrapper .bbb{background:url(../images/jiu.png) center no-repeat,#bb8a08;}
.characters .elem3 .wrapper .bbb{background:url(../images/you.png) center no-repeat,#bb8a08;}
.characters .elem4 .wrapper .bbb{background:url(../images/hao.png) center no-repeat,#bb8a08;}
.characters .elem5 .wrapper .bbb{background:url(../images/kuai.png) center no-repeat,#bb8a08;}
.characters .elem6 .wrapper .bbb{background:url(../images/duo.png) center no-repeat,#bb8a08;}
.characters .elem7 .wrapper .bbb{background:url(../images/shen.png) center no-repeat,#bb8a08;}
.characters .warp .wrapper .ccc{width:0;border-width:66px 113px 0 113px;border-color:#bb8a08 transparent transparent transparent;border-style:solid;transition:.5s all;transition:.5s all;transition:.5s all;transition:.5s all;transition:.5s all;}
.characters .elem2 .wrapper .aaa{border-color:transparent transparent  #271614 transparent;}
.characters .elem2 .wrapper .bbb{background:url(../images/characters-logo.png) center/contain no-repeat,#271614;}
.characters .elem2 .wrapper .ccc{border-color:#271614 transparent transparent transparent;}
.characters .warp .beeper{width:226px;transform:rotateY(90deg) translateZ(113px) translateX(113px);-webkit-transform:rotateY(90deg) translateZ(113px) translateX(113px);-ms-transform:rotateY(90deg) translateZ(113px) translateX(113px);-o-transform:rotateY(90deg) translateZ(113px) translateX(113px);-moz-transform:rotateY(90deg) translateZ(113px) translateX(113px);position:absolute;}
.characters .warp .beeper .aaa{width:0;border-width:0px 113px 66px 113px;border-color:transparent transparent  #271614 transparent;border-style:solid;}
.characters .warp .beeper .bbb{height:113px;background:#271614;width:226px;box-sizing:border-box;padding:0 10px;color:#fff;text-align:center;}
.characters .warp .beeper .bbb h3{margin:0;}
.characters .warp .beeper .ccc{width:0;border-width:66px 113px 0 113px;border-color:#271614 transparent transparent transparent;border-style:solid;}
.characters .warp:hover .cube{transform:rotateY(-90deg) translateZ(113px);-ms-transform:rotateY(-90deg) translateZ(113px);-moz-transform:rotateY(-90deg) translateZ(113px);-webkit-transform:rotateY(-90deg) translateZ(113px);-o-transform:rotateY(-90deg) translateZ(113px);background:#271614;}
.characters .warp:hover .cube .wrapper .aaa{border-color:transparent transparent  #271614 transparent;}
.characters .warp:hover .cube .wrapper .bbb{background:#271614;}
.characters .warp:hover .cube .wrapper .ccc{border-color:#271614 transparent transparent transparent;}
.char-mob{display: none;}
.about{width:100%;height:auto;/*margin-top:557px;*/}
.about .fixbg{width:100%;padding:60px 0 50px 0;background:url(../images/about-bg.jpg) center/cover no-repeat fixed;}
#brandstory{height:515px;}
#brandstory h3{text-align:center;}
#brandstory .pic{float:left;margin-right:36px;animation-name:bounceInLeft;}
#brandstory .con{overflow:hidden;animation-name:bounceInRight;}
#brandstory .con p{font-size:14px;line-height:30px;}
#brandstory .con .more{font-size:14px;text-decoration:underline;line-height:45px;}
.products{width:100%;padding:70px 0 56px 0;}
.products h3{text-align:center;}
.products .desc{font-size:14px;text-align:center;color:#472925;padding-top:10px;}
.products .piclist{width:100%;margin-top:20px;}
.products .piclist ul li{float:left;margin:0 15px 35px 15px;width:376px;height: 347px;}
.products .piclist ul li img{vertical-align:top;}
.products .piclist ul li h4{font:bold 18px '黑体';color:#401a0c;margin-top:15px;padding:0 3px;}
.products .piclist ul li .desc2{margin-top:5px;padding:0 3px;}
.products .piclist ul li a:hover h4{color:#ba8909;}
.products .more{display:block;width:251px;height:50px;line-height:50px;background:#ba8909;margin:0 auto;text-align:center;transition:all .3s;}
.products .more img{vertical-align:middle;}
.products .more:hover{background:#271614;}
.footer{background:#271615;height:168px;color:#fff;}
.footer a{color:#fff;}
.footer a:hover{text-decoration:underline;}
.footer .f_nav{height:78px;line-height:78px;padding-top:3px;text-align:left;border-bottom:1px dashed #b1b1b1;}
.footer .f_nav a{padding-right:20px;}
.footer .f_nav .ico{float:right;padding:0;transition:all .3s;}
.footer .f_nav .qq{width:20px;height:22px;background:url(../images/qq.png) no-repeat;margin:27px 11px 0 0;}
.footer .f_nav .qq:hover{background-position:0 -22px}
.footer .f_nav .wechat{width:23px;height:18px;background:url(../images/wechat.png) no-repeat;margin:27px 38px 0 0;}
.footer .f_nav .wechat:hover{background-position:0 -18px;}
.footer .f_nav .weibo{width:24px;height:19px;background:url(../images/weibo.png) no-repeat;margin:27px 38px 0 0;}
.footer .f_nav .weibo:hover{background-position:0 -19px;}
.footer .word{padding:5px 0 6px;line-height:30px;}
.footer .word span{text-align:right;float:right;}
.footer .link{height:40px;line-height:40px;}
.footer .link a{margin-right:10px;}
.i-m1{overflow:hidden;background:url(../images/shadow.png) bottom no-repeat;}
.i-m1 .container{height:614px;position:relative;}
.i-m1 .container img{position:absolute;left:50%;margin-left:-960px;}
.i-m2{font-size:14px;}
.i-m3{background:url(../images/advantages.jpg) bottom no-repeat;margin-bottom:25px; height: 1165px;}
.i-m3 h3{text-align:center;margin-top:25px;}
#conmainpro3{padding:0;width:100%;height:auto;padding-top:25px;text-align:center;}
#conmainpro3 ul{margin:0 auto;}
#conmainpro3 .aboutlist{width: 75%;}
#conmainpro3 ul li{padding:0;width:30%;height:auto;margin:0 1.66%;float:left;}
#conmainpro3 .aboutlist li{padding:0;width:21.68%;height:auto;margin:0 1.66%;float:left;}
#conmainpro3 .prolist li{padding:0;width:13.34%;height:auto;margin:0 1.66%;float:left;}
#conmainpro3 ul li a{width:100%;border:1px solid #b3b3b3;display:block;border-radius:10px;height:auto;font-family:Arial;font-size:16px;color:#666;text-align:center;text-decoration:none;line-height:32px;font-weight:normal;}
#conmainpro3 ul li a:hover{background:#c59600;font-family:Arial;color:#fff;border:1px solid #c59600;}
#conmainpro3 ul li.active a{background:#c59600;font-family:Arial;color:#fff;border:1px solid #c59600;}
.brief{text-align:center;color:#472925;font-size:14px;}
.a-zz{margin-top:50px;}
.a-zz img{width:30%; border:3px solid #c59600; margin-right:2%;}
.advantages{margin-top:140px;}
.advantages ul li{float:left;width:78px;max-height:314px;writing-mode:vertical-rl;/*从左向右 从右向左是 writing-mode: vertical-rl;*/writing-mode:tb-rl;/*IE浏览器的从左向右 从右向左是 writing-mode: tb-rl；*/margin-right:88px;}
.advantages ul li h4{font-size:18px;margin-left:3px;}
.advantages ul li .con{line-height:18px;}

.i-m3-pro{margin-bottom:25px;}
.i-m3-pro h3{text-align:center;margin-top:25px;}

.i-m3-join{margin-bottom:25px;}
.i-m3-join h3{text-align:center;margin-top:25px;}

.i-m3-contact{margin-bottom:25px;}
.i-m3-contact h3{text-align:center;margin-top:25px;}

.i-m4 h3{text-align: center;margin-top: 50px;}
.i-m4 ul{margin-top: 30px;}
.i-m4 ul li{width: 598px;height: 302px;padding: 62px 38px 0 38px;box-sizing: border-box;float: left;background: #271615;color: #fff;margin-right: 24px;margin-bottom: 24px;}
.i-m4 ul li.twin{background:#c59600;}
.i-m4 ul li.nm{margin-right: 0;}
.i-m4 ul li h4{font:30px '黑体';}
.i-m4 ul li p{font:18px/30px '黑体';margin-top: 5px;}

.i-m5{background: url(../images/about-bg2.jpg) center/cover no-repeat fixed;height: 698px;margin-top:76px;}

.i-m6{margin-top: 50px;margin-bottom: 70px;}
.i-m6 h3{text-align: center;}
.i-m6 h4{margin-top: 37px;font:normal 30px '微软雅黑';padding: 0 67px;}
.i-m6 ul{margin-top: 30px;}
.i-m6 ul li{font-size: 18px;float: left;}
.i-m6 ul li.c{margin-left: 67px;margin-right:44px;}
.i-m6 ul li span{color:#c59600;}
.i-m6 ul li p{line-height: 30px;}

#procon{ margin:0 auto; padding:0; width:1220px;  height:auto;}
.proList ul { margin-left: 0; }
.proList li { float: left;border:1px solid #333;width: 30%; margin:0 4.75% 4.75% 0;}
.proList li:nth-child(3n){margin-right: 0;}
.proList li a { display: block; border: 16px solid #fff; background-color: #fff; }
.proList .itembg { position: relative; overflow: hidden; }
.proList .itembg img { width: 100%; display: block; }
.proList .itembg .ico { background: url(../images/fd2.png) no-repeat; width: 29px; height: 30px; position: absolute; left: 50%; top: 55%; margin: 0px 0px 0px -15px; transition: all 300ms ease-in-out 200ms; }
.proList .itembg .bg { background: url(../images/blue.png); width:100%; height: 100%; left: 100%; top: 0px; text-align: center; transition: 300ms;  }
.proList .con { text-align: center; padding: 30px 0px 50px; }
.proList .con .name { font-size: 22px; height: 36px; overflow: hidden; }
.proList .con .more { border: 1px solid #cccccc; line-height: 40px; text-align: center; display: block; margin: 14px auto 0; width: 60%;font-size: 22px;}
.proList a:link, .proList a:visited { color: #4b4b4b; }
.proList a:active, .proList a:hover { color: #f6f6f6; }
.proList li:hover a { background-color: #afb1ae; color: #afb1ae; color: #fff; border: 16px solid #afb1ae; }
.proList li:hover .con .name{color:#4b4b4b;}
.proList li:hover .con .more { border: 1px solid #6f716f;background: #6f716f;}

#conmain1{ margin:0 auto; padding:0; width:1220px; height: auto;}
#conaboutnew2{margin:0 auto; padding:0; width:100%; height: auto;margin-top:10px;font-size: 14px; color: #777; font-weight: normal; line-height:30px; text-align:left;}
#conmainpro2{margin:0 auto; padding:0; width:100%; max-width:1220px; height: auto;font-size: 24px; color: #000; line-height:30px; text-align:center;}

#conaboutnew2 .slideBox{height:auto;overflow:hidden;position:relative;}
#conaboutnew2 .slideBox .hd{height:15px;overflow:hidden;position:absolute;right:5px;bottom:5px;z-index:1;}
#conaboutnew2 .slideBox .hd ul{overflow:hidden;zoom:1;float:left;}
#conaboutnew2 .slideBox .hd ul li{float:left;margin-right:2px;width:15px;height:15px;line-height:14px;text-align:center;background:#fff;cursor:pointer;}
#conaboutnew2 .slideBox .hd ul li.on{background:#f00;color:#fff;}
#conaboutnew2 .slideBox .bd{position:relative;z-index:0;margin: 0 auto;}
#conaboutnew2 .slideBox .bd li{zoom:1;vertical-align:middle;}
#conaboutnew2 .slideBox .bd img{display:block;margin: 0 auto;}
#conaboutnew2 .slideBox .prev,#conaboutnew2 .slideBox .next{position:absolute;left:0;top:50%;display:block;width:49px;height:49px;background:url(../images/slider-arrow.png) 0 0 no-repeat;filter:alpha(opacity=50);opacity:0.5;}
#conaboutnew2 .slideBox .next{left:auto;right:0;background-position:0 -109px;}
#conaboutnew2 .slideBox .prev:hover,#conaboutnew2 .slideBox .next:hover{filter:alpha(opacity=100);opacity:1;}
.proIRelevant { padding: 45px 0px; width: 100%; margin: 0px auto; }
.proIRelevant .t { font-size: 28px; color: #222; margin-bottom: 20px; padding-left: 8px; }

.newsList{ width:1220px; margin: 0 auto;}
.newsList li{float:left;display:block;width:30%;margin:0 5% 5% 0;}
.newsList li:nth-child(3n){margin-right: 0;}
.newItem{ border: 1px solid #dbdbdb; background-color: #fff; transition: 300ms;}
.newItem a{ display: block; padding: 22px 20px; }
.newItem .time{ height: 20px; margin-bottom: 5px;}
.newItem .t{ font: 16px/1.5 "microsoft yahei"; color: #6e6e6e; height: 48px; overflow: hidden; margin-bottom: 20px;}

.newItem .ht{
	font: 16px/1.5 "microsoft yahei"; color: #6e6e6e; text-align:center;
}
.newItem .img{ overflow: hidden; margin-bottom: 25px;}
.newItem .img img{ width: 100%; display: block;}

.honor-l .img{ height:240px; text-align:center;}
.honor-l .img img{
	
	height:100%;
	display:inline-block;
}
.newItem .c{ height: 42px; overflow: hidden; margin-bottom: 22px;}
.newItem .more{ background-color: #c3c3c3; color: #f0f0f0; padding: 2px 10px;}
.newsList li:hover .newItem{ background-color: #80abde; border: 1px solid #80abde;}
.newsList li:hover .t{ color: #fff;}
.newsList li:hover .more{ background-color: #fff; color: #80abde;}
.news_info{background:#fff;padding:40px 60px;font-size:14px;line-height:30px;margin-bottom:40px;width:1220px;margin:0 auto;}
.news_info h1.title{font-size:28px;color:#000;line-height:45px;margin-bottom:10px;text-align:center}
.news_info .data{font-size:12px;color:#ccc;line-height:30px;margin-bottom:10px;text-align:center;border-bottom:1px solid #eee}
.news_info .prev{width:48%;font-size:16px;border:1px solid #eee;margin-top:40px;background:url(../images/arrow_l.png) 3% center no-repeat;-webkit-transition:.3s all ease;-moz-transition:.3s all ease;-ms-transition:.3s all ease;-o-transition:.3s all ease;transition:.3s all ease;float:left}
.news_info .prev a{display:block;padding:10px 0 10px 40px;color:#ccc}
.news_info .prev:hover{background:url(../images/arrow_l.png) 1% center no-repeat #F27F88}
.news_info .prev:hover a{color:#fff}
.news_info .next{width:48%;font-size:16px;border:1px solid #eee;margin-top:40px;background:url(../images/arrow_r.png) 97% center no-repeat;-webkit-transition:.3s all ease;-moz-transition:.3s all ease;-ms-transition:.3s all ease;-o-transition:.3s all ease;transition:.3s all ease;float:right;text-align:right}
.news_info .next a{display:block;padding:10px 40px 10px 0;color:#ccc}
.news_info .next:hover{background:url(../images/arrow_r.png) 99% center no-repeat #F27F88}
.news_info .next:hover a{color:#fff}

#conaboutnew2 .cpyinfo{text-align: center; width: 100%;}
#conaboutnew2 .cpyinfo li{float: left;width:20.92%;height:209px;padding: 20px;}
#conaboutnew2 .cpyinfo li .pic{width: 60px;height: 50px;margin: 31px auto 0 auto;}
#conaboutnew2 .cpyinfo li p{text-align: center;}
#conaboutnew2 .cpyinfo .cpyadd{background: #f9e0e0;margin-right: 13px;}
#conaboutnew2 .cpyinfo .cpyadd .pic{background: url(../images/sprite2.png) 6px 2px no-repeat;}
#conaboutnew2 .cpyinfo .facadd{background: #ddf2f4;margin-right: 14px;}
#conaboutnew2 .cpyinfo .facadd .pic{background: url(../images/sprite2.png) -230px 2px no-repeat;}
#conaboutnew2 .cpyinfo .tel1{background: #ebf3da;margin-right: 13px;}
#conaboutnew2 .cpyinfo .tel1 .pic{background: url(../images/sprite2.png) -462px 1px no-repeat;}
#conaboutnew2 .cpyinfo .mail1{background: #d5ecf9;margin-right: 13px;}
#conaboutnew2 .cpyinfo .mail1 .pic{background: url(../images/sprite2.png) -705px 1px no-repeat;}
#conaboutnew2 .cpyinfo .web{background: #d5ecf9;}
#conaboutnew2 .cpyinfo .web .pic{background: url(../images/sprite2.png) -939px 1px no-repeat;}
#conaboutnew2 .cpyinfo a{color: #777;}
#conaboutnew2 .cpyinfo a:hover{text-decoration: underline;}
#conaboutnew2 iframe{border:1px solid #ccc;}

/* menuBtn */
.menu-handler { transition:300ms; -webkit-transition:300ms; width: 38px; height: 38px; cursor: pointer; display: none; background-color: #EE525E; position:fixed; top:0; right:0; z-index:1008; }
.menu-handler .burger { width: 24px; height: 2px; border-radius:2px; background: #fff; display: block; position: absolute; z-index: 5; top: 10px; left: 50%; margin: 0px 0px 0px -12px; transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center; -o-transform-origin: center; -ms-transform-origin: center; }
.menu-handler .burger-2 { top: 17px; }
.menu-handler .burger-3 { top: 25px; }
.csstransforms .menu-handler.active{ background-color:transparent; }
.csstransforms .menu-handler.active .burger{ background:#EE525E; }
.csstransforms .menu-handler.active .burger-1 { top: 17px; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.csstransforms .menu-handler.active .burger-2 { -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; }
.csstransforms .menu-handler.active .burger-3 { top: 17px; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.csstransforms .trans, .csstransforms .trans:hover { -webkit-transition: all 277ms ease-in-out; -moz-transition: all 277ms ease-in-out; -o-transition: all 277ms ease-in-out; transition: all 277ms ease-in-out; -ms-transition: all 277ms ease-in-out; }
.csstransforms .trans-fast, .csstransforms .trans-fast:hover { -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; }
.no-csstransforms .menu-handler.active .burger-1, .no-csstransforms .menu-handler.active .burger-2, .no-csstransforms .menu-handler.active .burger-3 { display: none; }
.no-csstransforms .menu-handler.active { background: url(../images/mob_close.png) no-repeat scroll center center; }
/* menuBox end */
.menuBox{position:fixed;left:0px;top:-100%;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;z-index:1006;background-color:#f6f7f7;}
.navMobile{padding:10% 0px 50px;}
.navMobile dd{display:block;width:100%;text-align:center;}
.navMobile dd p a{text-transform:uppercase;font-size:18px;position:relative;}
.navMobile dd a{display:block;padding:12px 0px;line-height:1.4;font-size:14px;color:#646464;-webkit-transition:0s;-moz-transition:0s;-o-transition:0s;transition:0s;}
.navMobile dd a:active,.navMobile dd a:hover,.navMobile dd p a.cur{color:#EE525E;}
.mlogo{width:138px;display:block;position:absolute;left:5%;top:10px}
.mlogo img{width:100%;}
.menuBox .tool{text-align:center;font-size:16px;background:#EE525E;padding:15px 0;color: #fff;}
.menuBox .tool span{font: bold 18px 黑体;}
.menuBox .twonav{background:#29b37e;display:none;}
.menuBox .twonav a{display:block;font-size:14px;line-height:1.4;padding:8px 0;color:#fff;}
.menuBox .twonav a:hover{background:#0a6f07;color:#fff;}

.h-mobile{display:none;}

@media screen and (min-width:320px) and (max-width:415px){
	.container{width: 100%;}
	.headerlogo .top0{display:block;}
	.headerlogo .top0{overflow:hidden;background:url(../images/join0.png) right bottom/100% no-repeat;text-align:center;color:#fff;font-size:12px;opacity:.7;position: absolute;right: 0;bottom: 0;width: 60%;
    height: 40px;line-height: 40px;}
	.headerlogo .top0 span{font:bold 14px 黑体;}
	#wrapper{margin-top: 99px;overflow: hidden;}
	.slider-wrapper{background-size: 100%;height: 235px;}
	.characters{width:90%;background: none;height: auto;}
	.characters .desc{font-size: 12px;}
	.characters .warp{display: none;}
	.char-mob{display: block;}
	.char-mob .six-txt ul li{margin:10px 0;}
	.char-mob .six-txt ul li .pic{float: left;margin-right: 20px;}
	.char-mob .six-txt ul li .pic img{vertical-align: top;}
	.char-mob .six-txt ul li .tb{height: 108px;display: table-cell;vertical-align: middle;}
	.char-mob .six-txt ul li .tb .txt{overflow: hidden;text-align: left;}
	.char-mob .six-txt ul li .tb .txt h3{margin: 0;text-align: left;}
	.char-mob .six-txt ul li .tb .txt p{line-height: 18px;}
	.char-mob .char-mob-bg img{width: 100%;}
	.about{margin-top: 30px;}
.about .fixbg{background:/* url(../images/about-bg.jpg) center no-repeat */none;background-size:cover;background-attachment:local;}
	#brandstory{width: 90%;margin: 0 auto;height: auto;}
	#brandstory .pic{float: none;margin:0;}
	#brandstory .pic img{width: 100%;}
	#brandstory .con p{font-size: 12px;line-height: 24px;font-weight:bold;}
	.products{padding:30px 0 56px 0;}
	.products .desc{font-size: 12px;}
	.products .piclist{width: 90%;margin: 0 auto;}
	.products .piclist ul li{float: left;margin:10px 0;width: 48%;height: auto;border-bottom: 1px dashed #c59600; margin-right:4%;}
	.products .piclist ul li:nth-child(2n){margin-right:0;}
	.products .piclist ul li img{width: 100%;height: auto;}
	.products .more{margin-top: 40px;}
	.footer{height: auto;}
	.footer .container{width: 90%;margin: 0 auto;}
	.footer .f_nav{line-height:35px;height: 66px;}
	.footer .f_nav a{padding-right: 5px;}
	.footer .f_nav .ico{margin-top:0;}
	.footer .word span{text-align: left;}
	.i-m1{margin-top: 99px;background-size: 100%;}
	.i-m1 .container{height:173px;}
	.i-m1 .container img{    width: 555px;
    height: 166px;
    margin-left: -277.5px;}
    .i-m2{width: 90%;margin: 0 auto;font-size: 12px;}
    #conmainpro3 ul li a{font-size: 12px;}
    .i-m3{background: none;height: 1330px;}
    .i-m3 .container{width: 90%;}
    .brief{font-size: 12px;}
	.a-zz{margin-top:10px;}
	.a-zz img{ margin-right:0%;}
    .advantages{display: none;}
    .i-m4 .container{width: 90%;}
    .i-m4 ul li{width: 100%;height: auto;padding: 24px;}
.i-m5{background:url(../images/about-bg2.jpg) center/cover no-repeat scroll;}
    .i-m6 .container{width: 90%;}
    .i-m6 h4{width: 100%;padding: 0;font-size: 14px;}
    .i-m6 ul li{font-size: 12px;float: none;}
    .i-m6 ul li.c{margin: 0;}
    #procon{width: 90%;}
	.proList li{width: 100%;}
	#conmainpro3 ul{width: 90%;}
	#conmainpro3 .prolist li{width: 30.01%;}
	#conmain1{width: 90%;}
	#conaboutnew2 .cpyinfo li{width:80%;box-sizing:border-box;float:none;margin:0 auto 20px auto!important;height: auto;}
	#conaboutnew2 .slideBox .bd li img{width: 100%;}
	.news_info{width: 90%;padding: 0;}
	.h-mobile{display:block;}
	.h-pc{display:none;}
}
@media screen and (max-width:320px) {
	.mlogo{width: 120px;}
.headerlogo .top0{font-size: 10px;line-height: 52px;}
#wrapper{margin-top: 85px;}
.slider-wrapper{height: 201px;}
.i-m1{margin-top: 85px;}
.i-m1 .container{height: 150px;}
.i-m1 .container img{width: 480px;height: 144px;margin-left: -240px;}
#conmainpro3 ul li a{font-size: 10px;}
.i-m3 h3 img{max-width: 100%;}
.i-m3-contact{width:90%;margin: 0 auto;}
.i-m3-contact h3 img{max-width: 100%;}
}
@media screen and (min-width:414px) and (max-width:415px) {
#wrapper{margin-top: 100px}
.slider-wrapper{height: 261px;}
.footer .f_nav a{padding-right: 10px;}
.i-m1 .container{height: 174px;}
}