body{background-color: #fff;}
.quote{padding-bottom: 30px;width: 100%;max-width: 1920px;}

.quote .banner{background: #151C20 url('../images/rfq-bg.jpg') no-repeat center;padding: 8px 0;position: relative;height: 487px;}
.quote .banner .crumbs{color: #fff;opacity: 0.55;}
.quote .banner .crumbs a{color: #fff;}

/*upload*/
.upload{width: 100%;display: flex;align-items: flex-end;}
.upload .left h1{color: #fff;font-size: 34px;margin-bottom: 19px;margin-left: 261px;font-family: '393-CAI978';font-weight: normal;margin-bottom: 50px;margin-top: 27px;}
.upload .left .bottom{border-bottom: 1px solid #000;width: 100%;background-color: #fff;padding-left: 261px;padding-right: 22px;overflow: hidden;}
.upload .left .bottom > h2{font-size: 24px;color: #1A1A1A;font-weight: bold;margin-bottom: 11px;margin-top: 24px;}
.upload .left .bottom > p{font-size: 16px;color: #757575;margin-bottom: 17px;}
.upload .left .btn{width: 690px;height: 53px;border: 1px solid #C8C8C8;border-radius: 5px;box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.11);margin-bottom: 14px;display: flex;overflow: hidden;}
.upload .left .btn button{flex: 1;border: none;background: #536976;color: #fff;font-size: 22px;text-align: left;padding-left: 18px;cursor: pointer;box-shadow: inset 0px -3px 0px 0px rgba(0, 0, 0, 0.2);}
.upload .left .btn a{display: inline-block;flex: 1;font-size: 18px;line-height: 50px;padding-left: 18px;background: #f0f1f1;color: #1A1A1A;transition: all .3s;box-shadow: inset 0px -3px 0px 0px rgba(0, 0, 0, 0.05);}
.upload .left .btn i{margin-left: 121px;font-size: 22px;}
.upload .left .btn button:hover, .upload .left .bottom .btn a:hover{color: #fff;background: #3B6FB7;box-shadow: none;}
.upload .left .upload-box{display: flex;align-items: center;margin-bottom: 15px;}
.upload .left .upload-box li{font-size: 14px;color: #757575;line-height: 22px;margin-left: 11px;}
.upload .left .upload-box .icon-file{float: left;width: 251px;height: 131px;border-radius: 2px;text-align: center;position: relative;font-size: 14px;color: #838383;padding: 80px 20px 0 20px;line-height: 22px;cursor: pointer;border: 1px dashed #757575;}
.upload .left .upload-box .icon-file s.f{position: absolute;left: 0;top: 0;}
.upload .left .upload-box .icon-file i{font-style: normal;width: 218px;display: block;margin: 0 auto;color: #262626;font-size: 14px;}
.upload .left .upload-box .icon-file span{display: none;}
.upload .left .upload-box .icon-file s.icon-remove{display: none;text-decoration: none;color: #838383;font-size: 18px;padding-top: 10px;}
.upload .left .upload-box .icon-file s.icon-remove:hover{color: #EE5A00;}
.upload .left .upload-box .icon-file.over{border: 1px solid #EE5A00;}
.upload .left .upload-box .icon-file.done{border: 1px solid #3B6FB7;color: #3B6FB7;padding-top:80px;}
.upload .left .upload-box .icon-file.done:before{top:10px;}
.upload .left .upload-box .icon-file.done i{display: none;}
.upload .left .upload-box .icon-file.done span,.upload .icon-file.done s.icon-remove{display: block;}
.upload .left .upload-box .icon-file:before{position: absolute;font-size: 60px;left: 50%;margin-left: -30px;top: 12px;}
.upload .left .upload-box .icon-file input{width:0;}
.upload .right{width: auto;background: #29363D;color: #fff;padding-left: 21px;height: 373px;}
.upload .right h2{font-size: 36px;margin-top: 34px;margin-bottom: 39px;color: #fff;font-family: '393-CAI978';font-weight: normal;}
.upload .right > dl{color: #fff;font-size: 14px;margin-bottom: 131px;padding-right: 290px;}
.upload .right > dl dd{line-height: 20px;font-size: 14px;margin-bottom: 20px;}
.upload .right a,.upload .right span{color: #FF7112;}
.upload .righta:hover{text-decoration: underline;}

.quote .quotation{padding: 0 261px;}
.quote .quotation h2{margin-top: 46px;font-size: 30px;color: #1E1E1E;font-family: '393-CAI978';font-weight: normal;margin-bottom: 26px;}

.quote .quote-table{background-color: #FFFFFF;position: relative;}
.quote .quote-table table{border-collapse: separate;text-align: left;border-spacing: 1px 0;}
.quote .quote-table th{height: 45px;background-color: #6B7F89;font-size: 15px;color: #fff;padding-left: 11px;}
.quote .quote-table th.rq{position: relative;}
.quote .quote-table th.rq::before{content: '*';font-size: 15px;color: #fff;font-family: Tahoma;vertical-align: middle;margin-right: 5px;;}
.quote .quote-table td{height: 46px;position: relative;font-size: 14px;}
.quote .quote-table td:first-child{text-align: center;padding: 0;}
.quote .quote-table td b{display: none;}
.quote .quote-table td input{border: none;width: 99%;height: 100%;outline: none;font-size: 14px;border-bottom: 1px solid #888888;padding: 0 8px;}
.quote .quote-table td i.icon-del{overflow: hidden;text-align: center;position: absolute;right: 0;top: 12px;cursor: pointer;border-radius: 3px;padding: 5px;}
.quote .quote-table td i.icon-del:before{font-size: 20px;}
.quote .quote-table td i.icon-del:hover{background-color: #3B6FB7;color: #FFFFFF;}

.quote .quote-table .btn{text-align: center;margin-top: 21px;}
.quote .quote-table .btn button{width: 215px;height: 42px;line-height: 42px;font-size: 19px;color: #1A1A1A;border: none;background-color: transparent;cursor: pointer;background: #E8EBEB;border: 1px solid transparent;position: relative;overflow: hidden;box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.11);}
.quote .quote-table .btn button:first-of-type{background: #536a77;color: #fff;font-weight: bold;border-top-left-radius: 5px;border-bottom-left-radius: 5px;box-shadow: inset 0px -3px 0px 0px rgba(0, 0, 0, 0.2);}
.quote .quote-table .btn button:last-of-type{border-top-right-radius: 5px;border-bottom-right-radius: 5px;}
.quote .quote-table .btn button:hover{background: #3B6FB7;color: #FFFFFF;box-shadow: none;}
.quote .quote-table .btn button::before{position: absolute;right: 9px;top: 54%;transform: translate(0, -50%);font-size: 24px;}

.quote .form_part{}
.quote .form_part h3{font-size: 30px;color: #1e1e1e;padding-top: 28px;padding-bottom: 5px;}
.quote .form_part p{font-size: 14px;color: #757575;padding-bottom: 15px;}
.quote .form_part ul li{padding-left: 18px;}
.quote .form_part ul li label.rq{margin-left: -12px;}
.quote .form_part ul li:first-child{border-bottom: none;height: 40px;width: 100%;}
.quote .form_part ul li:first-child label{line-height: 40px;margin-right: 14px;}
.quote .form_part ul li:first-child select{width: 50%;height: 100%;border-radius: 25px;border-color: #bebebe;outline: none;font-size: 15px;padding-left: 14px;flex: 1;}

.quote .form_part ul li:nth-child(6){width: 100%;}
.quote .form_part .form_submit{text-align: center;}

/*quote-success*/
.quote-success .icon-write{background-color: #1B5FEB;font-size: 20px;color: #FFFFFF;text-align: center;height: 108px;line-height: 24px;padding: 18px 300px 0 300px;position: relative;}
.quote-success .icon-write:before{display: none;}
.quote-success .icon-write a.home{height: 34px;line-height: 32px;position: absolute;border: 1px solid #FFFFFF;border-radius: 3px;padding: 0 20px;right: 14px;top: 26px;color: #FFFFFF;font-size: 14px;font-weight: bold;}
.quote-success .icon-write a.home:hover{background-color: #0059BD;}
.quote-success .quote-info{background-color: #FFFFFF;margin-top: -24px;position: relative;border-radius: 20px 20px 0 0;padding: 10px 18px 30px 18px;margin-bottom: 20px;}
.quote-success .quote-info h1{font-size: 20px;line-height: 50px;text-align: center;color: #000000;}
.quote-success .quote-info h1 + p{text-align: center;font-size: 14px;line-height: 26px;}
.quote-success .quote-info h2{font-size: 18px;line-height: 40px;color: #000000;}
.quote-success .quote-info > i{position: absolute;right: 20px;top: 15px;border: 1px solid #DDDDDD;height: 30px;line-height: 30px;padding: 0 20px;border-radius: 3px;font-style: normal;color: #1F1F1F;}
.quote-success .quote-info .list dl{padding: 5px 0;float: left;width: 50%;font-size: 13px;}
.quote-success .quote-info .list dt{float: left;width: 110px;font-size: 13px;color: #838383;}
.quote-success .quote-info .list dd{font-size: 13px;color: #000000;float: left;width: 540px;word-break: break-all;}
.quote-success .quote-info table{background-color: #F8F8F8;}
.quote-success .quote-info th,.quote-success .quote-info td{height: 42px;font-size: 14px;border-bottom: 1px solid #DDDDDD;}
.quote-success .quote-info th{color: #838383;text-align: left;font-weight: normal;}
.quote-success .quote-info td{color: #000000;}
.quote-success .quote-info td:first-child{text-align: center;width: 50px;}
.quote-success .quote-info td i{display: none;font-style: normal;font-weight: bold;margin-right: 5px;}
.quote-success .quote-info fieldset{border: 1px dashed #3462C1;padding: 20px;text-align: center;width: 800px;margin: 15px auto;}
.quote-success .quote-info legend{font-size: 20px;color: #000;font-weight: bold;}
.quote-success .quote-info fieldset .file{color: #000;display: inline-block;text-align: left;background-image: url("../images/bomFile.jpg");background-repeat: no-repeat;padding-left: 50px;min-height: 50px;font-size: 14px;}
.quote-success .quote-info fieldset .file s{color: #999;text-decoration: none;display: block;margin-top: 7px;}
.quote-success .quote-info ul.tips{padding: 16px 0;}
.quote-success .quote-info ul.tips li{float: left;width: 50%;padding: 4px 0;line-height: 16px;color: #838383;padding-left: 12px;position: relative;}
.quote-success .quote-info ul.tips li:before{content: "*";color: #3462C1;left: 0;top: 6px;position: absolute;}
.quote-success .quote-info .thank-you{text-align: center;color: #383838;padding-top: 25px;line-height: 24px;}
.quote-success .quote-info .thank-you h3{color: #3462C1;font-weight: bold;}
/*search empty*/
.search-result{display: none;}
@media screen and (max-width: 768px)
{
	.quote{width: 100%;max-width: 100%;}
	.quote .banner{background-image: none;}
	.quote .banner .crumbs{left: 8px;}
	.upload{flex-direction: column;align-items: flex-start;}
	.upload .left h1{margin: 0;font-size: 24px;margin-top: 42px;margin-left: 8px;margin-bottom: 12px;}
	.upload .left .bottom{display: none;}
	.upload .right{width: 100%;padding-left: 8px;}
	.upload .right h1{font-size: 24px;margin-top: 14px;margin-bottom: 16px;}
	.upload .right h2{font-size: 21px;margin-top: 14px;margin-bottom: 16px;}
	.upload .right > dl{margin-bottom: 18px;}
	.upload .right > dl dd{margin-bottom: 12px;}
	.upload .right > dl{padding: 0;}
	.quote .quotation{padding: 0 2%;}
	.quote .quotation h1{font-size: 24px;margin-top: 23px;margin-bottom: 13px;}
	.quote .quote-table{margin-top: 0;padding: 0;}
	.quote .quote-table th{display: none;}
	.quote .quote-table td{float: left;width: 50%;display: block;height: auto;}
	.quote .quote-table td:first-child{display: none;}
	.quote .quote-table td:nth-child(2){width: 100%;}
	.quote .quote-table td:nth-child(2) input{width: 100%;}
	.quote .quote-table td:nth-last-child(2){margin-bottom: 30px;}
	.quote .quote-table td b{display: block;color: #5F5F5F;font-weight: normal;text-align: left;font-size: 12px;padding-top: 5px;}
	.quote .quote-table td input{height: 30px;width: 98%;text-align: left;}
	.quote .quote-table td i{font-style: inherit;padding: 0 30px 0 40px;}
	.quote .quote-table td i.icon-del{right: 10px;color: #5F5F5F;width: auto;border: 1px solid #5F5F5F;}

	.quote .quote-table .btn{margin-top: 0;}
	.quote .quote-table .btn button{width: 49%;}

	.quote .form_part ul li:first-child{flex-wrap: wrap;height: auto;border-bottom: 1px solid #888888;}
	.quote .form_part ul li:first-child label{}
	.quote .form_part ul li:first-child select{width: 100%;height: 40px;border: none;padding-left: 0;}

	/*quote-success*/
	.quote-success .icon-write{padding: 10px 0 20px 50px;height: auto;font-size: 14px;text-align: left;}
	.quote-success .icon-write:before{display: block;font-size: 40px;position: absolute;left: 5px;top: 20px;}
	.quote-success .icon-write a.home{display: none;}
	.quote-success .quote-info{margin: 0;padding: 10px 5px 30px 5px;}
	.quote-success .quote-info h1{text-align: left;color: #3462C1;line-height: 40px;}
	.quote-success .quote-info h2{font-size: 14px;font-weight: bold;line-height: 30px;}
	.quote-success .quote-info > i{display: inline-block;position: static;}
	.quote-success .quote-info .list dl{float: none;width: auto;}
	.quote-success .quote-info .list dl:after{clear: both;content: "";display: block;height: 0;visibility: hidden;}
	.quote-success .quote-info .list dt{width: 30%;}
	.quote-success .quote-info .list dd{width: 70%;}
	.quote-success .quote-info tr:first-child{display: none;}
	.quote-success .quote-info td{display:block;width: 100%;padding: 10px 0 10px 10px;height: auto;}
	.quote-success .quote-info td:first-child{width: auto;border-top: 3px solid #D3D3D3;}
	.quote-success .quote-info td:first-child:before{content: "#";}
	.quote-success .quote-info td i{display: inline-block;}
	.quote-success .quote-info fieldset{width: auto;}
	.quote-success .quote-info ul.tips li{float: none;width: auto;}
}