.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(/css/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: 200px;
padding-top: 10px;
}
.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(/css/phone/banner/banner4.jpg) no-repeat center;
background-size:cover;
}
.swiper-slide2 {
background: url(/css/phone/banner/banner2.jpg) no-repeat center;
background-size:cover;
}
.swiper-slide3 {
background: url(/css/phone/banner/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:250px;
 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(/css/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: 30px;
}
.phone-h3 {
 display: block;
margin-bottom: 40px;
}
.p-list .spul li {
float: none;
width: 90%;
margin: 0 auto;
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;
}
 .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(/css/in/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(/css/in/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 #578890;
}
.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(/css/in/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(/css/in/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 #578890 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;
}



.section4 .toutiao img {
    display: block;
    max-width: 100%;
	height:auto;
}


.section4 .toutiao .tup {
    width: 100%;
    max-height: 200px;
    overflow: hidden;
}

.select_box > div {
    display: block;
    width: 90%;
    max-height: 230px;
    float: none;
    margin-right: 0;
    margin: 0 auto;
    margin-bottom: 10px;
}


}



/*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(/css/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) {
}