@charset "utf-8";
/* CSS Document */

.comTitle{text-align: center;width: 100%;padding-top: 76px;}
.comTitle .mainText{font-size: 32px;color: #333333;font-weight: bold;}
.comTitle .enText{font-size: 16px;color: #333333;margin-top: 6px;}
.comTitle .mainText a{font-size: 32px;color: #333333;font-weight: bold;}

.banner{height: 850px;position: relative;}
.banner .l{width: 109px;height: 710px;background: #ffffff;left: 0;top: 0;position: absolute;padding-top: 140px;z-index: 9998;}
.banner .l li{position: relative;height: 57px;margin-bottom: 40px;cursor: pointer;}
.banner .l li img{display: block;width: 57px;height: 57px;margin: 0 auto;}
.banner .l li .tanc{position: absolute;top: 0;left: 109px;background: #ffffff;display: none;    cursor: auto;}
.banner .l li.phone .tanc{width: 171px;padding: 0 28px;}
.banner .l li.phone .tanc .item{padding-top: 34px;height: 65px;border-top: 1px dotted #d4d2d2;}
.banner .l li.phone .tanc .item p{font-size: 16px;color: #666666;}
.banner .l li.phone .tanc .item {font-size: 20px;color: #4eb5fc;}
.banner .l li.renz .tanc{width: 260px;}
.banner .l li.renz .tanc .item{width: 245px;padding-top: 28px;height: 314px;float: left;text-align: center;}
.banner .l li.renz .tanc .item img{display: block;width: 175px;height: 248px;margin: 0 auto;}
.banner .l li.renz .tanc .item p{font-size: 14px;color: #666666;margin-top: 10px;}
.banner .l li.weixin .tanc{width: 260px;top: -99px;}
.banner .l li.weixin .tanc .item{width: 245px;padding-top: 40px;height: 272px;float: left;text-align: center;}
.banner .l li.weixin .tanc .item img{display: block;width: 193px;height: 193px;margin: 0 auto;}
.banner .l li.weixin .tanc .item p{font-size: 14px;color: #666666;margin-top: 22px;}
.banner .l li.map .tanc{width: 436px;padding: 0 34px;}
.banner .l li.map .tanc .item{padding-top: 40px;height: 72px;border-top: 1px dotted #d4d2d2;}
.banner .l li.map .tanc .item .p1{font-size: 20px;color:#4eb5fc;}
.banner .l li.map .tanc .item p{font-size: 14px;color: #666666;line-height: 25px;}
.banner .l li.map .tanc .item p a{color: #4eb5fc;}
.banner .l li:hover .tanc{display: block;}
.banner .r{height: 850px;padding-left: 109px;position: relative;}
.banner .r .lunb{height: 850px;width: 100%;}
.banner .r .lunb a{width: 100%;height: 850px;background-repeat: no-repeat;background-position: center;display: block;background-size: cover;}
.banner .ban_switch {text-align: center;position: absolute;left: 0;bottom: 50px;width: 100%;}
.banner .ban_switch li {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;width: 15px;height: 15px;border-radius: 50%;margin: 0 15px;background: #8ca2c3;cursor: pointer;font-size:0px;}
.banner .ban_switch li.cur {background: #29f0b4;}



.banner .r .prev{position: absolute;z-index: 999;top: 50%;left: 10%;width: 58px;height: 58px;margin-top: -29px;background: url(../images/babot1.png) no-repeat center; display: none;}
.banner .r .next{position: absolute;z-index: 999;top: 50%;margin-top: -29px;right: 5%;width: 58px;height: 58px;background: url(../images/babot2.png) no-repeat center;display: none;}
.banner .r:hover .prev{display: block;}
.banner .r:hover .next{display: block;}
/* 服务 */
.serves{width: 100%;}
.serves .mainText{background: url(../images/serves-xian01.png) no-repeat center;}
.serves .mainCon{margin-top: 50px;background: url(../images/servesBg01.jpg) no-repeat center top;height: 700px;border-top: 1px solid #ececec;}
.serves .mainCon .menu{width: 675px;margin-left: 545px;position: relative;height: 77px;}
.serves .mainCon .menu li{padding: 85px 20px 0;height: 615px;width: 184px;float: left;border-left: 1px solid #ececec;cursor: pointer;position: absolute;top: 0;}
.serves .mainCon .menu li dt{width: 184px;height: 138px;overflow: hidden;margin-bottom: 22px;}
.serves .mainCon .menu li dt img{width: 184px;height: 138px;transition: all 1s ease-out;}
.serves .mainCon .menu li:hover dt img{transform: scale(1.2);}
.serves .mainCon .menu li dd .p1{font-size: 18px;color: #333333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.serves .mainCon .menu li dd .p2{font-size: 14px;color: #666666;line-height: 25px;margin-top: 14px;}
.serves .mainCon .conBox{position: relative;}
.serves .mainCon .qhBox{position: absolute;top: 0;left: 0;height: 700px;background: #ececec;width: 771px;overflow: hidden;}
.serves .mainCon .qhBox .box .top{padding-top: 78px;height: 326px;}
.serves .mainCon .qhBox .box .top .l{float: left;width: 275px;height: 206px;overflow: hidden;padding-top: 10px;}
.serves .mainCon .qhBox .box .top .l img{width: 275px;height: 206px;transition: all 1s ease-out;}
.serves .mainCon .qhBox .box .top .l:hover img{transform: scale(1.2);}
.serves .mainCon .menu li:hover{background:#4eb5fc;}
.serves .mainCon .menu li:hover dd p{color:#fff;}
.serves .mainCon .qhBox .box .top .r{float: left;width: 404px;margin-left: 32px;}
.serves .mainCon .qhBox .box .top .r .line1{font-size: 27px;color: #333333;font-weight: bold;}
.serves .mainCon .qhBox .box .top:hover .r .line1{color: #4eb5fc;}
.serves .mainCon .qhBox .box .top .r .line2{font-size: 14px;line-height: 28px;color: #333333;margin: 10px 0;}
.serves .mainCon .qhBox .box .top .r .line3 a{display: block;float: left;width: 108px;height: 44px;line-height: 44px;text-align: center;background: #29f0b4;margin-right: 5px;border-radius: 20px;font-size: 14px;color: #fff;}
.serves .mainCon .qhBox .box .top .r .line3 a:first-child{background: #4eb5fc;}
.serves .mainCon .qhBox .box .bottom{border-top: 1px dotted #cdcaca;}
.serves .mainCon .qhBox .box .bottom .item{border-left: 1px dotted #cdcaca;padding: 74px 54px 0;width: 257px;float: left;height: 220px;}
.serves .mainCon .qhBox .box .bottom .item:first-child{border: none;padding-left: 0;width: 331px;}
.serves .mainCon .qhBox .box .bottom .item p.p1{font-size: 18px;color: #000;margin-bottom: 10px;font-weight: bold;}
.serves .mainCon .qhBox .box .bottom .item p.p2{font-size: 14px;color: #666666;line-height: 25px;}
.serves .mainCon .qhBox .box .bottom .item p.p2 a{margin-right:5px;white-space:nowrap;}
.serves .mainCon .qhBox .box .bottom .item p.p2 a:hover{color: #29f0b4;}

/* 私人定制 */
.srdz{width: 100%;background: url(../images/srdzBg01.jpg) no-repeat center;height: 870px;position: relative;overflow: hidden;}
.srdz .enText{font-family: Arial, Helvetica, sans-serif;}
.srdz .mainText{background: url(../images/srdz-xian01.png) no-repeat center;color: #ffffff;}
.srdz .enText{color: #ffffff;}
.srdz .container{position: absolute;left: 50%;margin-left: -600px;bottom: 0;}
.srdz .mainCon{position: absolute;height: 185px;width: 100%;bottom: 0;left: 0;}
.srdz .mainCon .bg{background: url(../images/srdzBg02.png) no-repeat center;height: 185px;position: absolute;top: 0;left: -360px;width: 1560px;}
.srdz .mainCon .menu li{float: left;width: 224px;padding: 40px 0 0 75px;height: 145px;border-left: 1px solid #417aa9;position: relative;}
.srdz .mainCon .menu li .icon img{display: block;width: 36px;height: 31px;}
.srdz .mainCon .menu li .box1 p.p1{font-size: 20px;color: #ffffff;margin-top: 14px;margin-bottom: 5px;}
.srdz .mainCon .menu li .box1 p.p2{font-size: 16px;color: #ffffff;}
.srdz .mainCon .menu li .box2{height: 0;background: #54b4fc;position: absolute;left: 0;bottom: 0;width: 299px;}
.srdz .mainCon .menu li .box2 .con{padding: 60px 16px 66px 25px;width: 260px;}
.srdz .mainCon .menu li .box2 p{color: #ffffff;}
.srdz .mainCon .menu li .box2 p.p1{font-size: 20px;margin-top: 14px;margin-bottom: 5px;}
.srdz .mainCon .menu li .box2 p.p2{font-size: 16px;margin-bottom: 48px;}
.srdz .mainCon .menu li .box2 p.p3{font-size: 14px;line-height: 22px;margin-bottom: 12px;}

/* 中间广告 */
.advert{width: 100%;height: 250px;background: #fbfbfb;}
.advert .mainCon{height: 250px;position: relative;}
.advert .mainCon .bg{background: url(../images/advertBg.jpg) no-repeat center;height: 250px;position: absolute;top: 0;left: -360px;width: 1560px;}
.advert .mainCon .conBox{position: relative;}
.advert .mainCon .conBox .l{float: left;padding-top: 50px;}
.advert .mainCon .conBox .l .p1{font-size: 42px;color: #000000;font-weight: bold;}
.advert .mainCon .conBox .l .p2{margin-left: 84px;font-size: 24px;color: #000000;}
.advert .mainCon .conBox .l .tuoyuan{width: 461px;height: 44px;position: relative;margin-top: 20px;}
.advert .mainCon .conBox .l .tuoyuan span{display: block;height: 40px;border-radius: 20px;border: 2px solid #000000;line-height: 44px;font-size: 18px;color: #000000;}
.advert .mainCon .conBox .l .span1{padding-left: 20px;}
.advert .mainCon .conBox .l .tuoyuan .span2{width: 230px;position: absolute;top: 0;right: 0;background: #000000;color: #ffffff;text-align: center;}
.advert .mainCon .conBox .r{float: right;width: 450px;padding-top: 58px;}
.advert .mainCon .conBox .r .line1{padding-left: 55px;background: url(../images/advert-icon02.png) no-repeat left top;}
.advert .mainCon .conBox .r .line1 p{font-size: 18px;color: #000000;}
.advert .mainCon .conBox .r .line1 {display: block;font-size: 24px;color: #000000;margin-top: 2px;}
.advert .mainCon .conBox .btn{width: 200px;height: 50px;text-align: center;line-height: 50px;margin: 30px 0 0 54px;background: #bff740;font-size: 18px;color: #000000;border-radius: 30px;cursor: pointer;display: block;}
.advert .mainCon .conBox .btn img{display: inline-block;width: 33px;height: 27px;margin-left: 10px;position: relative;top: 6px;}
.advert .mainCon .conBox .btn:hover{background:#54b4fc;color:#fff;}

/* 团队 */
.team{width: 100%;background: url(../images/teamBg.jpg) no-repeat center;height: 863px;}
.team .mainText{background: url(../images/team-xian01.png) no-repeat center;}
.team .mainCon{margin-top: 62px;}
.team .mainCon .menu{float: left;margin-left: 94px;width: 145px;}
.team .mainCon .menu li{width: 145px;height: 131px;position: relative;padding-top: 14px;margin-bottom: 36px;overflow: hidden;}
.team .mainCon .menu li img{display: block;border-radius: 50%;}
.team .mainCon .menu li .smallPic{width: 117px;height: 117px;margin: 0 auto;}
.team .mainCon .menu li .bigPic{position: absolute;top: 0;left: 0;display: none;}
.team .mainCon .menu li.cur .bigPic{display: block;}
.team .mainCon .intro{float: right;width: 874px;height: 660px;overflow: hidden;}
.team .mainCon .intro .box .l{float: left;width: 430px;height: 660px;}
.team .mainCon .intro .box .l .img{display: block;}
.team .mainCon .intro .box .r{float: right;width: 408px;padding-top: 80px;}
.team .mainCon .intro .box .r .title{font-size: 24px;color: #333333;margin-bottom: 24px;}
.team .mainCon .intro .box .r li{font-size: 16px;color: #666666;padding-left: 12px;position: relative;line-height: 30px;margin-bottom: 16px;}
.team .mainCon .intro .box .r li i{position: absolute;width: 3px;height: 3px;border-radius: 50%;background: #333333;left: 0;top: 9px;}
.team .mainCon .intro .box .r .btns{width: 323px;margin: 50px 0 0 12px;position: relative;}
.team .mainCon .intro .box .r .btns .btn{position: absolute;height: 48px;text-align: center;line-height: 48px;width: 184px;border-radius: 30px;}
.team .mainCon .intro .box .r .btns .btn1{background: #29f0b4;border: 1px solid #29f0b4;left: 0;top: 0;z-index: 2;}
.team .mainCon .intro .box .r .btns .btn2{border: 1px solid #cbcbcb;top: 0;right: 0;}
.team .mainCon .intro .box .r .btns .btn2 span{margin-left: 38px;}
.team .mainCon .intro .box .r .btns .btn img{top: 6px;position: relative;margin-left: 10px;}
.team .mainCon .intro .box .r .btns .btn span{font-size: 16px;color: #333333;}

/* 合作伙伴 */
.hzhb{width: 100%;background: url(../images/hzhb.jpg) no-repeat center;height: 466px;}
.hzhb .mainText{background: url(../images/hzhb-xian01.png) no-repeat center;}
.hzhb .mainCon{margin-top: 46px;}
.hzhb .mainCon .conBox{height: 168px;}
.hzhb .mainCon .conBox .box{position: relative;overflow: hidden;height: 195px;}
.hzhb .mainCon .conBox ul{height: 173px;width: 105%;position: absolute;left: 0;top: 0;}
.hzhb .mainCon .conBox li{width: 1240px;float: left;}
.hzhb .mainCon .conBox li .imgBox{float: left;width: 275px;margin-right: 35px;}
.hzhb .mainCon .conBox li .img{width: 275px;height: 150px;overflow: hidden;}
.hzhb .mainCon .conBox li img{display: block;transition: all 1s ease-out;width: 275px;height: 150px;}
.hzhb .mainCon .conBox li p{margin-top: 20px;font-size: 16px;color: #333333;text-align: center;}
.hzhb .mainCon .conBox li .imgBox:hover img{transform: scale(1.3);}
.hzhb .mainCon .btnlist{width: 100%;text-align: center;margin-top: 52px;}
.hzhb .mainCon .btnlist span{display: inline-block;*display: inline-block;width: 7px;height: 7px;cursor: pointer;border-radius: 50%;border: 1px solid #aeaeae;background: #ffffff;margin: 0 13px;}
.hzhb .mainCon .btnlist span.cur{border-color: #29f0b4;background: #29f0b4;}

/* 留言 */
.liuyan{width: 100%;background: url(../images/liuyBg.jpg) no-repeat center;height: 917px;}
.liuyan .mainText{background: url(../images/liuy-xian01.png) no-repeat center;color: #ffffff;}
.liuyan .enText{color: #ffffff;}
.liuyan .mainCon{margin-top: 48px;}
.liuyan .mainCon .liucheng li{width: 242px;margin-left: 77px;float: left;height: 268px;}
.liuyan .mainCon .liucheng li:first-child{margin-left: 0;}
.liuyan .mainCon .liucheng li .top{position: relative;height: 141px;}
.liuyan .mainCon .liucheng li .top dl{padding-top: 29px;height: 109px;width: 141px;border-radius: 50%;border: 3px solid #ffffff;margin: 0 auto;}
.liuyan .mainCon .liucheng li .top dt{width: 32px;height: 27px;overflow: hidden;margin: 0 auto;}
.liuyan .mainCon .liucheng li .top dt img{display: block;width: 32px;height: 54px;position: relative;}
.liuyan .mainCon .liucheng li .top dd{margin-top: 12px;text-align: center;}
.liuyan .mainCon .liucheng li .top dd p{font-size: 20px;color: #ffffff;}
.liuyan .mainCon .liucheng li .top dd span{font-size: 16px;color: #ffffff;}
.liuyan .mainCon .liucheng li .top .xian{width: 140px;height: 22px;top: 60px;right: -111px;background: url(../images/liuy-xian02.png) no-repeat center;position: absolute;}
.liuyan .mainCon .liucheng li .bottom{margin-top: 16px;}
.liuyan .mainCon .liucheng li .bottom p{font-size: 14px;color: #ffffff;line-height: 22px;text-align: center;}
.liuyan .mainCon .liucheng li .top:hover dl{background: #29f0b4;border-color: #29f0b4;}
.liuyan .mainCon .liucheng li .top:hover dt img{top: -27px;}
.liuyan .mainCon .liucheng li .top:hover dd p{color: #333333;}
.liuyan .mainCon .liucheng li .top:hover dd span{color: #333333;}
.liuyan .mainCon .liucheng li .top:hover .xian{background: url(../images/liuy-xian03.png) no-repeat center;}
.liuyan .mainCon .yuyue{padding: 50px 50px 0 58px;height: 203px;background: #ffffff;}
.liuyan .mainCon .yuyue .l{float: left;width: 444px;}
.liuyan .mainCon .yuyue .l .p1{font-size: 24px;color: #cb1515e8 ;font-weight: bold;}
.liuyan .mainCon .yuyue .l p.p2{color: #333333;font-size: 18px;margin-top: 8px;}
.liuyan .mainCon .yuyue .l .p2 span{font-size: 28px;color: #54b4fc;font-weight: bold;}
.liuyan .mainCon .yuyue .l ul{margin-top: 16px;}
.liuyan .mainCon .yuyue .l li{margin-bottom: 6px;font-size: 14px;color: #666666;}
.liuyan .mainCon .yuyue .l li span{margin-right: 8px;}
.liuyan .mainCon .yuyue .r{float: right;width: 602px;padding-top: 6px;}
.liuyan .mainCon .yuyue .r dt{width: 289px;float: left;}
.liuyan .mainCon .yuyue .r dt input{height: 38px;line-height: 38px;font-size: 14px;color: #666666;padding: 0 10px;display: block;border: 1px solid #c9c9c9;margin-bottom: 10px;width: 267px;outline: none;}
.liuyan .mainCon .yuyue .r dd{width: 304px;float: right;}
.liuyan .mainCon .yuyue .r dd textarea{padding: 12px;height: 64px;border: 1px solid #c9c9c9;width: 278px;outline: none;resize: none;}
.liuyan .mainCon .yuyue .r .btn{height: 45px;background: #54b4fc;line-height: 45px;text-align: center;}
.liuyan .mainCon .yuyue .r .btn a{display: block;font-size: 16px;color: #ffffff;text-decoration: none;}
.liuyan .mainCon .yuyue .r .btn input{border: 0px solid #000000;width:100%; display: block;font-size: 16px;color: #ffffff;text-decoration: none;}
.liuyan .mainCon .phone{margin-top: 50px;text-align: center;}
.liuyan .mainCon .phone .l{display: inline-block;text-align: center;margin: 0 86px;}
.liuyan .mainCon .phone .l span{font-size: 35px;color: #54b4fc;font-family: Arial, Helvetica, sans-serif;text-decoration: none;display: block;}
.liuyan .mainCon .phone .l a{padding: 0 22px;border: 2px solid #54b4fc;font-size: 18px;color: #54b4fc;border-radius: 20px;display: inline-block;height: 32px;line-height: 32px;margin-top: 10px;cursor: pointer;}
.liuyan .mainCon .phone .l a img{width: 25px;height: 21px;position: relative;top: 5px;}
.liuyan .mainCon .phone .r{display: inline-block;margin: 0 86px;}
.liuyan .mainCon .phone .r span{font-size: 35px;color: #29f0b4;font-family: Arial, Helvetica, sans-serif;text-decoration: none;display: block;}
.liuyan .mainCon .phone .r a{padding: 0 22px;border: 2px solid #29f0b4;font-size: 18px;color: #29f0b4;border-radius: 20px;display: inline-block;height: 32px;line-height: 32px;width: 172px;margin-top: 10px;cursor: pointer;}
.liuyan .mainCon .phone .r a img{width: 25px;height: 21px;position: relative;top: 5px;}

/* 关于 */
.about .mainText{background: url(../images/about-xian01.png) no-repeat center;}
.about .enText{font-family: Arial, Helvetica, sans-serif;}
.about .mainCon{margin-top: 102px;}
.about .mainCon .l{float: left;width: 538px;position: relative;left: -800px;}
.about .mainCon .l dt .p1{font-size: 35px;color: #333333;font-weight: bold;}
.about .mainCon .l dt .p2{font-size: 24px;color: #333333;}
.about .mainCon .l dt{margin-bottom: 34px;}
.about .mainCon .l dd p{font-size: 14px;color: #666666;line-height: 25px;}
.about .mainCon .l ul{margin-top: 74px;}
.about .mainCon .l li{float: left;width: 138px;height: 72px;text-align: center;border-left: 1px solid #d5d5d5;}
.about .mainCon .l li img{width: 34px;height: 30px;margin: 0 auto;display: block;}
.about .mainCon .l li:first-child{width: 116px;border-left: none;}
.about .mainCon .l li span{display: block;font-size: 16px;color: #333333;margin-top: 20px;}
.about .mainCon .r{float: right;width: 600px;height: 630px;position: relative;right: -800px;}
.about .mainCon .r img{display: block;position: absolute;left: 0;bottom: 0;}

/* 新闻 */
.news{width: 100%;background: #ececec;height: 800px;}
.news .top .l{float: left;padding-top: 72px;height: 85px;position: relative;}
.news .top{position: relative;height: 157px;}
.news .top .border-xian{background: #d5d4d4;height: 1px;width: 1560px;left: 0;bottom: 0;position: absolute;}
.news .top .l .title{font-size: 32px;color: #333333;font-weight: bold;}
.news .top .l .title a{font-size: 32px;color: #333333;font-weight: bold;}
.news .top .l .en{font-size: 16px;color: #333333;font-family: Arial, Helvetica, sans-serif;margin-top: 7px;}
.news .top .l .xian{display: block;width: 341px;height: 20px;position: absolute;left: -360px;top: 85px;}
.news .top .r{float: right;}
.news .top .r li{width: 104px;margin-right: 24px;float: left;text-align: center;}
.news .top .r li a{display: block;width: 104px;padding-top: 94px;height: 63px;font-size: 16px;color: #333333;}
.news .top .r li.cur{background: #29f0b4;}
.news .con{padding-top: 50px;}
.news .con .conBox{height: 450px;width: 100%;position: relative;}
.news .con .conBox .box{position: relative;overflow: hidden;height: 450px;}
.news .con .conBox .box ul{position: absolute;left: 0;top: 0;width: 104%;}
.news .con .conBox .box li{float: left;width: 375px;margin-right: 38px;position: relative;height: 450px;}
.news .con .conBox .box li dt img{display: block;width: 375px;height: 281px;transition: all 1s ease-out;}
.news .con .conBox .box li dt{overflow: hidden;position: relative;margin-bottom: 22px;}
.news .con .conBox .box li dt span{width: 60px;height: 50px;position: absolute;left: 0;bottom: 0;display: block;background: #54b4fc;font-size: 12px;color: #ffffff;font-family: Arial, Helvetica, sans-serif;text-align: center;line-height: 50px;}
.news .con .conBox .box li:hover dt img{transform: scale(1.2);}
.news .con .conBox .box li:hover dt span{background: #29f0b4;}
.news .con .conBox .box li dd p.p1{font-size: 16px;color: #333333;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.news .con .conBox .box li dd p.p2{font-size: 14px;color: #666666;line-height: 20px;margin-top: 18px;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;height:60px;}
.news .con .conBox .box li dd p.p3{position: absolute;left: 0;bottom: 0;width: 100%;}
.news .con .conBox .box li dd p.p3 span{display: block;font-size: 12px;font-family: Arial, Helvetica, sans-serif;color: #333333;}
.news .con .conBox .box li dd p.p3 i{display: block;width: 10px;height: 1px;background: #333333;transition: all 1s ease-out;margin-top: 14px;}
.news .con .conBox .box li:hover dd p.p3 i{width: 40px;}
.news .btn {text-align: center;margin-top: 54px;}
.news .btn span {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;width: 35px;height: 22px;cursor: pointer;position: relative;margin: 0 35px;}