.about-banner { width: 100%; height: 360px; overflow: hidden; position: relative }
.about-banner h2 { text-align: center; padding: 55px 0; font-size: 30px; color: #fff; font-weight: 700; text-shadow: 1px 2px 3px rgba(0,0,0,.2) }
.about-banner p { font-size: 18px; color: #fff; text-align: center; padding-bottom: 10px; text-shadow: 1px 2px 3px rgba(0,0,0,.2) }
.qt-cent-nav { width: 100%; height: 68px; background: #fff; margin-bottom: 40px }
.qt-cent-nav .cent-nav-list ul { text-align: center; overflow: hidden }
.qt-cent-nav .cent-nav-list li { text-align: center; width: 140px; display: inline-block }
.qt-cent-nav .cent-nav-list li a { display: inline-block; font-size: 16px; color: #666; line-height: 66px; padding: 0 10px; border-bottom: 2px solid #fff; -webkit-transition: all .2s; -moz-transition: all .2s; -ms-transition: all .2s; -o-transition: all .2s; transition: all .2s }
.qt-cent-nav .cent-nav-list li a:hover, .qt-cent-nav .cent-nav-list li a.on { color: #10c55b; border-bottom-color: #10c55b }
.about-set-info { text-align: center; margin-bottom: 70px }
.about-set-info dl { display: inline-block; width: 290px; text-align: center }
.about-set-info dl dt, .about-set-info dl dd { text-align: center }
.about-set-info dl dt { font-size: 48px; color: #666; padding-bottom: 15px }
.about-set-info dl dd { font-size: 20px; color: #333 }
.intro-compy-p { font-size: 14px; color: #4c4c4c; padding-bottom: 30px; text-align: left; word-break: break-all; line-height: 24px }
.about-inner-box .cont .list-cont { width: 1200px; height: 384px; overflow: hidden; position: relative; margin: 20px 0 50px }
.about-inner-box .cont .list-li.num1 { left: 0; top: 0 }
.about-inner-box .cont .list-li.num2 { top: 0; left: 300px; height: 192px }
.about-inner-box .cont .list-li.num3 { top: 192px; left: 300px; height: 192px }
.about-inner-box .cont .list-li.num4 { top: 0; left: 600px }
.about-inner-box .cont .list-li.num5 { top: 0; left: 900px; height: 192px }
.about-inner-box .cont .list-li.num6 { top: 192px; left: 900px; height: 192px }
.about-inner-box .cont .list-li { width: 300px; overflow: hidden; height: 384px; position: absolute }
.about-inner-box .cont .list-li img { display: block; width: 100%; height: 100%; -webkit-transition: all .4s cubic-bezier(0.4, 0, .2, 1); -moz-transition: all .4s cubic-bezier(0.4, 0, .2, 1); -o-transition: all .4s cubic-bezier(0.4, 0, .2, 1); transition: all .4s cubic-bezier(0.4, 0, .2, 1) }
.about-inner-box .cont .list-li .mask { position: absolute; left: 0; right: 0; top: 0; bottom: 0 }
.about-inner-box .cont .list-li .mask .bg { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: #161A1D; opacity: .6; filter: alpha(opacity=60); -ms-filter: alpha(opacity=60); -webkit-transition: all .4s cubic-bezier(0.4, 0, .2, 1); -moz-transition: all .4s cubic-bezier(0.4, 0, .2, 1); -o-transition: all .4s cubic-bezier(0.4, 0, .2, 1); transition: all .4s cubic-bezier(0.4, 0, .2, 1) }
.about-inner-box .cont .list-li .content { position: absolute; left: 0; right: 0; top: 116px; bottom: 0; -webkit-transition: all .4s cubic-bezier(0.4, 0, .2, 1); -moz-transition: all .4s cubic-bezier(0.4, 0, .2, 1); -o-transition: all .4s cubic-bezier(0.4, 0, .2, 1); transition: all .4s cubic-bezier(0.4, 0, .2, 1) }
.about-inner-box .cont .list-li.num2 .content, .about-inner-box .cont .list-li.num3 .content, .about-inner-box .cont .list-li.num5 .content, .about-inner-box .cont .list-li.num6 .content { top: 23px }
.about-inner-box .cont .list-li .item-img-panel .panel-icon { display: block; margin: 0 auto; background: url(../image/mission-icons.png) no-repeat }
.about-inner-box .cont .list-li .item-img-panel { -ms-filter: alpha(opacity=0); -webkit-transition: all .4s cubic-bezier(0.4, 0, .2, 1); -moz-transition: all .4s cubic-bezier(0.4, 0, .2, 1); -o-transition: all .4s cubic-bezier(0.4, 0, .2, 1); transition: all .4s cubic-bezier(0.4, 0, .2, 1) }
.about-inner-box .cont .list-li .item-img-panel .panel-icon.panel-01 { width: 42px; height: 44px; background-position: 0 -31px }
.about-inner-box .cont .list-li .item-img-panel .panel-icon.panel-02 { width: 40px; height: 34px; background-position: -55px -36px }
.about-inner-box .cont .list-li .item-img-panel .panel-icon.panel-03 { width: 36px; height: 42px; background-position: -105px -32px }
.about-inner-box .cont .list-li .item-img-panel .panel-icon.panel-04 { width: 35px; height: 40px; background-position: -150px -35px }
.about-inner-box .cont .list-li .item-img-panel .panel-icon.panel-05 { width: 42px; height: 37px; background-position: -198px -38px }
.about-inner-box .cont .list-li .item-img-panel .panel-icon.panel-06 { width: 42px; height: 42px; background-position: -248px -34px }
.about-inner-box .cont .list-li .line-panel { display: block; width: 32px; height: 2px; background: #fff; margin: 25px auto 0; -webkit-transition: all .4s cubic-bezier(0.4, 0, .2, 1); -moz-transition: all .4s cubic-bezier(0.4, 0, .2, 1); -o-transition: all .4s cubic-bezier(0.4, 0, .2, 1); transition: all .4s cubic-bezier(0.4, 0, .2, 1) }
.about-inner-box .cont .list-li .line-panel.line-02 { opacity: 0; display: none; -ms-filter: alpha(Opacity=0); filter: alpha(Opacity=0) }
.about-inner-box .cont .list-li .item-title { text-align: center; font-size: 20px; color: #fff; margin-top: 20px; -ms-filter: alpha(opacity=0); -webkit-transition: all .4s cubic-bezier(0.4, 0, .2, 1); -moz-transition: all .4s cubic-bezier(0.4, 0, .2, 1); -o-transition: all .4s cubic-bezier(0.4, 0, .2, 1); transition: all .4s cubic-bezier(0.4, 0, .2, 1) }
.about-inner-box .cont .list-li .item-solg { text-align: center; font-size: 14px; color: #fff; line-height: 26px; -ms-filter: alpha(opacity=0); -webkit-transition: all .4s cubic-bezier(0.4, 0, .2, 1); -moz-transition: all .4s cubic-bezier(0.4, 0, .2, 1); -o-transition: all .4s cubic-bezier(0.4, 0, .2, 1); transition: all .4s cubic-bezier(0.4, 0, .2, 1) }
.about-inner-box .cont .list-li .item-desc { text-align: center; margin-top: 15px; padding: 0 20px; opacity: 0; filter: alpha(opacity=0); -ms-filter: alpha(opacity=0); -webkit-transition: all .4s cubic-bezier(0.4, 0, .2, 1); -moz-transition: all .4s cubic-bezier(0.4, 0, .2, 1); -o-transition: all .4s cubic-bezier(0.4, 0, .2, 1); transition: all .4s cubic-bezier(0.4, 0, .2, 1) }
.about-inner-box .cont .list-li .item-desc p { text-align: center; color: #fff; line-height: 24px; font-size: 14px }
.about-inner-box .cont .list-li:hover .mask .bg { background: #1986d9; opacity: .9; filter: alpha(opacity=90); -ms-filter: alpha(opacity=90) }
.about-inner-box .cont .list-li:hover .content { top: 90px }
.about-inner-box .cont .list-li.num2:hover .content, .about-inner-box .cont .list-li.num3:hover .content, .about-inner-box .cont .list-li.num5:hover .content, .about-inner-box .cont .list-li.num6:hover .content { top: 20px }
.about-inner-box .cont .list-li:hover .item-img-panel { opacity: 0; -ms-filter: alpha(Opacity=0); filter: alpha(Opacity=0) }
.about-inner-box .cont .list-li:hover .item-title { margin-top: -30px }
.about-inner-box .cont .list-li:hover .line-panel.line-02 { display: block; opacity: 1; margin-top: 20px; -ms-filter: alpha(Opacity=100); filter: alpha(Opacity=100) }
.about-inner-box .cont .list-li:hover .line-panel.line-01 { display: none; opacity: 0; -ms-filter: alpha(Opacity=0); filter: alpha(Opacity=0) }
.about-inner-box .cont .list-li:hover .item-solg { opacity: 0; -ms-filter: alpha(Opacity=0); filter: alpha(Opacity=0) }
.about-inner-box .cont .list-li:hover .item-desc { opacity: 1; margin-top: -5px; -ms-filter: alpha(Opacity=100); filter: alpha(Opacity=100) }
.about-inner-box .cont .list-li:hover img { -webkit-transform: scale(1.06); -moz-transform: scale(1.06); -ms-transform: scale(1.06); -o-transform: scale(1.06); transform: scale(1.06) }
.mission-box { height: 360px; background: #fff }
.mission-box .mission-cont { text-align: center; overflow: hidden }
.mission-box .mission-cont .cont-body { display: inline-block }
.mission-box .mission-cont dl { display: block; width: 270px; margin: 0 25px; padding-top: 80px; text-align: center; vertical-align: middle }
.mission-box .mission-cont dl dt .mis-icon { display: block; background: url(../image/mission-icons.png) no-repeat; margin: 0 auto 30px; height: 52px }
.mission-box .mission-cont dl dt .mis-icon.hope { width: 45px; background-position: 0 -84px }
.mission-box .mission-cont dl dt .mis-icon.prise { width: 52px; background-position: -55px -84px }
.mission-box .mission-cont dl dt .mis-icon.order { width: 52px; background-position: -115px -84px }
.mission-box .mission-cont dl dd .mis-title { text-align: center; margin-bottom: 30px }
.mission-box .mission-cont dl dd .mis-title h3 { text-align: center; font-size: 24px; color: #333 }
.mission-box .mission-cont dl dd .mis-title span { display: block; text-align: center; font-size: 16px; color: #999; line-height: 26px }
.mission-box .mission-cont dl dd p { font-size: 14px; color: #999; line-height: 24px; text-align: center }
.parter-cont { text-align: center; overflow: hidden; padding: 0 60px }
.parter-cont span { display: inline-block; margin: 0 26px 60px 0; width: 300px; height: 120px; overflow: hidden }
.parter-cont span img { display: block; width: 300px; height: 120px; -webkit-transition: all .2s; -moz-transition: all .2s; -ms-transition: all .2s; -o-transition: all .2s; transition: all .2s }
.parter-cont span:hover img { -webkit-transform: scale(1.06); -moz-transform: scale(1.06); -ms-transform: scale(1.06); -o-transform: scale(1.06); transform: scale(1.06) }
.media-report .media-contact-us { width: 1200px; background: #fff; padding: 0 54px; height: 54px; line-height: 54px; margin-bottom: 20px }
.media-report .media-contact-us p, .media-report .media-contact-us p a { font-size: 18px; color: #333 }
.media-report .media-contact-us p a:hover { color: #0f98ff }
.media-report .media-contact-us p a { text-decoration: underline }
.media-report .media-contact-us p i { display: inline-block; background: url(../image/mission-icons.png) no-repeat; vertical-align: -2px; margin: 0 6px }
.media-report .media-contact-us p .contact-icon { width: 20px; height: 16px; background-position: -178px -5px }
.media-report .media-contact-us p .down-icon { width: 20px; height: 18px; background-position: -204px -2px }
.media-comp-list .media-item { position: relative; height: 140px; background: #fff; margin-bottom: 20px; -webkit-transition: all .2s; -moz-transition: all .2s; -ms-transition: all .2s; -o-transition: all .2s; transition: all .2s }
.media-comp-list .media-item:hover { -webkit-box-shadow: 0 2px 8px rgba(0,0,0,.22); -moz-box-shadow: 0 2px 8px rgba(0,0,0,.22); box-shadow: 0 2px 8px rgba(0,0,0,.22) }
.media-comp-list .media-item .item-img { width: 360px; height: 120px; display: table-cell; vertical-align: middle; text-align: center; position: absolute; left: 10px; top: 10px }
.media-comp-list .media-item .item-img img { display: inline-block; max-height: 100%; vertical-align: middle }
.media-comp-list .media-item .item-cont { margin-left: 390px; position: relative; display:flex; flex-direction:row; align-items:center; height:140px;}
.media-comp-list .media-item .item-cont .cont-info { width: 66%; border-right: 1px solid #ccc; padding-right: 30px }
.media-comp-list .media-item .item-cont .cont-info h3 { font-size: 18px; color: #333; margin-bottom: 10px; margin-top:0; overflow: hidden;}
.media-comp-list .media-item .item-cont .cont-info p { font-size: 12px; color: #999; line-height: 20px;word-break: break-all; text-overflow: ellipsis; display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 2; overflow: hidden; margin:0;}
.media-comp-list .media-item .item-cont .cont-time { width: 180px; overflow: hidden; padding: 0 40px }
.media-comp-list .media-item .item-cont .cont-time b { color: #999; font-size: 32px; font-weight: 400 }
.media-comp-list .media-item .item-cont .cont-time p { font-size: 18px; color: #999; margin:0;}
.media-comp-list .media-item .item-cont .more-arrow { display: table-cell; vertical-align: middle }
.media-comp-list .media-item .item-cont .more-arrow i { display: block; width: 12px; height: 20px; background: url(../image/right-turn.png) no-repeat center; margin-left:-10px;}
.join-us-cont .join-box { position: relative; overflow: hidden; background: #fff; padding: 10px 0 25px; min-height: 260px; margin-bottom: 20px }
.join-box .name-tit { text-align: center; width: 186px; position: absolute; left: 0; top: 75px }
.join-box .name-tit .join-box-icon { display: inline-block; background: url(../image/mission-icons.png) no-repeat; margin-bottom: 15px }
.join-box .name-tit .matter-icon { width: 64px; height: 66px; background-position: 0 -151px }
.join-box .name-tit .exploit-icon { width: 60px; height: 52px; background-position: -76px -158px }
.join-box .name-tit .invite-icon { width: 54px; height: 68px; background-position: -150px -151px }
.join-box .name-tit p { text-align: center; font-size: 18px; color: #717171; font-weight: 700 }
.join-box .info-main { margin-left: 186px; position: relative; overflow: hidden }
.join-box .info-main .main-item { margin: 0 50px 0 7px }
.join-box .info-main .main-item.item-01 { width: 350px }
.join-box .info-main .main-item.item-02 { width: 500px }
.join-box .info-main .main-item .claim-tit { font-size: 16px; color: #717171; margin: 15px 0; height: 22px; line-height: 22px }
.join-box .info-main .main-item .claim-tit-icon { display: inline-block; vertical-align: middle; background: url(../image/mission-icons.png) no-repeat; margin-right: 5px }
.join-box .info-main .main-item .claim-tit-icon.ask { width: 20px; height: 20px; background-position: -131px -1px; vertical-align: -4px }
.join-box .info-main .main-item .claim-tit-icon.subs { width: 20px; height: 22px; background-position: -106px 0; vertical-align: -4px }
.join-box .info-main .main-item .claim-tit-icon.site { width: 18px; height: 22px; background-position: -156px 0; vertical-align: -4px }
.join-box .info-main .main-item p { padding-left: 25px; font-size: 14px; color: #333; line-height: 30px }
.team-cont { width: 1064px; margin: 0 auto; overflow: hidden }
.team-cont .team-menber { width: 104%\9; margin-right: -40px }
.team-menber .member-list { width: 236px; height: 236px; position: relative; overflow: hidden; cursor: normal; margin: 0 40px 40px 0 }
.team-menber .member-list img { width: 100%; height: 100%; display: block }
.team-menber .member-list .member-name { text-align: center; color: #FFF; height: 47px; line-height: 46px; background: url(../image/member-name-bg.png) repeat-x; position: absolute; bottom: 0; left: 0; width: 100% }
.team-menber .member-list .member-info { width: 100%; height: 100%; background: rgba(15,152,255,.8); position: absolute; left: 0; top: 100%; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out }
.team-menber .member-list .member-info h4 { font-size: 24px; color: #fff; font-weight: 700; text-align: center; padding-top: 25px }
.team-menber .member-list .member-info span { display: block; text-align: center; font-size: 14px; color: #fff; padding: 10px 0 20px }
.team-menber .member-list .member-info .info-words { position: relative; font-size: 14px; color: #fff; line-height: 26px; padding: 5px 20px; text-align: center }
.team-menber .member-list .member-info .info-words:before, .team-menber .member-list .member-info .info-words:after { content: ''; width: 17px; height: 14px; background: url(../image/bracket-icon.png) no-repeat; position: absolute }
.team-menber .member-list .member-info .info-words:before { background-position: 0 0; position: absolute; left: 20px; top: -8px }
.team-menber .member-list .member-info .info-words:after { background-position: -24px 0; position: absolute; right: 20px; bottom: 0 }
.team-menber .member-list:hover .member-info { top: 0 }
.team-menber .member-list:hover .member-name { opacity: 0; filter: alpha(opacity=0) }
.contact-body { width: 1160px; margin: 0 auto; background: #fff; height: 560px; padding: 8px }
.contact-body .map-area { width: 544px; height: 544px }
.contact-body .info-area { margin-left: 40px; width: 530px }
.contact-body .info-area .area-item h3 { margin: 20px 0; font-size: 18px; color: #666; line-height: 1; display: block; padding-left: 12px; border-left: 4px solid #999 }
.contact-body .info-area .area-item .way-include { margin-left: 18px; border-bottom: 1px dashed #E3E3E3 }
.contact-body .info-area .area-item .way-include span { display: inline-block; margin-right: 30px; min-width: 100px; position: relative; padding-left: 30px; height: 20px; line-height: 20px; font-size: 14px; color: #666 }
.contact-body .info-area .area-item .way-include span em { color: #999; font-style: normal; font-weight: 400 }
.contact-body .info-area .area-item .way-include span:before { content: ''; display: block; position: absolute; background: url(../image/mission-icons.png) no-repeat }
.contact-body .info-area .area-item .way-include span.name:before { width: 18px; height: 20px; background-position: 0 0; left: 0; top: 0 }
.contact-body .info-area .area-item .way-include span.email:before { width: 18px; height: 12px; background-position: -23px -4px; left: 0; top: 4px }
.contact-body .info-area .area-item .way-include span.phone:before { width: 10px; height: 18px; background-position: -45px 0; left: 0; top: 1px }
.contact-body .info-area .area-item .way-include span.qq:before { width: 18px; height: 20px; background-position: -60px 0; left: 0; top: 0 }
.contact-body .info-area .area-item .way-include span.tel:before { width: 18px; height: 18px; background-position: -84px 0; left: 0; top: 1px }
.contact-body .info-area .area-item .way-include span.local:before { width: 18px; height: 20px; background-position: -156px 0; left: 0; top: 0 }
.contact-body .info-area .area-item .way-include .include-block { padding-bottom: 20px }
.contact-body .info-area .area-item .way-include .qt-btn { width: 90px; height: 36px; line-height: 36px; font-size: 14px; padding: 0 }
.contact-body .info-area .area-item .other-contact-way { padding: 15px 0 }
.contact-body .info-area .area-item .other-contact-way a { display: inline-block; position: relative; margin-left: 20px }
.contact-body .info-area .area-item .other-contact-way a i { background: url(../image/blog-page-icons.png) no-repeat; display: inline-block }
.contact-body .info-area .area-item .other-contact-way .xl-way i { width: 23px; height: 18px; background-position: 0 -45px }
.contact-body .info-area .area-item .other-contact-way .xl-way:hover i { width: 23px; height: 18px; background-position: 0 -1px }
.contact-body .info-area .area-item .other-contact-way .wx-way i { width: 25px; height: 20px; background-position: -43px -44px }
.contact-body .info-area .area-item .other-contact-way .wx-way:hover i { width: 25px; height: 20px; background-position: -43px 0 }
.contact-body .info-area .area-item .other-contact-way .wx-way .wx-ewm { display: none; width: 137px; height: 137px; background: url(../image/wechat-g.png) no-repeat center; box-shadow: 0 2px 8px rgba(0,0,0,.22); position: absolute; left: 50%; margin-left: -88px; top: -145px }
.contact-body .info-area .area-item .other-contact-way .wx-way:hover .wx-ewm { display: block }
.map-area .map-adress-icon { display: inline-block; width: 12px; height: 15px; background: url(../image/common.png) no-repeat -68px -326px }
.map-area .BMapLabel { -webkit-box-shadow: 1px 3px 10px rgba(0,0,0,.33); -moz-box-shadow: 1px 3px 10px rgba(0,0,0,.33); -o-box-shadow: 1px 3px 10px rgba(0,0,0,.33); box-shadow: 1px 3px 10px rgba(0,0,0,.33) }
.map-area .BMapLabel::after { content: ''; display: block; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 8px solid #fff; position: absolute; bottom: -8px; left: 20px }