.sidenav {
	background: #FFF;
	box-shadow: 2px 2px 6px rgba(0,0,0,.3);
	display: block;
	font-size: 16px;
	font-weight: 400;
	height: 100%;
	left: 0;
	position: fixed;
	overflow: auto;
	display: none;
	transition: transform .3s;
	top: 0;
	width: 256px;
	z-index: 100
}

.sidenav.show {
	display: block;
}

.sidenav-brand {
    background: #ffffff;
    padding: 10px 0px 8px 15px;
    margin-bottom: 10px;
    border-bottom: 1px solid #e0a500;
}

.sidenav-dropdown {
	border-bottom: 1px solid #e0a500;
	margin: 0
}

.sidenav-header {
	border-top: 1px solid #f25a29;
    padding: 0px 0px 15px 0px;
    margin-top: 10px;
}

.sidenav-header small {
	display: block;
	font-size: 14.4px;
	line-height: 16px
}

.sidenav-menu {
	list-style: none;
	margin: 0;
	padding: 0
}

.sidenav-menu li {
	display: block;
	position: relative
}

.sidenav-menu a {
	font-size:14px;
	background: 0 0;
	color: #2F1819;
	display: block;
	line-height: 24px;
	padding: 16px 32px;
	text-decoration: none
}

.sidenav-menu a:hover {
    background: #cba875;
    color: #fff;
}

.sidenav-menu a.active,.sidenav-menu a.active .sidenav-dropdown-icon,.sidenav-menu a.active .sidenav-link-icon {
	color: #1e8c44;
}

.sidenav-dropdown-icon,.sidenav-link-icon {
	color: #757575;
	position: absolute;
	text-align: center;
	top: 12px
}

.sidenav-link-icon {
	display: block;
	height: 24px;
    left: 70px;
	width: 24px
}

.sidenav-link-title {
	display: block;
	padding: 0 16px 0 40px;
	text-transform: uppercase;
}

.sidenav-dropdown {
	display: none;
	list-style: none;
	padding: 0
}

.sidenav-dropdown a {
	background: #F5EDE2;
    font-size: 14px;
    color: #000;
}

.sidenav-dropdown a:hover {
	background: #f3f3f3;
}

.sidenav-dropdown li:first-child a {
	box-shadow: inset 0 1px 1px rgba(0,0,0,.1)
}

.sidenav-dropdown-icon {
	display: none;
	height: 16px;
	right: 16px;
	width: 16px
}
.sidenav-dropdown-icon img {width:13px;}

.sidenav-dropdown-icon.show {
	display: block
}

.sidenav-overlay {
	background: rgba(14, 14, 14, 0.8);
	display: none;
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 99
}

.sidenav-no-scroll {
	overflow: hidden!important
}

.sidenav-menu.lang a {padding: 16px 0px 16px 64px;}



/*phone*/
.mobile-head,
.phone-h3,
.phone-foot,
.phone-IB-about {display:none;}

