/*article*/
#article{background-color: #2F2F2F;}
#article h1{font-size: 20px;color: #FFFFFF;line-height: 50px;text-transform: uppercase;padding-top: 10px;}
#article .content{color: #FFFFFF;font-size: 14px;line-height: 20px;min-height:300px;padding-bottom: 50px;}
#article .content a{color:#F7763D;}
#article .content h2{font-size: 20px;font-weight: bold;line-height: 40px;border-bottom: 1px solid #616060;margin-bottom: 7px;}
/*about us*/
#aboutus{background-image: url("../images/aboutus.jpg");background-repeat: no-repeat;background-color: #2F2F2F;padding-top: 526px;}
#aboutus h2{line-height: 60px;font-size: 28px;text-align: center;color: #FFFFFF;text-transform: uppercase;font-weight: bold;padding-top: 30px;}
#aboutus ul.links{text-align: center;padding-bottom: 30px;}
#aboutus ul.links li{display: inline-block;margin: 0 70px;width: 132px;height: 132px;line-height: 132px;border: 1px solid #8B8B8B;border-radius: 7px;overflow: hidden;}
#aboutus ul.links li a{display: block;width: 122px;height: 122px;border: 5px solid #424242;color: #FFFFFF;text-decoration: none;border-radius: 7px;}
#aboutus ul.links li a:before{font-size: 60px;display: block;margin-top: 30px;margin-left: 30px;}
#aboutus ul.links li:hover a{background-color: #000000;}
#aboutus .content{color: #FFFFFF;font-size: 14px;line-height: 24px;text-align: center;}
#aboutus .content img{display: block;margin: 15px auto;}
#aboutus ul.category{width: 1200px;margin: 0 auto;padding-bottom: 50px;}
#aboutus ul.category li{float:left;margin: 0 33px;width: 132px;height: 132px;margin-top: 40px;overflow: hidden;}
#aboutus ul.category li a{display: block;width: 126px;height: 126px;border: 3px solid #D6D6D6;color: #FFFFFF;text-decoration: none;border-radius: 7px;text-align: center;background-color: #FFFFFF;}
#aboutus ul.category li img{display: block;max-width: 100px;margin: 0 auto;margin-top: 12px;}
#aboutus ul.category li:hover a{border: 3px solid #000000;}
#aboutus .trustus{text-align: center;width: 1248px;margin: 0 auto;}
#aboutus .trustus dl{width: 300px;height:200px;background-image: url("../images/aboutus_trustus.jpg");background-repeat: no-repeat;margin-left: 16px;padding-top: 292px;text-align: center;color: #FFFFFF;position: relative;float: left;}
#aboutus .trustus dl:before{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: #000000;opacity: 0.5;}
#aboutus .trustus dl:first-child{margin-left: 0;}
#aboutus .trustus dl:nth-child(2){background-position: -300px 0;}
#aboutus .trustus dl:nth-child(3){background-position: -600px 0;}
#aboutus .trustus dl:nth-child(4){background-position: -900px 0;}
#aboutus .trustus dl:hover:before{opacity: 0;}
#aboutus .trustus dt{font-size: 18px;line-height: 40px;position: relative;z-index: 2;}
#aboutus .trustus dd{margin: 0 20px;font-size: 14px;line-height: 24px;position: relative;z-index: 2;}
#aboutus .content .contactway{float: left;width: 730px;text-align: left;}
#aboutus .content .contactway strong{color: #ADADAD;margin-right: 5px;}
#aboutus .content ul.btn{width: 520px;float: right;}
#aboutus .content ul.btn li{height: 72px;border: 1px solid #8B8B8B;margin: 15px 0;border-radius: 7px;font-size: 18px;}
#aboutus .content ul.btn li a{display: block;border: 4px solid #424242;height: 64px;border-radius: 7px;line-height: 64px;color: #FFFFFF;position: relative;text-decoration: none;}
#aboutus .content ul.btn li a:before{left: 70px;position: absolute;top: 50%;margin-top: -18px;font-size: 36px;}
#aboutus .content ul.btn li a:hover{background-color: #000000;}
#aboutus .content .map{padding-bottom: 30px;clear: both;}
#aboutus .content .map img{display: block;}
/*contact us*/
#contactus{background-color: #2F2F2F;}
#contactus .left{width: 686px;float: left;padding-top: 30px;}
#contactus .left h1{font-size: 28px;color: #FFFFFF;line-height: 80px;text-transform: uppercase;}
#contactus .left .contactway{font-size: 14px;color: #FFFFFF;line-height: 20px;padding-bottom: 10px;}
#contactus .left .contactway strong{color: #ADADAD;margin-right: 5px;}
#contactus .left .map{overflow: hidden;padding-bottom: 30px;}
#contactus .left .map img{display: block;max-width: 100%;}
#contactus .message{width: 600px;float: right;border: 5px solid #494949;margin-top: 50px;border-bottom: none;background-image: url("../images/form_line.png");padding: 0 32px;background-color: #3E3E3E;height: 750px;position: relative;padding-top: 10px;}
#contactus .message:before,#contactus .message:after,#contactus .message h2:before,#contactus .message h2:after{content:"";border: 2px solid #494949;width: 670px;position: absolute;left: -5px;border-bottom: none;border-radius: 15px 15px 0 0;height: 15px;background-color: #3E3E3E;}
#contactus .message:before{top: -20px;background-color: #343434;}
#contactus .message:after{top: 0px;border: 5px solid #494949;border-radius: 15px 15px 0 0;border-bottom: none;width: 664px;}
#contactus .message h2:before{top: -15px;background-color: #373737;}
#contactus .message h2:after{top: -10px;background-color: #393939;}
#contactus .message h2{font-size: 18px;color: #FFFFFF;line-height: 60px;background-color: #3E3E3E;padding-left: 10px;}
#contactus .message ul{background-color: #3E3E3E;}
#contactus .message li{position: relative;margin-bottom: 10px;}
#contactus .message li .textinput{background-color: #323232;width: 592px;border-bottom: 1px solid #858585;border-right: 1px solid #858585;border-left: 1px solid #464645;border-top: 1px solid #464645;box-shadow: 4px 4px 4px #272727 inset;color: #858383;font-size: 14px;padding-left: 15px;padding-top: 10px;}
#contactus .message li input.textinput{height: 40px;}
#contactus .message li textarea.textinput{height: 140px;padding-top: 40px;color: #858383;line-height: 20px;}
#contactus .message li s{position: absolute;color: #CBCBCB;text-decoration: none;left: 15px;top: 18px;font-size: 14px;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;}
#contactus .message li.require s:before{content:"*";color: #E14500;position: relative;top: 3px;margin-right: 5px;}
#contactus .message li.require s:before{content:"*";color: #E14500;position: absolute;top: 3px;left: -12px;}
#contactus .message li input.textinput:focus + s,#contactus .message li input.active + s{top: 7px;font-size: 11px;left: 16px;}
#contactus .message li input.textinput:focus + s:before,#contactus .message li input.active + s:before{display: none;}
#contactus .message li textarea.textinput:focus + s,#contactus .message li textarea.active + s{top: 5px;font-size: 11px;left: 16px;}
#contactus .message li.verify input.textinput{width:100px;}
#contactus .message li.verify span{position: absolute;color: #DDDDDD;top: 15px;left: 130px;line-height: 26px;}
#contactus .message li.verify img{cursor: pointer;display: block;}
#contactus .message .btn{background-color: #EF3800;text-align: center;width: 360px;height: 46px;margin: 0 auto;position: relative;overflow: hidden;}
#contactus .message .btn:before{position: absolute;color: #FFFFFF;font-size: 30px;top: 8px;left: 110px;}
#contactus .message .btn input{width: 100%;height: 100%;border: none;background-color: transparent;color: #FFFFFF;font-size: 20px;text-transform: uppercase;padding-left: 25px;z-index: 2;cursor: pointer;position: relative;}
#contactus .message .btn:hover{background-color: #000000;}
#contactus .message .loading:before{display:none;}
#contactus .message .loading input{padding-left:0;}
/*404*/
#contactus .page404{width: 686px;float: left;padding-top: 30px;}
#contactus .page404 h1{font-size: 24px;color: #FFFFFF;line-height: 60px;text-transform: uppercase;}
#contactus .page404 .content{font-size: 14px;color: #FFFFFF;line-height: 20px;padding-bottom: 10px;}
#contactus .page404 .content a{color:#F7763D;}
/*success*/
#success{padding-bottom: 60px;}
#success .content{background-color: #474747;}
#success .content .left{width: 918px;float: left;padding: 0 14px;}
#success .content .left h1{font-size: 18px;color: #FFFFFF;line-height: 80px;}
#success .content .left ul.process{padding-bottom: 68px;border-bottom: 1px dashed #656565;}
#success .content .left ul.process li{border: 1px solid #888888;float: left;width: 282px;margin-right: 32px;height: 52px;text-align: center;padding-top: 32px;color: #BCBCBC;font-size: 14px;border-radius: 50px;position: relative;}
#success .content .left ul.process li:last-child{margin-right: 0;}
#success .content .left ul li s{width: 38px;height: 38px;text-align: center;line-height: 38px;background-color: #888888;border-radius: 50%;position: absolute;font-size: 18px;color: #2F2F2F;text-decoration: none;font-weight: bold;left: -3px;top: -7px;}
#success .content .left .text{padding-top: 36px;font-size: 14px;color: #FFFFFF;line-height: 22px;}
#success .content .left .text a{color:#F7763D;}
#success .content .right{background-image: url("../images/success_bg.jpg");width: 394px;height: 145px;float: right;padding-top: 430px;padding-left: 30px;color: #FFFFFF;font-size: 14px;background-repeat: no-repeat;}
#success .content .right a{background-color: #EF5500;display: block;width: 130px;line-height: 36px;text-align: center;color: #FFFFFF;font-size: 20px;text-decoration: none;margin-top: 5px;}
#success .content .right a:before{margin-right: 5px;}
#success .content .right a:hover{background-color: #2F2F2F;}
@media screen and (max-width: 768px)
{
	#contactus .message .btn::before{left: 90px;}
	#article .content{padding:0.5rem;}
	/*about us*/
	#aboutus{background-image: none;padding-top: 0;}
	#aboutus h2{font-size: 16px;line-height: 40px;}
	#aboutus ul.links li{width: 4rem;margin: 0 0.5rem;height: 4rem;}
	#aboutus ul.links li a{border: 0.2rem solid #424242;width: 3.9rem;height: 3.9rem;}
	#aboutus ul.links li a:before{font-size: 2.5rem;margin-left: 0.5rem;margin-top: 0.5rem;}
	#aboutus .content img{max-width: 100%;}
	#aboutus ul.category{width: 100%;text-align: center;padding-bottom: 20px;}
	#aboutus ul.category li{width: 6rem;margin: 0.5rem;height: 6rem;display: inline-block;float: none;}
	#aboutus ul.category li a{width: 5.9rem;height: 5.9rem;border: 0.2rem solid #D6D6D6;}
	#aboutus ul.category li img{max-width: 100%;}
	#aboutus .trustus{width:auto;}
	#aboutus .trustus dl{width: 49%;margin-left: 2%;float: left;background-size: 400% auto;padding-top: 5rem;height: 18rem;margin-top: 0.5rem;}
	#aboutus .trustus dl:nth-child(2){background-position: 33.333%;}
	#aboutus .trustus dl:nth-child(3){background-position: 66.66%;margin-left: 0;}
	#aboutus .trustus dl:nth-child(4){background-position: 100% 0;}
	#aboutus .trustus dt{font-size: 14px;font-weight: bold;}
	#aboutus .trustus dd{font-size: 12px;line-height: 20px;}
	#aboutus .content .contactway{float: none;width: auto;padding-left: 1rem;}
	#aboutus .content ul.btn{width: auto;float: none;margin: 0 1rem;}
	#aboutus .content ul.btn li a{height: 70px;line-height: 70px;padding-left: 70px;text-align: left;}
	#aboutus .content ul.btn li a:before{left: 20px;}
	#contactus .left{width: auto;float: none;padding-top: 0;margin: 0 0.5rem;}
	#contactus .message{width: auto;float: none;margin-left: 0.5rem;margin-right: 0.5rem;padding: 0 1rem;border-radius: 10px 10px 0 0;}
	#contactus .message:before,#contactus .message:after,#contactus .message h2:before,#contactus .message h2:after{width: 101%;}
	#contactus .message:after{width: 100%;}
	#contactus .message li .textinput{width: 100%;}
	#contactus .message .btn{width: 100%;}
	/*success*/
	#success .content .left{width: auto;float: none;padding-bottom: 20px;}
	#success .content .left ul.process{padding-bottom: 1rem;}
	#success .content .left ul.process li{height: 84px;margin-bottom: 1rem;float: none;margin-right: auto !important;margin-left: auto;}
	#success .content .right{background-image: none;padding-top: 10px;background-color: #2F2F2F;text-align: center;}
	#success .content .right a{margin: 5px auto;}
}