@charset "UTF-8";
body { min-width: 1240px; color: #666; }

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

.wrapper { width: 1200px; margin-left: auto; margin-right: auto; }

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 { float: left; min-height: 1px; }

.col-1 { width: 8.3333333333%; }

.col-2 { width: 16.6666666667%; }

.col-3 { width: 25%; }

.col-4 { width: 33.3333333333%; }

.col-5 { width: 41.6666666667%; }

.col-6 { width: 50%; }

.col-7 { width: 58.3333333333%; }

.col-8 { width: 66.6666666667%; }

.col-9 { width: 75%; }

.col-10 { width: 83.3333333333%; }

.col-11 { width: 91.6666666667%; }

.col-12 { width: 100%; }

.overlay { position: fixed; top: 0; left: 0; right: 0; z-index: 49; min-height: 2000px; filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#80000000', endColorstr='#80000000'); background-color: rgba(0, 0, 0, 0.5); visibility: hidden; opacity: 0; }
.overlay.active { visibility: visible; opacity: 100; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

.pop-up { position: fixed; z-index: 50; top: 50%; left: 50%; padding: 20px 20px 30px; background-color: #fff; display: none; -webkit-border-radius: 9px; border-radius: 9px; }
.pop-up.show { display: block; }
.pop-up-ft { margin-top: 15px; font-size: 0; text-align: center; }
.pop-up-bd { font-size: 16px; line-height: 30px; color: #666; }
.pop-up .confirm { display: inline-block; padding: 0 21px; height: 31px; line-height: 31px; font-size: 16px; color: #fff; background-color: #0e84f4; -webkit-border-radius: 5px; border-radius: 5px; }
.pop-up .confirm:hover { background-color: #0a77de; }

.pop-success { padding: 28px 0 0; width: 250px; text-align: center; }

.pop-fail { width: 250px; text-align: center; }
.pop-fail .ico { display: block; width: 47px; height: 47px; margin: 7px auto; }

.header-placehplder { height: 70px; }

/*国家高新技术企业认证*/
.index-banner { position: relative; height: 545px; background: no-repeat url("../images/banner-img.jpg") center bottom; background-size: cover; }
.index-banner .form-box { position: absolute; top: 52px; right: 50%; z-index: 1; margin-right: -558px; width: 250px; height: 410px; padding: 0 40px; }
.index-banner .box-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; background-color: #fff; opacity: 0.8; filter: alpha(opacity=80); }
.index-banner .box-tit { margin-top: 31px; font-size: 30px; font-weight: 700; line-height: 48px; color: #042c8b; text-align: center; }
.index-banner .box-stit { position: relative; z-index: 1; margin: 0 auto 25px; height: 24px; line-height: 24px; color: #666; font-size: 14px; letter-spacing: 3px; text-indent: 2px; text-align: center; }
.index-banner .box-stit .bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; background-color: #fff; opacity: 0.5; filter: alpha(opacity=50); }
.index-banner .form-group { padding: 0 0 27px 0; }
.index-banner .form-group label { display: inline-block; *display: inline; *zoom: 1; width: 68px; font-size: 16px; line-height: 33px; color: #000518; }
.index-banner .form-group .col { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; }
.index-banner .form-group .col .txtin { display: block; padding: 5px 10px; width: 154px; height: 21px; line-height: 21px; outline: none; background: none; border: 1px solid #000518; }
.index-banner .form-group-protect { padding: 0 0 15px; }
.index-banner .form-group .protect { margin: 6px 0 0; padding: 0 0 0 22px; color: #666; line-height: 16px; font-size: 12px; background: url(../images/safe.png) no-repeat 1px center; }
.index-banner .form-group .error { display: block; margin: 6px 0 0; line-height: 1.4; font-size: 12px; color: #f00; text-align: center; }
.index-banner .submit { display: block; width: 100%; margin: -6px auto 0; height: 42px; line-height: 42px; text-align: center; font-size: 20px; color: #000; font-weight: 700; background-color: #ffde00; border: none; outline: none; cursor: pointer; }

.section-tit { margin: 50px 0 20px; text-align: center; font-size: 30px; line-height: 50px; color: #000; }

.section-reporting { position: relative; background-color: #ecf0f1; }
.section-reporting .figure { position: relative; z-index: 1; display: block; margin: 60px 0 42px; height: 180px; }
.section-reporting .line { position: absolute; bottom: 130px; left: 0; width: 100%; height: 4px; background: #0096fa; }

.section-technology { background-color: #fff; }
.section-technology-list { margin: 48px -10px 28px; }
.section-technology-list .item { display: block; margin: 0 10px 20px; padding: 30px 0 8px; border: 1px solid #a1d9ff; }
.section-technology-list .item:hover { background-color: #a1d9ff; }
.section-technology-list .item:hover .tit { color: #fff; }
.section-technology-list .ico { display: block; height: 120px; margin: 0 auto 15px; }
.section-technology-list .tit { font-size: 18px; line-height: 26px; color: #080103; text-align: center; }

.section-need { background-color: #5db3fc; }
.section-need .section-tit { color: #fff; }
.section-need .box { position: relative; margin: 30px 0 50px; height: 427px; background: url("../images/request-graphic.png") center top no-repeat; }
.section-need .box .b { position: absolute; font-size: 18px; line-height: 36px; color: #0096fa; }
.section-need .box .hl { color: #fc5d7b; }
.section-need .box .b1 { top: 0; left: 0; padding-top: 60px; width: 194px; text-align: center; }
.section-need .box .b2 { top: 3px; left: 219px; padding: 50px 0 0 15px; width: 240px; }
.section-need .box .b3 { top: 2px; left: 525px; padding: 50px 0 0 15px; width: 332px; }
.section-need .box .b3 ol { margin-top: 8px; }
.section-need .box .b4 { top: 2px; right: 0; padding: 50px 28px 0 0; width: 225px; }
.section-need .box .b5 { top: 165px; left: 0; padding: 50px 0 0 12px; width: 166px; }
.section-need .box .b6 { top: 225px; left: 225px; padding: 40px 0 0 15px; width: 148px; }
.section-need .box .b7 { top: 290px; left: 528px; padding: 50px 0 0; width: 365px; text-align: center; }
.section-need .box .b8 { top: 226px; right: 0; padding: 50px 28px 0 0; width: 222px; }
.section-need .btns { margin-bottom: 35px; text-align: center; font-size: 0; }
.section-need .btns .btn { display: inline-block; margin: 0 60px; width: 226px; height: 41px; line-height: 41px; font-size: 18px; text-align: center; color: #000; background-color: #ffde00; -webkit-transition: all 0.3s; transition: all 0.3s; -webkit-border-radius: 100px; border-radius: 100px; }
.section-need .btns .btn:hover { background-color: #e6c800; }

.section-benefit { padding: 5px 0 0; background-color: #ecf0f1; }
.section-benefit-list { margin: 55px -27px 32px; }
.section-benefit-list .item { margin: 0 47px 34px; overflow: hidden; text-align: center; background-color: #fff; -webkit-border-radius: 5px; border-radius: 5px; -webkit-transition: all 0.3s; transition: all 0.3s; }
.section-benefit-list .item:hover { -webkit-box-shadow: 2px 5px 5px rgba(0, 0, 0, 0.1); box-shadow: 2px 5px 5px rgba(0, 0, 0, 0.1); }
.section-benefit-list .item-1 .desc { margin: 28px 0 20px; }
.section-benefit-list .item-1 .tit { font-size: 36px; }
.section-benefit-list .item-2 .desc { margin: 28px 0 26px; }
.section-benefit-list .item-2 .tit { font-size: 30px; }
.section-benefit-list .item-3 .text1 { margin: 24px 0 6px; }
.section-benefit-list .item-3 .text2 { margin: 10px 0 0; }
.section-benefit-list .item-4 .tit { margin-top: 40px; }
.section-benefit-list .item-4 .desc { margin-top: 18px; }
.section-benefit-list .item-5 .desc, .section-benefit-list .item-6 .desc { margin-top: 30px; }
.section-benefit-list .item-5 .tit, .section-benefit-list .item-6 .tit { margin-top: 20px; }
.section-benefit-list .cnt { position: relative; height: 200px; overflow: hidden; }
.section-benefit-list .figure { display: block; }
.section-benefit-list .desc { line-height: 30px; }
.section-benefit-list .tit { font-size: 24px; line-height: 1; color: #0087fa; }
.section-benefit-list .more {padding: 0px !important;position: absolute; left: 50%; bottom: 30px; margin-left: -74px; width: 148px; height: 30px; line-height: 30px; color: #fff; background-color: #0087fa; -webkit-border-radius: 100px; border-radius: 100px; -webkit-transition: all 0.3s; transition: all 0.3s; }
.section-benefit-list .more:hover { background-color: #0079e1; }

.section-help { padding: 60px 0 40px; background-color: #1d9ffb; }
.section-help-box { height: 530px; overflow: hidden; background: url(../images/contact-bg.png) no-repeat center top; }
.section-help-box .tit { margin: 100px 0 46px; font-size: 30px; line-height: 1; font-weight: 700; text-align: center; color: #0096fa; }
.section-help-box .q { margin: 0 0 0 156px; font-size: 18px; line-height: 47px; color: #000; }
.section-help-box .consult { display: block; margin: 20px auto 0; width: 226px; height: 41px; line-height: 41px; font-size: 18px; text-align: center; color: #000; background-color: #ffde00; -webkit-transition: all 0.3s; transition: all 0.3s; -webkit-border-radius: 100px; border-radius: 100px; }
.section-help-box .consult:hover { background-color: #e6c800; }

/*# sourceMappingURL=all.css.map */
#footer{overflow: hidden !important;}