@media (max-width: 1024px) {
html { overflow-x: hidden;}
.win-head {display:none;}	
.mobile-head {
    display:block;
    background: url(../images/bg2-.jpg) right bottom;
    position: fixed;
    top: 0;
    width: 100%;
    left: 0;
    z-index: 999999;
    height: 65px;
}	
.mobile-logo { padding-left: 10px;}
.mobile-logo img { width: 65px;padding-top: 5px;}
.mobile-nav {margin-top: 18px; padding-right: 15px;}
.mobile-nav .toggle {display: block;}
.mobile-nav .toggle img {width:32px;} 
.mobile-nav .toggle .navico2 {display: none;}
.sidenav-no-scroll   .toggle .navico {display: none;}
.sidenav-no-scroll  .toggle .navico2 {display: block;}

.swiper-container {
    width: 500px;
    max-width: 100%;
    height: 300px;
    max-height: 100%;
    margin: 20px auto;
}
.swiper-slide {
    text-align: center;
    font-size: 18px;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin-top: 45px;
}
.swiper-slide1 {background: url(../images/banner4.jpg) no-repeat center; background-size:cover;}
.swiper-slide2 {background: url(../images/banner2.jpg) no-repeat center; background-size:cover;}
.swiper-slide3 {background: url(../images/banner5.jpg) no-repeat center; background-size:cover;}
.w1200 {width: 100%;}
.section1 {padding: 0px 0px;}
.section1 .adorn1, .adorn2 {display: none;}
.select_box {height: auto; margin-top:30px}
.select_box > div {display: block; width: 90%;height: 336px;float: none;
    margin-right: 0;
    margin: 0 auto;
    margin-bottom: 30px;	
}
.select_box > div.active {
    width: 90%;
}
.select_box > div.deactive {
    width: 90%;
}
.select_box .select4 {
	margin: 0 auto;
}
.select_box > div .bg img {width:100%}
.section1 .viewall {margin-bottom: 45px;}
.section2 .topbg {background:none; height:auto;}
.section2 .topbg img {width:100%;}
.section2 .picScroll-left .bd {width: 100%;}
.section2 .picScroll-left .bd ul li .pic img {
    width: 97%;
    padding: 1%;
    height: auto;
    max-width: 800px;
}
section2 .picScroll-left .hd {
    display: none;
}
.section2 .picScroll-left .bd ul li {float: none; width: 90%; margin: 0 auto;margin-bottom: 20px;}
.section2 .picScroll-left .hd {display:none;}

.section3 .fl,
.section3 .rt {
float:none;
margin: 0 auto;
text-align: center;
}
.section3 .fl img {width:100%;}
.section3 .jies {width: 90%; position: relative;}
.section3 .jies img {
    width: 80px;
    padding-left: 0px;
    margin: 0 auto;
    display: block;
}
.section3 .viewall {margin: 0 auto; margin-top: 40px; margin-bottom: 30px;}
.section3 .adorn5 img {
    width: 90px;
    display: block;
    position: absolute;
    bottom: 0;
    right: 0px;
}
.section3 .adorn5 {
    position: absolute;
    right: 10px;
    bottom: 0px;
}
.section3 .adorn4 img {width: 180px;}

section4 {padding: 30px 0px 50px;}
.section4 .toutiao {
    width: 90%;
    margin: 0 auto;
    float: none;
    margin-bottom: 20px;
}
.section4 .toutiao .neir { padding: 10px 30px;}
.section4 .toutiao .more {
    margin-top: 0;
    background: URL(../images/arrow3.png) no-repeat right center;
}
.section4 .slideTxtBox { float: none; width: 90%; margin: 0 auto;}
.section4 .slideTxtBox .hd ul {width:100%}
.section4 .slideTxtBox .hd ul li {width: 33%;padding: 0 0; }
.section4 .slideTxtBox .bd li {height: auto;}
.section4 .xxk1 .bti {
    float: none;
    font-size: 15px;
    width: 100%;
    height: auto;
    white-space: normal;
    line-height: 28px;
}
.section4 .xxk1 .bti span {display: none;}
.section4 .xxk1 .riqi {float: right; padding-left: 0px;}
.section4 {padding: 50px 0px 20px;}
.footer ul {display: none;} 
.footer .shop { width: 90%; margin: 0 auto;float: none;}
.footer .shop h3 {width: 120px; margin: 0 auto;margin-bottom: 15px;}
.footer {padding-top: 30px;}
.footer .shop div a {margin-bottom: 10px;}
.footer2 {margin-top: 25px; text-align: center;}
.footer2 .fl, .footer2 .rt {float: none;}
.footer {height: auto;}
.footer2 .rt {float: none;padding-top: 10px;}
.footer2 .rt .clearfix {width: 100px; margin: 0 auto;}
.footer2 .weibo, .footer2 .weixin {float: left;}
.section3 .adorn4 { display:none;}

.IB {margin-top: 65px;height: auto;}
.IB img {width: 100%;    display: block;}
.p-menu {display: none;}
.p-list {margin-top: 0; padding-top: 0px;}
.phone-h3 {
	display: block; margin-bottom: 10px;
}
.p-list .spul li {float: left; width: 47%; margin: 0 auto;margin-left:10px; margin-bottom: 30px;}
.p-list li .pic { width: 100%; height: auto;}
.p-list .spul li .pic {
    position: relative;
    width: 100%;
    height: auto;
}
.series-list { padding-bottom: 20px;min-height: 400px;}

.position {margin-top: 65px;padding-left: 15px;}
.cpinner1 {padding-top: 20px;width: 93%; margin: 0 auto;}
.cpinner1 .fl {
    width: 100%;
    height: auto;
    overflow: hidden;
    float: none;
}
.cpinner1 .fl img {
    width: 100%;
    height: auto;
}
.cpinner1 .rt {width: 100%;float: none;}
.cpinner1 .rt .buy a {padding-left: 0; width: 100%;}
.cpinner1 .rt ul li {position: relative;z-index: 2;}
.bbms .w1200 .adorn6 {display: none;}
.bbms .w1200 .tuwen img {max-width: 100%;}
.cpinner1 .hot {margin-top: 30px;}
.cpinner1 .hotbox li {
    position: relative;
    float: none;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 30px;
}
.cpinner1 .hotbox li .pic img {width: 100%;height: auto;}
.hotbox li .mz {
    position: absolute;
    font-size: 16px;
    color: #fff;
    top: 40%;
    text-align: center;
    width: 100%;
    margin-left: -50%;
    left: 50%;
}
.cpinner1 .hotbox {
    margin-top: 30px;
    background: URL(../images/cpinner2.jpg) no-repeat center;
    padding: 50px 20px 10px;
}
.sul-1 {
    padding-top: 50px;
    width: 90%;
    margin: 0 auto;
}
.sul-1 .zong .fl {
    width: 100%;
    height: auto;
    margin-right: 0px;
}
.sul-1 li p {padding: 30px 20px 40px; }   
.sul-1 .kuang {display: none;
}
.sul-1 .zong .rt {
    width: 100%;
    float: none;
}
.sul-1 li img {display: block;}
.sul-1 .button {margin-bottom: 35px;}
.sul-1 li {
    padding-bottom: 35px;
}
.sul-1 .moon .fl {
    margin-right: 0px;
    width: 100%;
    float: none;
}
.sul-1 .moon .rt {width: 100%; height: auto;}
.sul-2 {
    padding-top: 0px;
    width: 90%;
    margin: 0 auto;
}
.sul-2 li {
    float: none;
    width: 100%;
    margin-right: 0;
    margin-bottom: 35px;
}
.phone-foot {display: block;}
.win-foot {display: none;}
.sul-2 li.lastli {
    margin-right: 0px;
    margin-bottom: 0;
}
.IB2 {background: url(../images/banner1.jpg) no-repeat center; height: 250px;   background-size: cover;}

.pinpai-ul {width: 90%;margin: 0 auto;}
.list-pinpai .zt { width: 100%;height: auto;}

.list-pinpai .zt img { display: block;}
.list-pinpai .yw {width: auto; height: auto;border-left: 1px solid #cda876;}
.yw .jtou {position: relative; bottom: 0;}
.article-position {
    margin-top: 0;
    float: none;
    padding-top: 10px;
    padding-left: 15px;
}
.article-article .pub .fgx {
	display: none;
}
.article-article .pub span {float: none;}
.article-article .pub {padding-bottom: 15px;}
.article-article .body img {max-width: 100%;}
.prev-next .fl, .prev-next .rt {float: none;padding-left: 15px;}

.list-article .news-box {width: 90%;float: none;
    margin-right: 0;
    margin-left: 0;   
    margin: 0 auto;
     margin-bottom: 35px;
}
.cont-box { width: auto;}
.xinwen .list-article {
    padding: 40px 0px 0;
}
.hyeul {width: 90%; margin: 0 auto;}
.list_meiti .hyeul li {
    float: none;
    margin-left: 0;
    margin-right: 0;
    width: auto;
}
.list_meiti .hyeul li a {width: auto;}

.list_vedio .vedioul {width: 90%;margin: 0 auto;}
.list_vedio .vedioul li {
    width: 100%;
    float: none;
    margin-right: 0;
    margin-left: 0;
}
.list_vedio img {    height: auto;}
.store ul {width: 90%;margin: 0 auto;}
.store li {
    float: none;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 40px;
    width: 100%;
    position: relative;
    height: auto;
    overflow: hidden;
}
.store li .md {
    position: relative;
    background: #fff;
    width: 100%;
    padding: 10px 20px 10px;
    top: 0;
    height: auto;
    left: 0;
}
.store li span.border {
    position: absolute;
    border: 1px solid #fff;
    width: 100%;
    height: auto;
    top: -7px;
    left: 0;
}
.mendian {padding-bottom: 0;}

.index_article img {
	max-width: 100%;
}
.zybj {
	width: 90%;margin: 0 auto;
}
.changbox .gcul {
    width: 90%;
    margin: 0 auto;
    margin-top: 50px;
}
.changbox .gcul li {
    float: none;
    text-align: center;
    height: auto;
    margin-bottom: 40px;
    width: 100%;
    margin-right: 0;
    margin-left: 0;
    position: relative;
}
.changbox ul li .chang-pic {width: auto; position: relative;}
.changbox ul li .chang-pic img { width: 100%;height: auto;}
.changbox ul li .short-ms {
position: relative;
bottom: -10px;
left: 0px;
width: auto;
white-space: normal;
background: URL(../images/around.png) no-repeat left top;
line-height: 24px;	
}
.factory {padding-bottom: 0px;}
.diybox {
    padding-top: 0px;
    width: 90%;
    margin: 0 auto;
}
.diybox .gcul {
    margin-top: 0px;
    padding-top: 40px;
}
.diybox .gcul li {
    float: none;
    text-align: center;
    margin-bottom: 40px;
    width: auto;
    margin-right: 0;
    margin-left: 0;
    position: relative;
}
.diybox .diy-pic img {
	height: auto;
}
.diybox .diy-short-ms {background: URL(../images/around.png) no-repeat left top;white-space: normal;}
.visit-box .biaodan {
    display: block;
    width: 90%;
    position: relative;
    right: 0;
    top: 0;
    z-index: 3;
    margin: 0 auto;
}
.visit-box .biaodan form {height: auto; padding: 10px;border: 1px #cda876 solid;}
.linebg {display: none;}
.visit-box .img {display: none;}
.visit-box {margin: 0px; height: auto; padding: 40px 0;}
.visit-box form label {
    display: block;
    float: none;
    width: 100%;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    text-align: left;
    padding-left: 20px;
}
.visit-box form .coolbg { margin-top: 20px; margin-bottom: 20px;}
.pintxt img {max-width: 100%;}
.about1 .pintxt {width: 90%;margin: 0 auto;}
.about1 .bigtitle {
    margin-top: 0;
    padding-top: 35px;
}
.phone-IB-about {
display: block;
margin-top: 65px;
height: auto;
width: 100%;
}
.phone-IB-about img {
	width: 100%;display: block;
}
.IB-about {display: none;}
.about-h {padding-top: 30px;}
.timeline {margin: 0 auto;padding: 60px 0 0;}
.timeline .wrapper {
    width: 90%;
    margin: 0 auto;
}
.timeline_item .station {display: none;}
.item_content1, .item_content3, .item_content5, .item_content7, .item_content9 {
    width: auto;
    float: none;
}
.item_content2,
.item_content3,
.item_content5,
.item_content6,
.item_content7,
.item_content8,
.item_content9
  {margin-top: 0;}
.item_content2, .item_content4, .item_content6, .item_content8, .item_content10 {float: none; width: auto;}
.returns {padding-bottom: 40px;}
.returns a {display: none;} 
.timeline_item img {
	padding-top: 0px;
	max-width: 100%;
	margin-top: 10px;
	margin-left: 0px;
	width: 100%;
	margin-right: 0px;
} 
.contact-map {margin-top: 0;}
.contact-map .cont_2 { width: 300px;    margin-left: -150px;left: 50%;}
.factory .contact {padding: 20px 0px 50px;width: 90%; margin: 0 auto;}
.contact .qs {
    width: 100%;
    float: none;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 40px;
}
.contact .qs img {height: auto;}
.question-list {
    margin-top: 0px;
    margin-bottom: 40px;
    padding-top: 20px;
}
.ques01 span.ques-subject,
.ques01 span.ques-yaoqiu {display: none;}
.ques01 span.ques-nember {width: 33%; text-align: left; padding-left: 20px;}
.question-list li .questop span.ques-cont  img {
    padding-left: 0px;
    margin: 0 auto;
}
.ques01 span.ques-cont {text-align: center; width: 30%;}
.ques01 span.ques-shenq { padding-right: 10px;}
.gangwei .ques01 span.ques-nember {width: 33%;}
.question-list li .ques01 {height: auto;}
.question-list li .ques-txt {width:auto;}
.ques-txt .nr1 .rt { width: 100%; float: none;}
.ques-txt .nr1 .fl {float: none;padding-left: 0;}

.pinpai .r1 {width: 100%;height: 650px;}	
.r1 .con {
    background: rgba(255,255,255,0.9);
    padding: 50px 5%;
    position: absolute;
    margin-left: -45%;
    left: 50%;
    top: 120px;
    width: 80%;
}
.pinpai .r2 {margin-top: 5px;}
.r2 .p {padding: 50px 10px 0px;}
.r3 .w1200 {
    padding-top: 50px;
    width: 90%;
    margin: 0 auto;
    line-height: 28px;
}
.r3 {
    padding-bottom: 40px;
}
.r3 img {width: 100%;}
.glpp {padding-bottom: 50px;}
button{
    outline: none;
    border: none;
    border-radius: 0;
}
input[type="button"], input[type="submit"], input[type="reset"] {

    -webkit-appearance: none;

}

textarea {  -webkit-appearance: none;}

}


/*pad*/
@media (min-width: 768px) and (max-width:1024px ) {
.section3 .jies p {text-align: center;}
.section4 .toutiao img {display: block;height: auto;width: 100%;}
.section4 .toutiao .more {background: URL(../images/arrow3.png) no-repeat right center;}
.section4 .xxk1 .bti {float: left;font-size: 15px; width: 85%;}
 
}

/*pad pro*/
@media (min-width: 1024px) and (max-width:1199px ) { }

/*phone5*/
@media (max-width: 360px) {}