@charset "utf-8";
/* Reset @formatter:off */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{ padding:0; margin:0;}
table{ border-collapse:collapse;border-spacing:0px;}
fieldset,img{ border:0;} em,strong,th,var{ font-style:normal; font-weight:normal;}
ol,ul{ list-style:none;} caption,th{ text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
q:before,q:after{ content:'';} abbr,acronym{ border:0;} img{ vertical-align:top; border:0;}
li{ list-style-type:none;} label{ font-weight: normal;}
html{ -webkit-text-size-adjust:none;}
body{ height: 100%; font:14px/26px "Microsoft YaHei", "微软雅黑", Arial; color: #666; letter-spacing: .03em; -webkit-font-smoothing: antialiased; overflow-x: hidden; background: #fff;}
input,select,textarea,button{ font:14px/22px "Microsoft YaHei", "微软雅黑", Arial; color:#c7c7c7; outline: none;}
table{ font-size:inherit; font:100%;} input[type="text"]:focus{ outline: none;}
select{ -moz-appearance: none; -webkit-appearance:none; appearance:none;}
select.form-control{ display: inline-block; width: 128px; margin-right: 15px; background: url(../images/iselect.png) no-repeat 92% center;}
a{ color: #666; outline:none; text-decoration:none;} video{ display: block; width: 100%; height: 100%; object-fit: fill}
a:hover, a:focus{ color: #d71217; text-decoration:none;}
button{ cursor:pointer; border:0; padding:0; overflow:hidden;} textarea { overflow:auto; resize:none;}
.input_c,.input_r{ width:16px; height:16px; padding:0; margin:2px 3px 2px 0; overflow:hidden; vertical-align:middle;}
/* Clearfix */
.clearfix:after,.clearfixlist li:after, .container:after{ content:"\0020"; display:block; clear:both; height:0; font-size:0;}
.clearfix, .clearfixlist li, .container{ zoom:1;} .hide{ display: none;}
.clear{ clear:both; display:block;} .fl{ float: left;} .fr{ float: right;}
.show-pad{ display: none;} .gray{ color: #aaa;}

.pic{ overflow: hidden;} .body-gray{ background: #f5f5f5;}
.pic img, .pic-fit img, .phone img, .logo img, .banner img, .mcarousel img, .video img, .pic-faq img{ width: 100%; height: 100%;}
.flex-row{ -webkit-display: flex; -moz-display: flex; -o-display: flex; display: flex; flex-wrap: wrap; flex-direction: row;}
.flex-col, .swiper-attack .info{ -webkit-display: flex; -moz-display: flex; -o-display: flex; display: flex; flex-wrap: wrap; flex-direction: column;}
.around{ justify-content: space-around; align-items: center;}
.between{ justify-content: space-between; align-items: center;}
.start{ justify-content: flex-start; align-items: center;}
.end{ justify-content: flex-end; align-items: center;}
.center, .swiper-attack .info{ justify-content: center; align-items: center;}
.vertical{ display: table-cell; vertical-align: middle; text-align: center;}
.text-ellipsis, .name{ text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}

.circle, .btn-prev, .btn-next, .doter, .doter .dot, .idea-list .point:after, .round{ -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%;}
.rect{ -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px;}
.trans, .remark, .swiper-attack .info, .swiper-attack .txt{ -webkit-transition: all 0.38s ease; -moz-transition: all 0.38s ease; transition: all 0.38s ease;}
.scale{ -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); transition: all ease 0.38s;}
.btn-plus, .roate, .swiper-suit img{ -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: all 0.38s ease; -moz-transition: all 0.38s ease; transition: all 0.38s ease;}
.btn-plus.totate, a:hover .roate, .swiper-suit a:hover img{ -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg);}
a:hover .scale{ -webkit-transform: scale(1.08); -moz-transform: scale(1.08); -o-transform: scale(1.08); transform: scale(1.08);}

.nodata{ padding-top: 168px; margin: 18px 0; font-size: 18px; text-align: center; background: url(../images/nodata.png) no-repeat center 0;}
.loading{ position: fixed; z-index: 999; top: 18%; left: 50%; width: 98px; height: 98px; margin-left: -48px;}
.pagination{ display: block; margin: 58px 0 18px; text-align: center;}
.pagination a, .pagination span{ display: inline-block; padding: 3px 12px; margin: 0 2px; color: #818181; background: #dedede;}
.pagination a:hover, .pagination .active{ color: #fff; background: #e7141a;}

.btn-solid{ display: block; width: 100%; height: 42px; margin: 8px auto; line-height: 42px; color: #fff; text-align: center; background: #d71217;}
.bounce-to-right{ position: relative; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; overflow: hidden;}
.bounce-to-right:before{ content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #d71217; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}
.bounce-to-right:hover, .bounce-to-right:focus, .bounce-to-right:active{ color: #fff;}
.bounce-to-right:hover:before, .bounce-to-right:focus:before, .bounce-to-right:active:before{ -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);}
.btn-consult.bounce-to-right:before{ -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}

/* sprite */
.icon, .swiper-press .caption, .faq-list .dot{ background: url(../images/hzsr12.png) no-repeat center -9999em;}
/* header */
.fixedNav{ position:fixed; z-index:100; top:0px; left:0px; width:100%; _position:absolute; _top:expression(eval(document.documentElement.scrollTop));}
.header .container{ position: relative; width: 100%; max-width: 1168px; text-align: center;}
.header .logo, .btn-phone{ position: absolute; z-index: 88; top: 13px;}
.header .logo{ left: 8px;} .header .logo-black{ display: none;}
.btn-phone{ right: 8px; width: 240px; height: 36px; font-size: 15px; color: #fff; line-height: 36px; text-align: center; background: #e7141a; -webkit-border-radius: 18px; -moz-border-radius: 18px; -ms-border-radius: 18px; border-radius: 18px;}
.navbar-nav{ float: right; position: relative; width: 240px; max-width: 630px; margin-right: 108px;}
.navbar-nav>li{ _display: inline; position: relative; width: 120px; padding: 0 12px; font-size: 16px;}
.navbar-nav>li.show-pad{ display: none;}
.navbar-nav>li>a{ position: relative; line-height: 59px; color: #fff;}
.navbar-nav>li>a:hover, .navbar-nav>li.active>a, .navbar-nav>li>a:hover, .navbar-nav>li>a:focus{ color: #e7141a; background: transparent;}
.navbar-nav>li>a:hover .line, .navbar-nav>li.active>a .line, .navbar-nav>li>a:hover .line, .navbar-nav>li>a:focus .line{ background: #e7141a;}
.navbar-nav .line{ display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 3px;-webkit-animation-duration:0.88s; animation-duration:0.88s; -webkit-animation-fill-mode: both; animation-fill-mode: both}
.sublist{ display: none; position: absolute; top: 100%; right: 0; width: 100%; padding: 30px 18px; font-size: 15px; background: rgba(0,0,0,.82);}
.sublist li{ margin-bottom: 12px; text-align: center;}
.sublist a{ color: #fff;} .sublist a:hover{ color: #e7141a;}
.thirdlist{ margin-top: 10px; font-size: 12px;}
.thirdlist li{ float: none; width: 100%; text-align: left;}
.navbar-nav .item-server{ position: static;}
.navbar-nav .item-server .sublist{ padding: 30px 30px 20px 50px;}
.navbar-nav .item-server .sublist>li{ float: left; width: 20%; text-align: left;}
.header.bg-header{ background: #fff;} .bg-header .navbar-nav>li>a{ color: #333;}
.bg-header .logo-white{ display: none;} .bg-header .logo-black{ display: block;}

.footer{ font-size: 13px; background: #292929;}
.footer-contact{ padding: 24px 0;display: flex;align-items: center; }
.footer-contact li{ width: 25%;line-height: 20px; text-align: center;position:relative;height: 100%;}
.footer-contact li:after {content: '';display: block;position:absolute;right: 0;height: 60px;border-right: 1px solid #494949;}
.footer-contact li:last-child:after { border-right: 0 none;}
.footer-contact .icon{ display: inline-block; width: 40px; height: 40px; margin-right: 8px;}
.footer-contact .ftqq{ background-position: 0 -648px;}
.footer-contact .ftline{ background-position: 0 -698px;}
.footer-contact .wechat{ background-position: 0 -1278px;}
.footer-contact .ftemail{ background-position: 0 -742px;}
.footer-contact .info{ display: inline-block; text-align: left;}
.footer-contact .attr{ color: #b9b9b9;}
.footer-contact .val{ color: #dadada;}
.footer-nav, .footer-nav a{ color: #e5e5e5;}
.footer-nav, .footer-links{ padding: 16px 0;}
.footer-nav{ border-top: 1px solid #494949; border-bottom: 1px solid #494949; overflow: hidden;}
.footer-nav i{ margin: 0 5px;}
.footer-links{ width: 92%; margin: 0 auto; color: #989898;}
.footer-links a{ margin-right: 8px;}
.footer-links a:hover, .footer-nav a:hover{ color: #d71217;}
.copyright{ padding: 12px 0; font-size: 13px; color: #808080; text-align: center; background: #212121;}
.copyright span{ display: inline-block;}

.fixed-bar, .fixed-mbar{ position: fixed; z-index: 99; right: 0;}
.fixed-bar{ top: 28%;}
.fixed-bar .item{ position: relative; width: 66px;}
.fixed-bar a, .fixed-bar .slide{ color: #fff; text-align: center;}
.fixed-bar a{ display: block; width: 66px; height: 66px; padding: 4px; margin-bottom: 1px; font-size: 13px; color: #656565; text-align: center; background: #ddd;}
.fixed-bar .icon{ width: 32px; height: 32px; margin: 0 auto;}
.fixed-bar .iqq{ background-position: center 6px;}
.fixed-bar .itel{ background-position: center -40px;}
.fixed-bar .online{ background-position: center -92px;}
.fixed-bar .wechat{ background-position: center -140px;}
.fixed-bar .itop{ background-position: center -190px;}
.fixed-bar .active .iqq{ background-position: center -243px;}
.fixed-bar .active .itel{ background-position: center -290px;}
.fixed-bar .active .online{ background-position: center -342px;}
.fixed-bar .active .wechat{ background-position: center -390px;}
.fixed-bar .item-top .itop{ background-position: center -440px;}
.fixed-bar .slide{ display: none; position: absolute; top: -12px; right: 76px; width: 228px; height: 86px; padding: 12px 16px 18px; border-top: 3px solid #e7141a; font-size: 15px; line-height: 28px; color: #797979; text-align: left; background: #fff;}
.fixed-bar .slide:after{ content: '\0020'; display: block; position: absolute; top: 32px; right: -12px; border: 6px solid transparent; border-left-color: #fff;}
.fixed-bar .slide .info{ position: relative; width: 100%; padding-left: 42px;}
.fixed-bar .slide .name{ font-size: 18px; color: #e7141a;}
.fixed-bar .slide .icon{ position: absolute; top: 50%; left: 0; width: 38px; height: 38px; margin-top: -18px;}
.fixed-bar .slide .fqq{ background-position-y: -650px;}
.fixed-bar .slide .ftel{ background-position-y: -700px;}
.fixed-bar .slide .fonline{ background-position-y: -796px;}
.fixed-bar .slide .fwechat{ background-position-y: -1280px;}
.fixed-bar .slide-qrcode{ height: 228px;} .slide-qrcode .pic{ width: 164px; height: 164px; margin: 16px auto;}
.fixed-bar .active .btn-bar, .fixed-bar .item-top .btn-bar{ color: #fff; background: #e7141a;}

.fixed-mbar{ display: none; bottom: 0; width: 100%; height: 52px; padding: 0; text-align: center; background: #fff;}
.fixed-mbar a{ float: left; width: 25%; padding-top: 26px; border-right: 1px solid rgba(255,255,255,.68); font-size: 12px; line-height: 20px; color: #909090; background: url(../images/sbar.png) no-repeat center -9999em; background-size: 23px 115px;}
.fixed-mbar .bhome{ background-position-y: 0;}
.fixed-mbar .bonline{ background-position-y: -45px;}
.fixed-mbar .bphone{ background-position-y: -88px;}
.fixed-mbar .btop{ padding: 0; font-size: 13px; line-height: 52px; color: #fff; background: #e7141a;}

/* banner 轮播 */
.btn-prev, .btn-next{ display: block; width: 52px; height: 52px; border: 1px solid #fff; background: url(../images/hzsr12.png) no-repeat center -9999em;}
.btn-prev{ background-position-y: -550px;} .btn-next{ background-position-y: -600px;}
#carousel-generic{ position: relative; width: 100%; height: 500px; color: #fff; overflow: hidden;margin: 0 auto;}
#carousel-generic .carousel-indicators{bottom: 115px;}
#carousel-generic .carousel-inner{ position: absolute; top: 0; left: 0; width: 100%; color: #fff; text-align: center; background: rgba(0,0,0,.38);}
#carousel-generic .info{ position: absolute; top: 0; left: 0;right: 0;bottom: 0;}
#carousel-generic .title{ width: 100%; font-size: 58px; line-height: 78px;}
#carousel-generic .entitle{ width: 100%; margin: 8px 0 68px; text-transform: uppercase;}
#carousel-generic .btn-hollow{ border-color: #fff; color: #fff;}
#carousel-generic .btn-hollow:hover{ border-color: #d81217; color: #fff; background: #d81217;}
.mcarousel{ position: relative; overflow: hidden;}
.carousel-control{ display: block; height: 100%;}
.carousel-control span{ display: block; position: absolute; z-index: 888; top: 50%; margin-top: -26px;}
.carousel-control .btn-prev{ left: 50%;} .carousel-control .btn-next{ right: 50%;}
.scrollDown{ position: absolute; z-index: 88; left: 50%; bottom: 28px; width: 24px; height: 32px; margin-left: -12px; background-position: center -500px;}

.mod{ padding: 46px 0;} .mod-gray{ background: #f0f0f0;}
.mod-bg{ background-repeat: no-repeat; background-position: center top; background-size: 100% 100%;}
.btn-more, .btn-hollow{ -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; border-radius: 20px;}
.btn-hollow{ display: block; width: 102px; height: 30px; border: 1px solid #d81217; margin: 20px auto 0; line-height: 28px; color: #d81217; text-align: center;}

.doter{ position: absolute; left: 0; top: 50%; width: 36px; height: 36px; margin-top: -12px;}
.doter .dot{ width: 8px; height: 8px; margin: 14px auto; background-color: #e7141a;}
.doter .point, .doter .point:after{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;}
.doter .point{ margin: auto; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; background: transparent;}
.doter .point:after{ content: ""; display: block; opacity: 0; border: 2px solid #fd2f30; -webkit-animation: ripple 4s ease-out 225ms infinite; animation: ripple 4s ease-out 225ms infinite;}
.doter .point-20:after{ -webkit-animation-delay: .8s; animation-delay: .8s;}
.doter .point-30:after{ -webkit-animation-delay: 1.6s; animation-delay: 1.6s;}
.text-right{ padding: 0; padding-right: 38px;}
.text-right .doter{ right: 0; left: auto;}

/* title */
.flex-hd, .flex-hd .inner{ position: relative;}
.flex-hd{ width: 100%; margin-bottom: 40px; text-align: center;}
.flex-hd:before, .flex-hd:after, .flex-hd .inner:before, .flex-hd .inner:after{ content: '\0020'; display: block; position: absolute; top: 24px;}
.flex-hd:before, .flex-hd:after{ width: 32%; height: 1px; background: #dcdcdc;}
.flex-hd:before{ left: 0;} .flex-hd:after{ right: 0;}
.flex-hd .inner:before, .flex-hd .inner:after{ width: 6px; height: 6px; margin-top: -2px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; background: #9e9696;}
.flex-hd .inner:before{ left: 32%;}
.flex-hd .inner:after{ right: 32%;}
.flex-hd .title{ width: 408px; margin: 0 auto; font-size: 30px; line-height: 46px; color: #222;}
.flex-hd .subtitle{ color: #999;}
.swiper-container{ overflow: hidden;}
.swiper-server{ line-height: 20px; text-align: center;}
.swiper-server .swiper-slide{ position: relative;}
.swiper-server .inner, .swiper-server .remark{ padding: 20px 0; border: 1px solid #d7d7d7;}
.swiper-server .inner{ font-size: 12px; color: #888; background: #fff;}
.swiper-server .name{ font-size: 20px; color: #232323;}
.swiper-server .info{ padding: 12px 16px 16px;}
.swiper-server .subname{ height: 20px; overflow: hidden;}
.swiper-server .line{ height: 1px; border-top: 1px dotted #acacac; margin-top: 12px;}
.swiper-server .pic{ width: 118px; height: 118px; margin: 20px auto 12px;}
.swiper-server .txt{ height: 40px; overflow: hidden;}
.swiper-server .btn-more{ width: 88%; height: 38px; margin: 0 auto; font-size: 17px; line-height: 36px; color: #404040; background: #eaeaea;}
.swiper-server .btn-red{ color: #fff; background: #e7141a;}
.swiper-server .remark{ position: absolute; z-index: 8; top: 100%; left: 0; font-size: 13px; color: #fff; background: #555;}
.swiper-server .remark .name{ margin-bottom: 20px; color: #fff;}
.featlist li{ position: relative; padding: 18px 24px 18px 24px; text-align: left;}
.featlist li:first-child{border-top: 1px solid #7c7c7c;}
.featlist .attr{ position: absolute; top: 18px; left: 16px;}
.mod-idea{ background-image: url(../images/bg-idea.jpg);}
.mod-idea .title, .mod-idea .subtitle, .mod-flow .title, .mod-flow .subtitle, .mod-faq .flex-hd .title, .mod-faq .subtitle, .mod-system .flex-hd .title, .mod-system .subtitle{ color: #fff;}
.mod-idea .bd{ position: relative;}
.mod-idea .pic{ width: 68%; max-width: 728px; margin: 0 auto -188px;}
.idea-list li{ position: absolute; top: 12%; left: 10%; width: 268px; padding-left: 38px; color: #fff; overflow: hidden;}
.idea-list li:nth-child(2){ top: 25%; left: 2%;}
.idea-list li:nth-child(3){ top: 46%; left: -2.5%;}
.idea-list li:nth-child(4){ top: 10%; left: 65%;}
.idea-list li:nth-child(5){ top: 21%; left: 73%;}
.idea-list li:nth-child(6){ top: 35%; left: 77.5%;}
.idea-list li:nth-child(7){ top: 50%; left: 79%;}
.idea-list .info{ opacity: 0;}
.idea-list .name{ font-size: 15px; font-weight: bold;}
.idea-list .subname{ font-size: 13px; line-height: 18px;}
.mod-meal .flex-hd{ margin: 58px 0 0; overflow: hidden;}
.swiper-meal{ text-align: center;}
.swiper-meal .swiper-slide{ padding: 48px 28px 6px 0;}
.swiper-meal .inner{ position: relative; border: 1px solid #e0e0e0; background: #fff;}
.swiper-meal .flag{ position: absolute; top: 0; right: -48px; width: 148px; padding: 6px; line-height: 20px; color: #fff; text-align: center; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); background: #25b4e9;}
.swiper-meal .name{ padding: 12px; font-size: 24px; line-height: 38px; color: #fff; background: #d81217;}
.swiper-meal .info{ padding: 28px 0 20px; color: #888;}
.swiper-meal .price, .swiper-meal .unit{ font-weight: bold; color: #777;}
.swiper-meal .price{ font-size: 22px;}
.swiper-meal .spec{ font-size: 42px; line-height: 48px;}
.swiper-meal .unit{ margin-bottom: 8px; font-size: 15px;}
.swiper-meal .txt{ padding: 8px; border-bottom: 1px dotted #e2e2e2;}
.swiper-meal .active{ z-index: 88;}
.swiper-meal .active .inner{ border-color: #d81217; box-shadow: 0 0 8px #dadada; margin: -6px 0 6px;}
.swiper-meal .active .price, .swiper-meal .active .unit{ color: #d81217;}
.swiper-meal .active .btn-hollow{ color: #fff; background: #d81217;}
.mod-case{ background-image: url(../images/bg-case.jpg);}
.mod-case .btn-hollow, .switch-fit .btn-hollow{ width: 156px; height: 36px; margin-top: 40px; line-height: 34px;}
.switch-nav, .switch-brief{ margin-bottom: 40px; text-align: center;}
.switch-nav .btn-hollow, .switch-brief .btn-hollow{ display: inline-block; border-color: #c0c0c0; margin: 0 16px; color: #222;}
.switch-nav .btn-hollow:hover, .switch-nav .active, .switch-brief .btn-hollow:hover, .switch-brief .active{ border-color: #e7141a; color: #fff; background: #e7141a;}
.tab-content .tab-panel, .brief-content .tab-panel{ display: none;}
/*.tab-content .btn-hollow{ opacity: 0;} .tab-content .btn-case{ opacity: 1;}*/
.case-list{ font-size: 15px;}
.case-list li{ opacity: 0; float: left; width: 33.3%; margin-bottom: 12px; text-align: center;}
.case-list a{ display: block; position: relative; margin: 0 6px;}
.case-list .name{ padding: 12px; border-bottom: 2px solid #d0d0d0; color: #222; background: #fff;}
.case-list .line{ position: absolute; bottom: 0; left: 0; width: 0; height: 2px; background: #e7141a;}
.case-list .pic{ position: relative; width: 100%;}
.case-list .remark, .case-list .circle, .case-list .icon{ position: absolute;}
.case-list .remark{ z-index: 8; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; background: rgba(0,0,0,.75);}
.case-list .circle, .case-list .icon{ top: 50%; left: 50%;}
.case-list .circle{ width: 106px; height: 106px; border: 1px dashed #fff; margin-top: -54px; margin-left: -54px;}
.case-list .icon{ width: 36px; height: 36px; margin-left: -18px; margin-top: -18px;}
.case-list a:hover .remark{ opacity: 1;}
.case-list a:hover .circle{-webkit-animation-iteration-count: infinite; animation-iteration-count: infinite;}
.mod-flow{ background-image: url(../images/bg-flow.png);}
.mod-weflow{ background-image: url(../images/bg-weflow.jpg);}
.flow-list{ position: relative;}
.flow-list li{ float: left; opacity: 0; width: 19%; padding: 20px; text-align: center;}
.flow-list .item-arrow{ width: 8%; height: 322px; background: url(../images/arrow.png) no-repeat center center; background-size: 80%}
.flow-list .item-down{ position: absolute; top: 332px; right: 0; width: 19%; height: 70px; background: url(../images/arrow-down.png) no-repeat center center; background-size: 16px 38px;}
.flow-list .item-top{ float: right; margin-top: 70px;}
.flow-list .item-left{ background-image: url(../images/arrow-left.png);}
.flow-list .rect{ border: 1px dotted rgba(255,255,255,.58);}
.flow-list a{ display: block; width: 100px; margin: 3px auto; font-size: 12px; color: #fff; opacity: 0.8; text-align: left;}
.flow-list img{ max-width: 38px; max-height: 38px; vertical-align: middle;}
.flow-list .circle{ width: 90px; height: 90px; border: 1px solid #fefefe; margin: 0 auto; line-height: 90px; text-align: center;}
.flow-list .name{ margin: 12px 0 8px; font-size: 20px; line-height: 32px; color: #f6f6f6;}
.flow-list .info{ height: 146px; overflow: hidden;}
.flow-list .btn-consult{ width: 88%; max-width: 128px; height: 34px; margin: 48px auto 0; font-size: 16px; line-height: 34px; text-align: center; background: #e7141a; -webkit-border-radius: 16px; -moz-border-radius: 16px; -ms-border-radius: 16px; border-radius: 16px;}
.flow-list .iarrow{ display: inline-block; padding-left: 16px; background-position: 0 -1505px;}
.flow-list li:hover .circle{ border-color: #e7141a; background: #e7141a;}
.flow-list a:hover{ color: #e7141a;} .flow-list .btn-consult:hover{ color: #fff;}
.flow-list a:hover .iarrow{ background-position: 0 -1546px;}
.swiper-press .swiper-slide{ opacity: 0; padding: 10px;}
.swiper-press .inner{ padding: 16px; border: 1px solid #e0e0e0;}
.swiper-press .hd{ position: relative; padding-right: 68px; margin-bottom: 12px;}
.swiper-press .caption{ padding-left: 26px; font-size: 16px; font-weight: bold; color: #333;}
.swiper-press .inews{ background-position: 0 -850px;}
.swiper-press .iqian{ background-position: 0 -900px;}
.swiper-press .iseo{ background-position: 0 -950px;}
.swiper-press .more{ position: absolute; top: 0; right: 0; font-size: 13px; color: #d81217;}
.swiper-press .active .inner{ border: 1px solid #d81217; box-shadow: 0 0 8px #dedede; margin: -5px 0 5px;}
.press-list li{ margin-bottom: 21px;} .press-list li:last-child{ margin-bottom: 0;}
.press-list a{ display: block; position: relative; padding-left: 118px; font-size: 12px; line-height: 18px; color: #666;}
.press-list .pic{ position: absolute; top: 0; left: 0; width: 110px; height: 75px;}
.press-list .name{ margin: 4px 0; font-size: 15px; color: #222;}
.press-list .txt{ height: 36px; overflow: hidden;}
.press-list .date{ text-align: right;}
.banner-press{ display: block; position: relative; width: 100%; margin-bottom: 15px; overflow: hidden;}
.banner-press .name{ position: absolute; bottom: 0; left: 0; width: 100%; padding: 0 12px; color: #fff; text-align: center; background: rgba(0,0,0, .5);}
.banner-press img{ width: 100%; height: 100%;}
.press-cont, .info-list{ width: 100%; height: 258px;}
.press-cont{ position: relative; overflow: hidden;} .info-list{ position: absolute; top: 0; left: 0;}
.info-list a{ display: block; position: relative; padding-right: 60px; margin-bottom: 3px; color: #333;}
.info-list .date{ position: absolute; top: 0; right: 0; font-size: 12px; color: #777;}
.press-list a:hover .name, .info-list a:hover{ color: #d71217;}
.swiper-seo .press-list li{ margin-bottom: 15px;}
.swiper-seo .press-list li:last-child{ margin: 0;}
.mod-outfit{ position: relative; padding-bottom: 128px; background-image: url(../images/bg-idea.jpg);}
.mod-outfit .btn-prev, .mod-outfit .btn-next{ position: absolute; z-index: 88; top: auto; bottom: 30px;}
.mod-outfit .btn-prev{ left: 45%;} .mod-outfit .btn-next{ right: 45%;}
.mod-outfit .title, .mod-outfit .subtitle{ color: #fff;}
.swiper-slide{ overflow: hidden;}
.swiper-outfit .flex-pic{ opacity: 0; float: left; width: 48%;}
.swiper-outfit .pic{ float: left;}
.swiper-outfit .pic1{ width: 60%;}
.swiper-outfit .pic2{ float: right; width: 38%;}
.swiper-outfit .pic3{ width: 100%; margin-top: 8px;}
.slide-about .info{ float: right; width: 50%; padding: 18px; color: #333; background: rgba(255,255,255,.82);}
.slide-about .name{ margin: 8px 0 18px; font-size: 24px; color: #222; text-align: center;}
.slide-about .mess{ height: 104px; margin-bottom: 26px; overflow: hidden;}
.flex-jumbo{ margin: 15px 0 20px;}
.flex-jumbo .flex{ opacity: 0; float: left; width: 33.3%; text-align: center;}
.flex-jumbo .num{ position: relative; padding: 0 0 12px; font-size: 28px; color: #e7141a;}
.flex-jumbo .num:after{ content: '\0020'; display: block; position: absolute; bottom: 4px; left: 50%; width: 20px; height: 2px; margin-left: -10px; background: #e7141a;}
.stage-list li{ float: left; width: 33.3%; padding-left: 24px; margin-bottom: 8px; font-size: 15px;}
.stage-list .izykf{ background-position: 0 -995px;}
.stage-list .icsjs{ background-position: 0 -1035px;}
.stage-list .iuisj{ background-position: 0 -1075px;}
.stage-list .ikfzq{ background-position: 0 -1115px;}
.stage-list .ihxll{ background-position: 0 -1155px;}
.slide-advt .bd{ padding: 30px 0; background: rgba(255,255,255,.8);}
.slide-advt .name{ font-size: 15px; color: #333;}
.slide-advt .txt{ height: 72px; font-size: 13px; line-height: 18px; color: #555; overflow: hidden;}
.advt-list li{ float: left; width: 25%; padding: 24px 18px; border-bottom: 1px solid #eaeaea; border-right: 1px solid #eaeaea;}
.advt-list img{ vertical-align: middle;}
.advt-list .circle{ float: left; width: 36%; margin-top: 6px; text-align: center; background: #e7141a;}
.advt-list .info{ float: right; width: 60%;}
.advt-list a:hover .name{ color: #e7141a;}
.slide-cert{ color: #fff;}
.cert-list li{ float: left; width: 16.66%; padding: 28px 4px;}
.cert-list .pic{ display: block; width: 100%; border: 1px solid #d9d9d9;}
.cert-list a:hover .pic{ border-color: #d81217;}
.link-list{ border-top: 5px solid #f2f2f2; border-left: 5px solid #f2f2f2;}
.link-list li{ opacity: 0; float: left; width: 20%; border-bottom: 5px solid #f2f2f2; border-right: 5px solid #f2f2f2; line-height: 62px; background: #fff;}
.link-list .pic{ display: block; width: 100%;}
.mod-ad{ background-image: url(../images/bg-ad.jpg);}
.mod-ad .name{ font-size: 20px; color: #fff; text-align: center;}
/* init */
.mod-crumb, .mod-crumb a{ color: #787878;}
.mod-crumb{ padding: 12px 0; font-size: 12px; line-height: 18px; background: #ececec;}
.mod-crumb a{ padding-right: 16px; margin-right: 4px; background-position: right -1198px;}
.mod-crumb a:hover{ color: #e7141a;}
.frame{ padding: 28px 0; background: #fff;}
.frame .caphd{ margin-bottom: 18px;}
.frame .caption{ float: left; font-size: 18px; line-height: 18px; color: #222;}
.frame .sub{ font-size: 12px; color: #7f7f7f;}
.frame .switch-nav{ float: right; width: 68%; margin: 0; text-align: right;}
.frame .switch-nav .btn-hollow{ margin: 0 0 0 20px;}
.frame .headline{ margin-bottom: 4px; font-size: 26px; line-height: 36px; color: #222;}
.frame .tline{ width: 100%; height: 1px; margin-bottom: 18px; background: #ececec;}
.cont{ position: relative; padding-right: 316px;}
.aside{ position: absolute; z-index: 8; top: 0; right: 0; width: 306px;}
.mod-aside{ padding: 15px 12px; margin-bottom: 12px; background: #f5f5f5;}
.mod-aside .caption{ font-size: 16px; font-weight: bold; color: #333;}
.mod-aside .more{ float: right; font-size: 13px; color: #d81217;}
.aside-list li{ padding: 6px 0; border-bottom: 1px dotted #b3b3b3;}
.frame-case{ background: #f5f5f5;}
.frame .mod-case{ padding: 0; background: none;}
.init-about .title{ margin-bottom: 48px; font-size: 30px; line-height: 38px; color: #111; text-align: center;}
.mod-banner{ padding: 165px 0 148px; color: #fff; background-image: url(../images/banner-about.jpg);}
.mod-banner .title{ width: 100%; margin-bottom: 38px; font-size: 30px; color: #111; text-align: center;}
.mod-banner .info{ width: 380px; margin: 0 auto;}
.mod-banner .name{ font-size: 30px; line-height: 38px;}
.mod-banner .redline{ width: 68px; height: 3px; margin: 5px 0; background: #e7141a;}
.mod-banner .txt{ font-size: 18px;}
.mod-about{ padding: 48px 0; font-size: 16px; color: #555; text-align: center;}
.mod-about .title, .mod-about .subtitle{ color: #111; line-height: 48px;}
.mod-about .title{ margin: 0; font-size: 36px;}
.mod-about .subtitle{ font-size: 25px;}
.mod-about .info{ margin: 40px 0 28px;}
.mod-about .flex-jumbo .flex{ opacity: 0; width: 25%; font-size: 15px;}
.mod-about .flex-jumbo .num{ margin-bottom: 6px; font-weight: bold;}
.mod-can{ background-image: url(../images/bg-can.jpg);}
.mod-can .title{ color: #fff; margin-bottom: 8px;}
.canlist li{ opacity: 0; position: relative; float: left; width: 33.3%; padding: 40px 40px 40px 142px; line-height: 20px; color: #fff;}
.canlist img{ width: 42px; height: 42px;}
.canlist .circle{ position: absolute; top: 40px; left: 20px; width: 102px; height: 102px; padding: 28px; line-height: 102px; background: #fff;}
.canlist .name{ margin-bottom: 16px; font-size: 16px;}
.mod-team{ padding-top: 0;} .mod-team .pic{ opacity: 0;}
.mod-cbanner{ padding: 310px 0 32px; color: #fff; background-image: url(../images/bcase.jpg);}
.mod-cbanner .container{ position: relative;}
.mod-cbanner .info{ padding-right: 320px;}
.mod-cbanner .name{ font-size: 40px; line-height: 48px;}
.mod-cbanner .whline{ width: 45px; height: 2px; margin: 10px 0 58px; background: #fefefe;}
.mod-cbanner .subname{ font-size: 12px; color: #777;}
.mod-cbanner .txt{ font-size: 15px;}
.mod-cbanner .qrcode{ position: absolute; bottom: -72px; right: 0; width: 256px; padding: 40px 45px; background: #e7141a;}
.mod-cbanner .pic{ width: 164px; height: 164px; margin: 0 auto;}
.mod-cbanner .btn-hollow{ width: 100%; border-color: #fff; color: #fff;}
.mod-cbanner .btn-white{ color: #171717; background: #fff;}
.mod-cbanner .icon{ padding-left: 20px;}
.mod-cbanner .iscan{ background-position: 0 -1330px;}
.mod-cbanner .ilink{ background-position: 0 -1370px;}
.mod-detail .title{ margin-bottom: 24px; font-size: 22px; line-height: 36px; color: #333;}
.mod-detail .china{ font-size: 28px;}
.mod-detail .bd{ padding: 30px; background: #fff;}
.mod-relate{ padding-top: 0; background: none;}
.mod-relate .flex-hd{ margin-bottom: 26px;}
.mod-recruit{ padding-bottom: 118px; background: #efefef;}
.mod-recruit .btn-prev, .mod-recruit .btn-next{ border-color: #c4c4c4; background-color: #c4c4c4;}
.mod-recruit .btn-prev{ background-position-y: -1410px;}
.mod-recruit .btn-next{ background-position-y: -1460px;}
.mod-recruit .btn-next:hover, .mod-recruit .btn-prev:hover{ border-color: #e7141a; background-color: #e7141a;}
.swiper-recruit .swiper-slide{ padding: 0 8px; font-size: 13px; color: #666; cursor: pointer;}
.swiper-recruit .inner{ position: relative; width: 100%; height: 100%; background: #fefefe;}
.swiper-recruit .info{ padding: 55px 20px;}
.swiper-recruit .pic{ width: 108px; height: 58px; margin: 0 auto;}
.swiper-recruit .name{ margin: 20px 0; font-size: 18px; color: #111; text-align: center;}
.swiper-recruit .subname{ margin-bottom: 12px;}
.swiper-recruit .remark{ display: none; position: absolute; top: 0; left: 0; padding: 20px 18px; color: #fff; background: #e7141a;}
.mod-map{ background-image: url(../images/map.jpg);}
.mod-contact{ width: 430px; color: #fff; background: #232323;}
.mod-contact .hd{ padding: 28px 28px 12px;}
.mod-contact .title{ color: #fff;}
.mod-contact .en{ font-size: 26px;}
.mod-contact .bd{ padding: 0 30px 28px;}
.tactlist li{ position: relative; padding-left: 75px; font-size: 13px;}
.tactlist .attr{ position: absolute; top: 0; left: 0;}
.tactlist span{ display: inline-block;}
/* news */
.news-list li{ padding: 18px; margin-bottom: 15px; background: #f5f5f5; opacity: 0;}
.news-list a{ display: block; position: relative; height: 160px; padding-left: 218px;}
.news-list .pic{ position: absolute; top: 0; left: 0; width: 208px; height: 160px;}
.news-list .name{ font-size: 17px; font-weight: bold; line-height: 32px; color: #121212;}
.news-list .txt{ height: 72px; margin: 12px 0; font-size: 13px; color: #555; line-height: 24px; overflow: hidden;}
.news-list .date{ color: #333;}
.news-list li:hover{ }
.news-list li:hover .name{ color: #e7141a;}
.frame-detail .pic{ margin: 12px auto; text-align: center;}
.frame-detail img{ width: auto; max-width: 100%;}
.mod-recom{ max-height: 318px; margin-top: 28px;}
.mod-recom .rename{ font-size: 20px; color: #212121;}
.recom-list li{ float: left; width: 32%; margin-right: 1.3%;}
.mod-recom .pic{ margin-bottom: 4px;}
.mod-recom .pic, .mod-recom .pic img{ width: 100%;}
.mod-recom .date{ font-size: 12px; color: #6e6e6e;}
.mod-recom .name{ color: #222;}
.mod-recom .line{ width: 100%; height: 1px; margin: 8px 0; background: #cecece;}
.mod-recom .more{ padding-right: 12px; color: #eb0f0f; background-position: right -1236px;}

.flex-init:before, .flex-init:after, .init-server .flex-hd:before, .init-server .flex-hd:after, .init-server .flex-hd .inner:before, .init-server .flex-hd .inner:after{ display: none;}
.flex-init .inner, .init-server .flex-hd .title{ width: 100%;}
.init-server{ padding-top: 58px;}
.swiper-develop .swiper-slide{ -webkit-transition: all 0.24s ease, background 0s; transition: all 0.24s ease, background 0s;}
.swiper-develop a{ padding: 8px 0;}
.swiper-develop .pic{ width: 56px; height: 56px; margin: 18px auto 28px;}
.swiper-develop .name{ font-size: 18px; color: #111;}
.swiper-develop .info{ padding-bottom: 28px; font-size: 14px; line-height: 24px; color: #777;}
.swiper-develop .btn-more{ width: 142px; height: 38px; border: 1px solid #acacac; font-size: 14px; background: transparent;}
.swiper-develop a:hover{ background: #e7141a;}
.swiper-develop a:hover .inner{ border-color: #e7141a;}
.swiper-develop a:hover .btn-more{ border-color: #e7141a; color: #fff; background: #e7141a;}
.swiper-appdev .inner{ border: 0 none;}

.mod-what, .mod-attack{ padding-bottom: 0;}
.mod-what .info{ position: relative; opacity: 0; padding: 18px 30px; margin-bottom: 68px; font-size: 15px; color: #333; box-shadow: 0 0 8px #dcdcdc; background: #fff;}
.mod-what .info:after{ display: block; position: absolute; top: -24px; left: 50%; content: '\0020'; margin-left: -12px; border: 12px solid transparent; border-bottom-color: #fff;}
.mod-what .flex-hill{ position: relative;}
.mod-what .pic{ width: 88%; max-width: 886px; margin: 0 auto;}
.mod-what .phone{ position: absolute; bottom: 0; left: 50%; width: 22%; max-width: 256px; max-height: 192px; margin-left: -11%;}
.flex-hill{ position: relative; padding-top: 68px;}
.hill-list li{ opacity: 0; position: absolute; z-index: 88; width: 356px;}
.hill-list .item-first{ left: -138px; bottom: 8%;}
.hill-list .item-second{ left: -68px; top: 20%;}
.hill-list .item-third{ left: 50%; top: 0; margin-left: -88px;}
.hill-list .item-forth{ right: 0; top: 36%;}
.hill-list .item-fifth{ right: -98px; bottom: 8%;}
.hill-list .icon{ float: left; width: 58px; height: 58px;}
.hill-list .subname{ float: left; position: relative; width: 260px; padding: 15px; margin: 0 18px; font-size: 16px; color: #333; box-shadow: 0 0 6px #dcdcdc; text-align: center; background: #fff;}
.hill-list .subname:after{ display: block; content: '\0020'; position: absolute; top: 20px; left: -16px; border: 8px solid transparent; border-right-color: #fff;}
.hill-list .item-left .subname:after{ left: auto; right: -16px; border-right-color: transparent; border-left-color: #fff;}

.swiper-feature .pic{ width: 100%;}
.swiper-feature .info{ padding: 26px; font-size: 12px; line-height: 22px; color: #676767; text-align: center; background: #fff4f4;}
.swiper-feature .name{ margin-bottom:12px; font-size: 24px; line-height: 32px; color: #101010;}
.swiper-feature a:nth-child(2n) .info{ background: #f3f6ff;}

.swiper-suit{ text-align: center;}
.swiper-suit .pic{ width: 100px; height: 100px; margin: 0 auto 8px;}
.swiper-suit .name{ font-size: 15px; color: #0f0f0f;}

.mod-fit{ margin-bottom: 148px;}
.mod-fit .tab-panel{ display: none; position: relative; padding-right: 32%;}
.mod-fit .pic-fit{ position: absolute; right: 0; bottom: -78px; width: 30%; max-width: 388px;}
.fit-list li{ opacity: 0; width: 33.3%; margin-top: 80px; font-size: 12px; line-height: 20px; text-align: center;}.fit-list img{ vertical-align: middle;}
/*.fit-list a{ display: block; width: 120px;}*/
.fit-list .icon{ width: 118px; height: 118px; border: 1px solid #bcbcbc; margin: 0 auto; line-height: 116px; text-align: center; background: #fff;}
.fit-list .name{ margin: 16px 0 4px; font-size: 16px; color: #222;}
.fit-list .txt{ color: #777;}
.fit-list a:hover .icon{ border-color: #e7141a;}
.fit-list a:hover .name{ color: #e7141a;}

.mod-attack .bd{ background: #2c2c2e;}
.swiper-attack .swiper-slide{ position: relative; text-align: center;}
.swiper-attack .pic{ position: absolute; top: 0; left: 0; width: 100%;}
.swiper-attack .info{ position: relative; z-index: 8; padding: 0 12px; line-height: 22px; color: #fff;}
.swiper-attack .roate{ width: 42px; height: 42px;}
.swiper-attack .line{ width: 22px; height: 3px; margin: 18px auto; background: #fff;}
.swiper-attack .name{ margin-bottom: 10%; font-size: 22px; font-weight: bold; color: #fff;}
.swiper-attack .txt{ display: none; margin-bottom: 8%;}
.swiper-attack a:hover .name{ font-size: 20px;}
.swiper-attack a:hover .info{ background: rgba(243,19,25,.82);}
.swiper-attack a:hover .txt{ display: block;}

.mod-brand{ background-image: url(../images/bg-site1.jpg);}
.mod-triad{ background-image: url(../images/bg-site2.jpg);}
.mod-site .pic, .mod-site .info{ float: left; width: 50%;}
.mod-site .pic{ max-width: 580px;}
.mod-site .info{ padding: 48px; border: 1px solid #cfcfcf; font-size: 13px; line-height: 22px; color: #878787; background: #fff;}
.mod-site .name{ font-size: 22px; line-height: 32px; color: #444;}
.mod-site .line{ width: 22px; height: 3px; margin: 10px 0 18px; background: #e7141a;}
.mod-site .btn-consult{ display: block; width: 150px; height: 38px; border: 1px solid #dcdcdc; margin: 20px 0 38px; line-height: 36px; color: #92a9c6; text-align: center; background: #eee;}
.mod-site .btn-consult:hover{ border-color: #e7141a; color: #fff;}
.logo-list li{ float: left; position: relative; width: 25%; height: 62px; border: 1px solid #f5f5f5; border-right: 0; line-height: 58px; text-align: center; overflow: hidden;}
.logo-list li:last-child{ border-right: 1px solid #f5f5f5;}
.logo-list li:after{ content: "";cursor: pointer;position: absolute;left: -100%;top: 0; width: 100%; height: 100%; background-image: -webkit-linear-gradient(0deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, .6), hsla(0, 0%, 100%, 0));transform: skewx(-25deg);-o-transform: skewx(-25deg);-moz-transform: skewx(-25deg);-webkit-transform: skewx(-25deg);transition: all 0.24s 0.15s, opacity 0s 0.4s;-webkit-transition: all 0.24 0.15s, opacity 0s 0.4s;}
.logo-list li:hover:after{ left: 100%; opacity: 0;}
.logo-list img{ width: 86%; max-width: 90px;  vertical-align: middle;}

.mod-faq{ background-image: url(../images/bg-faq.jpg);}
.mod-faq .bd{ position: relative;}
.mod-faq .pic-faq{ position: absolute; z-index: 8; top: 26px; left: 50%; width: 20%; max-width: 272px; max-height: 542px; margin-left: -10%;}
.round{ position: absolute; z-index: 6; top: 12%; left: 50%; width: 32%; max-width: 400px; max-height: 400px; margin-left: -17%; opacity: .28; background: #fff; -webkit-animation: ripple 4s ease-out 25ms infinite; animation: ripple 4s ease-out 25ms infinite;}
.round-10{ z-index: 5; -webkit-animation-delay: .8s; animation-delay: .8s;}
.round-20{ z-index: 4; -webkit-animation-delay: 1.6s; animation-delay: 1.6s;}
.faq-list li{ opacity: 0; float: left; position: relative; width: 35%; padding-right: 56px; margin: 24px 0;}
.faq-list .info{ float: right; padding: 10px 30px; border: 1px dotted #b6b9ba; color: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.faq-list .doter{ left: auto; right: 0; margin-top: -18px;}
.faq-list .dot{ background-position: center -795px; background-size: 20px 900px}
.faq-list li:nth-child(2n){ float: right; padding: 0 0 0 56px;}
.faq-list li:nth-child(2n) .info{ float: left;}
.faq-list li:nth-child(2n) .doter{ left: 0; right: auto;}
.flex-btns{ padding: 28px 0 8px; text-align: center;}
.flex-btns .btn-hollow{ display: inline-block; width: 168px; height: 40px; margin: 28px 16px 0; border-color: #fff; line-height: 38px; color: #fff;}
.flex-btns .btn-hollow:hover{ border-color: #c71116; background: #c71116;}

.animate-list li{ opacity: 0;}
.animate-list a, .swiper-develop a{ display: block; -webkit-transition:all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.animate-list a:hover, .swiper-develop a:hover{ -webkit-box-shadow: 0 26px 40px -24px rgba(0,0,0,.28); box-shadow: 0 26px 40px -24px rgba(0,0,0,.28); -webkit-transform: translateY(-6px); transform: translateY(-6px); -webkit-border-radius: 4px; border-radius: 4px;}
.vote-list li{ float: left; width: 49.5%; margin-bottom: 12px; cursor: pointer;}
.vote-list li:nth-child(2n){ float: right;}
.vote-list a{ display: block; position: relative; padding: 24px; border: 1px solid #d5d5d5;}
.vote-list .pic{ position: absolute; top: 26px; left: 24px; width: 72px; height: 72px;}
.vote-list .info{ margin-left: 80px;}
.vote-list .name{ margin-bottom: 2px; font-size: 18px; line-height: 32px; color: #111;}
.vote-list .txt{ min-height: 40px; line-height: 20px; color: #777; overflow: hidden;}
.vote-list li:hover .name{ color: #e7141a;}

.plan-list{ margin: 0 -10px;}
.plan-list li{ float: left; width: 25%; padding: 0 10px; margin-bottom: 20px;}
.plan-list .pic{ width: 100%;}
.plan-list .info{ padding: 10px 8px; border-bottom: 2px solid #e7141a; font-size: 13px; line-height: 20px; color: #777; background: #fff;}
.plan-list .name{ margin-bottom: 4px; font-size: 18px; line-height: 30px; color: #111;}
.plan-list .txt{ height: 60px; overflow: hidden;}
.plan-list a:hover .info{ color: #fff; background: #e7141a;}
.plan-list a:hover .name{ color: #fff;}

.init-yqb .bd{ position: relative;}
.init-yqb .btn-prev, .init-yqb .btn-next{ position: absolute; z-index: 28; top: 50%; margin-top: -26px;}
.init-yqb .btn-prev{ left: 28px;} .init-yqb .btn-next{ right: 28px;}
.init-yqb .btn-prev:hover, .init-yqb .btn-next:hover{ border-color: #e7141a; background-color: #e7141a;}
.mod-yqbanner{ background-image: url(../images/bg-yqb.jpg);}
.swiper-yqber, .swiper-yqber a{ color: #fff;}
.swiper-yqber img{ width: 100%;}
.swiper-yqber .info{ float: left; width:45%; text-align: center;}
.swiper-yqber .title{ font-size: 46px; font-weight: bold; line-height: 60px;}
.swiper-yqber .subtitle{ margin: 15px 0 38px; font-size: 26px;}
.swiper-yqber span{ margin: 0 12px;}
.swiper-yqber .pic{ float: right; width: 45%;}

.mod-whaty .pic, .mod-whaty .info{ opacity: 0;}
.mod-whaty .pic{ margin: 18px 0;}
.mod-whaty .info{ padding: 0 0 8px;}
.mod-whaty .txt{ margin-bottom: 28px;}
.lead-list li{ float: left; position: relative; width: 24%; padding: 0 10px;}
.lead-list a{ color: #333;}
.lead-list .remark{ display: none; width: 60%; padding-left: 16px;}
.lead-list .caption{ margin: 28px 0 16px; font-size: 18px; line-height: 38px;}
.lead-list .daimio{ margin-right: 8px; font-size: 24px;}
.lead-list .active{ width: 52%;}
.lead-list .active .pic{ float: left; width: 40%;}
.lead-list .active .remark{ float: right; display: block;}
.mod-jumbo{ color: #fff; background: #e7141a;}
.flex-yqbmo .flex{ width: 20%;} .flex-yqbmo .num{ color: #fff;}
.flex-yqbmo .jumbo{ font-size: 38px; font-weight: bold;}
.flex-yqbmo .txt{ max-width: 136px; margin: 0 auto;}

.mod-envir{ background-image: url(../images/bg-envir.jpg);}
.mod-envir .btn-prev, .mod-envir .btn-next{ border-color: #d0d0d0; background-color: #d0d0d0;}
.swiper-envir .pic{ display: block;}

.mod-system{ background-image: url(../images/bg-system.jpg);}
.swiper-system .swiper-slide{ opacity: 0;}
.swiper-system a{ display: block; position: relative; padding: 48px 18px; font-size: 13px; color: #fff; text-align: center; -webkit-transition:all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.swiper-system img{ vertical-align: middle;}
.swiper-system .icon{ width: 110px; height: 110px; border: 1px solid #fff; margin: 0 auto; line-height: 108px;}
.swiper-system .name{ margin: 28px 0 10px; font-size: 22px;}
.swiper-system .txt{ height: 146px; text-align: left;}
.swiper-system a:hover{ -webkit-transform: translateY(-6px); transform: translateY(-6px);}
.swiper-system a:after{ position: absolute; left: -200%; top: 0; content: ""; cursor: pointer; width: 100%; height: 100%; background-image: -webkit-linear-gradient(0deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, .6), hsla(0, 0%, 100%, 0));transform: skewx(-25deg);-o-transform: skewx(-25deg);-moz-transform: skewx(-25deg);-webkit-transform: skewx(-25deg);transition: all 0.24s 0.15s, opacity 0s 0.4s;-webkit-transition: all 0.24 0.15s, opacity 0s 0.4s;}
.swiper-system a:hover{ background: #e7141a;}
.swiper-system a:hover:after{ left: 100%; opacity: 0;}

.simtable{ margin-top: 18px;}
.simtable li{ float: left; width: 8.5%; text-align: center;}
.simtable li:last-child{ width: 15%;}
.simtable .txt, .simtable .subtxt{ padding: 12px 0; border-right: 1px solid #f9f9f9; font-size: 12px; background: #fff;}
.simtable .txt{ line-height: 26px; color: #fff; text-overflow: ellipsis; white-space: nowrap; background: #ff0000; overflow: hidden;}
.simtable .subtxt{ line-height: 20px;}
.simtable .ihook{ display: block; width: 20px; height: 20px; margin: 0 auto; background-position: center -1628px;}
.simblack .txt{ background: #000;}

.mod-judge .info{ margin: 16px 0;}
.mod-judge .subname, .mod-judge .simtable, .mod-judge .hint{ opacity: 0;}
.mod-judge .subname{ font-size: 22px; line-height: 32px; color: #212121;}
.mod-judge .hint{ padding: 12px 18px; font-size: 12px; color: #777;}

.mod-brief .btn-hollow{ width: 168px; height: 36px; line-height: 34px;}
.brief-list li{ float: left; width: 50%; padding-right: 28px; margin-bottom: 36px;}
.brief-list li:nth-child(2n){ padding: 0 0 0 28px;}
.brief-list a{ display: block; position: relative; padding-left: 128px; color: #222;}
.brief-list .date{ position: absolute; top: 50%; left: 0; width: 106px; height: 106px; padding: 20px 0; border: 1px solid #cacaca; margin-top: -53px; text-align: center;}
.brief-list .day{ font-size: 36px; font-weight: bold; line-height: 42px;}
.brief-list .caption, .brief-list .txt{ height: 48px; overflow: hidden;}
.brief-list .caption{ margin-bottom: 12px; font-size: 18px;}
.brief-list .txt{ font-size: 16px; color: #777;}
.brief-list a:hover .date{ border-color: #e7141a; color: #fff; background: #e7141a;}
.brief-list a:hover .caption{ color: #e7141a;}
.brief-list a:hover{ -webkit-box-shadow: none; box-shadow: none;}