#banner{width:1000px; margin:0 0 32px; border-bottom:6px solid #2b2b2b; position:relative;}
#banner img{display:block;}
nav>ul{bottom:-171px;}
#main{padding:10px; display:flex; background:#fff; background:linear-gradient(to bottom, #fff 90%,#dcdcdc 99%);}
.pagetitle{padding:10px 0; margin-bottom:10px;}
.pagetitle h1{font-size:16px; margin-top:0; border-bottom:1px solid #ccc; padding-bottom:5px; margin-bottom:5px;}
.pagetitle h1::before{content:""; background:url("../images/icon-red.png") no-repeat; width:12px; height:12px; padding-right:5px; display:inline-block;}
#path{font-size:12px}
#path ul, #path li{margin:0; padding:0; list-style-type:none;}
#path li{display:inline-block; vertical-align:top;}
#path li:not(:last-of-type):after{content:' >'}
#path a{text-decoration:none; color:#666;}
#path li:first-child a{}
#path a:hover, #path a.current{color:#000;}
#content{width:1000px; margin:0 auto; display:table;}
/*aside*/
aside{width:200px; padding-right:30px;}
aside ul, aside li{margin:0; padding:0; list-style-type:none;}
aside ul{margin-bottom:80px;}
aside li a{color:#000; font-weight:bold; border-bottom:1px solid #ccc; background:url("../images/left-white-icon.png") no-repeat 183px 13px; transition:all .4s ease-in-out; display:block; text-decoration:none; padding:5px 20px 5px 10px; font-size:14px;}
aside li a:hover, aside li a.current{background-color:#01629f; color:#fff;}
aside .menu-name{position:relative; font-size:28px; font-weight:bold; text-shadow:0 0 1px #000; line-height:1; margin:0 0 33px 0; text-align:center; white-space:nowrap;}
aside .menu-name::first-letter{color:#016394;}
aside .menu-name::after{content:attr(rel); width:100%; position:absolute; left:0; bottom:-120%; transform:scale(1,-1); z-index:0;}
aside .menu-name span.text{position:relative; z-index:2; font-size:28px; color:#000;}
aside .menu-name span.mask{height:110%; width:110%; position:absolute; bottom:-110%; background:linear-gradient(to bottom,rgba(255,255,255,.6) 0%,rgba(255,255,255,1) 60%); display:block; z-index:1;}
aside .message{border:1px solid #d4d4d4; border-radius:5px; background:linear-gradient(to bottom, #fff 50%,#efefef 100%); padding:10px 7px; margin-bottom:10px;}
aside>div .title{color:#000; display:inline-block; margin-right:7px; font-weight:bold;}
aside>div .name{color:#737373; display:inline-block; transform:scale(.78);}
aside>div .text{color:#f9150a; font-size:14px;}
.aside{ position:relative; display:none;}
.aside .button { color:#fff; cursor:pointer; padding:5px 0; text-align:center; font-size:14px;}
.aside .button::after { font:normal normal normal 14px/1 FontAwesome; content:'\f063'; margin-left:5px; }

.center{position:relative; width:750px;}

.about{ position:relative; }
.about img:not(.bg){ height:100%; max-height:100%; }
.about .bg{position:absolute; right:0; top:10px;}
.about .title{background:url("../images/main-title-bg_19.jpg") no-repeat; padding-left:15px; font-weight:bold; font-size:14px;}
.about .neirong{padding-left:15px; padding:10px 0 10px 15px; position:relative; }
.about .neirong ul, .about .neirong li{margin:0; padding:0; list-style-type:none;}
.about .neirong ul li{position:relative; padding-left:16px; margin-bottom:10px;}
.about .neirong ul li::before{content:""; width:11px; height:11px; background:url("../images/business-icon.png") no-repeat; position:absolute; left:0; top:6px;}
.about .neirong.red ul li:before{width:10px; height:10px; background:url("../images/icon-red_44.jpg") no-repeat; top:6px;}
.about .neirong.rfont ul li{ color:#f00; }
.about .neirong.line ul li{ border-bottom: 1px #535353 dashed; }
.about .neirong ul li span.orange{color:#f60; font-weight:bold;}
.count2{column-count:2;}
.about .neirong .company{ display:inline-block; vertical-align:top; font-size:12px; width:100px; text-align:center; }
.about .neirong .companybox{ display:inline-block; vertical-align:top; }
.about .neirong .company img{ display:block; margin:0 auto; }
.about .width400{width:400px;}

.products .tip{font-weight:bold;}
.products .text{}
.products .bth{margin:10px 0; text-align:center; }
.products .bth a.inquiry { background:#01629f; display:inline-block; text-decoration:none; color:#fff; font-size:1.2em; padding:7px 20px;}
.products .bth a.inquiry::before{ content:'inquiry'; }
.products ul{text-align:center;}
.products ul, .products li{margin:0; padding:0; list-style-type:none;}
.products li{display:inline-block; vertical-align:top; margin: 0 20px 10px; position:relative; }
.products li:nth-child(3n+1){margin-left:0;}
.products li:nth-child(3n+3){margin-right:0;}
.products li .btn{text-align:center;}
.products li .img{width:180px;height:154px;text-align: center}
.products li .img:before{content:'';display:inline-block;width:0;height:100%;vertical-align: middle}
.products li .img img{max-width: 100%;max-height: 100%;vertical-align: middle}

.list .btn{ transition:all .4s ease; }
.list .btn input{ background:none; position:absolute; top:0; left:0; width:100%; height:100%; transition:all .4s ease; -webkit-appearance:none; appearance:none; -moz-appearance:none; }
.list .btn::after{ background:#01629f; color:#fff; content:'Select'; display:block; padding:5px; }
.list .btn.add::after{ background:#9f9f9f; color:#fff; content:'Cancel'; display:block; padding:5px; }
.list .btn.add::before{ background:rgba( 0,0,0,.7 ); font:normal normal normal 50px/1 FontAwesome; content:'\f046'; color:#fff; position:absolute; height:100%; width:100%; top:0; left:0; line-height:4;}
.contact{}
.contact .bg{position:absolute; right:0; top:10px;}
.contact .title{background:url("../images/main-title-bg_19.jpg") no-repeat; padding-left:15px; font-weight:bold; font-size:14px;}
.contact .neirong{padding-left:15px; padding:10px 0 10px 15px;}
.contact .neirong ul, .about .neirong li{margin:0; padding:0; list-style-type:none;}
.contact .neirong ul li{position:relative; padding-left:16px; margin-bottom:10px;}
.contact .neirong ul li::before{content:""; width:11px; height:11px; background:url("../images/business-icon.png") no-repeat; position:absolute; left:0; top:6px;}
.contact .neirong span{color:#ec173a;}
.contact .neirong a{margin:5px 5px 5px 0;}
.contact .neirong a.clear{background:url("../images/clear_26.jpg") no-repeat; width:63px; height:25px; display:inline-block; vertical-align:top;}
.contact .neirong a.send{background:url("../images/send_28.jpg") no-repeat; width:63px; height:25px; display:inline-block;}
.contactus{display:flex;}
.contactus .formlist div:nth-child(1) div{margin-bottom:10px;}
.contactus>div:nth-child(2){width:400px;}
.contact .tip{margin:10px 0;}
.contact input{margin-left:10px; width:110px;}
.formlist{text-align:right; width:250px; margin-right:10px;}
.formlist>div{margin-bottom:10px;}
.formlist>div>div ,.formlist>div>input{display:inline-block; vertical-align:top;}

.news>ul, .editor.news>ul>li{margin:0; padding:0; list-style-type:none}
.news>ul>li{padding:10px; font-size:15px; border-bottom:1px dashed #666;}
.news>ul>li div{display:inline-block;}
.news>ul>li div:first-child{width:20%; vertical-align:top; text-align:center;}
.news>ul>li div:nth-child(2){width:60%;}
.news>ul>li div:last-child{width:15%; vertical-align:top;}
.news>ul>li.type{background:#5a5a5a; border-radius:5px 5px 0 0; color:#fff; border-bottom:0 none;}
.news>ul>li.type div{text-align:center;}
.news>ul>li.type div{text-align:center;}
.news>ul>li.type div:first-child{width:20%; position:relative;}
.news>ul>li.type div:first-child::after{content:"|"; position:absolute; right:0; top:0;}
.news>ul>li.type div:last-child{width:75%;}
.news>ul>li div a{color:#333; text-decoration:none;}
.news>ul>li div a:hover{color:#66ccff;}
.contact{font-size:15px; color:#333; }
.contact table{width:100%; font-size:15px; color:#333; border-collapse:collapse; border:0 none;}
.contact table th{text-align:left;}
.contact table td{padding:10px;}
.contact table input, .contact table textarea{width:100%;}
.contactmeg{padding:10px; font-size:15px;}

.process .title{background:url("../images/main-title-bg_19.jpg") no-repeat; padding-left:15px; font-weight:bold; font-size:14px;}
.process .neirong{padding-left:15px; padding:10px 0 10px 15px;}
.process .neirong ul, .process .neirong li{margin:0; padding:0; list-style-type:none;}
.process .neirong ul.style1{}
.process .neirong ul.style2{}
.process .neirong ul.style2 li{background:url("../images/icon-red_44.jpg") no-repeat 0 10px; padding:5px 10px 5px 12px;}
.process .neirong ul.style3{column-count:2; column-gap:1em;}
.process .neirong ul.style3 li{margin-bottom:9px;}
.process .neirong ul.style3 li:nth-child(odd){color:#999900;}
.process .title-tip{background:url("../images/process-icon_40.jpg") no-repeat 0 center; padding-left:15px; color:#f00; font-weight:bold; margin:5px 0;}


.process .style3{width:490px;}
.process .img{width:253px;}

.process .flex{display:flex;}
.process .center{align-items:center;}
.process .img{width:253px;}
.process table{width:100%; border-collapse:collapse; border-top:1px #cccccc solid; border-left:1px #cccccc solid; margin-bottom:10px; text-align:center;}
.process table th{background:#99cc00; color:#fff}
.process table td:first-child{background:#fffee6; color:#999900;}
.process table th, .process table td{border-bottom:1px #cccccc solid; border-right:1px #cccccc solid; padding:2px;}
.process table.num{border:0 none; border-collapse:separate; border-spacing:3px;}
.process table.num td{border:0 none;}
.process table.num td:nth-child(1){width:25px; background:none;}
.process table.num td:nth-child(1) ~ td{position:relative;}
.process table.num td:nth-child(1) ~ td::before{content:""; width:100%; position:absolute; bottom:-1px; left:0; border-bottom:1px #535353 dashed;}
.process table.num tr td:nth-child(2){font-weight:bold; background-color:#e9e9e9; color:#f00; width:84px;}
.process table.num tr:nth-child(2) td:nth-child(2){color:#f60;}
.process table.num tr:nth-child(3) td:nth-child(2){color:#ff8a01;}
.process table.num tr:nth-child(4) td:nth-child(2){color:#dbb200;}
.process table.num tr:nth-child(5) td:nth-child(2){color:#b5c700;}
.process table.num tr:nth-child(6) td:nth-child(2){color:#00d916;}
.process table.num tr:nth-child(7) td:nth-child(2){color:#01cfba;}
.process table.num tr:nth-child(8) td:nth-child(2){color:#006ddd;}
.process table.num tr:nth-child(9) td:nth-child(2){color:#0125c0;}
.process table.num tr:nth-child(10) td:nth-child(2){color:#5800b2;}
.process table.num tr td:nth-child(3){text-align:left;}
/*.process .list-papper, .process .list-img{display:inline-block; vertical-align:top;}*/
.process .list-papper{width:463px;}
.process .list-img{width:272px;}

.sitemap{border:1px solid #ccc; background:#ebebeb; padding:40px;}
.sitemap ul, .sitemap li{margin:0; padding:0; list-style-type:none;}
.sitemap li a{margin-bottom:10px; display:block;}
.sitemap li a{color:#01629f; font-weight:bold; text-decoration:none;}
.sitemap li li a{color:#333; margin-left:20px; padding:2px; text-decoration:none;}
.sitemap a:hover{color:#66ccff;}

.map a{color:#0000ff; display:block;}
.editor{font-size:15px; margin:30px 0; padding:0 10px;}
#page{font-size:15px; padding:20px 20px 50px 0; margin-bottom:50px; text-align:right; border-bottom:1px solid #ccc;}
#page *{display:inline-block;}
#page ul, #page li{margin:0; padding:0; list-style-type:none;}
#page a{border:1px solid #b7b6b6; color:#575453; text-decoration:none; padding:0 5px; font-size:12px; margin:0 2px;}
#page a:hover, #page a.current{background:#936f26; color:#fff;}
footer{color:#666;}

.formular .contact_btn{ background:#0163a2; box-shadow:none; border:0 none; }
.formular .contact_btn:hover{ background:#00446f; }
.formular .contact_table th{background:#deeff9; }

@media only screen and (max-width:1000px) {
	#content{display:block;}
	.menu-content{display:none;}
	#banner{width:100%; margin:0; border-bottom:1px solid #2b2b2b;}
	.count2{column-count:1;}
	aside, .center{width:auto; padding:0;}
	.menu-name{margin:0 0 33px}
	.menu-name, .menu-name::after{text-align:center;}
	#content{width:100%;}
	.contact_submit, .back{padding:20px;}
	.pagetitle, #main{padding:0 10px;}
	.aside{display:block; background:#000; }
	aside>ul{display:none;}
	aside .message{display:none;}
	.process, .neirong{padding:0 10px;}
	.process .img{width:auto;}
	.products li, .products li:nth-child(3n+1), .products li:nth-child(3n+3){margin:10px;}
	.products li img{width:100%;}
	.process .style3{width:auto;}
	.process .neirong ul.style3{column-count:1;}
	.process .neirong{padding:0;}
	.process .flex{display:block;}
	.process .list-papper, .process .list-img{width:auto;}
	.about .neirong{padding:10px; max-width:100% !important;}
	.neirong.map iframe, textarea{width:calc(100% - 20px);}
	.formlist{text-align:left;}
	.formlist{width:auto;}

	#page{margin:0; border-bottom:0 none;}
	#path{float:none;}
	.pagetitle h1{min-height:auto}
	.contact table th, .contact table td{display:block; padding:0;}
	.contact table input, .contact table textarea{width:calc(100% - 20px);}

	.about .bg{position:relative; top:0;}
	.about .width400{width:auto;}

	.contactus{display:block;}
	.contactus > div:nth-child(2){width:auto;}

	.seo_zone .contact, .main-products{ padding:0 10px; }
	.seo_zone table{ max-width:100%; }
	.formular{ padding:0 10px; }
}

@media screen and (max-width: 640px) {
	.contact_table th, .contact_table td{ display:block; }
	#main .contact_table input, #main .contact_table select, #main .contact_table textarea{ width:calc(100% - 10px); }
	.about img:not(.bg) {
	width: 100%;}
	aside .menu-name span.text {display: none;}
	aside .menu-name::after{display: none;}
}

@media screen and (max-width: 480px) {
		.main-products .cart_table th, .main-products .cart_table td{ display:block; }
}

@media screen and (max-width: 470px) {
		.formular .contact_table th{ width:100%; }
		.formular .contact_table td{ width:calc(100% - 10px); }
		
}