/* public */.section{    width: 1300px;    margin: 0 auto;}.content .section{    padding: 60px 0;}.section>.title{    margin-bottom: 20px;    padding-bottom: 10px;    position: relative;}.section>.title h3{    font-size: 24px;    color: #333;    font-weight: bold;}.section>.title h3:after{    display: block;    content: '';    width: 100px;    height: 2px;    background: #494949;    margin-top: 15px;}.layout{    display: inline-block;    vertical-align: middle;}.content-header{    padding: 30px 0px;    border-bottom: 1px solid #DDD;}.content-header .main{    width: 1300px;    margin: 0 auto;    font-size: 14px;}.content-header .main img{    display: inline-block;    vertical-align: top;    margin-right: 10px;    margin-top: -1px;}.content-header .main a{    color: #333;}/* header */.header .top{    padding: 10px 0;    border-bottom: 1px solid #e3e3e3;    background: #FFF;}.header .top .section>.fl{    margin-top: 14px;}.header .top ul{    display: flex;    width: 415px;    margin-top: 5px;}.header .top ul li{    flex: 1;    text-align: center;    position: relative;}.header .top ul li a,.header .top ul li a span{    display: block;}.header .top ul li a:hover .img{    transform: translateY(-10px);    box-shadow: 1px 1px 10px #DDD;}.header .top ul li a .img{    width: 45px;    height: 45px;    border: 1px solid #d1d1d1;    border-radius: 50%;    margin: 0 auto;    position: relative;    transition: all .3s;}.header .top ul li a .img img{    display: block;    position: absolute;    left: 50%;    top: 50%;    transform: translate(-50%, -50%);    width: 30px;}.header .top ul li a span{    margin-top: 10px;}nav{    border-bottom: 1px solid #e3e3e3;    background: #FFF;    width: 100%;    z-index: 99999;}nav ul{    position: relative;}nav ul li{    position: relative;    z-index: 2;    background: none;}nav>ul>li:after{    display: block;    position: absolute;    right: 0;    top: 50%;    transform: translateY(-50%);    content: '';    width: 1px;    height: 10px;    background: #DDD;}nav ul li ul{    position: absolute;    left: 0;    top: 60px;    background: #FFF;    width: 100%;    text-align: center;}nav ul li ul li{    border-bottom: 1px dashed #DDD;}nav ul li ul li a{    width: calc(100% - 20px);    font-size: 15px;    padding: 0 10px;    background: #FFF;    overflow: hidden;    -ms-text-overflow: ellipsis;    text-overflow: ellipsis;    white-space: nowrap;}nav ul>span{    position: absolute;    display: block;    left: 0;    top: 0;    width: 116px;    height: 65px;    background: #11b181;    z-index: 1;}nav ul li a{    display: block;    padding: 0 40px;    line-height: 60px;    font-size: 18px;}nav>.section>ul>li>a:after{    display: block;    content: '';    position: absolute;    left: 50%;    bottom: 5px;    width: 0;    height: 2px;    border-radius: 3px;    background: #11b181;    transform: translateX(-50%);    transition: all .3s;}nav>.section>ul>li>a:hover:after{    width: 100px;}nav ul li ul li:hover a{    background: #11b181;    color: #fff;}nav .section>.fr{    margin-top: 15px;}nav .section>.fr img{    width: 30px;}nav .section>.fr span{    display: inline-block;    font-size: 20px;    color: #707070;    margin-left: 10px;}nav ul li>.project_nav{    position: absolute;    left: 0;    top: 61px;    background: #EEE;    width: 500px;    padding: 20px;    font-size: 0;}nav ul li>.project_nav a{    display: inline-block;    width: 155px;    padding: 0;    line-height: 30px;    font-size: 14px;    overflow: hidden;    -ms-text-overflow: ellipsis;    text-overflow: ellipsis;    white-space: nowrap;    margin-right: 10px;}nav ul li>.project_nav a:hover{    color: #11b181;}nav ul li>.navpage{    display: none;}/* banner */.banner{    position: relative;}.banner img{    display: block;    width: 100%;}.banner .text{    position: absolute;    left: 50%;    top: 50%;    transform: translate(-50%, -50%);}.banner .text h4{    font-size: 55px;    font-weight: bold;    color: #333;    margin-bottom: 30px;}.banner .text p{    font-size: 20px;    line-height: 25px;    color: #333;}.banner .text a{    display: block;    width: 174px;    height: 54px;    line-height: 54px;    border: 1px solid #eee;    text-align: center;    background: #FFF;    color: #6c6c6c;    font-size: 20px;    margin-top: 20px;}/* project */.project .section .nav{    width: 300px;    background: #FFF;}.project .section .nav h3{    font-size: 20px;    line-height: 65px;    font-weight: bold;    color: #333;    background: #e2e2e2;    text-align: center;}.project .section .nav>ul>li>a{    display: block;    line-height: 20px;    padding: 15px;    border-bottom: 1px solid #DDD;    position: relative;    overflow: hidden;    -ms-text-overflow: ellipsis;    text-overflow: ellipsis;    white-space: nowrap;}.project .section .nav>ul>li.active ul{    display: block;}.project .section .nav>ul>li>a span{    display: block;    position: absolute;    right: 10px;    top: 50%;    margin-top: -7.5px;    transform: rotate(-90deg);    transition: all .3s;    width: 15px;    height: 15px;}.project .section .nav>ul>li>a span i{    display: block;    position: absolute;}.project .section .nav>ul>li>a span i.a{    width: 15px;    height: 1px;    background: #cecece;    top: 50%;    left: 50%;    margin-left: -7px;    transition: all .3s;}.project .section .nav>ul>li>a span i.b{    width: 1px;    height: 15px;    background: #cecece;    top: 50%;    left: 50%;    margin-top: -7px;    transition: all .3s;}.project .section .nav>ul>li>a.active span i.a{    transform: rotate(90deg);}.project .section .nav ul>a{    display: block;    line-height: 20px;    padding: 15px 30px;    font-size: 20px;    color: #007aff;}.project .section .nav ul li ul{    display: none;}.project .section .nav ul li ul li{    line-height: 20px;    padding: 15px 15px 15px 25px;    border-bottom: 1px solid #DDD;    position: relative;    overflow: hidden;    -ms-text-overflow: ellipsis;    text-overflow: ellipsis;    white-space: nowrap;}.project .section .nav ul li ul li a{    display: inline-block;    transition: all .3s;    font-size: 14px;}.project .section .nav ul li ul li:hover a{    color: #11b181;    transform: translateX(10px);}.project .section .project-main{    width: 960px;}.project .section .project-main .title{    position: relative;    padding-bottom: 10px;    margin-bottom: 20px;    border-bottom: 3px solid #DDD;}.project .section .project-main .title h3{    color: #333;}.project .section .project-main .title h3 span{    font-size: 20px;    font-weight: bold;}.project .section .project-main .title a{    display: block;    color: #494949;    position: absolute;    right: 0;    bottom: 15px;    width: 90px;}.project .section .project-main .title a:after{    display: inline-block;    vertical-align: middle;    margin-top: -2px;    margin-left: 5px;    content: '>';    font-family: '宋体';    font-size: 12px;    width: 15px;    height: 15px;    text-align: center;    line-height: 15px;    background: #11b181;    color: #FFFF;    border-radius: 50%;}.project .section .project-main ul li{    width: 310px;    margin-right: 15px;    margin-bottom: 15px;    background: #fff;    transition: all .3s;    text-align: center;}.project .section .project-main ul li:hover{    box-shadow: 1px 3px 10px #DDD;}.project .section .project-main ul li:nth-of-type(3n){    margin: 0;}.project .section .project-main ul li a,.project .section .project-main ul li a .img img{    display: block;    width: 100%;    transition: all .3s;}.project .section .project-main ul li a .img img{    height: 310px;}.project .section .project-main ul li a .img {    overflow: hidden;}.project .section .project-main ul li:hover a .img img{    transform: scale(1.1);}.project .section .project-main ul li a p {    line-height: 40px;    text-align: center;    -ms-text-overflow: ellipsis;    text-overflow: ellipsis;    overflow: hidden;    white-space: nowrap;}/* programme */.programme{    background: #e8f2f7;}.programme .title{    position: relative;}.programme .title a{    display: block;    color: #494949;    position: absolute;    right: 0;    bottom: 15px;    width: 90px;}.programme .title a:after{    display: block;    content: '>';    font-family: '宋体';    font-size: 12px;    width: 15px;    height: 15px;    text-align: center;    line-height: 15px;    background: #11b181;    color: #FFFF;    border-radius: 50%;    position: absolute;    right: 0;    top: 50%;    margin-top: -7.5px;}.programme .section ul{    display: flex;}.programme .section ul li{    flex: 1;    background: #FFF;    position: relative;    transition: all .3s ease-in-out;    max-width: 420px;}.programme .section ul li:nth-of-type(2){    margin: 0 20px;}.programme .section ul li img{    display: block;    width: 100%;    height: 300px;}.programme .section ul li .text{    padding: 30px;    position: relative;    z-index: 2;}.programme .section ul li .text h4 a{    color: #333;    font-weight: bold;    font-size: 18px;}.programme .section ul li .text h4 a:hover{    color: #11b181;}.programme .section ul li .text p{    color: #666;    line-height: 20px;    margin-top: 15px;    display: -webkit-box;    -webkit-line-clamp: 2;    -webkit-box-orient: vertical;    overflow: hidden;    height: 40px;    text-indent: 2rem;}.programme .section ul li:hover{    box-shadow: 0 3px 10px #CCC;    transform: translateY(-10px);}/* advantage */.advantage{    background: #f5f5f5;}.advantage .section ul{    display: flex;}.advantage .section ul li{    flex: 1;    text-align: center;    justify-content: space-between;    padding: 50px 0;    transition: all .3s ease-in-out;}.advantage .section ul li .img{    display: inline-table;    margin-bottom: 20px;    transition: all .3s ease-in-out;}.advantage .section ul li .img .img-main{    display: table-cell;    vertical-align: middle;    width: 170px;    height: 170px;    border-radius: 50%;    background: #FFF;    box-shadow: 0 0 20px #DDD;}.advantage .section ul li .img img{    display: block;    margin: 0 auto 10px;}.advantage .section ul li .img p{    font-size: 18px;    font-weight: bold;    color: #333;}.advantage .section ul li>p{    line-height: 25px;    transition: transform .3s ease-in-out;    width: 260px;    text-align: left;    text-indent: 2rem;    margin: 0 auto;}.advantage .section ul li>p:nth-of-type(1){    transition-delay: .1s;}.advantage .section ul li>p:nth-of-type(2){    transition-delay: .2s;}.advantage .section ul li>p:nth-of-type(3){    transition-delay: .3s;}.advantage .section ul li>p:nth-of-type(4){    transition-delay: .4s;}.advantage .section ul li:hover{    background: #11b181;}.advantage .section ul li:hover .img{    transform: translateY(-20px);}.advantage .section ul li:hover>p{    color: #FFF;    transform: translateY(-20px);}/* aboutus */.aboutus .section .title a{    display: block;    color: #494949;    position: absolute;    right: 0;    bottom: 15px;    width: 90px;}.aboutus .section .title a:after{    display: block;    content: '>';    font-family: '宋体';    font-size: 12px;    width: 15px;    height: 15px;    text-align: center;    line-height: 15px;    background: #11b181;    color: #FFFF;    border-radius: 50%;    position: absolute;    right: 0;    top: 50%;    margin-top: -7.5px;}.aboutus .section>ul>li{    width: 48%;    height: 368px;    overflow: hidden;}.aboutus .section>ul>li.fl{    position: relative;    overflow: hidden;}.aboutus .section>ul>li img{    display: block;    width: 100%;    transition: all .3s;}.aboutus .section>ul>li.fl a{    display: none;    width: 100%;    height: 100%;    position: absolute;    left: 0;    top: 0;}.aboutus .section>ul>li.fl a p{    padding: 20px;    background: rgba(0, 0, 0, .8);    position: absolute;    left: 0;    bottom: 0;    right: 0;    font-size: 18px;    color: #fff;    -ms-text-overflow: ellipsis;    text-overflow: ellipsis;    overflow: hidden;    white-space: nowrap;}.aboutus .section>ul>li.fl a:hover img{    transform: scale(1.1);}.aboutus .section>ul>li.fl span{    position: absolute;    right: 20px;    bottom: 70px;}.aboutus .section>ul>li.fl span i{    display: inline-block;    width: 12px;    height: 12px;    background: #fff;    border-radius: 50%;    margin-left: 10px;    cursor: pointer;}.aboutus .section>ul>li.fl span i:hover,.aboutus .section>ul>li.fl span i.active{    background: #63c7a9;}.aboutus .section>ul>li>ul{    display: flex;    background: #f0f0f0;}.aboutus .section>ul>li>ul>li{    flex: 1;    height: 368px;}.aboutus .section>ul>li>ul>li a{    display: block;    height: 100%;}.aboutus .section>ul>li>ul>li a:hover p{    background: #11b181;    color: #FFF;}.aboutus .section>ul>li>ul>li a:hover p span{    border-top: 10px solid #11b181;}.aboutus .section>ul>li>ul>li:nth-of-type(2) a:hover p span{    border-bottom: 10px solid #11b181;}.aboutus .section>ul>li>ul>li a>p{    height: 184px;    line-height: 184px;    text-align: center;    font-size: 24px;    color: #676767;    font-weight: bold;    position: relative;    transition: all .3s ease-in-out;}.aboutus .section>ul>li>ul>li a>p span{    position: absolute;    left: 50%;    bottom: -10px;    margin-left: -5px;    display: block;    width: 0;    height: 0;    border-left: 10px solid transparent;    border-top: 10px solid #f0f0f0;    border-right: 10px solid transparent;    z-index: 9;    transition: all .3s ease-in-out;}.aboutus .section>ul>li>ul>li:nth-of-type(2) a>p span{    border-top: none;    border-left: 10px solid transparent;    border-bottom: 10px solid #f0f0f0;    border-right: 10px solid transparent;    bottom: initial;    top: -10px;}.aboutus .section>ul>li>ul>li a>.img{    height: 184px;    overflow: hidden;}.aboutus .section>ul>li>ul>li a:hover>.img img{    transform: scale(1.1);}.aboutus .section>ul>li>ul>li a>.img img{    display: block;    width: 100%;    height: 184px;    transition: all .3s ease-in-out;}/* news */.news .section>.fl{    width: 700px;}.news .section>.fl>.top>.fl{    display: block;    width: 305px;    position: relative;    margin-right: 20px;}.news .section>.fl>.top>.fl img{    display: block;    width: 100%;}.news .section>.fl>.top>.fl .time{    position: absolute;    left: 0;    top: 0;    background: #63c7a9;    padding: 10px 21px;    color: #FFF;    text-align: center;}.news .section>.fl>.top>.fl .time span{    display: block;    margin-bottom: 10px;    font-size: 35px;    font-weight: bold;}.news .section>.fl>.top>.text{    position: relative;    width: 375px;}.news .section>.fl>.top>.text h4 a{    font-size: 18px;    font-weight: bold;    color: #333;}.news .section>.fl>.top>.text p{    line-height: 25px;    display: -webkit-box;    -webkit-box-orient: vertical;    -webkit-line-clamp: 4;    overflow: hidden;    margin: 20px 0;    color: #747474;    font-size: 14px;    text-indent: 2rem;}.news .section>.fl>.top>.text>a{    color: #666;    position: absolute;    left: 0;    bottom: 0;    font-size: 14px;}.news .section>.fl>ul li .text h4 a:hover,.news .section>.fl>.top>.text h4 a:hover,.news .section>.fl>.top>.text>a:hover{    color: #11b181;}.news .section>.fl>ul li{    margin: 20px 0;}.news .section>.fl>ul li .time{    width: 70px;    height: 70px;    background: #fafafa;    border: 1px solid #CCC;    text-align: center;    line-height: 20px;    font-size: 14px;    color: #333;}.news .section>.fl>ul li .time span{    display: block;    width: 100%;    height: 50px;    line-height: 50px;    font-size: 25px;    color: #FFF;    background: #CCC;}.news .section>.fl>ul li .text{    width: 600px;}.news .section>.fl>ul li .text h4 a{    color: #333;    font-weight: bold;}.news .section>.fl>ul li .text p{    display: -webkit-box;    -webkit-box-orient: vertical;    -webkit-line-clamp: 2;    overflow: hidden;    line-height: 20px;    font-size: 14px;    margin-top: 15px;    color: #747474;    text-indent: 2rem;}.news .section .title{    margin-bottom: 20px;    padding-bottom: 10px;    position: relative;}.news .section .title h3{    font-size: 24px;    color: #333;    font-weight: bold;}.news .section .title h3:after{    display: block;    content: '';    width: 100px;    height: 2px;    background: #494949;    margin-top: 15px;}.news .section .title a{    display: block;    color: #494949;    position: absolute;    right: 0;    bottom: 15px;    width: 90px;}.news .section .title a:after{    display: block;    content: '>';    font-family: '宋体';    font-size: 12px;    width: 15px;    height: 15px;    text-align: center;    line-height: 15px;    background: #11b181;    color: #FFFF;    border-radius: 50%;    position: absolute;    right: 0;    top: 50%;    margin-top: -7.5px;}.news .section>.fr{    width: 550px;}.news .section>.fr ul li{    margin-bottom: 30px;}.news .section>.fr ul li p{    padding-left: 40px;    overflow: hidden;    text-overflow: ellipsis;    white-space: nowrap;    line-height: 30px;}.news .section>.fr ul li p.ask{    font-size: 18px;    color: #333;    font-weight: bold;    margin-bottom: 10px;    background: url("../images/news/icon01.png") left top no-repeat;}.news .section>.fr ul li p.answer{    color: #666;    background: url("../images/news/icon01.png") left bottom no-repeat;    font-size: 14px;}/* footer */.footer{    background: #393939;}.footer>.section{    padding: 60px 0;}.footer .section>.fl{    display: flex;    width: 800px;}.footer .section>.fl ul{    flex: 1;}.footer .section>.fl ul li.title{    margin-bottom: 30px;}.footer .section>.fl ul li.title a{    color: #fff;    font-size: 18px;}.footer .section>.fl ul li a{    display: block;    line-height: 30px;    font-size: 14px;    color: #959595;}.footer .section>.fl ul li a:hover{    color: #FFF;}.footer .section>.fr ul li{    padding: 0 20px;    text-align: center;}.footer .section>.fr ul li p{    margin-top: 10px;    color: #FFF;}.footer .section>.fr>p{    color: #FFF;    font-size: 20px;    margin-top: 20px;    text-align: center;}.footer .section>.fr>p b{    font-weight: bold;    font-size: 30px;}.footer>.bottom{    background: #202020;    line-height: 50px;}.footer>.bottom p{    color: #9d9d9d;    font-size: 14px;    width: initial !important;}.footer>p a{    color: #9d9d9d;}.swiper-button-next, .swiper-button-prev{    opacity: 0;    transition: all .3s ease-in-out;}.swiper-container:hover .swiper-button-next{    right: 100px;    opacity: 1;}.swiper-container:hover .swiper-button-prev{    left: 100px;    opacity: 1;}/* programme-wrapper */.programme-wrapper{    background: #f9f9f9;}.programme-wrapper ul{    padding: 60px 0;}.programme-wrapper ul li{    margin-bottom: 40px;    padding: 30px 0;}.programme-wrapper ul li:hover{    background: #FFF;}.programme-wrapper ul li .main{    width: 1300px;    margin: 0 auto;}.programme-wrapper ul li .main .img{    margin-right: 40px;    overflow: hidden;    width: 420px;    height: 265px;}.programme-wrapper ul li .main .img img{    display: block;    width: 100%;    height: 100%;    transition: all .3s;}.programme-wrapper ul li .main .img:hover img{    transform: scale(1.1);}.programme-wrapper ul li .main .text{    position: relative;    width: 840px;    height: 265px;}.programme-wrapper ul li .main .text h4 a{    color: #333;    font-weight: bold;    font-size: 18px;}.programme-wrapper ul li .main .text p{    line-height: 25px;    color: #666;    margin-top: 20px;    display: -webkit-box;    -webkit-box-orient: vertical;    -webkit-line-clamp: 4;    overflow: hidden;}.programme-wrapper ul li .main .text h4 a:hover{    color: #11b181;}.programme-wrapper ul li .main .text>a{    display: block;    position: absolute;    left: 0;    bottom: 0;    width: 150px;    line-height: 50px;    text-align: center;    border: 1px solid #DDD;    transition: all .3s;}.programme-wrapper ul li .main .text>a:hover{    background: #11b181;    color: #FFF;    border-color: #11b181;}/* case */.page-left{    width: 300px;}.page-left>.main{    margin-bottom: 20px;    background: #FFF;}.page-left>.main h5{    font-size: 20px;    line-height: 65px;    font-weight: bold;    color: #333;    background: #e2e2e2;    text-align: center;}.page-left>.main img{    display: block;    margin: 0 auto;}.page-left>.main>.nav>li{    line-height: 20px;    padding: 15px 15px 15px 25px;    border-bottom: 1px solid #DDD;    position: relative;    overflow: hidden;    -ms-text-overflow: ellipsis;    text-overflow: ellipsis;    white-space: nowrap;}.page-left>.main>.nav>li:before{    display: block;    content: '';    width: 0;    height: 0;    line-height: 0;    border-left: 5px solid #666;    border-top: 5px solid transparent;    border-bottom: 5px solid transparent;    position: absolute;    left: 15px;    top: 50%;    transform: translateY(-5px);    transition: all .3s;}.page-left>.main>.nav>li a{    display: inline-block;    transition: all .3s;}.page-left>.main>.nav>li.active:before,.page-left>.main>.nav>li:hover:before{    border-left-color: #11b181;    transform: translate(10px, -5px);}.page-left>.main>.nav>li.active a,.page-left>.main>.nav>li:hover a{    color: #11b181;    transform: translateX(10px);}.page-left>.main .information li{    line-height: 20px;    padding: 5px 15px;    /*border-bottom: 1px dashed #DDD;*/    color: #666;    font-size: 14px;}.page-left>.main .information li span{    display: inline-block;    color: #11b181;    font-size: 20px;}.page-left>.main .news li{    padding: 15px 15px 15px 25px;    font-weight: 300;    border-bottom: 1px solid #DDD;    position: relative;}.page-left>.main .news li:before{    display: block;    content: '';    width: 0;    height: 0;    line-height: 0;    border-left: 5px solid #666;    border-top: 5px solid transparent;    border-bottom: 5px solid transparent;    position: absolute;    left: 15px;    top: 50%;    transform: translateY(-5px);    transition: all .3s;}.page-left>.main .news li a{    display: inline-block;    transition: all .3s;}.page-left>.main .news li:hover:before{    border-left-color: #11b181;    transform: translate(10px, -5px);}.page-left>.main .news li:hover a{    color: #11b181;    transform: translateX(10px);}.page-left>.main .key{    padding: 10px 10px 0;}.page-left>.main .key li{    width: 48%;    text-align: center;    font-size: 13px;    line-height: 30px;    border: 1px dashed #DDD;    margin-bottom: 10px;    -ms-text-overflow: ellipsis;    text-overflow: ellipsis;    overflow: hidden;    white-space: nowrap;}.page-left>.main .key li:nth-of-type(odd){    float: left;}.page-left>.main .key li:nth-of-type(even){    float: right;}.page-left>.main .key li:hover{    border-color: #11b181;}.page-left>.main .key li:hover a{    color: #11b181;}.page-left>.main .information{    border: 1px solid #e9e9e9;    margin-top: 10px;}.programme-content{    background: #f9f9f9;}.programme-content .programme_main>div.fr>ul{    width: 950px;}.programme-content .programme_main>div.fr>ul li{    width: 240px;    background: #FFF;    padding: 30px 30px 20px;    transition: all .3s ease-in-out;    margin: 0 16px 16px 0;}.programme-content .programme_main>div.fr>ul li:hover{    box-shadow: 0 3px 10px 5px #eee;}.programme-content .programme_main>div.fr>ul li:nth-of-type(3n){    margin-right: 0;}.programme-content .programme_main>div.fr>ul li a{    display: block;}.programme-content .programme_main>div.fr>ul li a img{    display: block;    margin: 0 auto;}.programme-content .programme_main>div.fr>ul li a p{    white-space: nowrap;    text-overflow: ellipsis;    overflow: hidden;    margin-top: 20px;}.case-wrapper .case-main>div.fr>ul{    width: 960px;}.case-wrapper .case-main>div.fr>ul li{    margin-bottom: 40px;    transition: all .3s;}.case-wrapper .case-main>div.fr>ul li:hover{    background: #FFF;    box-shadow: 1px 3px 15px #DDD;}.case-wrapper .case-main>div.fr>ul li .main .img{    margin-right: 20px;    overflow: hidden;    width: 300px;    height: 190px;}.case-wrapper .case-main>div.fr>ul li .main .img img{    display: block;    width: 100%;    height: 100%;    transition: all .3s;}.case-wrapper .case-main>div.fr>ul li .main .img:hover img{    transform: scale(1.1);}.case-wrapper .case-main>div.fr>ul li .main .text{    position: relative;    width: 615px;    height: 175px;    padding: 15px 15px 0 0;}.case-wrapper .case-main>div.fr>ul li .main .text h4 a{    color: #333;    font-weight: bold;    font-size: 18px;}.case-wrapper .case-main>div.fr>ul li .main .text p{    line-height: 25px;    color: #666;    margin-top: 10px;    display: -webkit-box;    -webkit-box-orient: vertical;    -webkit-line-clamp: 1;    overflow: hidden;    text-indent: 2rem;}.case-wrapper .case-main>div.fr>ul li .main .text h4 a:hover{    color: #11b181;}.case-wrapper .case-main>div.fr>ul li .main .text>a{    display: block;    position: absolute;    left: 0;    bottom: 15px;    width: 150px;    line-height: 50px;    text-align: center;    border: 1px solid #DDD;    transition: all .3s;}.case-wrapper .case-main>div.fr>ul li .main .text>a:hover{    background: #11b181;    color: #FFF;    border-color: #11b181;}.paging{    margin-top: 30px;}.paging ul li{    margin-right: 30px;}.paging ul li a{    display: block;    padding: 10px 20px;    border: 1px solid #DDD;}.paging ul li:hover,.paging ul li:hover a{    border-color: #11b181;    color: #11b181;}/* qualifications */.qualifications-wrapper .qualifications-main>div.fr{    width: 960px;}.qualifications-wrapper .qualifications-main>div.fr>ul li{    width: 32%;    margin-bottom: 20px;    overflow: hidden;    transition: all .3s;    margin-right: 2%;    float: left;}.qualifications-wrapper .qualifications-main>div.fr>ul li:nth-of-type(3n){    margin-right: 0;}.qualifications-wrapper .qualifications-main>div.fr>ul li .img{    overflow: hidden;    position: relative;    padding: 10px;    border: 1px solid #DDD;}.qualifications-wrapper .qualifications-main>div.fr>ul li .img img{    display: block;    max-width: 100%;    transition: all .3s;    min-height: 260px;    max-height: 260px;    margin: 0 auto;}.qualifications-wrapper .qualifications-main>div.fr>ul li p{    line-height: 30px;    text-align: center;    -ms-text-overflow: ellipsis;    text-overflow: ellipsis;    overflow: hidden;    white-space: nowrap;}.qualifications-wrapper .qualifications-main>div.fr>ul li:hover .img img{    transform: scale(1.1);}/* news */.news-wrapper .news-main>.fr{    width: 960px;}.news-wrapper .news-main>.fr>ul li .text h4 a:hover,.news-wrapper .news-main>.fr>ul h4 a:hover{    color: #11b181;}.news-wrapper .news-main>.fr>ul li{    margin: 0 0 20px;    padding: 20px;    transition: all .3s;}.news-wrapper .news-main>.fr>ul li:hover{    background: #FFF;    box-shadow: 1px 3px 15px #DDD;}.news-wrapper .news-main>.fr>ul li .time{    width: 70px;    height: 70px;    background: #fafafa;    border: 1px solid #CCC;    text-align: center;    line-height: 20px;    font-size: 14px;    color: #333;}.news-wrapper .news-main>.fr>ul li .time span{    display: block;    width: 100%;    height: 50px;    line-height: 50px;    font-size: 22px;    color: #FFF;    background: #CCC;}.news-wrapper .news-main>.fr>ul li .text{    width: 810px;}.news-wrapper .news-main>.fr>ul li .text h4{    -ms-text-overflow: ellipsis;    text-overflow: ellipsis;    overflow: hidden;    white-space: nowrap;}.news-wrapper .news-main>.fr>ul li .text h4 a{    color: #333;    font-size: 22px;    font-weight: bold;}.news-wrapper .news-main>.fr>ul li .text p{    display: -webkit-box;    -webkit-box-orient: vertical;    -webkit-line-clamp: 1;    overflow: hidden;    line-height: 20px;    font-size: 16px;    margin-top: 15px;    color: #747474;    text-indent: 2rem;}/* contact */.contact-wrapper .contact-main>.fr{    width: 960px;    background: #FFF;}.contact-wrapper .contact-main>.fr h3{    font-size: 18px !important;    font-weight: bold;    color: #333;    margin-bottom: 15px;}.contact-wrapper .contact-main>.fr>.fl ul li{    line-height: 40px;}.contact-wrapper .contact-main>.fr> .erweima li{    padding: 0 20px;    text-align: center;}.contact-wrapper .contact-main>.fr> .erweima p{    text-align: center;}#container{    width: 100%;    height: 400px;    margin-top: 30px;}.main-wrapper .main-txt h4{    font-size: 24px;    color: #333;    text-align: center;}.main-wrapper .main-txt h4 span{    display: block;    font-size: 12px;    margin: 10px 0 30px;    color: #8b8b8b;}.main-wrapper .main-txt .txt p{    color: #666;    font-size: 16px;    line-height: 25px;    margin: 10px 0;    text-indent: 2rem;}.main-wrapper .main-txt .txt ul li{    padding-left: 35px;    line-height: 30px;}.main-wrapper .main-txt .txt ul li:before{    display: inline-block;    vertical-align: middle;    content: '';    width: 5px;    height: 5px;    border-radius: 50%;    background: #333;    margin-right: 10px;}.main-wrapper .main-txt .txt img{    display: block;    margin: 0 auto;    max-width: 600px;}.main-wrapper .main-txt .case_main_paging{    border-top: 1px dashed #666;    padding-top: 30px;}.main-wrapper .main-txt .news-key{    padding: 20px 0;    border-top: 1px dashed #666;}.main-wrapper .main-txt .news-key p a{    display: inline-block;    color: #11b181;}.main-wrapper .main-txt .case_main_paging p{    font-size: 14px;    margin: 10px 0;}.main-wrapper .main-txt .case_main_paging p a{    color: #666;}.main-wrapper .main-txt .case_main_paging>a{    display: block;    width: 220px;    height: 50px;    line-height: 50px;    text-align: center;    color: #FFF;    background: #11b181;    margin-top: 9px;}/* product_main */.main-wrapper .main-txt>.fr{    width: 960px;    background: #FFF;}.main-wrapper .main-txt>.top>.fr{    width: 520px;    float: right;    position: relative;}.main-wrapper .main-txt>.top>.fr img{    width: initial;    display: inline-block;    vertical-align: top;}.main-wrapper .main-txt>.top>.fr .title h4{    font-size: 26px;    color: #333;    padding-bottom: 20px;    border-bottom: 1px dotted #CCC;}.main-wrapper .main-txt>.top>.fr .title p{    background: #EEE;    border-bottom: 1px dotted #CCC;    padding: 11px 20px 13px 20px;    color: #AAA;}.main-wrapper .main-txt>.top>.fr .title p img{    margin-right: 5px;}.main-wrapper .main-txt>.top>.fr .title p a{    color: #D90000;}.main-wrapper .main-txt .top>.fr{    width: 620px;    float: right;    position: relative;}.main-wrapper .main-txt .top>.fr.fr img{    width: initial;    display: inline-block;    vertical-align: top;}.main-wrapper .main-txt .top>.fr .title h4{    font-size: 26px;    color: #333;    padding-bottom: 20px;    border-bottom: 1px dotted #CCC;    text-align: left;}.main-wrapper .main-txt .top>.fr .title p{    background: #EEE;    border-bottom: 1px dotted #CCC;    padding: 11px 20px 13px 20px;    color: #AAA;}.main-wrapper .main-txt .top>.fr .title p img{    margin-right: 5px;}.main-wrapper .main-txt .top>.fr .title p a{    color: #D90000;}#pro_do {    margin-top: 40px;}#pro_do p {    margin-top: 14px;}#pro_do p a{    color: #666;}#pro_do p a:hover{    color: #D90000;}#pro_do p img {    margin: -2px 7px 0 0;}#pro_tags .tags_title {    border: 1px solid #E6E6E6;    border-bottom: 0px none !important;    padding: 20px 20px 0 20px !important;    background: #FFF;    font-size: 16px !important;    font-weight: bold !important;    color: #004499 !important;}#pro_tags .tags_content {    margin-top: 0 !important;    border: 1px solid #E6E6E6;    border-top: 0px none !important;    padding: 20px 30px 25px 30px !important;}#box{    width: 250px;    margin: 0 auto;    overflow: hidden;}.tb-pic a {    display: table-cell;    text-align: center;    vertical-align: middle;}.tb-pic a img {    vertical-align: middle;}.tb-thumb {    margin: 10px 0 0;    overflow: hidden;    position: relative;}.tb-thumb li {    background: none repeat scroll 0 0 transparent;    float: left;    width: 50px !important;    height: 50px;    margin: 0 6px 0 0;    overflow: hidden;    padding: 1px;}.tb-s310,.tb-s310 a {    height: 310px;    width: 310px;}.tb-s310,.tb-s310 img {    max-height: 310px;    max-width: 310px;}.tb-s40 a {    display: initial !important;    width: 100%  !important;    height: 100% !important;    display: inline-block !important;    padding: 0 !important;    border: none !important;}.tb-booth {    border: 1px solid #DDD;    position: relative;    z-index: 1;}.tb-thumb .tb-selected {    padding: 0 !important;}.tb-thumb .tb-selected div {    background-color: #FFFFFF;    border: 1px solid #C30008 !important;}.tb-thumb li div {    border: 1px solid #DDD;}div.zoomDiv {    z-index: 999;    position: absolute;    top: 0px;    left: 0px;    width: 200px;    height: 200px;    background: #ffffff;    border: 1px solid #CCCCCC;    display: none;    text-align: center;    overflow: hidden;}div.zoomMask {    position: absolute;    background: url("../images/mask.png") repeat scroll 0 0 transparent;    cursor: move;    z-index: 1;}.main-wrapper .main-txt .project-txt h3{    margin-top: 40px;    font-size: 25px;    border-bottom: 1px solid #DDD;    padding-bottom: 20px;}.main-wrapper .main-txt .project-txt .txt h5{    font-size: 20px;    font-weight: 300;    margin: 20px 0;}.main-wrapper .main-txt .project-txt .txt p{    margin: 0;    line-height: 30px;}.main-wrapper .main-txt .project-txt .txt ul li{    padding-left: 35px;    line-height: 30px;}.main-wrapper .main-txt .project-txt .txt ul li:before{    display: inline-block;    vertical-align: middle;    content: '';    width: 5px;    height: 5px;    border-radius: 50%;    background: #333;    margin-right: 10px;}/* page-programme-wrapper */.page-programme-wrapper .programme-main>.fr{    width: 960px;}h2.page-title{    padding-bottom: 10px;    margin-bottom: 20px;    border-bottom: 3px solid #DDD;    color: #333;    font-size: 20px;    font-weight: bold;}h2.page-title span{    font-size: 16px;}.page-programme-wrapper .programme-main>.fr ul li{    width: 310px;    margin-right: 15px;    margin-bottom: 15px;    background: #fff;    transition: all .3s;    text-align: center;}.page-programme-wrapper .programme-main>.fr ul li:nth-of-type(3n){    margin-right: 0;}.page-programme-wrapper .programme-main>.fr ul li a,.page-programme-wrapper .programme-main>.fr ul li a .img img{    display: block;    width: 100%;}.page-programme-wrapper .programme-main>.fr ul li a .img{    overflow: hidden;}.page-programme-wrapper .programme-main>.fr ul li a .img img{    transition: all .3s;    height: 310px;}.page-programme-wrapper .programme-main>.fr ul li:hover a .img img{    transform: scale(1.1);}.page-programme-wrapper .programme-main>.fr ul li a p{    line-height: 40px;    -ms-text-overflow: ellipsis;    text-overflow: ellipsis;    overflow: hidden;    white-space: nowrap;}.page-programme-wrapper .programme-main>.fr ul li:hover{    transform: translateY(-10px);    box-shadow: 1px 3px 10px #DDD;}.page-programme-wrapper .programme-main>.fr ul li:hover a p{    color: #11b181;}.rightfix{    position:fixed;top:180px;right:0;z-index:9999999999;}#floatDivBoxs{width:170px;background:#fff;}#floatDivBoxs .floatDtt{width:100%;height:45px;line-height:45px; background: rgba(17, 170, 129, .8);color:#fff;font-size:18px;text-indent:22px;position:relative;}#floatDivBoxs .floatDqq{padding:0 14px;}#floatDivBoxs .floatDqq li{height:45px;line-height:45px;font-size:15px;border-bottom:1px solid #e3e3e3; padding:0 0 0 50px;}#floatDivBoxs .floatDqq li a img{    display: inline-block;    vertical-align: middle;}#floatDivBoxs .floatDtxt{color:#333;padding:12px 14px;}#floatDivBoxs .floatDtxt p{    color: #11b181;    font-size: 18px;    margin-top: 10px;}#floatDivBoxs .floatDtel{padding:0 0 15px 10px;}#floatDivBoxs .floatDtel img{display:block;}.floatShadow{ background:#fff;box-shadow:-2px 0 3px rgba(0,0,0,0.25);}#rightArrow.active{background:url(../images/online_arrow.jpg) no-repeat;}#rightArrow{width:50px;height:45px;background:url(../images/online_arrow.jpg) right top no-repeat;transition: all .3s;}#rightArrow a{display:block;height:45px;}.mask{    position: fixed;    left: 0;    top: 0;    width: 100%;    height: 100%;    background: rgba(0, 0, 0, .8);    z-index: 99999999;    transition: all .3s;    transform: scale(0);}.mask .btn{    display: block;    width: 50px;    height: 50px;    position: absolute;    top: 50%;    margin-top: -25px;    opacity: 0;    background: #FFF;    color: #11b181;    text-align: center;    line-height: 50px;    font-family: '宋体';    font-size: 20px;    color: #CCC;    border-radius: 50%;    transition: all .3s;    z-index: 999999999999;}.mask:hover .btn[data-btn="prev"]{    left: 100px;    opacity: 1;}.mask:hover .btn[data-btn="next"]{    opacity: 1;    right: 100px;}.mask .btn[data-btn="prev"]{    opacity: 0;    left: 0;}.mask .btn[data-btn="next"]{    opacity: 0;    right: 0;}.mask .img img{    display: block;    position: absolute;    left: 50%;    top: 50%;    transform: translate(-50%, -50%);    z-index: 999999999999;    max-width: 95%;    max-height: 95%;}