#aboutus{background-image: url("../images/aboutus.jpg");background-repeat: no-repeat;background-position: center 0;}
#aboutus .navigation a{color:#FFFFFF;}
#aboutus .block h2{font-size: 16px;text-align: center;color: #707070;line-height: 50px;padding-top: 15px;}
#aboutus .block h2 i{font-size: 85px;display: block;font-style: normal;color: #272727;font-weight: bold;}
#aboutus .block{margin-bottom: 50px;}
#aboutus .block .text{color: #9B9B9B;font-size: 14px;text-align: center;line-height: 24px;}
#aboutus .block .text strong{color: #272727;}
#aboutus h1{text-align: center;color: #FFFFFF;font-size: 30px;line-height: 60px;text-transform: uppercase;margin-top: 100px;}
#aboutus .tips{text-align: center;color: #FFFFFF;line-height: 24px;height: 320px;}
#aboutus .tips strong{font-size: 26px;line-height: 40px;display: block;text-transform: uppercase;}
#aboutus .tips .btn{padding-top: 60px;}
#aboutus .tips .btn a{font-size: 18px;width: 240px;display: inline-block;line-height: 38px;border: 1px solid #FFFFFF;margin: 0 10px;ba;color: #FFFFFF;text-decoration: none;position: relative;}
#aboutus .tips .btn a:after{content:"";width: 0;height: 0;border-left: 8px solid #FFFFFF;border-top: 8px solid transparent;border-bottom: 8px solid transparent;position: absolute;top: 50%;margin-top: -8px;right: 10px;}
#aboutus .tips .btn a:hover{background-color: #FF0C10;}
#aboutus .tips i{font-weight: bold;font-style: normal;font-size: 20px;}
#aboutus .benefits .text{margin: 0 210px;}
/*service*/
#aboutus .service{padding-top: 30px;}
#aboutus .service dl{position: relative;width: 240px;float: left;margin-left: 50px;padding-top: 210px;text-align: center;}
#aboutus .service dl:first-child{margin-left: 0;}
#aboutus .service dl:before{content:"";width: 0;height: 0;position: absolute;top: 0;left: 30px;border-bottom: 47px solid #ffbf01;border-left: 83px solid transparent;border-right: 83px solid transparent;}
#aboutus .service dl:after{content:"";width: 0;height: 0;position: absolute;top: 143px;left: 30px;border-top: 47px solid #ffbf01;border-left: 83px solid transparent;border-right: 83px solid transparent;}
#aboutus .service dt{font-size: 16px;font-weight: bold;}
#aboutus .service dt:before{content:"";width: 0;height: 0;position: absolute;top: 16px;left: 44px;border-bottom: 39px solid #ffbf01;border-left: 69px solid transparent;border-right: 69px solid transparent;z-index: 2;}
#aboutus .service dt:after{content:"";width: 0;height: 0;position: absolute;top: 135px;left: 44px;border-top: 39px solid #ffbf01;border-left: 69px solid transparent;border-right: 69px solid transparent;z-index: 2;}
#aboutus .service dt em{height: 96px;background-color: #ffbf01;position: absolute;top: 47px;width: 166px;text-align: center;line-height: 96px;font-size: 60px;color: #FFFFFF;left: 30px;}
#aboutus .service dt em:before{z-index: 3;position: absolute;left: 50%;margin-left: -30px;height: 100%;line-height: 96px;}
#aboutus .service dt em:after{content:"";height: 80px;background-color: #ffbf01;width: 138px;position: absolute;left: 14px;top: 8px;}
#aboutus .service dd{color: #9B9B9B;line-height: 20px;padding-top: 5px;}
#aboutus .service dl:hover:before{border-bottom:47px solid #23272F;}
#aboutus .service dl:hover:after{border-top:47px solid #23272F;}
#aboutus .service dl:hover dt em{background-color: #23272F;}
#aboutus .service dl:hover dt:before{border-bottom:39px solid #30353E;}
#aboutus .service dl:hover dt:after{border-top:39px solid #30353E;}
#aboutus .service dl:hover dt em:after{background-color: #30353E;}
#aboutus .service dd:after{content:"";}
/*category*/
ul.mainCategory{border-top: 1px solid #D4D4D4;border-bottom: 1px solid #D4D4D4;border-left: 1px solid #D4D4D4;}
ul.mainCategory li{float: left;width: 173px;border-right: 1px solid #D4D4D4;text-align: center;}
ul.mainCategory li a{display: block;height: 190px;color: #9B9B9B;font-size: 14px;line-height: 16px;text-decoration: none;position: relative;overflow: hidden;}
ul.mainCategory li a:before{content: "";height: 4px;background-color: #FF0C10;width: 100%;position: absolute;bottom: -4px;left: 0;transition: all .2s ease 0s;-webkit-transition: .2s;-moz-transition: .2s;-o-transition: .2s;}
ul.mainCategory li:hover a:before{bottom: 0;}
ul.mainCategory li a img{display: block;margin: 0 auto 10px auto;padding-top: 25px;}
/*hot category*/
ul.hotCategory{padding: 10px;background-color: #EFEFEF;margin-top: 18px;}
ul.hotCategory li{height: 30px;line-height: 30px;border-bottom: 1px solid #D9D9D9;width: 270px;margin-right: 7px;float: left;background-color: #FFFFFF;margin-top: 6px;overflow: hidden;}
ul.hotCategory li:nth-child(5n){margin-right: 0;}
ul.hotCategory li:nth-child(-n+5){margin-top: 0;}
ul.hotCategory li a{display: block;padding-left: 12px;text-decoration: none;}
ul.hotCategory li a:hover{background-color: #085d96;color: #FFFFFF;}
/*whyus*/
#aboutus .whyus{background-image: url("../images/aboutus_whyus.jpg");background-repeat: no-repeat;background-position: right 0;max-height: 366px;padding: 10px 740px 15px 15px;border: 1px solid #D4D4D4;margin-bottom: 50px;}
#aboutus .whyus h2,#aboutus .whyus h3{font-size: 16px;color: #272727;line-height: 33px;font-weight: bold;}
#aboutus .whyus .text{color: #9B9B9B;line-height: 18px;}
#aboutus .whyus dl.advantage{line-height: 20px;}
#aboutus .whyus dl.advantage dt{font-size: 14px;color: #9B9B9B;}
#aboutus .whyus dl.advantage dd{color: #9B9B9B;}
#aboutus .whyus dl.advantage dd:before{content: "";width: 6px;height: 6px;background-color: #FFFFFF;display: inline-block;margin-bottom: 2px;margin-right: 5px;}
#aboutus .whyus a.rfq{display: block;width: 180px;height: 32px;background-color: #6D6E75;color: #FFFFFF;text-align: center;line-height: 32px;font-size: 14px;text-transform: uppercase;font-weight: bold;text-decoration: none;position: relative;overflow: hidden;margin-top: 10px;}
#aboutus .whyus a.rfq:after{content: "";position: absolute;z-index: 1;width: 0;height: 0;border-top: 28px solid transparent;border-right: 22px solid #363636;border-bottom: 0px solid transparent;right: 0;bottom: 0;}
#aboutus .whyus a.rfq:hover:after{border-right-color: #0F0E14;}
#aboutus .whyus a.rfq:hover{background-color: #085d96;}
/*contactus*/
ul.contactway li{margin-left: 200px;float: left;position: relative;margin-bottom: 15px;padding-left: 50px;height: 40px;color: #0070BB;width: 300px;line-height: 20px;padding-top: 10px;padding-bottom: 10px;}
ul.contactway li:nth-child(2n){margin-left: 0;width: 776px;}
ul.contactway li:before{width: 40px;height: 40px;text-align: center;line-height: 40px;background-color: #30BDC2;color: #FFFFFF;font-size: 24px;position: absolute;left: 0;top: 0;}
ul.contactway li:after{content:"";position: absolute;z-index: 1;width: 0;height: 0;border-top: 12px solid transparent;border-right: 10px solid #328E91;border-bottom: 0px solid transparent;top: 28px;left: 30px;}
ul.contactway li.icon-email:before{background-color: #1FB8F1;}
ul.contactway li.icon-email:after{border-right: 10px solid #278BB0;}
ul.contactway li.icon-fax:before{background-color: #FF7800;}
ul.contactway li.icon-fax:after{border-right: 10px solid #B96113;}
ul.contactway li.icon-location:before{background-color: #3B589C;}
ul.contactway li.icon-location:after{border-right: 10px solid #394C78;}
ul.contactway li i{color: #4C4C4C;font-style: normal;font-weight: bold;margin-right: 5px;}
#aboutus .contactus a.btn{display: block;width: 200px;height: 36px;background-color: #6D6E75;color: #FFFFFF;text-align: center;line-height: 36px;font-size: 14px;text-transform: uppercase;font-weight: bold;text-decoration: none;position: relative;overflow: hidden;margin-top: 10px;border-radius: 15px;margin: 0 auto;}
#aboutus .contactus a.btn:after{content: "";position: absolute;z-index: 1;width: 0;height: 0;border-top: 42px solid transparent;border-right: 36px solid #363636;border-bottom: 0px solid transparent;right: 0;bottom: 0;}
#aboutus .contactus a.btn:hover:after{border-right-color: #0F0E14;}
#aboutus .contactus a.btn:hover{background-color: #085d96;}
/*contact us*/
#contactus{background-image: url("../images/contactus1.jpg");background-repeat: no-repeat;background-position: center 0;}
#contactus h1{font-size: 18px;line-height: 80px;margin-top: 344px;}
#contactus .messageForm ul{float: left;width: 1140px;}
.messageForm li{border-bottom: 1px solid #BDBDBD;height: 46px;position: relative;float: left;width: 49%;margin-right: 1%;}
.messageForm li i{color: #323131;font-style: normal;font-weight: bold;position: absolute;top: 15px;}
.messageForm li.msg{float: none;width: auto;clear: both;height: auto;}
.messageForm li input{height: 46px;border: none;width: 80%;padding-left: 20%;color: #949494;background-color: transparent;}
.messageForm li textarea{border: none;height: 115px;width: 1016px;padding-top: 5px;line-height: 24px;color: #949494;padding-left: 112px;background-color: transparent;display: block;}
.messageForm .btn,.messageForm .loading{height: 80px;background-color: #085d96;border-radius: 10px;float: left;width: 200px;margin-top: 135px;padding-left: 60px;text-align: center;position: relative;}
.messageForm .btn:before{width: 50px;height: 50px;font-size: 50px;color: #FFFFFF;position: absolute;left: 40px;top: 15px;}
.messageForm .btn:after{content:"@";color: #FFFFFF;width: 34px;height: 20px;border-left: 2px solid #FFFFFF;border-right: 2px solid #FFFFFF;border-top: 2px solid #FFFFFF;position: absolute;font-weight: bold;left: 45px;font-size: 20px;top: 10px;background-color: #085d96;border-radius: 3px 3px 0 0;}
.messageForm .btn input{position: absolute;left: 0;top: 0;width: 100%;height: 100%;padding-left: 60px;cursor: pointer;color: #FFFFFF;font-size: 20px;font-weight: bold;text-transform: uppercase;background-color: transparent;border: none;}
.messageForm .btn:hover{background-color: #E93A00;}
.messageForm .btn:hover:after{background-color: #E93A00;}
.messageForm .loading{display:none;color: #FFFFFF;padding-left: 0;width: 260px;background-color: transparent;font-size: 20px;line-height: 80px;float: right;margin-top: -80px;overflow: hidden;}
.messageForm .loading:before{content:"";width: 100%;height: 100%;background-color: #000000;position: absolute;left: 0;opacity: 0.8;z-index: 1;}
.messageForm .loading:after{content: "loading...";position: relative;z-index: 2;}
.messageForm .loading.finish:before{border-left: 260px solid #085d96;}
#contactus ul.contactway{padding-top: 40px;}
#contactus .map{position: relative;margin-bottom: 10px;}
#contactus .map img{display:block;}
#contactus .map:before{position: absolute;z-index: 2;width: 40px;height: 40px;line-height: 40px;font-size: 24px;color: #FFFFFF;}
#contactus .map:after{content: "";position: absolute;z-index: 1;width: 0;height: 0;border-top: 80px solid #FF0C10;border-right: 80px solid transparent;left: 0;top: 0;z-index: 1;}
/*article*/
#article .menu{width: 286px;float: left;}
#article .menu dl{border-bottom: 3px solid #C8C9CD;}
#article .menu dt{font-size: 14px;line-height: 50px;color: #444444;font-weight: bold;padding-left: 7px;}
#article .menu dd a{display: inline-block;line-height: 22px;padding: 5px 10px 5px 14px;color: #797979;position: relative;}
#article .menu dd a:before{content:"-";font-weight: bold;position: absolute;left: 5px;}
#article .menu dd.current a{font-weight: bold;color: #202020;}
#article .menu ul.contactway{padding-top: 20px;}
#article .menu ul.contactway li{float: none;margin-left: 0 !important;padding: 0 10px 0 45px;width: auto;min-height: 40px;height: auto;}
#article .menu ul li i{display: block;}
#article .content,#article .news{width: 1100px;float: right;color: #9B9B9B;line-height: 22px;min-height: 400px;padding-bottom: 50px;}
#article .content h1,#article .news h1{font-size: 18px;line-height: 60px;color: #333333;}
#article .content a,#article .news a{color: #0070BB;}
/*content more*/
#article .content h3{font-weight: bold;color: #444444;font-size: 16px;line-height: 40px;}
#article .content dt{font-weight: bold;color: #666666;margin-top: 15px;}
#article .content dt:first-child{margin-top: 0;}
#article .content dd{padding-left: 15px;}
#article .content li{margin-bottom: 7px;padding-left: 10px;position: relative;}
#article .content ul.arrow li{padding-left: 15px;}
#article .content ul.arrow li:before{content:"\e809";font-family: "infinite";margin-right: 5px;color: #202020;position: absolute;left: 0;}
#article .content .images{margin: 0 auto;padding-top: 20px;width: 80%;}
#article .content .images a{margin-left: 2%;display: inline-block;height: 60px;}
#article .content .images img{display: block;max-height: 60px;position: relative;bottom:0;transition: all .2s ease 0s;-webkit-transition: .2s;-moz-transition: .2s;-o-transition: .2s;}
#article .content .images a:first-child{margin-left: 0;}
#article .content .images a:hover img{bottom:-10px;}
#article .content table{border-collapse: collapse;max-width: 700px;width: 100%;border: 1px solid #999999;}
#article .content th,#article .content td{height:30px;text-align: center;}
#article .content th{background-color: #EEEEEE;border-bottom: 1px solid #999999;}
#article .content ul.image{margin: 10px 0;}
#article .content ul.image li{border: 1px solid #CCCCCC;border-radius: 3px;display: inline;float: left;margin: 0 5px;padding: 3px;text-align: center;width: 200px;}
#article .content ul.image img{display: block;margin: 0 auto;max-height: 100%;max-width: 100%;}
/*404*/
#page404{background-color: #616471;}
#page404 .navigation a{color:#FFFFFF;}
#page404 .content{background-color: #71747F;border-radius: 10px;color: #FFFFFF;padding-left: 570px;padding-top: 76px;font-size: 14px;line-height: 22px;min-height: 230px;background-image: url("../images/404.png");background-repeat: no-repeat;background-position: 78px 40px;margin-bottom: 30px;}
#page404 .content h1{font-size: 22px;line-height: 40px;}
#page404 .content a{color: #085d96;}
#page404 .content + h1{font-size: 18px;color: #FFFFFF;line-height: 60px;}
#page404 .messageForm ul{float: left;width: 1140px;}
#page404 .messageForm li i,#page404 .messageForm li input,#page404 .messageForm li textarea,#page404 ul.contactway li,#page404 ul.contactway li i{color: #FFFFFF;}
{color: #FFFFFF;}
#page404 .contactway{margin-top: 30px;}
/*success*/
#success{background-color: #616471;padding: 120px 0;}
#success .wrap{width: 1230px;background-color: #FFFFFF;border-radius: 10px 10px 0 0;position: relative;padding-top: 135px;text-align: center;color: #9B9B9B;line-height: 18px;}
#success .wrap:before,#success .wrap:after{content:"";background-image: url("../images/success.png");position: absolute;}
#success .wrap:before{width: 166px;height: 166px;top: -32px;left: 50%;margin-left: -83px;}
#success .wrap:after{width: 1406px;height: 10px;background-position: 0 -166px;left: 50%;margin-left: -703px;bottom: -6px;}
#success .wrap h1{font-size: 26px;line-height: 46px;margin-bottom: 34px;color: #343434;}
#success .wrap h1:before{content:"";width: 100%;height: 4px;bottom: 0;background-color: #FFFFFF;left: 0;position: absolute;z-index: 2;}
#success .wrap a{color: #0070BB;}
#success .wrap s{text-decoration: underline;}
#success .wrap .links{margin-top: 38px;padding: 30px 0;border-top: 1px solid #E4E4E4;color: #D4D4D4;}
#success .wrap .links a{margin: 0 7px;color: #666666;}
#article .news dl{padding-bottom: 5px;padding-left: 10px;}
#article .news dl::after{clear: both;content: "";display: block;height: 0;visibility: hidden;}
#article .news dt{float:left;width:100px;height:100px;margin-right:15px;}
#article .news dt img{max-width: 100%;display: block;}
#article .news dd{padding-top: 10px;}
#article .news dd em{display: block;}
#article .news dd a{padding: 5px 0;color: #1465B0;font-size: 14px;line-height: 20px;}
#article .show h1.title{text-align: center;border-bottom: 1px solid #D4D4D4;margin-bottom: 20px;}
#article .show img{float: left;margin-right: 15px;}
@media screen and (max-width: 767px)
{
	#page404 .messageForm{margin: 0 0.3rem;}
	#aboutus{background-size: auto 420px;}
	#aboutus .block h2{line-height: 40px;}
	#aboutus .block h2 i{font-size: 4rem;}
	#aboutus h1{margin-top: 0;}
	#aboutus .tips{padding: 0 10px;}
	#aboutus .tips strong{font-size: 1.2rem;}
	#aboutus .tips .btn{padding-top: 20px;}
	#aboutus .tips .btn a{margin-bottom: 1rem;}
	#aboutus .tips i{font-size: 0.85rem;}
	#aboutus .benefits .text{margin: 0 0.5rem;}
	#aboutus .service dl{margin: 0 auto !important;float: none;padding-bottom: 15px;}
	/*category*/
	ul.mainCategory{border-top: none;border-left: 0;}
	ul.mainCategory li{width: 50%;border-top: 1px solid #D4D4D4;}
	ul.hotCategory li{float: none;width: auto;margin-right: 0 !important;margin-top: 0;}
	/*whyus*/
	#aboutus .whyus{background-size: 100% auto;padding-right: 0;padding-top: 210px;max-height: none;}
	#aboutus .whyus a.rfq{margin: 10px auto 0 auto;}
	/*contactus*/
	ul.contactway li{margin-left: 1rem !important;float: none;width: auto !important;height: auto;}
	/*contact us*/
	#contactus{background-image: none;margin: 0 0.5rem;}
	#contactus h1{margin-top:0;line-height: 40px;}
	#contactus .messageForm ul{width: auto;float: none;}
	.messageForm li{float: none;width: auto;height: auto;}
	.messageForm li input{width: 100%;padding-left:30%;}
	.messageForm li textarea{width: 100%;padding-left:30%;}
	.messageForm .btn,.messageForm .loading{margin-top: 10px;float: none;width: 260px;margin: 10px auto 0 auto;height: 60px;}
	.messageForm .btn:before{width: 40px;height: 40px;font-size: 40px;}
	.messageForm .btn:after{top: 10px;width: 26px;height: 16px;font-size: 14px;}
	.messageForm .loading{margin-top: -60px;line-height: 60px;}
	#contactus .map img{max-width: 100%;}
	#contactus .map:before{width: 20px;height: 20px;font-size: 15px;line-height: 30px;}
	#contactus .map:after{border-top: 40px solid #FF0C10;border-right: 40px solid transparent;}
	/*article*/
	#article .menu{display: none;}
	#article .content,#article .news{width: auto;margin: 0 0.5rem;}
	#page404 .content{background-position: center 20px;min-height: auto;background-size: 80% auto;padding-left: 0;padding-top: 200px;padding: 220px 20px 30px 20px;margin: 0 0.3rem;}
	#page404 .content + h1{padding-left: 0.3rem;}
	#page404 .messageForm ul{float: none;width: auto;}
	/*success*/
	#success{padding: 36px 0.5rem;}
	#success .wrap{width: auto;}
	#success .wrap h1:before,#success .wrap:after{display: none;}
	#article .show img{float: none;display: block;margin: 0 auto 20px auto;}
}