@charset "UTF-8";
.w1200{width: 1200px; margin: 0 auto;}
.poa{position: absolute;}
.por{position: relative;}
.icon{vertical-align: middle; background: url("../images/icon.png") no-repeat; display: inline-block;}
.fl{float: left;}
.fr{float: right;}
.clearfix{*zoom: 1;}
.clearfix:after{visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}

.xunpan{width: 100%; height: 200px; color: #fff;}
.xunpan .w1200{height: 200px;}
.xunpan .img{width: 355px; height: 250px; display: block; position: absolute; left: 0; bottom: 0;}
.xunpan .img img{width: 100%; height: 100%; display: block;}
.xunpan .zixun{width: 668px; margin-top: 30px; text-align: center; height: 132px; background: url("../images/kuang.png") no-repeat;}
.xunpan .zixun .tit{font-size: 36px; line-height: 36px; padding-top: 11px; padding-bottom: 18px;}
.xunpan .zixun .tit .en{font-size: 16px; text-transform: uppercase; line-height: 30px; display: block;}
.xunpan .zixun .tel{font-size: 36px; color: #fff; font-family: "AvantGardeITVbyBT Book", arial;}
.xunpan .zixun .tel em{width: 34px; height: 34px; display: inline-block; background-position: 0 -70px; margin-right: 10px; vertical-align: middle;}
.xunpan .zixun .tel a{width: 112px;height: 27px;line-height: 27px;display: inline-block;text-align: center;background-position: -165px 0;font-size: 14px;font-weight: bold;color: #fff;-webkit-transition: all .0s ease-in-out 0s;-moz-transition: all .0s ease-in-out 0s;transition: all .0s ease-in-out 0s;}
.xunpan .zixun .tel a:hover{background-position: -165px -34px;}

.floor_2_main{width: 100%;font-family: "microsoft yahei", 'Helvetica Neue', Helvetica, Arial, sans-serif;}
.floor_2_main .floor_2{padding: 80px 0;}
.floor_2_main .title{text-align: center; width: 100%; margin-bottom: 40px; position: relative;}
.floor_2_main  .title h3{font-size: 30px; font-weight: bold; display: block; line-height: 30px;}
.floor_2_main .title h3 b{display: inline-block; color: #006e63; font-weight:normal;letter-spacing: 10px;}
.floor_2_main .title h4{font-size: 14px; font-weight: normal; padding-top: 5px; display: block; letter-spacing: 0px;}
.floor_2_main .title s{position: absolute; top: 1px; display: block; background: url("../images/line.png") no-repeat; width: 124px; height: 42px;}
.floor_2_main .title .line_lef{left: 50%; margin-left: -302px;}
.floor_2_main .title .line_rig{right: 50%; margin-right: -302px;}
.floor_2_main .youshi .item{padding-bottom: 60px; position: relative; padding-top: 64px;}
.floor_2_main .youshi .item .tit{width: 194px; position: relative;}
.floor_2_main .youshi .item .tit img{width: 170px; height: 330px; display: block;}
.floor_2_main .youshi .item .tit h3{font-size: 18px; text-transform: uppercase; position: absolute; left: 134px; top: 34px;}
.floor_2_main .youshi .item .txt{padding-top: 78px; width: 472px; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms;}
.floor_2_main .youshi .item .txt h2{font-size: 30px; font-weight: bold; color: #006e63; line-height: 32px;}
.floor_2_main .youshi .item .txt h4{display: block; line-height: 20px;}
.floor_2_main .youshi .item .txt .desc{padding-top: 20px;}
.floor_2_main .youshi .item .txt .cha{font-size: 18px; width: 200px; height: 54px; line-height: 54px; display: block; border: 2px solid #006e63; text-align: center; color: #006e63; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; margin-top: 34px;}
.floor_2_main .youshi .item .txt .cha:hover{background: #006e63; color: #fff;}
.floor_2_main .youshi .item .img{position: absolute; right: 0; top: 0;}
.floor_2_main .youshi .item .img img{max-width: 530px;display: block;}
.floor_2_main .youshi .item.it2{padding-left: 490px;}
.floor_2_main .youshi .item.it2 .img{right: auto; left: 0;}
.floor_2_main .youshi .item:hover .txt{-webkit-transform: translate3d(0, -6px, 0); transform: translate3d(0, -6px, 0);}

.floor_3_main{background: url("../images/liuc_bg.jpg") repeat center top; height: 150px;}
.floor_3_main .title2{width: 280px; height: 78px; border-right: 1px solid #f1f1f1; margin-top: 38px; color: #fff;}
.floor_3_main .title2 h3{font-size: 26px;}
.floor_3_main .title2 h3 i{font-size: 18px; display: inline-block;}
.floor_3_main .title2 p{font-size: 30px; font-family: "AvantGardeITVbyBT Book", arial; padding-top: 16px;}
.floor_3_main .title2 p em{width: 26px; height: 28px; display: inline-block; background-position: 0 -110px; margin-right: 18px;}
.floor_3_main .liuc{width: 888px; overflow: hidden; padding-left: 30px; color: #fff; padding-top: 38px;}
.floor_3_main .liuc .list{width: 108%;}
.floor_3_main .liuc li{float: left; width: 134px;}
.floor_3_main .liuc li p{width: 80px; float: left; text-align: center; font-size: 16px; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms;}
.floor_3_main .liuc li p img{max-width: 100%; display: block; margin: 0 auto 12px; height: 44px;}
.floor_3_main .liuc li .jt{width: 42px; height: 44px; float: left; display: block; background: url("../images/jtou1.png") no-repeat center;}
.floor_3_main .liuc li:hover p{animation: flipInY 1.2s ease-out forwards; -webkit-animation: flipInY 1.2s ease-out forwards;}

.floor_4_main{background: url("../images/flo4.jpg") repeat left top; height: 427px;}
.floor_4{padding: 100px 0;}
.floor_4 .bd{overflow: hidden;}
.floor_4 .btn{width: 12px;height: 22px;display: block;position: absolute;top: 50%;cursor: pointer;margin-top: -31px;-webkit-transition: all .0s ease-in-out 0s;-moz-transition: all .0s ease-in-out 0s;transition: all .0s ease-in-out 0s;}
.floor_4 .prev{background-position: -48px -130px; left: -5%;}
.floor_4 .prev:hover{background-position: -48px -160px;}
.floor_4 .next{background-position: -70px -130px; right: -5%;}
.floor_4 .next:hover{background-position: -70px -160px;}
.floor_4 .title{text-align: center; width: 100%; margin-bottom: 40px; position: relative;}
.floor_4 .title h3{font-size: 30px; font-weight: bold; display: block; line-height: 30px;}
.floor_4 .title h3 b{display: inline-block; color: #006e63; font-weight:normal;letter-spacing: 10px;}
.floor_4 .title h4{font-size: 14px; font-weight: normal; padding-top: 5px; display: block; letter-spacing: 0px;}
.floor_4 .title s{position: absolute; top: 1px; display: block; background: url("../images/line.png") no-repeat; width: 124px; height: 42px;}
.floor_4 .title .line_lef{left: 50%; margin-left: -302px;}
.floor_4 .title .line_rig{right: 50%; margin-right: -302px;}
.teamwork{position: relative;}
.teamwork .item{float: left;width: 282px;margin-right: 24px;margin-bottom: 40px;display: block;position: relative;text-align: center;-webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;-ms-transition: all ease 300ms;-o-transition: all ease 300ms;transition: all ease 300ms;}
.teamwork .item a{display: block; position: relative; z-index: 3;}
.teamwork .item img{width: 282px;height: 80px;box-sizing: border-box;border: 2px solid #e5e5e5;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
.teamwork .item a:hover img{border: 2px solid #006e63;}

@media screen and (max-width:768px){
.w1200{width: 100%;}
.xunpan{width: 100%;background: url(../images/mobile/xunpan.jpg) no-repeat center bottom;background-size:6.4rem auto;color: #fff;position: relative;height: 2.0rem;}
.xunpan .img{position: absolute;left:2%;bottom: 0;}
.xunpan .img img{width:3.1rem;display:block;}
.xunpan .zixun{background: url(../images/mobile/kuang.png) no-repeat right bottom;background-size:4.24rem auto;color: #fff;height: 2.0rem;position: relative;z-index: 3;display: block;width: 70%;}
.xunpan .tit{font-size:.26rem;font-weight:bold;padding-top:.76rem;text-align: center;line-height: .5rem;}
.xunpan .tit .en{font-size:xx-small;text-transform:uppercase;display:block;font-weight:normal;line-height:.2rem;}
.xunpan .tel{font-size:.24rem;font-weight:bold;padding-top: .1rem;padding-left: 13%;}
.xunpan .tel em{width:.22rem;height:.22rem;display:inline-block;background-position:0 -.42rem;margin-right:.1rem;}
.xunpan .tel a{display: inline-block;color: #fff;padding-left: .2rem;font-size: xx-small;}
.index .floor_2_main,.index .floor_4_main,.index .floor_6_main{padding-bottom:.5rem;}
.youshi{padding:3%;}
.youshi .item{width:100%;border-top:1px solid #eaeaea;position:relative;padding:.3rem 0;}
.youshi .item:first-child{border-top: none;}
.youshi .item .txt{width:50%;float: left;}
.youshi .item .txt .tit{position:relative;}
.youshi .item .txt .tit img{display:block;width:1.72rem;}
.youshi .item .txt .tit h3{font-size:.18rem;position:absolute;left:50%;top:.2rem;text-transform:uppercase;}
.youshi .item .txt h2{font-size:.3rem;color:#006e63;font-weight: bold;}
.youshi .item .txt h4{font-size: .2rem;}
.youshi .item .txt .desc{font-size:.2rem;height: .6rem;overflow: hidden;}
.youshi .item .txt span{width: 2.1rem;height: .6rem;line-height: .6rem;text-align: center;display: block;border: .02rem solid #006e63;border-radius: .05rem;font-size: .2rem;margin-top: .2rem;}
.youshi .item .img{width:50%;display: block;float: right;}
.youshi .item .img img{max-width: 100%;display: block;}
.youshi .item:nth-child(2) .txt{float: right;}
.youshi .item:nth-child(2) .img{float: left;}
.index .floor_3_main{background: url(../images/floor_3.jpg) no-repeat center bottom;background-size:6.4rem auto;padding: .3rem 0;}


}