@charset "utf-8";
/*!  Project : 四川省风景旅游规划设计院有限公司名称
    +---------style.css----------+
    |                            |
    |    Author  |  yeshiqiu     |
    |    Q__Q    |  574442979    |
    |    Addr    |  SC_Chengdu   |
    |    Date    |  2017.08.29   |
    |                            |
    +--!-_-!--------------!-_-!--+
*/
.c1{color: #4ab669;}
.bgc1{background-color: #4ab669;}
.tdu:hover{text-decoration: underline;}
.op0{opacity: 0; filter: alpha(opacity=0); *zoom: 1;}
.op1{opacity: 1; filter: alpha(opacity=100);}
.ts{-webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s;}
.nots{-webkit-transition: none !important; transition: none !important;}
/* chrome */
a{color: #333333;}
a.on,
a:hover{color: #4ab669;}
body{color: #666666; font: 14px/1 "Microsoft YaHei", "微软雅黑", Arial, sans-serif;}
img{vertical-align: middle;}
.vmbox{font-size: 14px; line-height: 1.4333; font-family: "Microsoft YaHei", "微软雅黑";}
.info{font-size: 14px; line-height: 30px;}
.imax{font-size: 14px; line-height: 26px;}
::-moz-selection{background: #409e5b; color: #fff; text-shadow: none;}
::selection{background: #409e5b; color: #fff; text-shadow: none;}
/* nav */
.nav{z-index: 20;position: fixed; top: 0; left: 0; width: 100%; -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.05); box-shadow: 0 3px 3px rgba(0, 0, 0, 0.05);background-color: #fff;}
.fixedNav .nav{ background-color: rgba(255, 255, 255, 0.8);}
.nav .wrap{height: 100%;}
.nav .bg{display: none; z-index: 5;}
.nav .logo{float: left; position: relative; overflow: hidden; -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s;}
.nav .subNav{display: none;z-index: 31;}
@media screen and (min-width: 1024px){.scroll-wrap{padding-top: 100px;} .nav{height: 100px;} .nav .logo{margin-left: 15px; width: 435px; height: 100px; line-height: 100px; font-size: 0; *font-size: 76px;} .nav .navBox{position: absolute; right: 0 !important; top: 0; margin-right: 1.5625%;} .nav .navBox .item{position: relative; float: left; line-height: 100px;} .nav .navBox .item > .link{padding-left: 22px; padding-right: 22px; display: block; font-size: 16px;} .nav .navBox .item.on > .link{color: #4ab669;} .nav .navBox .subNav{position: relative; top: -4px; width: 130px; left: 50%; margin-left: -65px; border-top: #e77918 solid 4px; font-size: 14px; line-height: 42px; text-align: center; background-image: url(../images/i1.png);} .nav .navBox .subNav .link{display: block; border-top: #fff solid 1px; white-space: nowrap; color: #fff;} .csstransf .nav .navBox .subNav .link{position: relative; overflow: hidden;} .csstransf .nav .navBox .subNav .link::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 ease 0s; transition: all 220ms ease 0s; width: 0; left: 50%; background-color: rgba(0, 0, 0, 0.08);} .csstransf .nav .navBox .subNav .link:hover::after{width: 100%; left: 0;} .nav .navBox .subNav .link:hover{text-shadow: 0 0 2px rgba(0, 0, 0, 0.2);} .nav .navBox .subNav .link:first-child{border-top: none;} .nav .navbtn{display: none;}}
@media screen and (max-width: 1439px){.nav .logo{width: 70px;}}
@media screen and (max-width: 1023px){.scroll-wrap{padding-top: 80px;} .nav{height: 80px;} .nav .bg{position: fixed !important; background-color: rgba(0, 0, 0, 0.2);} .nav .logo{position: relative; margin-top: 5px; margin-left: 15px; width: 420px;} .nav .logo, .nav .logo img{height: 70px;} .nav .navbtn{z-index: 10; overflow: hidden; display: block; right: 15px; top: 13px; padding: 5px; width: 44px; height: 44px; cursor: pointer;} .csstransf .nav .navbtn{position: absolute;} .csstransf .nav .navbtn::before{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 ease 0s; transition: all 220ms ease 0s; background-color: rgba(0, 0, 0, 0);} .csstransf .nav .navbtn:hover::before{background-color: rgba(0, 0, 0, 0.1);} .nav .navbtn s{position: absolute; left: 5px; display: block; width: 44px; height: 5px; border-radius: 5px; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #4ab669; -webkit-transition: opacity .3s ease, -webkit-transform .3s ease; transition: opacity .3s ease, -webkit-transform .3s ease; transition: transform .3s ease, opacity .3s ease; transition: transform .3s ease, opacity .3s ease, -webkit-transform .3s ease; -webkit-transform-origin: 0 50%; transform-origin: 0 50%;} .nav .navbtn .i1{top: 11px;} .nav .navbtn .i2{top: 50%; margin-top: -2.5px; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%;} .nav .navbtn .i3{bottom: 11px;} .nav .navbtn.navShow{position: fixed; z-index: 80; margin-top: 0;} .nav .navbtn.navShow .i1{-webkit-transform: rotate(45deg) translate(8.5905px, 0); transform: rotate(45deg) translate(8.5905px, 0); top: 2.5px;} .nav .navbtn.navShow .i2{-webkit-transform: scale(0) rotate(180deg); transform: scale(0) rotate(180deg); opacity: 0;} .nav .navbtn.navShow .i3{-webkit-transform: rotate(-45deg) translate(8.5905px, 0); transform: rotate(-45deg) translate(8.5905px, 0); bottom: 2.5px;} .nav .navBox{position: fixed; z-index: 9; right: -100%; top: 0; max-width: 55%; width: 480px; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 5%; padding-right: 5%; overflow-y: auto; background-color: #fff; opacity: 1; filter: alpha(opacity=100); padding-top: 80px;} .nav .navBox .item{font-size: 26px; font-size: 1.3rem; line-height: 2.2; border-bottom: #d7e2e8 solid 1px;} .nav .navBox .item > .link{display: block; -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s;} .nav .navBox .item.on > .link{color: #4ab669;} .nav .navBox .item.on .subNav{display: block;} .nav .navBox .item .subNav{font-size: 20px; font-size: 1rem; padding-bottom: 5px;} .nav .navBox .item .subNav .link{margin-right: 5px; display: inline-block; white-space: nowrap; color: #777;} .nav .navBox .item .subNav .link.on, .nav .navBox .item .subNav .link:active, .nav .navBox .item .subNav .link:hover{color: #76b989;}}
@media screen and (max-width: 550px){.nav .logo{width: 70px;} .nav .logo img{max-width: none;}}
/* banner */
.banner{position: relative; width: 100%;}
.banner .item{display: block; overflow: hidden; width: 100%; padding-bottom: 29.16666667%; background-color: #fff; -webkit-transition: padding 200ms; transition: padding 200ms;}
.banner .item img{height: 100%;}
.banner .icon{height: 10px; line-height: 10px; position: absolute; bottom: 5%; left: 0; width: 100%; z-index: 3; text-align: center; white-space: nowrap;}
.banner .icon .btn{display: inline-block; position: relative; overflow: hidden; z-index: 1; width: 70px; height: 10px; -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s; text-indent: 100%; *text-indent: 0; *font-size: 0; margin: 0 5px; border: #4ab669 2px solid; -webkit-box-sizing: border-box; box-sizing: border-box; vertical-align: top; border-radius: 3px;}
.banner .icon .btn.on{background-color: #4ab669;}

.caseSwitch{position: relative; width: 100%;}
.caseSwitch .item{display: block; overflow: hidden; width: 100%; padding-bottom: 50%; background-color: #fff; -webkit-transition: padding 200ms; transition: padding 200ms;}
.caseSwitch .item img{height: 100%;}
.caseSwitch .icon {height: 12px; line-height: 12px; position: absolute; bottom: 15px; left: 0; width: 100%; z-index: 3; text-align: center; white-space: nowrap;}
.caseSwitch .icon .btn{display: inline-block; background-color: #fff; position: relative; overflow: hidden; z-index: 1; width: 12px; height: 12px; -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s; text-indent: 100%; *text-indent: 0; *font-size: 0; margin-left: 4px;margin-right: 4px; -webkit-box-sizing: border-box; box-sizing: border-box; vertical-align: top; border-radius: 12px;}
.caseSwitch .icon .btn.on{background-color: #4ab669;}

@media screen and (max-width: 1279px){.banner .item{padding-bottom: 380px;}}
@media screen and (max-width: 767px){.banner .item{padding-bottom: 300px;} .banner .icon .btn{width: 50px; height: 8px;}}
/* i-Head */
.i-Head{padding-top: 3.125%; padding-bottom: 2.60416667%; text-align: center;}
.i-Head .cn{font-size: 24px; color: #333; line-height: 26px;}
.i-Head .en{font-size: 14px; color: #999; margin-top: 10px; text-transform: uppercase;}
@media screen and (max-width: 767px){.i-Head{padding-top: 5.20833333%; padding-bottom: 4.16666667%;}}
/* i-MainBusiness */
.i-MainBusiness{padding-bottom: 2.34375%; padding-top: 2.34375%; font-size: 0; text-align: center;}
.i-MainBusiness .item{display: inline-block; width: 24.9%; font-size: 16px; padding-top: 10px; padding-bottom: 20px;}
.i-MainBusiness .item .ico{display: block; width: 100px; height: 100px; margin-left: auto; margin-right: auto; margin-bottom: 7.32095047%; background-image: url(../images/i2.png);}
.i-MainBusiness .item h3{overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.i-MainBusiness .item.i1 .ico{background-position: 0 0px;}
.i-MainBusiness .item.i2 .ico{background-position: 0 -100px;}
.i-MainBusiness .item.i3 .ico{background-position: 0 -300px;}
.i-MainBusiness .item.i4 .ico{background-position: 0 -200px;}
.i-MainBusiness .item.i5 .ico{background-position: 0 -500px;}
.i-MainBusiness .item.i6 .ico{background-position: 0 -400px;}
.i-MainBusiness .item.i7 .ico{background-position: 0 -600px;}
.i-MainBusiness .item.i8 .ico{background-position: 0 -700px;}
.i-MainBusiness .item:hover.i1 .ico{background-position: -100px 0px;}
.i-MainBusiness .item:hover.i2 .ico{background-position: -100px -100px;}
.i-MainBusiness .item:hover.i3 .ico{background-position: -100px -300px;}
.i-MainBusiness .item:hover.i4 .ico{background-position: -100px -200px;}
.i-MainBusiness .item:hover.i5 .ico{background-position: -100px -500px;}
.i-MainBusiness .item:hover.i6 .ico{background-position: -100px -400px;}
.i-MainBusiness .item:hover.i7 .ico{background-position: -100px -600px;}
.i-MainBusiness .item:hover.i8 .ico{background-position: -100px -700px;}
@media screen and (max-width: 620px) and (min-width: 441px){.i-MainBusiness .item{width: 33.2%;} .i-MainBusiness .item.i5{margin-left: 33.4%;}}
@media screen and (max-width: 440px){.i-MainBusiness .item{width: 50%; min-width: 130px;}}
/* i-About */
.i-About{padding-bottom: 5.20833333%; background-color: #f4f4f4;}
.i-About .col{width: 46%;}
.i-About .intro{float: left;}
.i-About .intro h1{font-size: 18px; line-height: 24px; font-weight: bold; color: #333;}
.i-About .intro .imax{position: relative; overflow: hidden; margin-top: 15px; font-size: 14px; line-height: 32px; color: #999;}
.i-About .intro .more{display: block; width: 112px; margin-top: 25px; line-height: 48px; height: 48px; font-size: 16px; -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s;}
.i-About .intro .more div{background-color: #4ab669; color: #fff; text-align: center;}
.i-About .intro .more:hover{width: 130px; line-height: 40px; border-radius: 4px; padding-top: 4px; height: 44px;}
.aboutSwitch{float: right; position: relative; width: 46%; height: 0; padding-bottom: 30.66666667%;}
.aboutSwitch .shade{position: absolute;}
.aboutSwitch .item,
.aboutSwitch .item img{width: 100%; height: 100%;}
.aboutSwitch .icon{height: 10px; line-height: 10px; position: absolute; bottom: 5%; left: 0; width: 100%; z-index: 3; text-align: center; white-space: nowrap;}
.aboutSwitch .icon .btn{display: inline-block; position: relative; overflow: hidden; z-index: 1; width: 10px; height: 10px; -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s; text-indent: 100%; *text-indent: 0; *font-size: 0; margin: 0 5px; background-color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; vertical-align: top; border-radius: 5px;}
.aboutSwitch .icon .btn.on{background-color: #4ab669;}
@media screen and (min-width: 1024px) and (max-width: 1280px){.i-About .intro .imax{height: 192px;}}
@media screen and (max-width: 1023px){.i-About .col{width: 100%; float: none; text-align: center;} .i-About .more{margin-left: auto; margin-right: auto;} .aboutSwitch{margin-top: 5%; padding-bottom: 66.66666667%;}}
/* i-Case */
.i-Case{background-color: #a8d2fc;}
.i-Case .cn,
.i-Case .en{color: #fff;}
.i-Case .ceil{position: relative; overflow: hidden; height: 0; padding-bottom: 24.47916667%;}
.i-Case .ceil .mask{color: #fff; background-color: #000;}
.i-Case .ceil .contain{position: absolute; left: 10%; right: 10%; top: 10%; bottom: 10%;}
.i-Case .ceil h3{font-size: 18px; line-height: 36px;}
.i-Case .ceil .info{margin-top: 4%; position: relative; overflow: hidden; height: 210px; line-height: 30px;}
.i-Case .ceil .more{display: block; margin-top: 5%; width: 42px; height: 42px; border: #fff solid 1px; text-align: center; line-height: 35px; color: #fff; font-size: 40px; font-family: Tahoma, sans-serif; -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s;}
.i-Case .ceil .more:hover{background-color: #333;}
.i-Case .ceil:hover .mask{opacity: .8; filter: alpha(opacity=80); *zoom: 1;}
@media screen and (max-width: 1599px){.i-Case .ceil .info{height: 150px;}}
@media screen and (max-width: 1279px){.i-Case .ceil .info{height: 120px;} .i-Case .ceil .more{font-size: 32px; width: 36px; height: 36px; line-height: 30px;}}
@media screen and (max-width: 1023px){.i-Case .ceil{padding-bottom: 48.95833333%;} .i-Case .ceil .info{height: 210px;}}
@media screen and (max-width: 767px){.i-Case .ceil .info{height: 150px;}}
@media screen and (max-width: 640px){.i-Case .ceil .info{height: 120px;}}
@media screen and (max-width: 540px){.i-Case .ceil{padding-bottom: 97.91666667%;} .i-Case .ceil .info{height: 210px;}}
@media screen and (max-width: 380px){.i-Case .ceil .info{height: 150px;}}
/* i-News */
.i-News .listMore{display: block; margin-left: auto; margin-right: auto; width: 134px; height: 36px; -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s; border: #999 solid 1px; text-indent: 39px; line-height: 36px; color: #999; background-image: url(../images/i3.png); background-repeat: no-repeat; background-position: 20px 14px;}
.i-News .listMore:hover{border-color: #4ab669; background-position: 15px 14px; text-indent: 37px;}
.newsList .col{background-color: #fafafa; border: #e5e5e5 solid 1px; color: #999; padding-bottom: 1.5%;}
.newsList .col a{-webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s;}
.newsList .col .date{position: absolute; left: 0; top: 0; z-index: 3; color: #666; background-color: #dbdbdb; -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s; font-weight: bold; text-align: center; font-family: Arial, sans-serif;}
.newsList .col .pic{width: 100%; height: 0; padding-bottom: 74.73684211%;}
.newsList .col h3{margin: 4% 3% -1%; line-height: 20px; font-size: 16px; -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s;}
.newsList .col h3:hover{text-indent: 5px;}
.newsList .col .info{position: relative; overflow: hidden; height: 4.2rem; line-height: 1.4rem; margin: 3%;}
.newsList .col .more{margin-left: 3%; margin-top: 1%; color: #999;}
.newsList .col:hover{z-index: 3; -webkit-transform: translateY(-10px); transform: translateY(-10px); background-color: #4ab669;}
.newsList .col:hover .date{background-color: #4ab669; color: #fff;}
.newsList .col:hover,
.newsList .col:hover a{color: #ffffff;}
@media screen and (min-width: 1024px){.newsList .col .date{width: 80px; height: 80px;} .newsList .col .date .y{font-size: 24px; padding-top: 15px; padding-bottom: 5px;} .newsList .col .date .md{font-size: 20px;}}
@media screen and (max-width: 1023px){.newsList .col .date{width: 60px; height: 60px;} .newsList .col .date .y{font-size: 18px; padding-top: 12px; padding-bottom: 4px;} .newsList .col .date .md{font-size: 14px;}}
@media screen and (min-width: 1024px){.i-News{padding-bottom: 1.82291667%;} .i-News .listMore{margin-top: 2.60416667%;} .i-News .col:nth-child(1n+4){display: none;}}
@media screen and (max-width: 480px){.newsList .col{padding-bottom: 3%;}}
@media screen and (max-width: 1023px){.i-News{padding-bottom: 4.42708333%;} .i-News .listMore{margin-top: 5.20833333%;}}
/* footer */
.footer{position: relative; padding-top: 2.5%; padding-bottom: 2%; text-align: center; line-height: 1.5; background-image: url(../images/bg1.jpg); background-position: center bottom; background-repeat: no-repeat;}
.footer,
.footer a{font-size: 16px; color: #fff;}
@media screen and (max-width: 767px){.footer, .footer a{font-size: 14px;}}
.fNav{line-height: 24px; font-size: 0;}
.fNav s{margin-left: 20px; margin-right: 20px; font-size: 16px;}
.fTel{margin-top: 2%; margin-bottom: 1.5%;}
@media screen and (max-width: 767px){.fTel{margin-top: 3%; margin-bottom: 2%;}}
/* copyrights */
.copyrights{line-height: 20px; padding-top: 15px; padding-bottom: 15px; text-align: center; background-color: #242424;}
.copyrights,
.copyrights a{color: #ffffff;}
/* sbanner */
.sbanner{position: relative; height: 0; padding-bottom: 350px; -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s;}
@media screen and (max-width: 1023px){.sbanner{padding-bottom: 33%;}}
@media screen and (max-width: 767px){.sbanner{padding-bottom: 250px;}}
/* subpage */
.subpage{padding-bottom: 4.16666667%;}
.subpage .i-Head{margin-top: 1%;}
/* secNav */
.secNav{text-align: center; font-size: 0;}
.secNav .link{display: inline-block; width: 130px; height: 42px; margin: 5px 10px; overflow: hidden; text-overflow: ellipsis; line-height: 42px; white-space: nowrap; color: #9c9c9c; border: #ededed solid 1px; font-size: 15px; background-color: #fff; -webkit-transition: color 220ms,background 220ms; transition: color 220ms,background 220ms;}
.secNav .link.on,
.secNav .link:hover{color: #fff; background-color: #4ab669;}
@media screen and (max-width: 330px){.secNav .link{width: 46% !important; margin-left: 2%; margin-right: 2%; -webkit-box-sizing: border-box; box-sizing: border-box;}}
.s-Main{margin-top: 2.86458333%;}
@media screen and (max-width: 767px){.s-Main{margin-top: 4.16666667%;}}
.s-About h1{margin-bottom: 1rem; font-size: 30px; font-size: 1.5rem; text-align: center;}
.s-About h1 strong{display: inline-block; padding-bottom: 1rem; border-bottom: #4ab669 solid 4px; padding-left: 2rem; padding-right: 2rem;}
.s-About .info{margin-left: 5%; margin-right: 5%;}
@media screen and (max-width: 1023px){.s-About .info{margin: 0;}}
@media screen and (max-width: 480px){.s-About h1 strong{padding-left: 1rem; padding-right: 1rem;} .s-About .info{margin-left: 0; margin-right: 0;}}
/* honorList */
.honorList .col{text-align: center; background-color: #fff; border: #ccc solid 1px; padding: 2.5% 3%; -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s;}
.honorList .col .img{height: 15rem; line-height: 15rem; font-size: 0; *font-size: 11rem;}
.honorList .col h3{font-size: 18px; line-height: 20px; padding-bottom: 1%; color: #333; margin-top: 1rem; font-weight: bold;}
/* .honorList .col:hover{background-color: #f1f1f1;} */
/* s-Memorabilia */
.s-Memorabilia{position: relative; min-height: 100px;}
.s-Memorabilia .container{position: relative;}
.s-Memorabilia .vmLine{position: absolute; top: 1.5rem; bottom: 2.5rem; left: 50%; margin-left: -1px; width: 2px; background-color: #4ab669;}
.s-Memorabilia .year{position: relative; z-index: 2; padding-bottom: 1rem; width: 100%;}
.s-Memorabilia .dt{margin-left: auto; margin-right: auto; text-align: center; color: #fff; background-color: #4ab669; font-size: 30px; font-weight: bold; font-family: Arial, sans-serif; cursor: pointer; width: 200px; height: 50px; line-height: 50px; -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s;}
.s-Memorabilia .dd{display: none; font-size: 16px; line-height: 26px; padding-top: 1rem;}
.s-Memorabilia .dd .item{position: relative; overflow: hidden; padding-top: 1rem; padding-bottom: 1rem;}
.s-Memorabilia .dd .item:nth-child(odd){width: 45%; text-align: right; padding-right: 55%;}
.s-Memorabilia .dd .item:nth-child(even){width: 45%; text-align: left; padding-left: 55%;}
.s-Memorabilia .dd .dot{position: absolute; top: 50%; margin-top: -10px; left: 50%; margin-left: -10px; width: 16px; height: 16px; border: #4ab669 solid 2px; background-color: #fefae4; border-radius: 10px;}
@media screen and (min-width: 456px) and (max-width: 608px){.busiNav .link:nth-child(5){margin-left: 162px;}}
/* s-MainBusiness */
.s-MainBusiness{position: relative;}
.s-MainBusiness .container{min-height: 630px;}
@media screen and (min-width: 1280px){.s-MainBusiness .container{padding-left: 280px; width: 920px;}}
@media screen and (max-width: 1279px){.s-MainBusiness .container{min-height: 50px;}}
.s-MainBusiness .sideNav .dt{display: none;}
@media screen and (min-width: 1280px){.s-MainBusiness .sideNav{position: absolute; left: 50%; top: 0; z-index: 2; margin-left: -600px; width: 192px; text-align: center; padding-bottom: 40px;} .s-MainBusiness .sideNav .dt{display: block; font-size: 24px; font-weight: bold; margin-bottom: 25px;} .s-MainBusiness .sideNav .dt img{display: block; margin-left: auto; margin-right: auto; margin-bottom: 60px;} .s-MainBusiness .sideNav .busiNav .link{display: block; width: auto; background: none; border: none; color: #666; line-height: 44px; height: auto; margin: 0;} .s-MainBusiness .sideNav .busiNav .link.on, .s-MainBusiness .sideNav .busiNav .link:hover{color: #4ab669;}}
.s-MainBusiness .column .pic{float: left; width: 40.2173913%; margin-right: 3.80434783%; height: 0; padding-bottom: 40.2173913%;}
.s-MainBusiness .column .txt .dt{margin-bottom: 25px; line-height: 34px; padding-bottom: 10px; border-bottom: #999 solid 1px; margin-left: 44.02173913%;}
.s-MainBusiness .column .txt .dt span{display: inline-block; white-space: nowrap;}
.s-MainBusiness .column .txt .dt .cn{margin-right: 22px; font-size: 24px;}
.s-MainBusiness .column .txt .dt .en{text-transform: uppercase;}
.s-MainBusiness .column .txt .dd{line-height: 36px; line-height: 1.8rem;}
@media screen and (max-width: 767px){.s-MainBusiness .column .pic{float: none; width: 100%; padding-bottom: 100%; margin: 0;} .s-MainBusiness .column .txt{margin-top: 3%;} .s-MainBusiness .column .txt .dt{margin-left: 0; margin-bottom: 15px; padding-bottom: 5px;}}
.s-MainBusiness .relatedCase{margin-top: 25px;}
.s-MainBusiness .relatedCase .col{padding-bottom: 31.32867133%; height: 0;}
@media screen and (min-width: 1024px){.s-MainBusiness .relatedCase .col:nth-child(1n+4){display: none;}}
@media screen and (max-width: 1023px){.s-MainBusiness .relatedCase .col{padding-bottom: 47.97202797%;}}
@media screen and (max-width: 480px){.s-MainBusiness .relatedCase .col{padding-bottom: 97.9020979%;}}
.s-MainBusiness .relatedCase .dt{-webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s; background-image: url(../images/i4.png); background-size: 98% 98%; background-repeat: no-repeat; background-position: center center; background-color: #4ab669; text-align: center;}
.s-MainBusiness .relatedCase .dt .link{color: #fff;}
.s-MainBusiness .relatedCase .dt .cn{padding-top: 26.22377622%; font-size: 24px;}
.s-MainBusiness .relatedCase .dt .hr{width: 40px; background-color: #fff; margin-left: auto; margin-right: auto; margin-top: 5.24475524%; margin-bottom: 6.99300699%;}
.s-MainBusiness .relatedCase .dt .aside{font-size: 18px;}
.s-MainBusiness .relatedCase .dt .en{margin-top: 12.23776224%; text-transform: uppercase;}
.s-MainBusiness .relatedCase .dt:hover{background-size: 96% 96%;}
@media screen and (min-width: 480px) and (max-width: 767px){.s-MainBusiness .relatedCase .dt .cn{font-size: 20px;} .s-MainBusiness .relatedCase .dt .aside{font-size: 16px;} .s-MainBusiness .relatedCase .dt .en{font-size: 12px;}}
.s-MainBusiness .relatedCase .dd .mask{position: absolute; top: auto; bottom: 0; width: 100%; height: 56px; background-color: rgba(74, 182, 105, 0.7);}
.s-MainBusiness .relatedCase .dd .mask s{position: absolute; right: 13px; top: 50%; margin-top: -13px; width: 25px; height: 25px; background-image: url(../images/i5.png); background-repeat: no-repeat; background-position: 0 0; -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s;}
.s-MainBusiness .relatedCase .dd h3{position: absolute; left: 10px; right: 75px; top: 4px; bottom: 4px; color: #fff; height: 48px; line-height: 48px; font-size: 0; *font-size: 36px;}
.s-MainBusiness .relatedCase .dd .vmbox{font-size: 14px; line-height: 24px;}
.s-MainBusiness .relatedCase .dd:hover .mask s{right: 10px;}
/* caseList */
.caseList .col{-webkit-box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.3); box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.3);}
.caseList .col .pic{padding-bottom: 97.9020979%;}
.caseList .col .txt{position: relative; width: 100%; height: 70px; background-color: #fff; -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s;}
.caseList .col .txt s{position: absolute; right: 15px; top: 50%; margin-top: -16px; width: 32px; height: 32px; background-image: url(../images/arrow1.png); background-repeat: no-repeat; background-position: 0 0; -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s;}
.caseList .col h3{position: absolute; overflow: hidden; left: 10px; right: 75px; top: 9px; line-height: 52px; font-size: 0; *font-size: 39px; height: 52px;}
.caseList .col .vmbox{font-size: 18px; line-height: 26px;}
.caseList .col:hover .txt{background-color: #4ab669; color: #fff;}
.caseList .col:hover .txt s{background-position: -32px 0;}
@media screen and (max-width: 1023px){.caseList .col .vmbox{font-size: 16px;}}
/* s-Case-View */
.s-Case-View{margin-top: 0;}
.s-Case-View .i-Head .block{padding-top: 10px; padding-bottom: 10px; border-top: #4ab669 2px solid; background-color: #fff;}
/* teamList */
.teamList .col h3{padding-top: 19.28571429%; text-align: center; font-size: 24px;}
.teamList .col .info{position: relative; overflow: hidden; margin-top: 8.92857143%; margin-left: 8%; margin-right: 8%; height: 96px; line-height: 24px; font-size: 14px; text-align: justify;}
.teamList .col .more{display: block; margin-left: auto; margin-right: auto; margin: 5% auto; background-image: url(../images/i7.png); background-size: 100% 100%; -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s;}
.teamList .col .more:hover{-webkit-transform: rotate(90deg); transform: rotate(90deg);}
.teamList .col .mask{background-color: rgba(0, 0, 0, 0.89); color: #fff;}
@media screen and (max-width: 1279px){.teamList .col .info{height: 72px;}}
@media screen and (min-width: 1024px){.teamList .col{padding-bottom: 25.17857143%;} .teamList .col .more{width: 50px; height: 50px;}}
@media screen and (max-width: 1023px){.teamList .col{padding-bottom: 34.28571429%;} .teamList .col .more{width: 40px; height: 40px;}}
@media screen and (max-width: 767px){.teamList .col{padding-bottom: 47.14285714%;} .teamList .col h3{font-size: 20px;} .teamList .col .info{height: 96px;}}
@media screen and (max-width: 669px){.teamList .col .info{height: 72px;} .teamList .col .more{width: 30px; height: 30px;}}
@media screen and (max-width: 539px){.teamList .col{padding-bottom: 107.14285714%;} .teamList .col .info{height: 96px;} .teamList .col .more{width: 40px; height: 40px;}}
/* s-News-View */
.s-News-View .column .pic{float: left; width: 27.08333333%; margin-right: 4.58333333%; margin-bottom: 1%;margin-top: 5.5%;}/*Clovis 2017.11.29*/
.s-News-View .column .dt{border-bottom: #666 solid 2px; margin-left: 41.66666667%; padding-top: 1.5%; padding-bottom: 1.5%; margin-bottom: 1.5%; font-size: 24px; color: #999;}
.s-News-View .column .dt span{display: inline-block; white-space: nowrap; font-weight: bold;}
.s-News-View .column .dt .name{font-size: 30px; color: #666;}
.s-News-View .column .dt .pos{margin-top: 5px;}
.s-News-View .column .dt s{color: #aaa;}
.s-News-View .column .dd{font-size: 18px; line-height: 38px;}
@media screen and (max-width: 1023px){.s-News-View .column .dd{font-size: 16px; line-height: 32px;}}
@media screen and (max-width: 767px){.s-News-View .column .pic{float: none; width: 100%; padding-bottom: 100%; margin: 0;} .s-News-View .column .dt{margin-left: 0; margin-bottom: 15px; padding-bottom: 10px; padding-top: 12px; font-size: 20px;} .s-News-View .column .dt .name{font-size: 26px;}}
@media screen and (max-width: 539px){.s-News-View .column .dt{font-size: 16px;} .s-News-View .column .dt .name{font-size: 22px;}}
.s-News-View .teamList{border-top: #666 dashed 1px; padding-top: 2.86458333%; margin-top: 2.86458333%;}
@media screen and (min-width: 768px) and (max-width: 1023px){.s-News-View .teamList .col:nth-child(1n+4){display: none;}}
/* workerList */
.workerList .col .pic{padding-bottom: 65.78947368%;}
.workerList .col .txt{position: relative; border: #9d9d9d solid 1px; padding: 5.47368421% 6.57894737%;}
.workerList .col h3{font-size: 18px; line-height: 22px; color: #000;}
.workerList .col .date{margin-top: 10px; color: #6f6f6f;}
.workerList .col .mask{background-color: #4ab669; color: #fff; text-align: center; bottom: -1px;}
.workerList .col .mask::before,
.workerList .col .mask::after{content: " "; position: absolute; width: 40px; height: 40px; background-repeat: no-repeat; background-size: 100% 100%;}
.workerList .col .mask::before{left: 2px; top: 2px; background-image: url(../images/i8lt.png);}
.workerList .col .mask::after{right: 2px; bottom: 2px; background-image: url(../images/i8rb.png);}
.workerList .col .mask span{position: absolute; left: 0; top: 50%; width: 100%; font-size: 22px; margin-top: -11px;}
.workerList .col:hover{-webkit-box-shadow: 0 5px 5px 2px rbga(0, 0, 0, 0.2); box-shadow: 0 5px 5px 2px rbga(0, 0, 0, 0.2);}
@media screen and (max-width: 767px){.workerList .col .mask::before, .workerList .col .mask::after{width: 30px; height: 30px;} .workerList .col .mask span{font-size: 18px; margin-top: -9px;}}
/* workersAlbum */
.s-Worker-View{margin-top: 0;}
.workersAlbum{margin-bottom: 15px;}
.workersAlbum .bigshow{position: relative; margin-left: auto;margin-right: auto; height: 0; width: 66.66%; padding-bottom: 43.88888888666667%;}
// .workersAlbum .bigshow .ctr{position: absolute; z-index: 6; width: 50%; height: 100%; top: 0; font-size: 0 !important;}
// .workersAlbum .bigshow .prev{left: 0; }
// .workersAlbum .bigshow .next{right: 0; }
.workersAlbum .bigshow .ctr,.caseSwitch .ctr{ position: absolute; z-index: 6; width: 80px; height: 100%; top: 0;background-position: center;background-repeat: no-repeat;background-color: rgba(0,0,0,.25);opacity: 0;-webkit-transition: all 220ms ease 200ms; transition: all 220ms ease 200ms;}
.workersAlbum .bigshow:hover .ctr,.caseSwitch:hover .ctr {opacity: 1;-webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s;}
@media screen and (max-width: 1023px) {.workersAlbum .bigshow .ctr,.caseSwitch .ctr{opacity: 1;}}
.workersAlbum .bigshow .prev,.caseSwitch .prev{left: 0; background-image: url(../images/arrow-xl.png);}
.workersAlbum .bigshow .next,.caseSwitch .next{right: 0; background-image: url(../images/arrow-xr.png);}
// .workersAlbum .ctrs {text-align: center;font-size: 16px;line-height: 32px;text-align: center;margin-top: 0.8%;margin-bottom: 1.2%;}
// .workersAlbum .ctrs .ctr {display: inline-block;margin-left: 10px;margin-right: 10px;color: #4ab669;padding-left: 5px;padding-right: 5px; }
// .workersAlbum .ctrs .ctr:active {background-color: #eee;}
.workersAlbum .smalllist{margin-top: 1.2%;position: relative; height: 92px;width: 66.66%;-webkit-box-sizing: border-box; box-sizing: border-box;margin-left: auto;margin-right: auto; padding-left: 50px; padding-right: 50px; -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s;}
.workersAlbum .smalllist .btn{float: left; width: 136px; height: 88px; line-height: 90px; font-size: 0; *font-size: 68px; margin-right: 20px; border: #ddd solid 2px;}
.workersAlbum .smalllist .btn.on{border-color: #4ab669;}
.workersAlbum .smalllist .ctr{position: absolute; z-index: 3; bottom: 0; width: 30px; height: 92px; color: #666; line-height: 92px; text-align: center; font-family: "SimSun", "宋体"; font-size: 30px; background-color: rgba(0, 0, 0, 0.1); -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s;}
.workersAlbum .smalllist .ctr:hover{background-color: rgba(0, 0, 0, 0.2); color: #333;}
.workersAlbum .smalllist .prev{left: 0; background-position: 0 0;}
.workersAlbum .smalllist .next{right: 0; background-position: -30px 0;}
@media screen and (max-width: 1023px){}
@media screen and (max-width: 767px){ .workersAlbum .smalllist{width: 100%;}.workersAlbum .bigshow{width: 100%;padding-bottom: 65.83333333%;}.workersAlbum .smalllist{height: 62px; padding-left: 35px; padding-right: 35px;} .workersAlbum .smalllist .btn{width: 90px; margin-right: 10px; height: 60px; line-height: 60px; font-size: 0; *font-size: 45px;} .workersAlbum .smalllist .ctr{height: 62px; line-height: 62px;}}
.workersAlbum .intro{font-size: 16px; line-height: 36px; margin-top: 15px;}
@media screen and (max-width: 767px){.workersAlbum .intro{font-size: 14px; line-height: 28px;}}
/* s-Consult */
@media screen and (min-width: 1024px){.s-Consult .txtbox{float: left; width: 31.25%; height: 596px; border-right: #4ab669 8px solid; background-image: url(../images/bg3.jpg); color: #fff; text-align: center;} .s-Consult .txtbox .qrcode{margin-top: 120px; text-align: center;} .s-Consult .txtbox .qrcode .pic{margin-left: auto; margin-right: auto; width: 160px; height: 160px;} .s-Consult .txtbox .qrcode p{font-size: 24px; margin-top: 35px;} .s-Consult .txtbox .clist{margin-top: 35px; font-size: 18px; font-weight: bold; line-height: 30px;} .s-Consult .txtbox .clist .dd{margin-top: 5px;}}
@media screen and (max-width: 1023px){.s-Consult .txtbox{float: none !important; margin-bottom: 25px; padding-bottom: 15px; border-bottom: #ddd solid 2px;} .s-Consult .txtbox .qrcode{display: none;} .s-Consult .txtbox .clist{font-size: 16px; line-height: 1.4333; text-align: center;} .s-Consult .txtbox .clist .dt{display: block; font-size: 18px; font-weight: bold; line-height: 24px; margin-bottom: 5px;}}
.s-Consult .form .dt{font-size: 18px; color: #5b5b5b; text-indent: 10px; margin-bottom: 20px;}
.s-Consult .form .item .skin{position: relative;z-index: 0;width: 100%; height: 50px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 9px; line-height: 30px; font-size: 16px; border: #a0a0a0 solid 1px; background-color: #fff;}
.s-Consult .form .item .option{font-size: 16px; height: 30px;position: absolute;z-index: 1;}
.s-Consult .form .item.textarea{width: 100%;}
.s-Consult .form .item.textarea .skin{height: 140px;}
.s-Consult .form .item.yzm{margin-left: 0 !important; width: 100%;}
.s-Consult .form .item .yimg{border: #a0a0a0 solid 1px; background-color: #fff;}
.s-Consult .form .item .bindClick{display: block; width: 125px; height: 48px;}
.s-Consult .form .item .refreshVC{position: absolute; right: 0; top: 0; left: 125px; height: 48px; background-image: url(../images/i9.png); background-repeat: no-repeat; background-position: right center;}
.s-Consult .form .item .enter{color: #fff; background-color: #4ab669; font-size: 22px;}
@media screen and (min-width: 1024px){.s-Consult .form{float: right; width: 62.5%; max-width: 700px;}}
@media screen and (max-width: 767px){.s-Consult .form .item.yzm .bindClick{margin-left: auto; margin-right: auto;} .s-Consult .form .item.yzm .refreshVC{background: none; left: 0;} .s-Consult .form .item .enter{font-size: 18px;}}
@media screen and (min-width: 480px){.s-Consult .form .item{width: 48%;} .s-Consult .form .item:nth-child(2n+2){margin-left: 4%;} .s-Consult .form .item:nth-child(1n+3){margin-top: 4%;} .s-Consult .form .item.yzm .col{width: 32%; height: 50px; line-height: 50px;} .s-Consult .form .item.yzm .col:nth-child(2), .s-Consult .form .item.yzm .col:nth-child(3){margin-left: 2%;}}
@media screen and (max-width: 479px){.s-Consult .form .item{width: 100%;} .s-Consult .form .item:nth-child(1n+2){margin-top: 4%;} .s-Consult .form .item.yzm .col{width: 48%; height: 50px; line-height: 50px;} .s-Consult .form .item.yzm .col:nth-child(2n+2){margin-left: 4%;} .s-Consult .form .item .enter{width: 100% !important; margin-top: 4%;}}
/* s-Contact */
.s-Contact .txtbox{float: left; position: relative; z-index: 2; width: 39.58333333%; background-color: #4ab669; color: #fff;}
.s-Contact .txtbox .triangle{position: absolute; right: 0; top: 50%; z-index: 5; margin-top: -2.2rem; margin-right: -5.6rem; overflow: hidden; width: 0; height: 0; border-width: 2.2rem 3.8rem; border-color: transparent transparent transparent #4ab669; border-style: dashed dashed dashed solid; font-size: 0;}
.s-Contact .txtbox .contain{padding: 5%;}
.s-Contact .txtbox .dt{font-size: 16px;}
.s-Contact .txtbox .hr{width: 30px; height: 2px; background-color: #fff; margin-top: 12px; margin-bottom: 10px;}
.s-Contact .txtbox .dd{line-height: 32px;}
.s-Contact .mapbox{float: right; position: relative; z-index: 1; width: 52.5%; padding-bottom: 30%;}
.s-Contact .mapbox #dituContent{position: absolute; left: 0; top: 0; width: 100%; height: 100%; line-height: 1.1;}
.s-Contact .mapbox #dituContent .BMap_bubble_title{font-size: 16px; margin-bottom: 5px; padding-right: 16px; /* .c1(); */}
.s-Contact .mapbox #dituContent .BMap_bubble_content{width: 400px !important; font-size: 14px;}
.s-Contact .mapbox #dituContent img{max-width: none;}
@media screen and (min-width: 1280px){.s-Contact .txtbox .dt{font-size: 20px;} .s-Contact .txtbox .hr{margin-top: 15px;} .s-Contact .txtbox .dd{line-height: 38px;}}
@media screen and (max-width: 1023px){.s-Contact .col{float: none; width: 100%;} .s-Contact .txtbox .contain{padding: 3.5% 3%;} .s-Contact .txtbox .triangle{left: 50%; margin-left: -1.9rem; top: 100%; margin-top: -2.8rem; border-width: 4.4rem 1.9rem; border-color: #4ab669 transparent transparent transparent; border-style: solid dashed dashed dashed;} .s-Contact .mapbox{padding-bottom: 50%;}}
/* s-Hr */
.HrList .item{position: relative; background-color: #fff; border: #dedede solid 1px; -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s;}
.HrList .item:nth-child(1n+2){margin-bottom: 30px;}
.HrList .item:hover{background-color: #f1f1f1;}
.HrList .vr{position: absolute; left: -1px; top: 50%; margin-top: -15px; width: 4px; height: 30px; background-color: #dedede;}
.HrList .contain{height: 50px; padding: 25px 80px 25px 25px; color: #837e7e;}
.HrList .pos{font-size: 16px; color: #343434; margin-bottom: 12px; line-height: 20px;}
.HrList .arrow{position: absolute; right: 40px; top: 50%; margin-top: -20px; width: 40px; height: 40px; background-image: url(../images/i10.png); background-size: 100% 100%;}
@media screen and (max-width: 767px){.HrList .contain{padding: 15px 55px 15px 15px;} .HrList .contain .arrow{right: 10px; width: 30px; height: 30px; margin-top: -15px;}}
/* s-Hr-View */
.s-Hr-View .contain{position: relative; padding: 24px 19px; background-color: #fff; border: #dedede solid 1px; -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s; color: #837e7e; line-height: 30px;}
.s-Hr-View .contain .pos{font-size: 16px; color: #343434; margin-bottom: 2px; line-height: 20px;}
.s-Hr-View .contain .imax{margin-top: 10px;}
.s-Hr-View .contain .historyBack{position: absolute; right: 20px; top: 20px; width: 106px; height: 42px; line-height: 42px; font-size: 16px; text-align: center; color: #fff; background-color: #4ab669;}
.s-Hr-View .contain .vr{position: absolute; left: -1px; top: 35px; width: 4px; height: 30px; background-color: #4ab669;}
@media screen and (max-width: 479px){.s-Hr-View .contain .historyBack{display: block; position: relative; right: 0; top: 0; width: 100%; margin-top: 15px;}}