.how-panel{background:url("../images/aboutus-top.jpg") no-repeat;color:#FFFFFF;background-size:100% 364px;}
.how-panel .f_right{width:50%;height: 364px;}
.how-panel h2{text-transform:uppercase;font-size:33px;padding-top:100px;color: #FFFFFF;font-weight: bold;line-height: 38px;}
.how-panel p.intro{font-size:19px;color: #FFFFFF;line-height: 40px;}
.how-panel a{margin-top: 30px;  font-size: 14px;  height: 35px;  border: 1px solid #fff;  border-radius: 25px;  display: inline-block;  line-height: 33px;  min-width: 160px;  text-align: center;  color: #fff;  padding: 0 10px;  box-sizing: border-box;  transition: all .2s ease 0s;  -webkit-transition: .2s;  -moz-transition: .2s;  -o-transition: .2s;}
.how-panel a:hover{background-color: #EF3800;color: #fff;border-color: #EF3800;}
.how-panel a.introduce{margin-right:20px;}
.better-panel h2{text-transform:uppercase;font-size:28px;text-align:center;height:70px;line-height:70px;margin-top:15px;}
.better-panel p.intro{margin-bottom:15px;line-height:20px;text-align:center;}
.better-panel a{display:block;margin:0 auto;width:200px;height:40px;line-height:40px;text-align:center;margin-top:30px;margin-bottom:55px;font-size:16px;color:#fff;background: #ef3800;border-radius: 25px;transition: all .2s ease 0s;-webkit-transition: .2s;-moz-transition: .2s;-o-transition: .2s;}
.better-panel a:hover{background: #cf0000;}
.about-panel{color:#FFFFFF;background:url("../images/aboutus-center.jpg") no-repeat;background-size:100% 364px;}
.about-panel h2{font-size:28px;padding-top:130px;text-align:center;}
.about-panel p.intro{margin-top:20px;text-align:center;padding:0 130px;padding-bottom:140px;}
.relate-panel h2{text-transform:uppercase;font-size:28px;margin-top:70px;text-align:center;}
.relate-panel p.intro{margin-top:15px;text-align:center;}
.relate-panel ul{padding:70px 0;}
.relate-panel ul li{width:11%;float:left;}
.relate-panel ul li img{display:block;margin:0 auto;}
.advantage-panel{background:#F4F4F4;}
.advantage-panel ul li{padding:40px 0;width:31%;float:left;margin:0 1%;border-bottom:1px dashed #BFBFBF;min-height: 142px;}
.advantage-panel ul li:nth-child(4),.advantage-panel ul li:nth-child(5),.advantage-panel ul li:nth-child(6){border-bottom:0;}
.advantage-panel ul li p.title{text-transform:uppercase;font-size:18px;height:40px;line-height:40px;}
.advantage-panel ul li span.intro{display:block;padding-right:60px;}
/*contact us*/
.contact-form{height:360px;background:#E7F5F9;}
.contact-form .form-bg{height:360px;background:url("../images/kefu.png") no-repeat left 100px center;}
.contact-form h2{color:#4C8798;font-size:20px;height:60px;line-height:60px;margin-top:15px;padding-left:25px;text-align: left;}
.contact-form ul{width:66%;float:right;text-align: right;}
.contact-form ul li{width:50%;float:left;margin-bottom:10px;}
.contact-form ul li label{color:#4C8798;width:111px;display:inline-block;text-align:right;padding-right:10px;}
.contact-form ul li label.require:before{content:'*';color:#4C8798;padding-right:5px;}
.contact-form ul li input{padding-left:10px;width:300px;height:34px;line-height:34px;border:1px solid #517c8873;}
.contact-form ul li input:focus{outline: none;outline-offset: -2px;border-radius: 3px;}
.contact-form ul li input:focus{box-shadow: 0 0 5px #0088d678 inset;}
.contact-form ul li input:-webkit-autofill, .contact-form ul li input:-webkit-autofill:hover, .contact-form ul li input:-webkit-autofill:focus,.contact-form ul li input:-webkit-autofill:active{-webkit-box-shadow: 0 0 0px 1000px transparent inset;transition: background-color 5000s ease-in-out 0s;}
.contact-form ul li.textbox{width:100%;}
.contact-form ul li.textbox label{width:115px;height:90px;float:left;}
.contact-form ul li.textbox textarea{padding-left: 10px;width: 756px;height: 120px;font-size: 12px;line-height: 20px;padding-top: 5px;border: 1px solid #517c8873;color: #BBBBBB;}
.contact-form ul li.textbox textarea:focus,.contact-form ul li.textbox textarea.active{color: #333333;}
.contact-form ul li.textbox textarea:focus{outline: none;outline-offset: -2px;border-radius: 3px;}
.contact-form ul li.textbox textarea:focus{box-shadow: 0 0 5px #0088d678 inset;}
.contact-form ul li.verify{position: relative;display:none;}
.contact-form ul li.verify div{display: inline-block;}
.contact-form ul li.verify span{position: absolute;left: 389px;top: 4px;}
.contact-form ul li.active + li.submit{float: left;clear: none;margin-left: 120px;}
.contact-form li.submit{width: auto;float: none;clear: both;text-align: center;margin-left: 180px;}
.contact-form li.submit>div{margin:0 auto;width:230px;height:40px;line-height:40px;background:#EF3800;border-radius:5px;}
.contact-form li.submit>div i{color:#FFFFFF;font-size:20px;padding-left:18px;position: absolute;z-index: 1;}
.contact-form input[type=submit]{width:100%;padding-left:0;text-align:center;height:40px;line-height:40px;font-size:18px;color:#FFFFFF;border:0;outline:0;cursor:pointer;background-color: transparent;position: relative;z-index: 2;}
.contact-form li.submit>div:hover{background-color: #cf0000;}
/*contact us*/
.contactus{margin-top:25px;}
.contactus .f_left{width:680px;padding-bottom: 40px;}
.contactus h2{height:50px;line-height:50px;font-size:23px;}
.contactus p span.first-list{line-height:28px;float:left;height:46px;color:#4B4B4B;display:inline-block;width:130px;font-weight:700;}
.contactus p span.second-list{line-height:28px;}
.contactus p{clear: both;}
.contactus p.add{border-bottom: 1px dashed #C4C4C4;margin-bottom: 15px;padding-bottom: 15px;}
.contactus ul{float: left;}
.contactus ul li{height:50px;line-height:50px;}
.contactus ul li.tel{background:url("../images/tel.png") no-repeat left center;}
.contactus ul li.fax{background:url("../images/fax.png") no-repeat left center;}
.contactus ul li.email{background:url("../images/email2.png") no-repeat left center;}
.contactus ul li.skype{background:url("../images/skype.png") no-repeat left center;}
.contactus ul li span.first-list{display:inline-block;padding-left:40px;min-width:45px;margin-right: 5px;}
.contactus ul li span.second-list,.contactus ul li span.second-list a{color:#357FDB;}
.contactus ul li a i{text-decoration:underline;}
.contactus ol{float: right;}
.contactus ol li{padding: 13px 0;line-height: 24px;}
.contactus ol li a{color:#646464;text-decoration:underline;display: block;}
.contactus .map{width: 680px;height: 450px;position: relative;background: url('../images/map.jpg') no-repeat center;background-size: 100%;}
.contactus .map img{width:100%;max-width:680px;max-height:420px;}
.contactus .map .info{position: absolute;width: 269px;height: 73px;background: #fff;left: 13px;top: 20px;z-index: 1;padding: 0 11px 0 9px;box-sizing: border-box;}
.contactus .map .info h1{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 14px;color: black;display: none;font-family: Roboto, Arial;font-weight: bold;}
.contactus .map .info h3{color: #5b5b5b;font-family: Roboto, Arial;font-size: 12px;line-height: 1.1;margin-top: 6px;display: none;}
.gm-style .place-card-large{display: none}
/*article*/
.article-content{font-size:14px;margin-bottom:20px;line-height: 24px;}
.article-content .title-h2{font-size: 24px;line-height: 50px;}
.article-content .title-h3{font-size:24px;line-height:36px;}
.article-content .title-h4{font-size:20px;line-height:36px;}
.article-content img{max-width:100%;}
.article-content p{color:#555555;line-height:24px;margin-bottom: 10px;}
.article-content p span{font-weight:700;}
.article-content a{text-decoration: underline;color: #333333;}
.article-content a.red{color:#EF3800;}
.article-content a.black{color:#282727;display:inline-block;}
.article-content a.blue{color:#347EDC;}
/*cert*/
.article-content .certifications a{float: left;width: 250px;height: 110px;background-color: #e9ecef;margin-left: 10px;padding: 200px 9px 40px 9px;text-decoration: none;font-size: 14px;color: #474747;text-align: center;position: relative;}
.article-content .certifications a:first-child{margin-left: 0;}
.article-content .certifications a:before{position: absolute;width: 30px;height: 30px;background-color: #c4c4c4;color: #fff;text-align: center;line-height: 30px;border-radius: 50%;font-size: 20px;bottom: 20px;left: 50%;margin-left: -15px;}
.article-content .certifications a:after{content:"";background-image: url("../images/cert.jpg");background-repeat: no-repeat;width: 250px;height: 175px;position: absolute;left: 9px;top: 9px;background-color: #fff;background-position: center -12px;border-radius: 10px;}
.article-content .certifications a:nth-child(2):after{background-position: center -212px;}
.article-content .certifications a:nth-child(3):after{background-position: center -412px;}
.article-content .certifications a:nth-child(4):after{background-position: center -612px;}
.article-content .certifications a:nth-child(5):after{background-image: url("../images/cert_IAF.jpg");background-position: center;}
.article-content .certifications strong{display: block;text-align: center;font-size: 16px;color: #244061;padding-bottom: 7px;}
.article-content .certifications s{text-decoration: none;}
.article-content .certifications a:hover{background-color: #c6d4e1;}
.article-content .certifications a:hover:before{background-color: #6d7e8f;}
dl.cus dt{font-size: 16px;font-weight: bold;line-height: 40px;}
dl.cus dd{line-height: 28px;}
dl.cus dd:before{margin-right: 5px;font-size: 12px;}
div.webcome{color: #17365D;}
div.webcome strong:before{margin-right: 7px;}
div.webcome a{color: #17365D;text-decoration: underline;}
.c1 div.cus dd{color: #632423;}
.c1 img{float:left;margin-right:20px;max-width:300px;}
.c2 dl.cus{float: left;margin-right: 30px;}
.c2 dl.cus dd{color: #244061;line-height: 28px;}
.c2 img{margin-top: 10px;float: right;max-height: 190px;}
.c3 img{max-height: 220px;margin-right: 20px;float: left;}
/*payment*/
.first{color: #244061;}
.first:before{content:"";width: 8px;height: 8px;border-radius: 50%;background-color: #244061;display: inline-block;margin-right: 5px;margin-bottom: 2px;}
/*.quality h2:before{content: "";width: 8px;height: 8px;border-radius: 50%;background-color: #244061;display: inline-block;margin-right: 5px;margin-bottom: 2px;}*/
.quality .images{padding-top: 20px;}
.shipment table{width: 40%;margin-top: 10px;}
.shipment table tr:nth-child(2) td{font-weight:bold;}
/*faq*/
dl.quick-menu{padding-bottom: 20px;}
dl.quick-menu dt{font-size: 16px;font-weight: bold;padding-bottom: 5px;}
dl.quick-menu dd{line-height: 28px;}
.page-404 .wrap{background-image: url(../images/404.png);background-repeat: no-repeat;min-height: 260px;padding-left: 540px;width: 900px;padding-top: 20px;line-height: 24px;background-position: 0 center;}
.page-404 a{color: #EF3800;text-decoration: underline;}
.page-404 .links a{font-size: 12px;margin: 0 10px;}
.page-404 .links a:first-child{margin-left: 0;}
.success{text-align: center;}
.success h1{height: 105px;font-size: 28px;line-height: 105px;margin-top: 5px;padding-bottom: 15px;color: #ef3800;}
.success h1:before{content: '';width: 92px;height: 105px;background: url("../images/success.png") no-repeat center;display: inline-block;vertical-align: middle;margin-right: 20px;}
.success .text{padding: 20px 10px;border: 1px solid #ddd;border-radius: 5px;}
.success .links{color: #DDDDDD;padding-top: 30px;font-size: 12px;display: none;}
.success .links a{font-size: 14px;margin: 0 10px;color: #244061;}
.success .links a:first-child{margin-left:0;}
@media screen and (max-width: 767px)
{
	.how-panel{display: none;}
	.better-panel h2{font-size:1.5rem;height: 50px;line-height: 50px;margin-top:15px;}
	.better-panel p.intro{line-height: 28px;padding: 0 2% 0;}
	.better-panel a{margin-top:20px;margin-bottom:30px;}
	.about-panel{background-size: 100% auto;background: unset;background-color: #efefef91;padding: 15px 0;}
	.about-panel h2{font-size:1.2rem;padding-top: 0;color: #333;}
	.about-panel p.intro{margin-top:10px;padding: 0 2% 0;line-height: 28px;color: #333;}
	.relate-panel{display:none;}
	.advantage-panel{display:none;}
	/*contact us*/
	.contact-form{height: auto;padding: 0 10px;}
	.contact-form .form-bg{height: auto;background-image: none;padding-bottom: 1rem;}
	.contact-form h2{padding-left: 5px;font-size: 15px;font-weight: bold;margin: 0;height: 50px;line-height: 50px;}
	.contact-form ul{width: auto;float: none;}
	.contact-form ul li{float: none;width: auto;margin-bottom: 5px;}
	.contact-form ul li label{line-height: 24px;text-align: left;width: 100% !important;height: auto !important;}
	.contact-form ul li input{width: 100%;height: 43px;}
	.contact-form ul li.textbox textarea{width: 100%;height: 110px;}
	.contact-form ul li.verify div{display: block;}
	.contact-form ul li.verify span{left: unset;top: unset;right: 6px;bottom: 2px;}
	.contact-form li.submit{margin: 0;padding-top: 5px;}
	.contact-form li.submit>div{margin: 0 auto;}
	.contact-form ul li.active + li.submit{float: none;margin: 0;}
	/*contact us*/
	.contactus{margin: 0;}
	.contactus .f_left{width: auto;padding: 0 0.5rem 10px;}
	.contactus h2{text-align: center;font-weight: bold;}
	.contactus p span.first-list{display: block;float: none;height: auto;width: auto;line-height: 20px;}
	.contactus p{padding-bottom: 8px;}
	.contactus ul{float: none;}
	.contactus ul li span.first-list{min-width: 90px;width: auto;padding-right: 5px;}
	.contactus ol{display:none;}
	.contactus .map{width: 100%;display: none;}
	.contactus .map iframe{max-height: 100%}
	/*article*/
	.article-content{padding: 15px 10px;line-height: 28px;}
	.article-content .title-h2{font-size: 24px;line-height: 50px;}
	/*cert*/
	.article-content .certifications a{float: none;display: block;width: auto;text-align: center;height: auto;margin-left: 0;display: flex;flex-direction: row-reverse;padding: 10px;align-items: center;margin-bottom: 10px;border-radius: 10px;}
	.article-content .certifications a:before{content: none;}
	.article-content .certifications a:after{width: 45%;left: 2%;position: relative;display: block;top: 0;left: 0;height: 150px;background-position: center -24px;}
	.article-content .certifications a .text{width: 55%;padding: 0 15px;}
	.article-content .certifications a:nth-child(2):after{background-position: center -224px;}
	.article-content .certifications a:nth-child(3):after{background-position: center -424px;}
	.article-content .certifications a:nth-child(4):after{background-position: center -624px;}
	.article-content .certifications a:nth-child(5):after{background-position: center -824px;}
	dl.cus dd{padding-left: 0.5rem;}
	.c1 img{float: none;max-width: 100%;margin: 0;}
	.c2 dl.cus{float: none;margin-right: 0;}
	.c2 dl.cus dd{padding-left: 0.5rem;}
	.c2 img{max-height: 900px;float: none;}
	.c3 img{float: none;max-height: 900px;margin-right: 0;}
	/*payment*/
	.payment table{width:100%;}
	.quality .images{text-align: center;}
	.shipment table{width: 100%;}
	.success h1{font-size:20px;height: 50px;line-height: 50px;}
	.success h1:before{content: none;}
}