@charset "utf-8";
/*!  Project : 四川w66来利建设
    +---------style.css----------+
    |                            |
    |    Author  |  yeshiqiu     |
    |    Q__Q    |  574442979    |
    |    Addr    |  SC_Chengdu   |
    |    Date    |  2017.08.07   |
    |                            |
    +--!-_-!--------------!-_-!--+
*/
.nots{-webkit-transition: none !important; transition: none !important;}
.ts{-webkit-transition: all 220ms linear 0s; transition: all 220ms linear 0s;}
.tdu:hover{text-decoration: underline;}
.op0{opacity: 0; filter: alpha(opacity=0); *zoom: 1;}
.op1{opacity: 1; filter: alpha(opacity=100);}
/* chrome */
.c1{color: #f08519;}
.bg1{background-color: #f08519;}
.c2{color: #2f318b;}
.bg2{background-color: #2f318b;}
a{color: #333333;}
a.on,
a:hover{color: #2f318b;}
html{min-width: 1200px;}
body{color: #666666; font: 14px/1 "Microsoft YaHei", "微软雅黑", Arial, sans-serif;}
img{vertical-align: middle;}
.w,
.container{width: 1200px; margin-left: auto; margin-right: auto;}
.vmbox{font-size: 14px; line-height: 1.4333; font-family: "Microsoft YaHei", "微软雅黑";}
.info{font-size: 14px; line-height: 20px;}
.imax{font-size: 16px; line-height: 26px;}
.TAlert{display: none; position: fixed; left: 0; top: 0; z-index: 99; overflow: hidden; width: 100%; height: 100%; text-align: center; overflow-x: hidden; overflow-y: auto;}
.TAlert .contain{display: inline-block; *display: inline; *zoom: 1; vertical-align: top; position: relative; overflow: hidden; z-index: 9; vertical-align: middle; width: 400px; padding: 70px 60px; background: #fff; font-size: 18px; line-height: 1; opacity: 0; -webkit-transition: all 220ms linear 0s; transition: all 220ms linear 0s; -webkit-transform: scale(0.2); transform: scale(0.2);}
.TAlert.on .contain{opacity: 1; -webkit-transform: scale(1); transform: scale(1);}
.TAlert .Tclose{position: absolute; top: 0; right: 0; cursor: pointer; width: 40px; height: 40px; color: #000; font: bold 40px/32px "黑体";}
.TAlert .head{font-size: 0;}
.TAlert .body{background: #fff; font-size: 16px; color: #333; font-weight: bold;}
/* 页码 */
.pageList{position: relative; overflow: hidden; height: 30px; line-height: 28px; font-size: 0; text-align: center; margin-top: 45px;}
.pageList ul{position: relative; float: none !important;}
.pageList ul,
.pageList ul li{display: inline-block; *display: inline; *zoom: 1; vertical-align: top;}
.pageList ul li{margin: 0 5px; font-size: 14px;}
.pageList a{display: block; border: #999999 solid 1px; padding-left: 10px; padding-right: 10px; height: 28px; color: #333; background-color: #fff; -webkit-transition: background 200ms, color 200ms; transition: background 200ms, color 200ms;}
.pageList a:hover,
.pageList a.selected{color: #fff; background-color: #2f318b;}
.pageList a:active{border-color: #fff;}
.csstransf .hbg .mt{-webkit-transform: translate(0, -100%); transform: translate(0, -100%);}
.csstransf .hbg:hover .mt,
.csstransf .hbg.hbgOn .mt{-webkit-transform: translate(0, 0); transform: translate(0, 0);}
.csstransf .scs img{-webkit-transition: all 500ms linear 0s; transition: all 500ms linear 0s;}
.csstransf .scs.hbgOn img,
.csstransf .scs:hover img{-webkit-transform: scale(1.025); transform: scale(1.025);}
.csstransf .tfy3,
.csstransf .tfx3,
.csstransf .tfy-3,
.csstransf .tfx-3{-webkit-transition: all 220ms linear 0s; transition: all 220ms linear 0s;}
.csstransf .tfy3:hover{-webkit-transform: translateY(3px); transform: translateY(3px);}
.csstransf .tfx3:hover{-webkit-transform: translateX(3px); transform: translateX(3px);}
.csstransf .tfy-3:hover{-webkit-transform: translateY(-3px); transform: translateY(-3px);}
.csstransf .tfx-3:hover{-webkit-transform: translateX(-3px); transform: translateX(-3px);}
.hbg .op0{-webkit-transition: all 250ms ease 0s; transition: all 250ms ease 0s; visibility: hidden; *visibility: visible;}
.hbg:hover .op0,
.hbg.hbgOn .op0{opacity: 1; filter: alpha(opacity=100); visibility: visible;}
.hbg .front,
.hbg:hover .behind,
.hbg.hbgOn .behind{opacity: 1; filter: alpha(opacity=100); -webkit-transition: all 222ms ease-out 0s; transition: all 222ms ease-out 0s;}
.hbg .behind,
.hbg:hover .front,
.hbg.hbgOn .front{opacity: 0; filter: alpha(opacity=0); *zoom: 1; -webkit-transition: all 222ms ease-in 0s; transition: all 222ms ease-in 0s;}
.hbg .bdu{border-width: 0; border-style: solid;}
.hbg:hover .bdu,
.hbg.hbgOn .bdu{height: 0 !important;}
.csstransf .linkBd{position: relative; overflow: hidden;}
.csstransf .linkBd::after{content: " "; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 3; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 220ms linear 0s; transition: all 220ms linear 0s; border: 0 solid rgba(0, 0, 0, 0.08); border-radius: inherit;}
.csstransf .linkBd:hover::after{border-width: 25px;}
/*nav*/
.nav{position: relative; z-index: 2; width: 100%; height: 110px; background-color: #fff; border-top: #2f318b 13px solid;}
.nav .logo{height: 110px; line-height: 110px; font-size: 0; *font-size: 84px; text-align: center;}
.nav .logo img{display: inline-block; position: relative; *top: -1px; max-width: 100%; max-height: 100%; width: auto; height: auto;}
.nav .navbox{position: relative;}
.nav .navbox .item{float: left; position: relative; height: 110px; line-height: 110px; font-size: 16px;}
.nav .navbox .item .bg{background-color: #2f318b; background-image: url(/html/public/images/i1.png); background-repeat: no-repeat; background-position: center bottom;}
.nav .navbox .item .link{position: relative; z-index: 1; display: block; width: 110px; height: 110px; text-align: center;}
.nav .navbox .item.hbgOn .link{color: #fff;}
.banner{position: relative; width: 100%; height: 420px;}
.banner .item{display: block; position: relative; overflow: hidden; width: 100%; height: 420px; -webkit-transition: none !important; transition: none !important; background-color: #fff;}
.banner .item img{-webkit-animation-duration: 4s; animation-duration: 4s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-iteration-count: 1; animation-iteration-count: 1;}
.banner .item.odd img{-webkit-animation-name: bgScaleS; animation-name: bgScaleS;}
.banner .item.odd.on img{-webkit-animation-name: bgScaleB; animation-name: bgScaleB;}
.banner .item.even img{-webkit-animation-name: bgScaleB; animation-name: bgScaleB;}
.banner .item.even.on img{-webkit-animation-name: bgScaleS; animation-name: bgScaleS;}
@-webkit-keyframes bgScaleS{0%{-webkit-transform: scale(1.025); transform: scale(1.025);} to{-webkit-transform: scale(1); transform: scale(1);}}
@keyframes bgScaleS{0%{-webkit-transform: scale(1.025); transform: scale(1.025);} to{-webkit-transform: scale(1); transform: scale(1);}}
.banner .bgScaleS{-webkit-animation-name: bgScaleS; animation-name: bgScaleS;}
@-webkit-keyframes bgScaleB{0%{-webkit-transform: scale(1); transform: scale(1);} to{-webkit-transform: scale(1.025); transform: scale(1.025);}}
@keyframes bgScaleB{0%{-webkit-transform: scale(1); transform: scale(1);} to{-webkit-transform: scale(1.025); transform: scale(1.025);}}
.banner .bgScaleB{-webkit-animation-name: bgScaleB; animation-name: bgScaleB;}
.banner img{position: relative; left: 50%; margin-left: -960px; width: 1920px; height: 420px;}
.banner .icon{position: absolute; bottom: 25px; width: 140px; height: 10px; line-height: 10px; padding-top: 10px; padding-bottom: 10px; left: 50%; margin-left: -70px; z-index: 3; text-align: center; white-space: nowrap; background-image: url(/html/public/images/i2.png); background-repeat: no-repeat; background-position: center ;}
.banner .icon .btn{display: inline-block; position: relative; overflow: hidden; z-index: 1; width: 10px; height: 10px; text-indent: 100%; *text-indent: 0; *font-size: 0; margin: 0 0; background-image: url(/html/public/images/i3.png); background-position: 0 -10px; vertical-align: top;}
.banner .icon s{width: 24px; height: 1px; background-color: #67678f; display: inline-block; margin: 4px 3px; vertical-align: top;}
.banner .icon .btn.on{background-position: 0 0;}
/* */
.i-Head{text-align: center;}
.i-Head.t1{height: 32px; padding-top: 32px; color: #2f318b; font-size: 24px; font-weight: bold; background-repeat: no-repeat; background-position: 356px bottom;}
.i-Head.t2{font-size: 24px;}
.i-Head.t2 .en{font-family: Tahoma, sans-serif; letter-spacing: 1px; text-transform: uppercase; margin-bottom: 10px;}
/* */
.i-More{display: block; width: 148px; height: 36px; line-height: 36px; text-align: center; color: #fff !important; margin-left: auto; margin-right: auto; font-size: 16px; font-family: Arial, sans-serif; background-image: url(/html/public/images/i4.png);}
/* .i-About */
.i-About{position: relative; padding-top: 75px; padding-bottom: 370px;}
.i-About .bg{top: auto; bottom: 0; height: 326px;}
.i-About .i-Head{background-image: url(/html/public/images/it-about.png);}
.i-About .content{margin-top: 35px; margin-bottom: 30px; text-align: center;}
/* .i-Advantage */
.i-Advantage{position: relative; padding-top: 80px; padding-bottom: 40px; background-image: url(/html/public/images/bg2.png); background-repeat: no-repeat; background-position: center 40px;}
.i-Advantage .i-Head{background-image: url(/html/public/images/it-advantage.png);}
.i-Advantage .content{margin-top: 35px; margin-bottom: 45px; text-align: center; width: 980px; margin-left: auto; margin-right: auto;}
.i-Advantage .list5{text-align: center; font-size: 0;}
.i-Advantage .list5 .item{display: inline-block; margin-left: 62px; margin-right: 62px;}
.i-Advantage .list5 .ico{display: block; width: 100px; height: 100px; line-height: 100px; font-size: 0; *font-size: 76px; text-align: center; background-image: url(/html/public/images/i5.png);}
.i-Advantage .list5 .ico img{display: inline-block; position: relative; *top: -1px; max-width: 100%; max-height: 100%; width: auto; height: auto;}
.i-Advantage .list5 h3{font-size: 18px; margin-top: 20px;}
.i-Advantage .list5 p{margin-top: 9px; width: 90px; height: 20px; line-height: 20px; margin-left: 5px; font-size: 14px; background-color: #2f318b; color: #FFF;}
.i-Advantage .i-More{margin-top: 55px;}
/* i-Business */
.i-Business{position: relative; height: 622px;}
.i-Business .i-Head{padding-top: 22px; padding-bottom: 96px;}
.i-Business .i-Head .en{color: #4e5097;}
.i-Business .i-Head .cn{color: #fff;}
.i-Business .list9{text-align: center; margin-left: -15px; width: 1230px;}
.i-Business .list9 .line{margin-top: 18px;}
.i-Business .list9 .line:first-child{margin-top: 0;}
.i-Business .list9 .linkBd{display: inline-block; width: 384px; height: 44px; margin-left: 15px; border-radius: 4px; border: #2f318b 3px solid; line-height: 44px; font-size: 20px; font-weight: bold;}
.i-Business .list9 .linkBd:first-child{margin-left: 0;}
.i-Business .list9 .type1{color: #fff; background-color: #2f318b;}
.i-Business .list9 .type2{color: #2f318b;}
.i-Business .i-More{margin-top: 40px;}
/* i-Case */
.i-Case{position: relative; height: 928px;}
.i-Case .i-Head{padding-top: 80px; padding-bottom: 70px; color: #fff;}
.i-Case .caseSlide{position: relative; width: 1200px; height: 582px; padding-bottom: 80px;}
.i-Case .caseSlide .item{display: block; position: relative; overflow: hidden; width: 1200px; height: 582px;}
.i-Case .caseSlide .link{position: absolute; -webkit-transition: all 300ms linear 0s; transition: all 300ms linear 0s; -webkit-transform: scale(0.8); transform: scale(0.8); opacity: 0; filter: alpha(opacity=0); *zoom: 1;}
.i-Case .caseSlide .link.i1{left: 0; top: 0; width: 508px; height: 286px;}
.i-Case .caseSlide .link.i2{left: 0; top: 296px; width: 508px; height: 286px;}
.i-Case .caseSlide .link.i3{left: 518px; top: 0; width: 682px; height: 384px;}
.i-Case .caseSlide .link.i4{left: 518px; top: 394px; width: 334px; height: 188px;}
.i-Case .caseSlide .link.i5{left: 866px; top: 394px; width: 334px; height: 188px;}
.i-Case .caseSlide .link.on{-webkit-transform: none; transform: none; opacity: 1; filter: alpha(opacity=100);}
.i-Case .caseSlide .pic{width: 100%; height: 100%;}
.i-Case .caseSlide h3{position: absolute; left: 0; bottom: 0; z-index: 2; height: 40px; width: 100%; line-height: 40px; text-indent: 22px; color: #fff; background-image: url(/html/public/images/i6.png);}
.i-Case .caseSlide .icon{height: 12px; line-height: 12px; position: absolute; bottom: 14px; left: 0; width: 100%; z-index: 3; text-align: center; white-space: nowrap;}
.i-Case .caseSlide .icon .btn{display: inline-block; position: relative; overflow: hidden; z-index: 1; width: 12px; height: 12px; text-indent: 100%; *text-indent: 0; *font-size: 0; margin: 0 5px; background-image: url(/html/public/images/i7.png); background-position: 0 0; vertical-align: top;}
.i-Case .caseSlide .icon .btn.on{background-position: 0 -12px;}
.i-Case .caseSlide .ctr{display: block; position: absolute; z-index: 9; bottom: 0; width: 40px; height: 40px; border-radius: 40px; background-image: url(/html/public/images/arrow.png); -webkit-transition: all 220ms linear 0s; transition: all 220ms linear 0s;}
.i-Case .caseSlide .ctr:hover{background-color: rgba(255, 255, 255, 0.1);}
.i-Case .caseSlide .prev{left: 505px; background-position: 0 0;}
.i-Case .caseSlide .next{right: 505px; background-position: -40px 0;}
/* i-News */
.i-News{position: relative; padding-top: 80px; padding-bottom: 50px;}
.i-News .i-Head{background-image: url(/html/public/images/it-news.png); margin-bottom: 80px;}
.i-News .iNews-list{position: relative; overflow: hidden; margin-right: -44px; margin-bottom: -30px; *margin-bottom: 0;}
.i-News .iNews-list .item{float: left; position: relative; overflow: hidden; width: 420px; height: 112px; padding-left: 125px; padding-right: 33px; margin-right: 44px; margin-bottom: 30px; background-image: url(/html/public/images/i8.png);}
.i-News .iNews-list .item .date{float: left; position: relative; overflow: hidden; width: 58px; padding-left: 21px; padding-right: 21px; height: 100px; margin-left: -125px; text-align: center; background-color: #eee; -webkit-transition: all 220ms linear 0s; transition: all 220ms linear 0s;}
.i-News .iNews-list .item .bdu{border-color: #f08519; -webkit-transition: all 220ms linear 0s; transition: all 220ms linear 0s;}
.i-News .iNews-list .item .d{font-size: 40px; padding-top: 10px; padding-bottom: 8px; border-bottom: #666 solid 1px; -webkit-transition: all 220ms linear 0s; transition: all 220ms linear 0s;}
.i-News .iNews-list .item .y-m{margin-top: 15px;}
.i-News .iNews-list .item h3{padding-top: 10px; line-height: 30px; padding-bottom: 8px; font-size: 16px;}
.i-News .iNews-list .item .info{position: relative; overflow: hidden; max-height: 40px; line-height: 20px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.i-News .iNews-list .item:hover{background-position: 0 -112px;}
.i-News .iNews-list .item:hover .date{/* .bg1(); */ color: #fff;}
.i-News .iNews-list .item:hover .date .d{border-color: #fff;}
.i-News .iNews-list .item:hover .aft{color: #f08519;}
.i-News .iNews-list .item:hover .bdu{border-width: 50px; width: 0;}
.i-News .i-More{margin-top: 60px;}
/* i-Contact */
.i-Contact{position: relative; height: 309px;}
.i-Contact .triangle{position: absolute; left: 50%; z-index: 11; margin-left: -48px; top: -1px; overflow: hidden; width: 0; height: 0; border-width: 36px 48px; border-color: #ffffff transparent transparent transparent; border-style: solid dashed dashed dashed; font-size: 0;}
.i-Contact .i-Head{padding-top: 100px; color: #fff;}
.i-Contact .content{text-align: center; margin-top: 35px;}
.i-Contact .content .link{display: inline-block; width: 150px; height: 48px; line-height: 48px; text-align: center; color: #fff; font-size: 18px; margin-left: 7px; margin-right: 7px;}
/* footer */
.footer{position: relative; z-index: 2; padding-top: 50px; padding-bottom: 50px; background-color: #eee;}
.footer .qrcode{width: 125px; text-align: center; color: #999;}
.footer .qrcode .pic{height: 125px; margin-bottom: 12px;}
/* fnav */
.fnav dl{position: relative; float: left; width: 185px; padding-left: 15px; padding-bottom: 5px;}
.fnav dt{margin-bottom: 18px; height: 18px; line-height: 18px; border-left: #ddd solid 6px; margin-left: -15px; text-indent: 9px; font-size: 16px;}
.fnav dt a{color: #666;}
.fnav .vr{position: absolute; left: 0; top: 0; bottom: 0; background-color: #ddd;}
.fnav dd{padding-top: 4px; padding-bottom: 4px; line-height: 18px;}
.fnav dd a{color: #999;}
.fnav a:hover{color: #f08519;}
/* copyrights */
.copyrights{position: relative; z-index: 1; background-color: #ccc; padding-top: 8px; padding-bottom: 8px; line-height: 20px;}
.copyrights,
.copyrights a{color: #666666;}
.copyrights a:hover{color: #f08519;}
.subpage{position: relative; z-index: 1;}
/* sbanner */
.sbanner{position: relative; z-index: 2; height: 160px; margin-bottom: 105px;}
.sbanner .contain{padding-top: 130px; height: 80px; font-size: 28px; color: #2f318b; text-align: center; background-image: url(/html/public/images/i9.png); background-repeat: no-repeat; background-position: center bottom;}
.sbanner .contain .en{display: block; margin-left: auto; margin-right: auto; margin-bottom: 20px;}
/* secNav */
.secNav{position: relative; margin-bottom: 30px; *margin-bottom: 40px; z-index: 11; text-align: center; font-size: 0; width: 1200px; margin-left: auto; margin-right: auto;}
.secNav .item{position: relative; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; width: 200px; height: 30px; margin-bottom: 10px; line-height: 30px; color: #2f318b; background-color: #fff; font-size: 16px; -webkit-transition: all 220ms linear 0s; transition: all 220ms linear 0s;}
.secNav .item a{display: block; position: relative; z-index: 2;}
.secNav .item .bg{background-color: #2f318b; -webkit-transform: translateY(10px); transform: translateY(10px);}
.secNav .item.hbgOn .bg{-webkit-transform: none; transform: none;}
.secNav .item.hbgOn .contain{color: #fff;}
.secNav .item:hover .thrNav{opacity: 1; filter: alpha(opacity=100); visibility: visible; -webkit-transform: none; transform: none;}
.secNav .thrNav{position: relative; z-index: 0; -webkit-transition: all 250ms ease 0s; transition: all 250ms ease 0s; opacity: 0; filter: alpha(opacity=0); *zoom: 1; visibility: hidden; *visibility: visible; border-top: #fff solid 19px; -webkit-transform: translateY(-10px); transform: translateY(-10px);}
.secNav .thrNav a{height: 40px; line-height: 40px; border-top: #fff solid 1px; background-color: #2f318b; color: #fff; -webkit-transition: all 220ms linear 0s; transition: all 220ms linear 0s;}
.secNav .thrNav a:hover,
.secNav .thrNav a.on{background-color: #f08519;}
.s-Head{width: 100%; height: 42px; color: #2f318b;}
.s-Head .ya{position: relative; z-index: 2; display: block; width: 80px; white-space: nowrap; height: 20px; line-height: 20px; padding-bottom: 20px; border-bottom: 4px solid; font-size: 20px; font-weight: bold;}
.s-Head .hr{position: relative; z-index: 1; background-color: #eee; margin-top: -2px;}
.sA-about .imax{margin-top: 35px; margin-bottom: 45px;}
.sA-culture{position: relative;}
.sA-culture .s-Head{color: #fff; position: absolute; left: 0; top: 60px; z-index: 2;}
.sA-culture .s-Head .hr{opacity: .1; filter: alpha(opacity=10); *zoom: 1;}
.sA-aptitude{padding-bottom: 76px;}

.sA-aptitude #aptitudeSwicth{position: relative; height: 645px; padding: 65px 35px 120px;}
.sA-aptitude #aptitudeSwicth .shade{padding-bottom: 100px; padding-left: 15px; padding-right: 15px; margin-left: -15px;}
.sA-aptitude #aptitudeSwicth .box{position: static !important; left: 0; width: 100%; height: 645px; z-index: 1;}
.sA-aptitude #aptitudeSwicth .item{float: left; position: relative; /* overflow: hidden; */ width: 342px; height: 460px; line-height: 470px; font-size: 0; *font-size: 296px; text-align: center; overflow: visible !important; padding: 5px;}
.sA-aptitude #aptitudeSwicth .item img{width: 342px; height: 460px; margin-left: auto; margin-right: auto; display: block; background-color: #fff; -webkit-transition: .6s !important; transition: .6s !important; -webkit-box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.17); box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.17);}
.sA-aptitude #aptitudeSwicth .item .description{padding-top: 30px; opacity: 0; filter: alpha(opacity=0); *zoom: 1; -webkit-transform: translateY(-10px); transform: translateY(-10px); text-align: center; -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s; color: #333;}
.sA-aptitude #aptitudeSwicth .item .description h3{font-size: 20px; font-weight: bold;}
.sA-aptitude #aptitudeSwicth .item .description p{font-size: 16px; margin-top: 12px;}
.sA-aptitude #aptitudeSwicth .item.rollItem{line-height: 1; position: absolute;}
.sA-aptitude #aptitudeSwicth .item.on{z-index: 9;}
.sA-aptitude #aptitudeSwicth .item.on img{width: 410px; height: 550px; padding: 30px 25px; -webkit-transform: perspective(880px) scale(1) rotateX(0deg) rotateY(0); transform: perspective(880px) scale(1) rotateX(0deg) rotateY(0);}
.sA-aptitude #aptitudeSwicth .item.on .description{-webkit-transition-delay: 300ms; transition-delay: 300ms; opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0); transform: translateY(0);}
.sA-aptitude #aptitudeSwicth .item.pOn img,
.sA-aptitude #aptitudeSwicth .item.nOn img{cursor: pointer; width: 342px; height: 460px; padding: 10px;}
.csstransf .sA-aptitude #aptitudeSwicth .item.pOn img{-webkit-transform: perspective(880px) scale(1.15) rotateX(0deg) rotateY(20deg); transform: perspective(880px) scale(1.15) rotateX(0deg) rotateY(20deg); -webkit-transform-origin: 0 50%; transform-origin: 0 50%;}
.csstransf .sA-aptitude #aptitudeSwicth .item.nOn img{-webkit-transform: perspective(880px) scale(1.15) rotateX(0deg) rotateY(-20deg); transform: perspective(880px) scale(1.15) rotateX(0deg) rotateY(-20deg); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%;}
.sA-aptitude .ctr{display: none; position: absolute; width: 50px; top: 345px; height: 73px; z-index: 20; -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s; background-color: #ddd; background-image: url(/html/public/images/arrow2.png);}
.sA-aptitude .ctr:hover{background-color: #f08519;}
.sA-aptitude .prev{left: -60px; background-position: 0 0;}
.sA-aptitude .next{right: -60px; background-position: -50px 0;}
.sA-aptitude .icon{height: 12px; line-height: 12px; position: absolute; bottom: 0; left: 0; width: 100%; z-index: 3; text-align: center; white-space: nowrap;}
.sA-aptitude .icon em{display: inline-block; position: relative; overflow: hidden; z-index: 1; width: 12px; height: 12px; text-indent: 100%; *text-indent: 0; *font-size: 0; margin: 0 5px; background-image: url(/html/public/images/i7.png); background-position: 0 0; vertical-align: top;}
.sA-aptitude .icon em.on{background-position: 0 -12px;}
/* bussiness */
.sB-application,
.sB-type,
.sB-range{padding-bottom: 50px;}
.sB-application .s-Head,
.sB-type .s-Head,
.sB-range .s-Head{margin-bottom: 45px;}
.sB-range .bussinList{position: relative; overflow: hidden; margin-right: -30px; margin-bottom: -30px; *margin-bottom: 0;}
.sB-range .bussinList .item{float: left; position: relative; overflow: hidden; width: 380px; height: 260px; margin-right: 30px; margin-bottom: 30px;}
.sB-range .bussinList .pic{height: 214px; border-radius: 10px;}
.sB-range .bussinList h3{margin-top: 15px; line-height: 28px; color: #f08519; font-weight: bold; font-size: 18px; text-align: center;}
.caseList{position: relative; overflow: hidden; margin-right: -30px; margin-bottom: -60px; *margin-bottom: 0;}
.caseList .item{float: left; width: 378px; height: 388px; margin-right: 30px; margin-bottom: 60px;}
.caseList .pic{position: relative; height: 214px; -webkit-transition: all 220ms linear 0s; transition: all 220ms linear 0s;}
.caseList .contain{padding-left: 29px; padding-right: 29px; height: 174px; border: #efefef solid 1px; -webkit-transition: all 330ms linear 0s; transition: all 330ms linear 0s; background-color: #fff;}
.caseList h3{padding-top: 25px; padding-bottom: 25px; height: 24px; line-height: 24px; font-size: 18px;}
.caseList .info{position: relative; overflow: hidden; max-height: 66px; line-height: 22px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; height: 66px; text-align: justify;}
.caseList .more{display: block; margin-left: auto; margin-right: auto; margin-top: 15px; width: 114px; height: 30px; line-height: 30px; text-align: center; color: #fff; background-color: #2f318b; -webkit-transition: all 220ms linear 0s; transition: all 220ms linear 0s;}
.caseList .item:hover .contain{margin-top: -75px; padding-bottom: 75px;}
.caseList .item:hover .more{margin-top: 30px; background-color: #f08519;}
/* 页码 */
.page{ margin-top: 65px; margin-bottom: 60px;}
.page.pageList{ position: relative; overflow: hidden; height: 30px; line-height: 28px; font-size: 0; text-align: center;}
.page.pageList ul{position: relative; float: none !important;}
.page.pageList ul,
.page.pageList ul li{display: inline-block; *display: inline; *zoom: 1; vertical-align: top;}
.page.pageList ul li{margin: 0 5px; font-size: 14px;}
.page.pageList a{display: block; border: #999999 solid 1px; padding-left: 10px; padding-right: 10px; height: 28px; color: #333; background-color: #fff; -webkit-transition: background 200ms, color 200ms; transition: background 200ms, color 200ms;}
.page.pageList a:hover,
.page.pageList a.selected{color: #fff; background-color: #2f318b;}
.page.pageList a:active{border-color: #fff;}
.imageText{margin-bottom: 35px; /* .bs-pic */}
.imageText .bs-pic{position: relative; width: 570px; height: 370px;}
.imageText .bs-pic .bigshow{height: 320px; margin-bottom: 10px;}
.imageText .bs-pic .bigshow .lazyimg{opacity: .5; filter: alpha(opacity=50); *zoom: 1;}
.imageText .bs-pic .smalllist{width: 470px; height: 40px; padding-left: 50px; padding-right: 50px;}
.imageText .bs-pic .smalllist .btn{float: left; width: 68px; height: 38px; margin-right: 10px; border: #ccc solid 1px; background-color: #000;}
.imageText .bs-pic .smalllist .btn img{opacity: .8; filter: alpha(opacity=80); *zoom: 1;}
.imageText .bs-pic .smalllist .btn.on{border-color: #f08519;}
.imageText .bs-pic .smalllist .btn.on img{opacity: 1; filter: alpha(opacity=100);}
.imageText .bs-pic .ctr{position: absolute; z-index: 3; bottom: 0; width: 28px; height: 38px; border: #2f318b 1px solid; color: #2f318b; line-height: 38px; text-align: center; font-size: 27px; font-family: "SimSun", "宋体"; -webkit-transition: all 220ms linear 0s; transition: all 220ms linear 0s;}
.imageText .bs-pic .ctr:hover{background-color: #2f318b; color: #fff; font-weight: bold;}
.imageText .bs-pic .prev{left: 0; background-position: 0 0;}
.imageText .bs-pic .next{right: 0; background-position: -28px 0;}
.imageText .txt{width: 570px; min-height: 339px; padding-bottom: 30px; border-bottom: #ddd solid 2px;}
.imageText .txt h1{font-size: 18px; height: 36px; font-weight: bold; color: #333;}
.imageText .txt .info{margin-top: 30px; font-size: 16px; line-height: 30px;}
.caseBody{position: relative; padding-top: 19px;}
.caseBody dt{position: absolute; left: 0; top: 0; width: 180px; height: 40px; line-height: 40px; background-image: url(/html/public/images/i11.png); text-indent: 24px; color: #fff;}
.caseBody .description{border: #ddd solid 1px; padding: 44px 23px 24px; min-height: 30px; line-height: 30px; font-size: 18px;display: block;}
.caseBody .imax{margin-top: 30px;}
.view-Foot{position: relative; height: 40px; margin-top: 45px; line-height: 40px; padding-bottom: 35px; margin-bottom: 60px; border-bottom: #bfbfbf solid 1px;}
.view-Foot .ctr{position: absolute; height: 40px; width: 40px; background-image: url(/html/public/images/arrow3.png);}
.view-Foot .prev{left: 0; background-position: 0 0;}
.view-Foot .prev:hover{background-position: 0 -40px;}
.view-Foot .next{left: 60px; background-position: -40px 0;}
.view-Foot .next:hover{background-position: -40px -40px;}
.view-Foot .historyBack{position: absolute; right: 0; top: 11px; padding-left: 50px; height: 18px; line-height: 18px; color: #2f318b; background-image: url(/html/public/images/i10.png); background-repeat: no-repeat; background-position: 0 center; -webkit-transition: all 220ms linear 0s; transition: all 220ms linear 0s;}
.view-Foot .historyBack:hover{padding-left: 53px;}
.relCaseList{position: relative; overflow: hidden; margin-right: -90px; margin-top: 40px; margin-bottom: -30px; *margin-bottom: 0; padding-bottom: 60px;}
.relCaseList .item{float: left; position: relative; overflow: hidden; width: 340px; height: 252px; margin-right: 90px; margin-bottom: 30px;}
.relCaseList .item:hover h3{background-color: #f1f1f1;}
.relCaseList .pic{height: 191px;}
.relCaseList h3{height: 20px; padding-top: 20px; padding-bottom: 20px; border: #efefef solid 1px; border-top: none; font-size: 16px; text-align: center; line-height: 20px; -webkit-transition: all 220ms linear 0s; transition: all 220ms linear 0s;}
/* hotTechList */
.hotTechList{position: relative; overflow: hidden; margin-right: -40px; margin-bottom: -30px; *margin-bottom: 0;}
.hotTechList .item{float: left; position: relative; overflow: hidden; width: 270px; height: 310px; margin-right: 40px; margin-bottom: 30px;}
.hotTechList .pic{height: 201px;}
.hotTechList h3{margin-top: 20px; position: relative; overflow: hidden; max-height: 40px; line-height: 20px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.hotTechList .more{display: block; width: 66px; height: 26px; line-height: 26px; text-align: center; color: #fff; background-color: #2f318b; border-radius: 2px; margin-top: 20px;}
/* techList */
.techList{margin-top: 55px; border-top: #f0f0f0 solid 4px; padding-top: 45px;}
.techList,
.techList .aft{-webkit-transition: all 220ms linear 100ms; transition: all 220ms linear 100ms;}
.techList .item{position: relative; height: 44px; margin-top: 20px; background-color: #f0f0f0; border-radius: 2px;}
.techList .item:first-child{margin-top: 0;}
.techList .item:hover .contain{background-position: 15px -44px;}
.techList .item:hover .aft,
.techList .item:hover{color: #fff;}
.techList .item:hover .bdu{border-top-width: 22px; border-bottom-width: 22px;}
.techList .bg{border-color: #2f318b;}
.techList .contain{padding-top: 10px; padding-bottom: 10px; height: 24px; line-height: 24px; padding-left: 40px; padding-right: 115px; background-image: url(/html/public/images/i12.png); background-repeat: no-repeat; background-position: 15px 0;}
.techList .date{position: absolute; right: 15px; top: 10px;}
/* tech-Head */
.tech-Head{padding-top: 35px; padding-bottom: 30px; border-top: #ddd solid 1px; border-bottom: #ddd solid 1px;}
.tech-Head h1{font-size: 20px; line-height: 26px; color: #333;}
.tech-Head .aside{margin-top: 15px; color: #999;}
/* tech-Body */
.tech-Body{margin-top: 35px;}
/* tech-Download */
.tech-Download{margin-top: 35px; display: block; width: 140px; height: 50px; line-height: 50px; text-align: center; color: #fff !important; font-size: 16px; background-color: #2f318b; border-radius: 4px;}
.speBg{position: absolute; left: 0; right: 0; /* top: 292px; */ top: -163px; height: 538px; z-index: 0; background-image: url(/html/public/images/bg6.jpg); background-position: 50% 50%; background-repeat: no-repeat;}
/* messageBoard */
.messageBoard{position: relative; z-index: 1; padding-bottom: 80px;}
.messageBoard .line{margin-top: 22px;}
.messageBoard .line:first-child{margin-top: 0;}
.messageBoard .line .skin{width: 588px; height: 38px;}
.messageBoard .skin{border: #bfbfbf solid 1px; text-indent: 12px; font-size: 16px; line-height: 38px; color: #999; background-color: #fff;}
.messageBoard .skin.red{color: #ff0000; border-color: #ff0000;}
.messageBoard .skin.red::-webkit-input-placeholder{color: #ff0000;}
.messageBoard .skin.red:-moz-placeholder{color: #ff0000;}
.messageBoard .skin.red::-moz-placeholder{color: #ff0000;}
.messageBoard .skin.red:-ms-input-placeholder{color: #ff0000;}
.messageBoard textarea.skin{padding: 9px 12px; width: 1174px; line-height: 20px; text-indent: 0;}
.messageBoard .yzm .skin{width: 238px;}
.messageBoard .yzm img{height: 40px;}
.messageBoard .yzm .ci{color: #f55c30;}
.messageBoard .enter{display: block; margin-left: auto; margin-right: auto; margin-top: 22px; width: 240px; height: 40px; line-height: 40px; text-align: center; color: #fff; font-size: 16px; background-color: #2f318b;}
/* newsList */
.newsList{position: relative; overflow: hidden;}
.newsList .block{position: absolute; height: 240px; width: 100%; background-color: #eeeeee;}
.newsList .item{position: relative; z-index: 2; padding-top: 30px; padding-bottom: 30px; height: 180px;}
.newsList .item .contain{position: relative; height: 100%; padding-left: 540px; padding-right: 110px; width: 550px; margin-left: auto; margin-right: auto; background-image: url(/html/public/images/i13.png); background-repeat: no-repeat; background-position: 1160px 70px;}
.newsList .item .date{position: absolute; left: 0; top: 50px; height: 80px; width: 58px; text-align: center;}
.newsList .item .date .d{color: #333; font-size: 40px;}
.newsList .item .date .y-m{padding-top: 15px; margin-top: 10px; border-top: solid 1px;}
.newsList .item .pic{position: absolute; left: 180px; top: 0; width: 280px; height: 180px;}
.newsList .item h3{padding-top: 48px; height: 22px; line-height: 22px; font-size: 16px;}
.newsList .item .info{position: relative; overflow: hidden; max-height: 48px; line-height: 24px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-top: 8px;}
.newsList .item .more{position: absolute; top: 70px; right: 0; width: 40px; height: 40px; background-image: url(/html/public/images/i13.png); background-position: right 0; -webkit-transition: all 220ms linear 0s; transition: all 220ms linear 0s;}
.newsList .item.on .ts{color: #2f318b;}
/* jiaru */
/* .tipsword{*/
.join-sec1{margin-bottom: 80px;}
.join-sec1 .pic{width: 230px; height: 240px;}
.join-sec1 .txt{width: 906px; padding-top: 30px; padding-bottom: 30px; border-top: #ddd solid 1px; border-bottom: #ddd solid 1px; min-height: 178px;}
.join-sec2{margin-top: 55px;}
.join-sec2 .hr{height: 2px;}
.join-sec2 .hr.l{width: 600px; background-color: #2f318b;}
.join-sec2 .hr.r{width: 600px; background-color: #a8a9e5;}
.join-sec2 .dt{height: 56px; line-height: 56px; font-size: 16px; font-weight: bold; color: #2f318b; margin-bottom: -22px;}
.join-sec2 .line{width: 1150px; text-align: center;}
.join-sec2 .line .col{float: left;}
.join-sec2 .line .i1{width: 230px;}
.join-sec2 .line .i2{width: 150px;}
.join-sec2 .line .i3{width: 210px;}
.join-sec2 .line .i4{width: 160px;}
.join-sec2 .line .i5{width: 200px;}
.join-sec2 .line .i6{width: 200px;}
.join-sec2 .dd{position: relative; margin-top: 22px;}
.join-sec2 .dd .line{background-color: #E8E8E8; height: 50px; line-height: 50px; color: #333; -webkit-transition: all 220ms linear 0s; transition: all 220ms linear 0s;}
.join-sec2 .dd .spreadBtn{position: absolute; right: 0; bottom: 0; width: 50px; height: 50px; background-color: #f5f5f5; background-image: url(/html/public/images/i14.png);}
.join-sec2 .dd.unfold .line{background-color: #2f318b; color: #fff;}
.join-sec2 .dd.unfold .spreadBtn{background-position: 0 -50px; background-color: #a8a9e5;}
.join-sec2 .dd.unfold .hide{-webkit-box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.24); box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.24);}
.join-sec2 .hide{position: relative; top: -50px; margin-bottom: -50px; padding: 94px 44px 44px; border: #2f318b 1px solid; display: none;}
.join-sec2 .hide .content{font-size: 14px; line-height: 20px; color: #666;}
.join-sec2 .hide .fnFoot{border-top: #bfbfbf solid 1px; margin-top: 55px; padding-top: 15px; height: 120px ;}
.join-sec2 .hide .fnFoot .aside{margin-top: 35px; margin-left: 30px; font-size: 16px; line-height: 30px;}
.join-sec2 .hide .fnFoot .qrcode{width: 600px; text-align: right;}
.join-sec2 .hide .fnFoot .qrcode .item{display: inline-block; *display: inline; *zoom: 1; vertical-align: top; padding-left: 140px; line-height: 120px; color: #333; margin-left: 50px;}
.join-sec2 .hide .fnFoot .qrcode .pic{float: left; margin-left: -140px; width: 120px; height: 120px;}
.join-sec2 .hide .ci{color: #cc0202;}
/* contact-sec1 */
.contact-sec1{padding-top: 30px; padding-bottom: 35px; border-bottom: #ddd solid 1px;}
/* contact-sec2 */
.contact-sec2{margin-top: 45px; margin-bottom: 75px;}
.contact-sec2 .clist{width: 490px; line-height: 48px; font-size: 16px; color: #2f318b;}
.contact-sec2 .clist .item{padding-left: 35px;}
.contact-sec2 .clist .ico{float: left; margin-left: -35px; width: 25px; height: 48px; background-image: url(/html/public/images/i15.png); background-repeat: no-repeat;}
.contact-sec2 .clist .add .ico{background-position: 0 0;}
.contact-sec2 .clist .tel .ico{background-position: 0 -48px;}
.contact-sec2 .clist .fax .ico{background-position: 0 -96px;}
.contact-sec2 .clist .email .ico{background-position: 0 -144px;}
.contact-sec2 .qrcode{margin-top: 80px; height: 130px; line-height: 130px; padding-left: 165px; font-size: 16px; color: #2f318b;}
.contact-sec2 .qrcode .pic{width: 122px; height: 122px; border: #2f318b solid 4px; float: left; margin-left: -165px;}
.contact-sec2 #dituContent{width: 700px; height: 405px; line-height: 1.1;}
.contact-sec2 #dituContent .BMap_bubble_title{font-size: 16px; margin-bottom: 5px; padding-right: 16px; color: #2f318b;}
.contact-sec2 #dituContent .BMap_bubble_content{width: 400px !important; font-size: 14px;}
.contact-sec2 #dituContent img{max-width: none;}
/* keyframes use */
@-webkit-keyframes dotShake {
    0% {
        -webkit-transform: none;
        transform: none;
    }
    15% {
        -webkit-transform: translate3d(-12%, 0, 0) rotate(-4deg);
        transform: translate3d(-12%, 0, 0) rotate(-4deg);
    }
    30% {
        -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
        transform: translate3d(10%, 0, 0) rotate(2deg);
    }
    45% {
        -webkit-transform: translate3d(-8%, 0, 0) rotate(-2deg);
        transform: translate3d(-8%, 0, 0) rotate(-2deg);
    }
    60% {
        -webkit-transform: translate3d(5%, 0, 0) rotate(1deg);
        transform: translate3d(5%, 0, 0) rotate(1deg);
    }
    75% {
        -webkit-transform: translate3d(-3%, 0, 0) rotate(-1deg);
        transform: translate3d(-3%, 0, 0) rotate(-1deg);
    }
    to {
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes dotShake {
    0% {
        -webkit-transform: none;
        transform: none;
    }
    15% {
        -webkit-transform: translate3d(-12%, 0, 0) rotate(-4deg);
        transform: translate3d(-12%, 0, 0) rotate(-4deg);
    }
    30% {
        -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
        transform: translate3d(10%, 0, 0) rotate(2deg);
    }
    45% {
        -webkit-transform: translate3d(-8%, 0, 0) rotate(-2deg);
        transform: translate3d(-8%, 0, 0) rotate(-2deg);
    }
    60% {
        -webkit-transform: translate3d(5%, 0, 0) rotate(1deg);
        transform: translate3d(5%, 0, 0) rotate(1deg);
    }
    75% {
        -webkit-transform: translate3d(-3%, 0, 0) rotate(-1deg);
        transform: translate3d(-3%, 0, 0) rotate(-1deg);
    }
    to {
        -webkit-transform: none;
        transform: none;
    }
}
.dotShake {
    -webkit-animation-name: dotShake;
    animation-name: dotShake;
}
@-webkit-keyframes tada {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
    10%,
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
    }
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
    }
    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}
@keyframes tada {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
    10%,
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
    }
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
    }
    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}
.tada {
    -webkit-animation-name: tada;
    animation-name: tada;
}
@-webkit-keyframes fadeInUps {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes fadeInUps {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
.fadeInUps {
    -webkit-animation-name: fadeInUps;
    animation-name: fadeInUps;
}
@-webkit-keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg);
    }
    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg);
    }
    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg);
    }
    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg);
    }
    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg);
    }
    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg);
    }
    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg);
    }
    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg);
    }
    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
.headShake {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-name: headShake;
    animation-name: headShake;
}