@charset "utf-8";
/* 悬停图片放大 IE9+*/
.img-scale { display: block; overflow: hidden; }

.img-scale img { display: block; width: 100%; height: auto; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; }

.img-scale .img-frame { overflow: hidden; }

.img-scale .img { /*背景图替换img*/ height: 100%; background-image: url(); background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent; -o-background-size: cover; background-size: cover; -webkit-transition: all 0.35s ease 0s; -moz-transition: all 0.35s ease 0s; -o-transition: all 0.35s ease 0s; transition: all 0.35s ease 0s; }

.img-scale .img img { min-height: 100%; }

.img-scale:hover img { min-height: 100%; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.img-scale:hover .img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

#browser-modal { position: fixed; top: 0; right: auto; bottom: auto; left: 0; z-index: 10000; width: 100%; height: 100%; color: #303233; text-align: center; }

#browser-modal .browser-modal-cover { position: fixed; top: 0; right: auto; bottom: auto; left: 0; z-index: -1; height: 100%; width: 100%; background-color: #111; }

#browser-modal .browser-content { width: 700px; margin: 120px auto 0; padding: 50px 0 80px; background-color: #fff; border-radius: 5px; }

#browser-modal .browser-content .browser-dpc-logo img { height: 42px; margin: 45px auto 40px; }

#browser-modal .browser-content .browser-text-title { font-size: 24px; text-transform: uppercase; }

#browser-modal .browser-content .browser-text-desc { margin: 30px 0 20px; font-size: 14px; }

#browser-modal .browser-content .browser-list { width: 600px; height: 130px; margin: 20px auto; }

#browser-modal .browser-content .browser-item { float: left; width: 150px; margin: 0 auto; padding: 20px 0; }

#browser-modal .browser-content .browser-item .iconfont { width: 100px; height: 100px; margin: 0 auto 10px; font-size: 80px; line-height: 80px; }

#browser-modal .browser-content .browser-item .iconchrome { background: url(../images/bro.png) no-repeat 0 0; }

#browser-modal .browser-content .browser-item .iconfirefox { background: url(../images/bro.png) no-repeat 0 -100px; }

#browser-modal .browser-content .browser-item .iconopera { background: url(../images/bro.png) no-repeat 0 -200px; }

#browser-modal .browser-content .browser-item .iconEdge { background: url(../images/bro.png) no-repeat 0 -300px; }

#browser-modal .browser-content .browser-item a { display: block; cursor: pointer; }

#browser-modal .browser-content .browser-item a:hover { text-decoration: underline !important; }

#browser-modal .browser-content .browser-item a img { display: block; max-width: 100px; width: 100px; height: 100px; margin: 0 auto; }

#browser-modal .browser-content .browser-item a h4 { margin-top: 20px; text-align: center; font-size: 18px; font-weight: 700; }

.wrapper { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; padding: 20px 0; background-image: url(../images/Bg1.png); background-repeat: no-repeat; background-position: 50% 0; background-color: #7D2422; -o-background-size: auto; background-size: auto; overflow-y: auto; }

.wrapper .main { width: 800px; margin: 0 auto; background-image: url(../images/HeaderBg.jpg); background-repeat: no-repeat; background-position: 50% 0; background-color: #bb190c; -o-background-size: 100% auto; background-size: 100% auto; box-shadow: 0 2px 5px 1px rgba(124, 124, 124, 0.2); }

.wrapper .header { padding: 15px 20px; }

.wrapper .header .time { margin: 10px 0 0; font-size: 14px; font-weight: 500; line-height: 19px; color: #FCC65B; text-align: left; }

.wrapper .section { padding: 20px 30px 40px; background: #fff; }

.logo { padding: 6.5% 0 0; text-align: center; }

.logo img { width: 50%; max-width: 267px; vertical-align: top; }

.website-name { font-size: 36px; font-weight: 700; line-height: 50px; color: #fff; text-align: center; }

.stopped { text-align: center; }

.stopped img { padding: 10px 0; }

.stopped p { padding: 10px 0; margin: 0 0 20px; font-size: 20px; font-weight: 500; line-height: 1.4; color: #000; text-align: center; }

.submit-form input::-webkit-input-placeholder { color: #999; }

.submit-form input:-moz-placeholder { color: #999; }

.submit-form input::-moz-placeholder { color: #999; }

.submit-form input:-ms-input-placeholder { color: #999; }

.submit-form input::placeholder { color: #999; }

.submit-form .item { padding: 12px 30px; -webkit-transition: all 0.15s ease 0s; -moz-transition: all 0.15s ease 0s; -o-transition: all 0.15s ease 0s; transition: all 0.15s ease 0s; }

.submit-form .item:hover { background: rgba(0, 0, 0, 0.02); }

.submit-form .item .content { width: 80%; margin: 8px 0 0; padding: 0 0 0 15px; }

.submit-form .item.xb .tips { float: left; }

.submit-form .item.xb .content { float: right; margin: 2px 0px 0px; padding: 0 15px; font-size: 0; }

.submit-form .item.xb .content label { width: 50%; }

.submit-form .item.address { font-size: 0; }

.submit-form .item.address .select { display: inline-block; *display: inline; *zoom: 1; width: -webkit-calc(100% - 78px); width: -moz-calc(100% - 78px); width: calc(100% - 78px); border: none; }

.submit-form .item.address .select select { width: 110px; margin: 0 0 0 6px; border: 1px solid #d3d3d3; }

.submit-form .item.address .input { margin: 6px 0 0; border: none; }

.submit-form .item.address .input .xxdz { width: -webkit-calc(75% - 6px); width: -moz-calc(75% - 6px); width: calc(75% - 6px); margin: 0 6px 0 0; border: 1px solid #d3d3d3; }

.submit-form .item.address .input .yb { width: 25%; border: 1px solid #d3d3d3; }

.submit-form .item.address .input input:focus { border-color: #EE5E20; }

.submit-form .item.address.zybk .select { width: 100%; }

.submit-form .item.address.zybk .select select { width: 180px; }

.submit-form .import { margin: 0 0 0 4px; color: #f00; }

.submit-form .tips { margin: 4px 0 0; font-size: 16px; font-weight: 500; line-height: 25px; color: #333; text-align: left; }

.submit-form .tips2 { margin: 3px 0; font-size: 14px; font-weight: 500; line-height: 20px; color: #666; text-align: left; }

.submit-form .input { height: 32px; font-size: 0; border: 1px solid #d3d3d3; }

.submit-form .input:hover, .submit-form .input.is-focus { border-color: #EE5E20; }

.submit-form .input .icon { display: inline-block; *display: inline; *zoom: 1; width: 23px; height: 100%; background-image: url(); background-repeat: no-repeat; background-position: 100% 50%; background-color: transparent; -o-background-size: auto; background-size: auto; }

.submit-form .input .icon.xm { background-image: url(../images/f_icon1.png); }

.submit-form .input .icon.sj { background-image: url(../images/f_icon2.png); }

.submit-form .input .icon.yx { background-image: url(../images/f_icon3.png); }

.submit-form .input input[type="text"] { width: -webkit-calc(100% - 24px); width: -moz-calc(100% - 24px); width: calc(100% - 24px); height: 100%; padding: 6px; font-size: 14px; font-weight: 500; line-height: 1.4; color: #000; text-align: left; vertical-align: top; background: #fff; }

.submit-form .radio label { position: relative; display: inline-block; *display: inline; *zoom: 1; font-size: 14px; font-weight: 500; line-height: 25px; color: #000; text-align: left; cursor: pointer; }

.submit-form .radio label input[type="radio"] { margin: 0 4px 2px 0; vertical-align: middle; }

.submit-form .radio label .icon { position: absolute; top: -2px; right: 10px; bottom: -2px; left: -10px; z-index: 1; -webkit-transform: scale(1, 0.1); -moz-transform: scale(1, 0.1); -o-transform: scale(1, 0.1); -ms-transform: scale(1, 0.1); transform: scale(1, 0.1); opacity: 0; -webkit-transition: all 0.16s ease 0s; -moz-transition: all 0.16s ease 0s; -o-transition: all 0.16s ease 0s; transition: all 0.16s ease 0s; }

.submit-form .radio label:hover .icon { background: rgba(238, 94, 32, 0.12); border-left: 1px solid rgba(238, 94, 32, 0.3); opacity: 1; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -o-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); }

.submit-form .select { width: 100%; height: 32px; font-size: 14px; font-weight: 500; line-height: 30px; color: #000; text-align: left; border: 1px solid #d3d3d3; }

.submit-form .select select { width: 100%; height: 100%; padding: 0 0px 0 6px; background: #fff; }

.submit-form .select select option { padding-top: 6px; padding-bottom: 6px; }

.submit-form .select select:focus { border-color: #EE5E20 !important; }

.submit-form .china { display: inline-block; *display: inline; *zoom: 1; width: 78px; font-size: 14px; font-weight: 500; line-height: 30px; color: #000; text-align: left; border: 1px solid #d3d3d3; vertical-align: top; }

.submit-form .china .icon { display: inline-block; *display: inline; *zoom: 1; width: 16px; height: 30px; margin: 0 4px 0 6px; background-image: url(../images/china.gif); background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent; -o-background-size: auto; background-size: auto; vertical-align: top; }

.submit-form .btn { padding: 45px 20px 45px; text-align: center; }

.submit-form .btn .submit { width: 120px; margin: 0 auto; font-size: 14px; font-weight: 500; line-height: 38px; color: #fff; text-align: center; background: #ba180b; border-radius: 2px; -webkit-transition: all 0.35s ease 0s; -moz-transition: all 0.35s ease 0s; -o-transition: all 0.35s ease 0s; transition: all 0.35s ease 0s; }

.submit-form .btn .submit:hover { opacity: .9; }

.dztx, .banji, .cztx, .gztx, .dzyxtx, select.lv2, select.lv3 { display: none; }

@media screen and (max-width: 800px) { .wrapper { padding: 0; }
  .wrapper .main { width: 100%; }
  .website-name { font-size: 26px; }
  .submit-form .item .content { width: 100%; padding: 0; }
  .submit-form .china { width: 72px; margin: 0 6px 0 0; }
  .submit-form .item.address .select { height: auto; }
  .submit-form .item.address .select select { width: 100% !important; height: 32px; margin: 0 0 6px; } }