a, a:before, a:after, .proPic, .lm, span, .title, img, li, .tab, i { transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; }

.inner, img, input, textarea, select, button, table, label, li, .center, .searchForm, .formStyle li, .lm, .right, .left, .date, #banner .item span, .top .lang > li > ul li a, .top .topShare a:before, .topSearch .searchForm input, #banner .item .bannerWrap, .mainOther .mainApp ul li, #footer .footShare a:before, #footer .copyright, .asideNav .asideTitle, .asideNav .asidelist > li > a, .asideNav .asidelist .subaside a, .asideNav .asidelist .subaside li, .proList li, .proList li .proCon, .feedback .proArt, .feedback .formtitle strong, .feedback .formtitle p, .content .mainContact .contactForm { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }


.clearfix { *zoom: 1; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }

.justify { text-align: justify; text-justify: inter-ideograph; letter-spacing: 0px; font-size: 0px; }
.justify:after { content: ''; height: 0px; width: 100%; display: inline-block; overflow: hidden; }
.justify .line { display: inline-block; height: 0px; overflow: hidden; }
.justify > * { text-align: left; font-size: 14px; }
.justify .box { display: inline-block; vertical-align: top; }
.box.justify { text-align: justify; }

input:focus, textarea:focus, button:focus, area:focus { outline: none; }



button, input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }

button { overflow: visible; }

textarea, pre { overflow: auto; }

button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; }

a[href], label[for], select { cursor: pointer; }

a, input, div, textarea, span { -webkit-tap-highlight-color: transparent; }


input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }


body { color: #333; line-height: 1.5; font-size: 14px; -webkit-font-smoothing: antialiased; font-smooth: always; -moz-osx-font-smoothing: grayscale; }


*:before, *:after { text-align: inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

input[type="text"], input[type="password"], textarea { text-align: left; background: transparent; }
input[type="text"]:focus, input[type="text"].focusOn, input[type="password"]:focus, input[type="password"].focusOn, textarea:focus, textarea.focusOn { background: #fff; }

.search::-webkit-input-placeholder { color: white; }

.search:-moz-placeholder { color: white; }

.search:-ms-input-placeholder { color: white; }

input, textarea, select, button, label { transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -webkit-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; -ms-transition: all 0.2s ease 0s; }

.justify .box > a > span { display: block; }


.feedback li { position: relative; width: 100%; }
.feedback li div { position: relative; }
.feedback li img { cursor: pointer; margin-left: 3px; vertical-align: middle; }
.feedback label + i { position: absolute; right: 5px; top: 5px; }
.feedback input, .formStyle textarea { width: 100%; line-height: 20px; position: relative; z-index: 2; }
.feedback textarea { display: block; max-width: 100%; width: 100%; resize: none; }
.feedback input.btn { text-align: center; }


.feedback .formtitle { display: table; width: 100%; background: #eaeaea; }
.feedback .formtitle strong { color: #fff; background: #234da7; font-size: 16px; line-height: 60px; text-align: center; white-space: nowrap; padding: 0 8px; border-right: 1px solid #fff; width: 21.5%; min-width: 170px; font-weight: normal; text-transform: uppercase; }
@media screen and (max-width: 600px) { .feedback .formtitle strong { line-height: 40px; } }
.feedback .formtitle strong, .feedback .formtitle p { display: table-cell; vertical-align: middle; }
@media screen and (max-width: 600px) { .feedback .formtitle strong, .feedback .formtitle p { width: 100%; display: block; letter-spacing: -0.5px; } }
.feedback .formtitle p { line-height: 1.4; padding: 8px; padding-left: 30px; }
@media screen and (max-width: 600px) { .feedback .formtitle p { padding-left: 10px; } }
#quotation { margin-top: 4.5%; margin-bottom: 4%; }
@media screen and (max-width: 600px) {#quotation { margin-top: 20px; } }
#quotation ul { display: inline-block; border: 1px solid #d5d5d5; margin-top: 1px; padding: 1.2% 4.7%; }
@media screen and (max-width: 600px) {#quotation ul { margin-bottom: 20px; } }
#quotation li { margin-top: 18px; width: 100%; position: relative; font-size: 14px; box-sizing: border-box; margin-bottom:0; }
#quotation li textarea { position: relative; }
#quotation li img { margin-right: 3px; }
#quotation li.codeWrap div, .feedback #quotation li img { display: inline-block; vertical-align: middle; }
#quotation li div { position: relative; }
#quotation li.half { width: 48%; height: 42px; display: inline-block; }
#quotation label { position: absolute; line-height: 20px; height: 20px; z-index: 1; width: 100%; }
#quotation label { left: 0; top: 5px; margin-top: 0; padding: 0 10px; color: #8d8d8d; }
#quotation li.message { margin-top: 13px; }
#quotation li.codeWrap { padding-top: 5px; }
#quotation li.codeWrap div { text-align: left; margin-right: 10px; }
#quotation li.codeWrap label { padding-top: 5px; }
#quotation li.cen { margin-top: 15px; }
#quotation input, #quotation textarea { position: relative; border: 1px solid #ddd; }
#quotation textarea { width: 100%; height: 100px; padding: 10px 0px; }
#quotation li.lab input { width: 100%; height: 42px; }
#quotation li.lab input, #quotation li.lab textarea { padding: 5px 7px; }
#quotation li.lab input:focus, #quotation li.lab textarea:focus { padding: 2px 7px 18px 7px; border-color: #234da7; }
#quotation li.lab input:focus + label, #quotation li.lab textarea:focus + label { position: absolute; top: 100%; height: 16px; line-height: 16px; background: #234da7; color: #fff; font-size: 12px; margin-top: -16px; padding: 0 8px; z-index: 3; -webkit-transition: 300ms; -moz-transition: 300ms; -o-transition: 300ms; transition: 300ms; }
#quotation input[name="code"] { height: 30px; padding: 4px 7px; width: 85px; }
#quotation input.btn { width: 115px; line-height: 40px; height: 40px; border: 1px solid #d0d0d0; color: #8d8d8d; background: #fff; font-size: 14px; margin-bottom: 10px; cursor: pointer; }
#quotation input.btn:hover { background: #234da7; border-color: #234da7; color: #fff; cursor: pointer; }
#quotation input.btn:first-child { margin-right: 16px; border-color: #234da7; background: #234da7; color: #fff; }
@media screen and (max-width: 600px) { #quotation ul { padding: 1px 10px 5px 10px; }
#quotation li.half { width: 100%; } }
.box { width: 47.5%; margin-top: 15px; }
@media screen and (max-width: 768px) { .box { width: 100%; }}
#contactCode { margin-bottom: 20px; margin-top: 15px; }
#code { width: 84px; display: inline-block; padding: 5px; color: #8D8D8D; margin-right: 15px; }
.codeImg { display: inline-block; vertical-align: middle; cursor: pointer; }
.box{ width: 30%; }
.box.text,{ width: 100%; }
@media screen and (max-width: 1200px) { .box{ width: 32%; } }