.mobnav-btn { display: none; width: 26px; height: 30px; overflow: hidden; cursor: pointer; z-index: 10; position: fixed;top:12px; right:15px}
.mobnav-btn span { top: 50%; margin-top: 0;}
.mobnav-btn span:first-child { content: ""; top: 7px; left: 0; }
.mobnav-btn span:last-child { content: ""; top: auto; bottom: 5px; left: 0;}
.mobnav-btn span, .mobnav-btn span:first-child, .mobnav-btn span:last-child { left: 0; position: absolute; background: #1f53be; -webkit-transition: all 0.5s ease; width: 26px; height: 2px; -webkit-border-radius: 3px; border-radius: 3px; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
.mobnav-btn.g_close span { opacity: 0; }
.mobnav-btn.g_close span:first-child { -webkit-transform: rotate(45deg); transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); top: 14px; opacity: 1; }
.mobnav-btn.g_close span:last-child { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); top: 14px; opacity: 1; }
.nav-mob { position: fixed; top: 55px; z-index: 99999; background: #f8f8f8; left: 0; width: 100%; height: 100%; padding: 20px 0; overflow-y: auto; display: none;}
.nav-mob ul li { border-bottom: 1px solid #ddd;}
.arrorright-btn { position: absolute; width: 175px; right: 0; top: 0; height: 43px; cursor: pointer;}
.arrorright-btn:after { content: ""; position: absolute; width: 8px; height: 8px; top: 50%; right: 20px; margin-top:-5px; border-left: 2px solid #bbb; border-top: 2px solid #bbb; -webkit-transform: rotate(225deg); -ms-transform: rotate(225deg); -o-transform: rotate(225deg); transform: rotate(225deg);-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
.nav-mob ul li.cur .arrorright-btn:after {border-left: 2px solid #1f53be; border-top: 2px solid #1f53be; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);margin-top:0px;}

.arrorrighta-btn { position: absolute; width: 60px; right: 0; top: 0; height: 43px;}
.arrorrighta-btn:after { content: ""; position: absolute; width: 8px; height: 8px; top: 50%; right: 20px; margin-top:-1px; border-left: 2px solid #bbb; border-top: 2px solid #bbb; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg);-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}

.nav-mob ul li h4 { position: relative;}
.nav-mob ul li h4 a { padding: 12px 20px; display: block; color: #4c4c4c; font-size: 16px;}
.nav-mob ul li.cur h4 a { color: #1f53be;}
.subnavmb{padding:0 0 10px}
.subnavmb a { display: block; padding: 4px 20px;}
.subnavmb a i { margin-right: 8px; display: inline-block; width: 5px;  height: 5px; border: #888 1px solid; border-radius: 4px; vertical-align: middle;}

.language-box .langbtn { font-size: 16px; color: #666666; display: inline-block; display: flex;}
.language-box .langbtn:before{content: '\e85f'; font-family: 'iconfont'; font-size: 18px; display: inline-block; color: #0860c3; margin-right: 10px;vertical-align: middle;}
.language-box .language-tab { display: none; position: absolute; top: 85px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); z-index: 2; width: 120px; text-align: center; }
.language-box .language-tab a { display: block; line-height: 36px; color: #fff; background: #0860c3;}
.language-box .language-tab a:hover { background: #999;}
@media(max-width:1024px){
	.language-box,.mobnav-btn { display: block;}
	.language-box .language-tab { top: 55px;}
	.language-box .langbtn { font-size: 14px; text-transform: uppercase;}
	
	
.maintitle{ font-size: 14px; color:#777; line-height: 1.5; text-align: center; margin: 0px auto; max-width: 100%;}
.maintitle h2{font-size: 18px; font-weight: bold; color: #333; margin-bottom: 5px;}
.homesort{padding:20px 0; display: none;}
.product ul{display:flex; display:-webkit-flex; flex-wrap:wrap; justify-content:space-between; flex-direction: row;}
.product li{ width:49%; margin-top:20px}
.product h3{font-size: 16px; line-height:22px; text-align:center; margin-top:10px}
.factoryview{display:initial; display:-webkit-flex; align-items: center; justify-content: left; background:#000 no-repeat center/cover fixed; min-height: auto; position: relative; width:100%; z-index: 2;}
.factoryview .wordtit{text-align: left; color: #fff; width:auto; padding:4% 3%;}
.factoryview .wordtit .titcn{ font-size: 20px; display:block;}
.factoryview .wordtit .titen{ font-size:14px; margin-top: 15px; max-width:100%; line-height:1.7;}
.factoryview .wordtit .titen dt{padding-top: 10px;}
.factoryview .wordtit .titen dt a{color: rgba(255,255,255, .8); text-decoration: underline;}
.factoryview .abtmore{color: #fff; background:rgba(255,255,255,.2); display: block; margin-top: 20px; padding:8px 0; text-align: center;}
.factorylist{display:flex; display:-webkit-flex; flex-wrap:wrap; justify-content:space-between; flex-direction:row; padding-bottom: 0.6%;}
.factorylist>div{width:49.7%; position: relative;margin-top: 0.6%;}
.factorylist>div img{width:100%}
.factorylist>div::after{content:''; display: none;}
.factorylist>div:hover::after{background: rgba(0,0,0,0);}
.list{float:none; width:100%; display:none}
.page_banner{min-height: auto; background:none;}
.page_banner img{display: block;}

.abouttit{font-size:18px; padding-bottom:15px; font-weight: bold;}
.producttit{}
.producttit{font-size: 16px;}
.producttit:after{margin-left: 10px;}
.aboutcontent{padding:15px 3%;}
.aboutdesc{line-height: 1.6; font-size: 14px;}
.aboutdesc p{padding:8px 0}
.listtit{font-size: 16px; font-weight: bold; padding-bottom: 10px;}
.contact-left{font-size: 14px; line-height: 1.5; width:100%; float:none;}
.contact span{color:#888; display:block; font-size:14px; padding:5px 0 0}
.contact h3{font-size: 16px; padding:25px 0 10px}
.contact p{padding:6px 0}
.contact p:before{font-size: 16px; margin-right:10px;}
.contact p:nth-of-type(1):before{content: '\e632';}
.contact p:nth-of-type(2):before{content: '\e605';}
.contact p:nth-of-type(3):before{content: '\e625';}
.contact p:nth-of-type(4):before{content: '\e640';}
.contact p:nth-of-type(5):before{content: '\e772';}
.contactpage{width:100%; float:none; padding: 20px 0 10px;}
.contactpage .row-input input { height:38px;}
.contactpage .row-input textarea{height: 100px; padding:5px 10px;}
.contactpage .row-right{text-align: left;margin-top:10px;}
.contactpage .row-right input{background: #0860c3; width: 130px;height: 38px; border: none;color: #fff;cursor: pointer; display: block;}
.padding-lr .contactpage{padding: 5px 0 10px;}
/* 当前位置 */
.path{display: none;}
.wrapline{position: static; /* box-shadow: 0 6px 20px rgba(0,0,0,.1); */width:auto; padding:0 3%;}
.wrapline:before{display: none;}
.wrapper-left{float:none; width:100%; padding:20px 0 0;}
.wrapper-right{float:none; width:100%; padding:20px 0 0;}

.product3{padding:20px 0 20px}
.product3 li{float:left; width:49%; margin-right:2%; margin-top:15px; margin-bottom: 10px;}
.product3 li:nth-child(2n){margin-right:0}
.product3 li:nth-child(2n+1){clear: both;}
.product3 li:nth-child(3n+1){clear: none;}
.product3 img{transition: all 0.5s ease; -webkit-transition: all 0.5s ease;}
.product3 li:hover img{transform: scale(1.1);}
.product3 h3{font-size: 14px; line-height:22px; text-align:center; margin-top:15px;}
.lefttitle{cursor: pointer; background: #0ca2ff; padding-left: 15px; color: #fff; font-weight: normal;}
.lefttitle::after{position: absolute; content: ""; display: block; width: 10px; height: 10px; top: 50%; right: 20px; margin-top: -8px; border-left: 1px solid #fff; border-top: 1px solid #fff; -webkit-transform: rotate(225deg); -ms-transform: rotate(225deg); -o-transform: rotate(225deg); transform: rotate(225deg);}
.leftmenu{ padding-top:0px; display: none; background: #f9f9f9;}
.leftmenu li{position: relative;}
.leftmenu li::after{ position: absolute; right:20px; top:11px; content: '\e692'; font-family: 'iconfont'; line-height: 1; font-size:16px; color:#bbb; display: block; transform: rotate(180deg);-ms-transform: rotate(180deg);-webkit-transform: rotate(180deg);}
.leftmenu a { line-height:36px; padding-left: 15px; border-bottom: 1px solid #e2e2e2;}
.leftmenu li.on,.leftmenu li.on a{color:#0860c3; background: #E2E2E2; font-weight: bold;}

.productsm{padding:0; text-align: center;}
.productsm h3{font-size: 18px; padding:15px 0; color:#333; text-align: center;}
.proxxcontent{ line-height:1.8; padding:15px 0;}
.proxxcontent img{display: block; margin:0px auto; text-align: center;}

	.newslist{margin:0; padding: 0;}
	.newslist>a{padding: 10px 0 15px;}
	.newslist>a:hover{background: none;}
	.newslist>a .wrap{padding:0; width:100%; display: initial; flex-direction: column; border-bottom: 0px solid #ddd;}
	.newslist img{width:100%}
	.newslist>a .wrap .con{width: 100%;}
	.newslist>a .wrap .con .tit{font-size:16px; padding-top: 15px; transition: all .35s;}
	.newslist>a .wrap .con .desc{color: #999; font-size: 13px; line-height:1.8; margin-top: 5px; transition: all .35s;}
	.newslist>a .wrap .img{width: 100%; height: 150px; background: #eee no-repeat center/cover; margin-left: 0; display: none;}
	.newslist>a:hover .wrap{ border-bottom: 0px solid #fff; box-shadow:none}
	
	.viewbox{font-size: 12px; line-height:1.5; border-bottom: 1px solid #ddd; padding-bottom: 10px; text-align: center;}
	.viewbox h2{font-size: 16px;}
	.viewcontent{line-height: 1.8; padding: 10px 0;}
	.viewcontent img{margin: 15px auto; display: block; text-align: center;}
	.context{border-top: 1px solid #e2e2e2; padding-top: 10px;}
	.context li{line-height: 32px; color: #888;}
	.context a{color:#3195a2;}
	.context a:hover{ color:#333;}
	
.diy{display: flex; flex-direction: row; flex-wrap: wrap; justify-content:space-between; margin-top: 0;}
.diyitem{width: 49%;}
.itembox .iconfont{display: block; font-size: 30px; width:60px; height: 60px; line-height: 60px;}
.itembox{padding:15px 0; margin-top: 4%;}
}