/*time set*/
#Inner.contactus .input-form legend,#Inner.contactus .input-form legend::before,#Inner.contactus .input-form .submit,#Inner.contactus .input-form .submit input{-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;}
.aboutus-banner{background-image: url("../images/aboutus.jpg");background-repeat: no-repeat;background-position: center 0;height: 502px;margin-bottom: -50px;}
.aboutus-map{background-image: url("../images/map.jpg");background-repeat: no-repeat;background-position: center 0;height: 378px;position: relative;}
/*normal article*/
#Inner .banner{margin-bottom: 10px;}
#Inner .banner img{display: block;}
#Inner .description{line-height: 20px;color: #8C8C8C;padding-bottom: 30px;}
#Inner .description h3{font-size: 15px;color: #3E3E3E;font-weight: bold;line-height: 26px;}
#Inner .description a{color: #00B282;text-decoration: underline;}
/*aboutus*/
#Inner.aboutus + .aboutus-map{margin-top: -90px;}
#Inner.aboutus + .aboutus-map:before{content:"";width: 1px;height: 140px;background-color: #11B085;position: absolute;left: 50%;top: 90px;margin-left: -1px;}
#Inner.aboutus + .aboutus-map:after{content:"";width: 22px;height: 22px;background-color: #11B085;border-radius: 50%;position: absolute;left: 50%;margin-left: -11px;top: 230px;}
#Inner.aboutus h1{font-size: 29px;text-align: center;color: #5F5F5F;text-transform: uppercase;margin-bottom: 30px;}
#Inner.aboutus h2{text-align: center;color: #00B282;font-size: 20px;line-height: 40px;margin-top: 15px;font-weight: bold;}
#Inner .content{color: #8C8C8C;line-height: 20px;text-align: center;width: 1200px;margin: 0 auto;}
#Inner .whyus{border: 1px solid #E4E4E4;margin-top: 10px;}
#Inner .whyus ul.advantage{border-right: 1px solid #E4E4E4;width: 665px;float: left;padding: 10px 17px;}
#Inner .whyus ul.advantage li{line-height: 16px;padding: 12px 0;position: relative;padding-left: 18px;}
#Inner .whyus ul.advantage li:before{content: "";width: 13px;height: 13px;background-color: #BABABA;background-image: url("../images/arrow.png");position: absolute;text-align: center;line-height: 11px;color: #FFFFFF;font-family: Verdana;font-size: 16px;left: 0;top: 14px;}
#Inner .whyus ul.advantage li:hover{color: #00B282;}
#Inner .whyus ul.advantage li:hover:before{background-color: #00B282;}
#Inner .whyus dl.rfq{width: 680px;float: left;padding-left: 17px;padding-top: 7px;color: #8C8C8C;}
#Inner .whyus dl.rfq dt{font-size: 15px;color: #3A3A3A;font-weight: bold;line-height: 30px;}
#Inner .whyus dl.rfq dd{line-height: 20px;font-size: 13px;}
#Inner .whyus dl.rfq dd b{color: #00B282;}
#Inner .whyus dl.rfq dd a.btn{height: 32px;line-height: 32px;display: inline-block;border: 1px solid #E0E0E0;padding-left: 12px;padding-right: 17px;text-decoration: none;margin-top: 80px;font-weight: bold;}
#Inner .whyus dl.rfq dd a.btn:after{content: ">";float: right;margin-left: 80px;}
#Inner .whyus dl.rfq dd a.btn:hover{background-color: #00B282;color: #FFFFFF;border: 1px solid #00B282;}
#Inner .sell{border: 1px solid #E4E4E4;margin-top: 20px;}
#Inner .sell ul.cover{float: left;width: 650px;padding: 10px;border-right: 1px solid #E4E4E4;}
#Inner .sell ul.cover li{width: 33%;float: left;text-align: center;height: 154px;}
#Inner .sell ul.cover li img{display: block;margin: 0 auto;padding: 20px;max-width: 80px;}
#Inner .sell ul.cover li a{font-size: 13px;color: #3A3A3A;font-weight: bold;display: block;border: 1px solid #FFFFFF;text-decoration: none;padding-bottom: 7px;}
#Inner .sell ul.cover li a:hover{color: #00B282;border: 1px solid #00B282;}
#Inner .sell .category{float: right;width: 710px;padding-top: 10px;}
#Inner .sell .category dl{float: left;width: 335px;padding-left: 20px;margin-bottom: 20px;}
#Inner .sell .category dl dt{position: relative;}
#Inner .sell .category dl dt:before{content: ">";width: 13px;height: 13px;background-color: #BABABA;position: absolute;text-align: center;line-height: 11px;color: #FFFFFF;font-family: Verdana;font-size: 16px;left: -17px;top: 6px;}
#Inner .sell .category dl dt a{color: #636363;font-size: 13px;font-weight: bold;padding: 3px 0;display: inline-block;text-decoration: none;}
#Inner .sell .category dl dt:hover a{color: #00B282;}
#Inner .sell .category dl dt:hover::before{background-color: #00B282;}
#Inner.aboutus ul.contact-info{border-left: 2px solid #00B282;border-right: 2px solid #00B282;text-align: center;margin-top: 30px;position: relative;}
#Inner.aboutus ul.contact-info+.map{position: relative;overflow: hidden;height: 90px;}
#Inner.aboutus ul.contact-info+.map:before{content: "";width: 0;height: 0;position: absolute;bottom: 0;left: -100px;border-top: 100px solid #00B282;border-left: 800px solid transparent;border-right: 800px solid transparent;z-index: 1;}
#Inner.aboutus ul.contact-info+.map:after{content: "";width: 0;height: 0;position: absolute;bottom: 2px;left: -100px;border-top: 100px solid #FFFFFF;border-left: 800px solid transparent;border-right: 800px solid transparent;z-index: 1;}
#Inner ul.contact-info li{display: inline-block;margin-bottom: 40px;font-size: 13px;position: relative;height: 40px;line-height: 40px;padding-left: 37px;margin-right: 244px;}
#Inner ul.contact-info li:before{width: 34px;height: 34px;background-color: #00B282;line-height: 34px;font-size: 20px;color: #FFFFFF;border-radius: 5px;position: absolute;left: 0;top: 2px;}
#Inner ul.contact-info li b{color: #4A4A4A;font-weight: bold;}
#Inner ul.contact-info li.icon-at{margin-right: 0;}
#Inner ul.contact-info li.icon-globe{margin-right: 0;margin-bottom: -20px;z-index: 3;}
/*contact us*/
.contactus-banner{background-image: url("../images/contactus.jpg");background-repeat: no-repeat;background-position: center 30px;height: 510px;}
#Inner.contactus{margin-top: -470px;}
#Inner.contactus h2{font-size: 20px;color: #00B282;padding-left: 17px;line-height: 40px;font-weight: bold;clear: both;}
#Inner.contactus .input-form{padding-left: 17px;width: 680px;height: 470px;}
#Inner.contactus .input-form .submit{position: relative;height: 34px;background-color: #09BF8F;float: right;width: 218px;margin-top: 25px;border: 1px solid #09BF8F;border-radius: 5px;}
#Inner.contactus .input-form .submit:before{content: ">";color: #FFFFFF;line-height: 34px;float: right;margin-right: 15px;}
#Inner.contactus .input-form .submit input{height: 34px;border: none;padding-left: 12px;font-size: 14px;font-weight: bold;text-transform: uppercase;position: absolute;background-color: transparent;color: #FFFFFF;cursor: pointer;width: 100%;text-align: left;}
#Inner.contactus .input-form .submit:hover{background-color: #FFFFFF;}
#Inner.contactus .input-form .submit:hover:before{color: #09BF8F;}
#Inner.contactus .input-form .submit:hover input{color: #09BF8F;}
#Inner.contactus ul.contact-info{padding-left: 17px;float: left;width: 600px;margin-top: 10px;}
#Inner.contactus ul.contact-info li{display: block;margin-bottom: 10px;}
#Inner.contactus ul li.icon-globe{margin-bottom: 10px;}
#Inner.contactus .contact-mail{float: right;width: 750px;}
#Inner.contactus .contact-mail dl{float: left;text-align: center;width: 250px;}
#Inner.contactus .contact-mail dt{font-size: 15px;line-height: 26px;font-weight: bold;position: relative;padding-top: 128px;}
#Inner.contactus .contact-mail dt:before{position: absolute;width: 106px;height: 106px;line-height: 106px;border: 1px solid #0BBF8E;border-radius: 10px;top: 0;left: 50%;margin-left: -53px;font-size: 63px;text-align: center;color: #0BBF8E;z-index: 2;}
#Inner.contactus .contact-mail dt:after{content: "";height: 4px;background-color: #DBF5EE;position: absolute;width: 106px;border-radius: 0 0 10px 10px;left: 50%;margin-left: -53px;top: 103px;z-index: 1;}
#Inner.contactus .contact-mail dd{color: #8C8C8C;line-height: 22px;}
#Inner.contactus ul.links{padding-bottom: 30px;padding-left: 17px;padding-top: 15px;}
#Inner.contactus ul.links li{float: left;width: 33%;}
#Inner.contactus ul.links li a{color: #8C8C8C;display: inline-block;position: relative;padding-left: 17px;text-decoration: none;}
#Inner.contactus ul.links li a:before{content: ">";width: 13px;height: 13px;background-color: #BABABA;position: absolute;text-align: center;line-height: 11px;color: #FFFFFF;font-family: Verdana;font-size: 16px;left: 0;top: 1px;}
#Inner.contactus ul.links li:hover a{color: #00B282;}
#Inner.contactus ul.links li:hover a:before{background-color: #00B282;}
/*text*/
#Inner .description table.list-table{border-collapse: collapse;max-width: 700px;width: 100%;}
#Inner .description table.list-table th,#Inner .description table.list-table td{height: 30px;text-align: center;}
#Inner .description table.list-table th{background-color: #EEEEEE;}
#Inner .description ul.image{margin: 10px 0;}
#Inner .description ul.image li{border: 1px solid #CCCCCC;border-radius: 3px;display: inline;float: left;margin: 0 5px;padding: 3px;text-align: center;width: 200px;}
#Inner .description ul.image img{display: block;margin: 0 auto;max-height: 100%;max-width: 100%;}
#Inner .description dl.text{padding-left: 7px;}
#Inner .description dl.text dt{font-weight: bold;}
#Inner .description dl.text dd{padding-left: 15px;}
#Inner .description ul.text{margin-top: 7px;}
#Inner .description ul.text li{margin-bottom: 7px;padding-left: 10px;}
#Inner .description ul.doc li{position: relative;padding-left: 15px;}
#Inner .description ul.doc li::before{content: "\e81e";font-size: 0.5rem;left: 0.1rem;position: absolute;top: 0.1rem;font-family: "micro-semiconductor";}
#Inner .description .logistics{margin: 0 auto;padding-top: 20px;width: 80%;}
#Inner .description .logistics a{margin-right: 2%;}
#Inner .description .logistics a:last-child{margin:0;}
@media screen and (max-width: 768px)
{
	/*time set*/
	#Inner.contactus .input-form legend,#Inner.contactus .input-form legend::before,#Inner.contactus .input-form .submit,#Inner.contactus .input-form .submit input{}
	.aboutus-banner{background-image: none;height: auto;margin-bottom: 0;}
	.aboutus-map{display: none;}
	/*normal article*/
	#Inner .banner{display: none;}
	#Inner .banner img{}
	#Inner .description{padding-left: 7px;padding-right: 7px;}
	#Inner .description h3{}
	#Inner .description a{}
	/*aboutus*/
	#Inner.aboutus + .aboutus-map{}
	#Inner.aboutus + .aboutus-map:before{}
	#Inner.aboutus + .aboutus-map:after{}
	#Inner.aboutus h1{font-size: 18px;margin-bottom: 0;}
	#Inner.aboutus h2{margin-top: 0;font-size: 16px;}
	#Inner .content{width: auto;padding: 0 7px;}
	#Inner .whyus{margin: 0 0.2rem;}
	#Inner .whyus ul.advantage{float: none;width: auto;padding: 0 7px;}
	#Inner .whyus ul.advantage li{}
	#Inner .whyus ul.advantage li:before{}
	#Inner .whyus ul.advantage li:hover{}
	#Inner .whyus ul.advantage li:hover:before{}
	#Inner .whyus dl.rfq{float: none;width: auto;padding-left: 7px;}
	#Inner .whyus dl.rfq dt{}
	#Inner .whyus dl.rfq dd{padding-bottom: 10px;}
	#Inner .whyus dl.rfq dd b{}
	#Inner .whyus dl.rfq dd a.btn{margin-top: 15px;}
	#Inner .whyus dl.rfq dd a.btn:after{}
	#Inner .whyus dl.rfq dd a.btn:hover{}
	#Inner .sell{}
	#Inner .sell ul.cover{float: none;width: auto;}
	#Inner .sell ul.cover li{width: 50%;height: 180px;}
	#Inner .sell ul.cover li img{}
	#Inner .sell ul.cover li a{}
	#Inner .sell ul.cover li a:hover{}
	#Inner .sell .category{float: none;width: auto;border-top: 1px dotted #DDDDDD;padding-bottom: 20px;}
	#Inner .sell .category dl{float: none;width: auto;}
	#Inner .sell .category dl dt{}
	#Inner .sell .category dl dt:before{}
	#Inner .sell .category dl dt a{}
	#Inner .sell .category dl dt:hover a{}
	#Inner .sell .category dl dt:hover::before{}
	#Inner.aboutus ul.contact-info{padding-bottom: 30px;padding-left: 15px;border: none;}
	#Inner.aboutus ul.contact-info+.map{display: none;}
	#Inner.aboutus ul.contact-info+.map:before{}
	#Inner.aboutus ul.contact-info+.map:after{}
	#Inner ul.contact-info li{display: block;margin: 0;text-align: left;height: auto;}
	#Inner ul.contact-info li:before{}
	#Inner ul.contact-info li b{}
	#Inner ul.contact-info li.icon-at{}
	#Inner ul.contact-info li.icon-globe{}
	/*contact us*/
	.contactus-banner{background-image: none;height: auto;}
	#Inner.contactus{margin-top: 0;}
	#Inner.contactus h2{font-size: 14px;padding-left: 7px;border-top: 1px solid #ddd;}
	#Inner.contactus .input-form{padding-left: 7px;width: auto;height: auto;margin-bottom: 10px;}
	#Inner.contactus .input-form .submit{float: none;margin-top: 7px;}
	#Inner.contactus .input-form .submit:before{}
	#Inner.contactus .input-form .submit input{}
	#Inner.contactus .input-form .submit:hover{}
	#Inner.contactus .input-form .submit:hover:before{}
	#Inner.contactus .input-form .submit:hover input{}
	#Inner.contactus ul.contact-info{padding-left: 7px;width: auto;float: none;}
	#Inner.contactus ul.contact-info li{}
	#Inner.contactus ul li.icon-globe{}
	#Inner.contactus .contact-mail{float: none;width: auto;}
	#Inner.contactus .contact-mail dl{float: none;margin: 0 auto 15px auto;}
	#Inner.contactus .contact-mail dt{}
	#Inner.contactus .contact-mail dt:before{}
	#Inner.contactus .contact-mail dt:after{}
	#Inner.contactus .contact-mail dd{}
	#Inner.contactus ul.links{padding-left: 7px;}
	#Inner.contactus ul.links li{float: none;width: auto;line-height: 28px;}
	#Inner.contactus ul.links li a{}
	#Inner.contactus ul.links li a:before{top: 8px;}
	#Inner.contactus ul.links li:hover a{}
	#Inner.contactus ul.links li:hover a:before{}
	/*text*/
	#Inner .description table.list-table{}
	#Inner .description table.list-table th,#Inner .description table.list-table td{}
	#Inner .description table.list-table th{}
	#Inner .description ul.image{}
	#Inner .description ul.image li{}
	#Inner .description ul.image img{}
	#Inner .description dl.text{}
	#Inner .description dl.text dt{}
	#Inner .description dl.text dd{}
	#Inner .description ul.text{}
	#Inner .description ul.text li{}
	#Inner .description ul.doc li{}
	#Inner .description ul.doc li::before{}
	#Inner .description .logistics{}
	#Inner .description .logistics a{}
	#Inner .description .logistics a:last-child{}
}