@charset "utf-8";

body{
	
}

.abc{
	position: fixed;
	left: 0;
	top: 0;
	z-index: 100;
}

.content {
	/*position: relative;*/
}

.bg img {
	width: 100%;
	/*height: 100%;*/
}

.zhuli{
	position: absolute;
	top:0.533333rem;
	left:0.533333rem;
	z-index: 99;
}

.zhuli img {
	width: 2.08rem;
	height: 1.786667rem;	
}

.nav {
	position: absolute;
	top:0.4rem;
	right:0.266667rem;
	z-index: 99;
	color:#999;
	font-size:0.533333rem;
}

.nav .pagination{
	width: 0.133333rem;
	height: 0.133333rem;
	margin: 0.066667rem auto 0;
	background: #999;
	border-radius: 50%;
}

.active {
	color:#f2577e;
	/*background: #f2577e;*/
}

.nav .act{
	background: #f2577e;
}

.main {
	position: fixed;
	width: 100%;
	/*bottom:14%;*/
	bottom:0;
	z-index: 99;
	text-align: center;
}

.main h2{
	font-size:0.533333rem;
	color:#fff;
	font-weight: normal;
	line-height: 1.6;
}

.main p {
	font-size:0.373333rem;
	color:#999;
	line-height: 1.5;
}

.s_heart {
	width: 30%;
    height: 2.9rem;
    /* float: right; */
    left: 35%;
    position: relative;
}

.s_heart .hua img{
	width: 2.88rem;
	height: 2.413333rem;
	position: absolute;
	z-index: 999;
	-webkit-transform:scale(0,0);
	transform:scale(0,0);
}

.ani{
	-webkit-animation: bd 1s infinite linear;
	animation: bd 1s infinite linear;
}

/*动画*/
@-webkit-keyframes bd {
	0% { -webkit-transform:scale(0,0); }
	50% { -webkit-transform:scale(0.5,0.5); }
	100% { -webkit-transform:scale(1.2,1.2); }
}

@keyframes bd {
	0% { transform:scale(0,0); }
	50% { transform:scale(0.5,0.5); }
	100% { transform:scale(1.2,1.2); }
}

.heart {
	overflow: hidden;
	width: 50%;
	height: 1.373333rem;
	/*padding-top: */
	/*background: url(../img/heart2.png) no-repeat;*/
	/*background-size: cover;*/
	position: absolute;
	top:0.65rem;
	left:25%;
	
}

.heart .nengliang img{
	width: 1.76rem;
	height: 25%;
	position: absolute;
	bottom:0;
	z-index: 99;
}

.heart .heart4 img {
	    width: 80%;
    position: absolute;
    left:10%;
    bottom: 0;
    z-index: 99;
	/*border-bottom-right-radius:0.8rem;
　　border-bottom-left-radius:0.8rem;*/
}

.gesture {
	    width: 30%;
    height: 1.373333rem;
    /* background: url(../img/opaque.png) no-repeat; */
    background-size: cover;
    position: absolute;
    top: 0.65rem;
    left: 35%;
    z-index: 99;
	/*border-bottom-right-radius: 1.146667rem;
	border-bottom-left-radius: 1.12rem;*/
}

.gesture .quan1 img {
	width: 0.16rem;
	height: 0.16rem;
	position: absolute;
	top:50%;
	left:50%;
	margin: 0.08rem 0 0 -0.08rem;
}

.gesture .quan2 img {
	width: 0.4rem;
	height: 0.4rem;
	position: absolute;
	top:50%;
	left:50%;
	margin: -0.04rem 0 0 -0.2rem;

}

.gesture .quan3 img {
	width: 0.64rem;
	height: 0.64rem;
	position: absolute;
	top:50%;
	left:50%;
	margin: -0.16rem 0 0 -0.32rem;
}

.gesture .shouyin img {
	width: 4.72rem;
	height: 4.533333rem;
}

.gesture .shou {
	position: absolute;
	top:50%;
	left:50%;
	margin: 0.32rem 0 0 -0.373333rem;
}

.gesture .shou img {
	width: 0.906667rem;
	height: 1.146667rem;
}

.logo {
	position: absolute;
	bottom:0;
	z-index: 99;
}

.logo img {
	width: 100%;
}

.care {
	position: absolute;
	bottom:0.666667rem;
	left:0.533333rem;
	z-index: 99;
	width: 2.586667rem;
	height: 0.8rem;
	line-height: 0.8rem;
	border-radius: 0.4rem;
	font-size:0.32rem;
	color:#4d4d4d;
	/*border:1px solid #4d4d4d;*/
	border:1px solid #fff;
	text-align: center;
}

.share {
	position: absolute;
	bottom:0.666667rem;
	right:0.533333rem;
	z-index: 99;
	width: 2.586667rem;
	height: 0.8rem;
	line-height: 0.8rem;
	border-radius: 0.4rem;
	font-size:0.32rem;
	color:#4d4d4d;
	/*border:1px solid #4d4d4d;*/
	border:1px solid #fff;
	text-align: center;
}

.care a,
.share a{
	/*color:#4d4d4d;*/
	color:#fff;
	display: block;
	width: 100%;
	height: 100%;
}

.bg1 {
}

.swiper_content{
	width: 100%;
	height: 100%;
}

.swiper_content img{
	width: 100%;
	height: 100%;
	display: inline;
}

.swiper_content img.logos{
	width: 1.613333rem;
	height: 1.626667rem;
}

.swiper-slide{
	position: relative;
}

.swiper-slide .abks{
	position: absolute;
	z-index: 99;
	bottom:23%;
	width: 100%;
	text-align: center;
}

.swiper-slide h2{
	font-size:0.533333rem;
	color:#fff;
	font-weight: normal;
	line-height: 1.6;
}

.swiper-slide h3{
	font-size:0.4rem;
	color:#fff;
	font-weight: normal;
	line-height: 1.6;
}

.swiper-slide p {
	font-size:0.373333rem;
	color:#999;
	line-height: 1.5;
	margin-top: 0.133333rem;
	font-weight: 600;
}

.up {
	animation: shou 1s infinite both;
	-moz-animation: shou 1s infinite both;
	-webkit-animation: shou 1s infinite both;
	-o-animation: shou 1s infinite both;
}

@-webkit-keyframes shou{
    0%{
    	opacity: 0;
        margin: 0.32rem 0 0 -0.373333rem;
    }
    
    100%{
        opacity: 1;
        margin: 0.08rem 0 0 -0.373333rem;
    }
}

.q1 {
	animation: q1 1s 1s infinite both;
	-moz-animation: q1 1s 1s infinite both;
	-webkit-animation: q1 1s 1s infinite both;
	-o-animation: q1 1s 1s infinite both;
}

.q2 {
	animation: q2 1s 1s infinite both;
	-moz-animation: q2 1s 1s infinite both;
	-webkit-animation: q2 1s 1s infinite both;
	-o-animation: q2 1s 1s infinite both;
}

.q3 {
	animation: q3 1s 1s infinite both;
	-moz-animation: q3 1s 1s infinite both;
	-webkit-animation: q3 1s 1s infinite both;
	-o-animation: q3 1s 1s infinite both;
}

@-webkit-keyframes q1{
    0%{
    	opacity: 0;
    }
    20%{
    	opacity: 1;
    }
    50%{
        opacity: 0;
    }
}

@-webkit-keyframes q2{
    0%{
    	opacity: 0;
    }
    40%{
    	opacity: 1;
    }
    70%{
        opacity: 0;
    }
}

@-webkit-keyframes q3{
    0%{
    	opacity: 0;
    }
    60%{
    	opacity: 1;
    }
    90%{
        opacity: 0;
    }
}

/*样式移植*/
.zhulis {
	position: fixed;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.5);
	/*display: none;*/
	z-index: 997;
}

.zhulis .con {
	position: absolute;
	top:50%;
	left: 50%;
	margin-left:-4.213333rem;
	margin-top: -4.213333rem;
}

.zhulis .con img{
	width: 8.426667rem;
	height: 8.426667rem;

}

.zhulis .con i {
	color:#fff;
	font-size:0.533333rem;
	position: absolute;
	right:0;
	top:-0.8rem;
}

.zhulis .con .touxiang {
	position: absolute;
	top:0.8rem;
	width: 100%;
}

.zhulis .con .touxiang img{
	width: 1.6rem;
	height: 1.6rem;
	border-radius: 50%;
	margin: 0 auto 0.133333rem;
}

.zhulis .con .touxiang p{
	text-align: center;
	font-size:0.4rem;
}

.zhulis .con .touxiang .tou {
	margin: 0.533333rem auto 0.133333rem;
	width: 80%;
	text-align: center;
}

.zhulis .con .touxiang .tou img{
	width: 0.906667rem;
	height: 0.906667rem;
	margin-right: 0.266667rem;
	display: inline-block;
}

.zhulis .con .touxiang .tou img:last-child{
	margin-right: 0;
}

.zhulis .con .ken {
	position: absolute;
	bottom: 0.266667rem;
	width: 100%;
	height: 1.173333rem;
	text-align: center;
	color:#fff;
	/*background: #ff2323;*/
	/*border-bottom-right-radius:0.133333rem;
	border-bottom-left-radius:0.133333rem;*/
}

.zhulis .con .ken a {
	width: 3.44rem;
	height: 0.933333rem;
	line-height: 0.933333rem;
	color:#fff;
	text-align: center;
	font-size:0.4rem;
	float: left;
	background: #ff2323;
	border-radius: 0.466667rem;
	margin-left: 0.4rem;
}

.zhulis .con .ken .right {
	width: 3.44rem;
	height: 0.933333rem;
	line-height: 0.933333rem;
	color:#fff;
	text-align: center;
	font-size:0.4rem;
	float: right;
	background: #ff8a00;
	border-radius: 0.466667rem;
	margin-right: 0.4rem;
}

.zhulis .tent .left{
	position: absolute;
	left:0;
	width: 3.466667rem;
	height: 0.933333rem;
	border-radius: 0.466667rem;
	border:1px solid #fff;
	text-align: center;
	line-height: 0.933333rem;
	color:#fff;
	font-size:0.4rem;
	margin-top: 0.8rem;
}
.zhulis .tent .right{
	position: absolute; 
	right:0;
	width: 3.466667rem;
	height: 0.933333rem;
	border-radius: 0.466667rem;
	border:1px solid #fff;
	text-align: center;
	line-height: 0.933333rem;
	color:#fff;
	font-size:0.4rem;
	margin-top: 0.8rem;
}


.zhulis .shuoming{
	color:#6c5555;
	line-height: 0.666667rem;
	width: 80%;
	height: 80%;
	position: absolute;
	top:10%;
	left: 10%;
	/*background: red;*/
	overflow-Y: auto;
}

.zhulis .yonghu{
	width: 90%;
	height: 80%;
	position: absolute;
	top:10%;
	left: 8%;
	/*background: red;*/
	overflow-Y: auto;
}


.shuoming h4{
	font-weight: normal;
	font-size:0.453333rem;
	margin-bottom: 0.133333rem;
}

.shuoming p {
	font-size:0.4rem;
}

.shuoming p.text {
	margin: 0.4rem 0 0.133333rem;
}

.zhulis .yonghu p{
	width: 0.906667rem;
	/*height: 0.906667rem;*/
	float: left;
	margin: 0 0.133333rem 0.533333rem;
}

.zhulis .yonghu p img{
	display: block;
	width: 0.906667rem;
	height: 0.906667rem;
	border-radius: 50%;	
}

.zhulis .yonghu p span.uname{
	width: 0.906667rem;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
    white-space: nowrap;
}

/*new*/

.dream{
	width: 20%;
    position: absolute;
    left: 34%;
    top: 48%;
}

.mao1{
	width: 20%;
    position: absolute;
    left: 38%;
    top: 68%;
    /*left:0;
    top:20%;*/

}

.mao2{
	width: 20%;
    position: absolute;
    left: 38%;
    top: 68%;
}

.yingzi{
	width: 20%;
	position: absolute;
    left: 38%;
    top: 73%;
    /*left:0;
    top:72%;*/
}

.centerImg{
	width: 35%;
    position: absolute;
    left: 31%;
    top: 20%;
}

.leftTop{
	width: 18%;
    position: absolute;
    left: 4%;
    top: 2.5%;
}

.foot{
	width:100%;
	position:absolute;
	bottom:0;
}

.animated {
	
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}
#fengxiang{
	position: fixed;
	z-index: 10000;
	width:100%;
	height:100%;
	background:#000000;
	opacity:0.8;
}

.figer{
	position: absolute;
    z-index: 10001;
    top: 5%;
    right: 10%;
    width: 10%;
}


.bg{
	position: absolute;
	width: 100%;
    height: 100%;
}

.biaoti2{
	margin: 3% 10% 3% 10%;
	width: 80%;
}

.mar10{
	margin-top:10%;
}

#slide1P{
	width: 80%;
    margin: 0 auto;
    color: #1e010b;
    font-size: 0.42rem;
}

.tupian{
	width: 80%;
    margin: 3% 10% 0 10%;
}

@media screen and (max-height: 500px) {

	.mar10{
		margin-top:1%;
	}

	.disNone{
		display: none;
	}

	.tupian{
	width: 80%;
    margin: 1% 10% 0 10%;
	}
}

.ipt{
	    display: block;
    font-size: 0.4rem;
    width: 60%;
    height: 5%;
    margin: 2% auto;
    text-indent: 1em;
    border: 1px solid lightgray;
}

/*地图*/
.dian{
                position: absolute;
                width:6%!important;
                height:auto!important;
            }

            .di{
                width:25%;
                position: absolute;
            }

            .di img{
                width:100%;
                pointer-events: none; 
                -webkit-touch-callout:none;
                -webkit-user-select:none;
                -khtml-user-select:none;
                -moz-user-select:none;
                -ms-user-select:none;
                user-select:none;
                -o-user-select:none;
            }

            .dian1{
                top:16%;
                right:35%;
            }

            .di1{
                top: 6%;
                right: 25.5%;
            }

            .dian2{
                top: 26%;
                right: 9%;
            }

            .di2{
                top: 16%;
                right: -0.5%;
            }

            .dian3{
                top: 34%;
                right: 43%;
            }

            .di3{
                top:21%;
                right:33.2%;
            }

            .dian4{
                top: 45%;
                right: 31%;
            }

            .di4{
                top:33%;
                right:21.2%;
            }

            .dian5{
                top: 48%;
                right: 8%;
            }

            .di5{
                top:38%;
                right:-1.5%;
            }

            .dian6{
                top: 50%;
                right: 30%;
            }

            .di6{
                top: 52%;
                right: 27%;
            }

            .dian7{
                top: 50%;
                left: 40%;
            }

            .di7{
                top:40%;
                left:30.5%;
            }

            .dian8{
                top: 54%;
                left: 15%;
            }

            .di8{
                top:44%;
                left:5.5%;
            }

            .dian9{
                top: 65%;
                left: 30%;
            }

            .di9{
                top:55%;
                left:20.5%;
            }

            .dian10{
                top: 75%;
                left: 10%;
            }

            .di10{
                top:65%;
                left:0.5%;
            }

            .dian11{
                top: 85%;
                right: 45%;
            }

            .di11{
                top:75%;
                right:35.5%;
            }

            .dian12{
                top: 55%;
                right: 24%;
            }

            .di12{
                top: 60%;
                right: 10%;
            }


/*地图*/
.animated {
                -webkit-animation-duration: 1s;
                animation-duration: 1s;
                -webkit-animation-fill-mode: both;
                animation-fill-mode: both
            }

            @-webkit-keyframes zoomIn {
                0% {
                    opacity: 0;
                    -webkit-transform: scale3d(.3, .3, .3);
                    transform: scale3d(.3, .3, .3)
                }
                50% {
                    opacity: 1
                }
            }

            @keyframes zoomIn {
                0% {
                    opacity: 0;
                    -webkit-transform: scale3d(.3, .3, .3);
                    -ms-transform: scale3d(.3, .3, .3);
                    transform: scale3d(.3, .3, .3)
                }
                50% {
                    opacity: 1
                }
            }

            .zoomIn {
                -webkit-animation-name: zoomIn;
                animation-name: zoomIn
            }

            @-webkit-keyframes rotateIn {
                0% {
                    -webkit-transform-origin: center;
                    transform-origin: center;
                    -webkit-transform: rotate3d(0, 0, 1, -200deg);
                    transform: rotate3d(0, 0, 1, -200deg);
                    opacity: 0
                }
                100% {
                    -webkit-transform-origin: center;
                    transform-origin: center;
                    -webkit-transform: none;
                    transform: none;
                    opacity: 1
                }
            }

            @keyframes rotateIn {
                0% {
                    -webkit-transform-origin: center;
                    -ms-transform-origin: center;
                    transform-origin: center;
                    -webkit-transform: rotate3d(0, 0, 1, -200deg);
                    -ms-transform: rotate3d(0, 0, 1, -200deg);
                    transform: rotate3d(0, 0, 1, -200deg);
                    opacity: 0
                }
                100% {
                    -webkit-transform-origin: center;
                    -ms-transform-origin: center;
                    transform-origin: center;
                    -webkit-transform: none;
                    -ms-transform: none;
                    transform: none;
                    opacity: 1
                }
            }

            .rotateIn {
                -webkit-animation-name: rotateIn;
                animation-name: rotateIn
            }

            @-webkit-keyframes bounceInDown {
                0%,
                100%,
                60%,
                75%,
                90% {
                    -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
                    transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
                }
                0% {
                    opacity: 0;
                    -webkit-transform: translate3d(0, -3000px, 0);
                    transform: translate3d(0, -3000px, 0)
                }
                60% {
                    opacity: 1;
                    -webkit-transform: translate3d(0, 25px, 0);
                    transform: translate3d(0, 25px, 0)
                }
                75% {
                    -webkit-transform: translate3d(0, -10px, 0);
                    transform: translate3d(0, -10px, 0)
                }
                90% {
                    -webkit-transform: translate3d(0, 5px, 0);
                    transform: translate3d(0, 5px, 0)
                }
                100% {
                    -webkit-transform: none;
                    transform: none
                }
            }

            @keyframes bounceInDown {
                0%,
                100%,
                60%,
                75%,
                90% {
                    -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
                    transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
                }
                0% {
                    opacity: 0;
                    -webkit-transform: translate3d(0, -3000px, 0);
                    -ms-transform: translate3d(0, -3000px, 0);
                    transform: translate3d(0, -3000px, 0)
                }
                60% {
                    opacity: 1;
                    -webkit-transform: translate3d(0, 25px, 0);
                    -ms-transform: translate3d(0, 25px, 0);
                    transform: translate3d(0, 25px, 0)
                }
                75% {
                    -webkit-transform: translate3d(0, -10px, 0);
                    -ms-transform: translate3d(0, -10px, 0);
                    transform: translate3d(0, -10px, 0)
                }
                90% {
                    -webkit-transform: translate3d(0, 5px, 0);
                    -ms-transform: translate3d(0, 5px, 0);
                    transform: translate3d(0, 5px, 0)
                }
                100% {
                    -webkit-transform: none;
                    -ms-transform: none;
                    transform: none
                }
            }

            .bounceInDown {
                -webkit-animation-name: bounceInDown;
                animation-name: bounceInDown
            }

            @-webkit-keyframes slideInDown {
                0% {
                    -webkit-transform: translateY(-100%);
                    transform: translateY(-100%);
                    visibility: visible
                }
                100% {
                    -webkit-transform: translateY(0);
                    transform: translateY(0)
                }
            }

            @keyframes slideInDown {
                0% {
                    -webkit-transform: translateY(-100%);
                    -ms-transform: translateY(-100%);
                    transform: translateY(-100%);
                    visibility: visible
                }
                100% {
                    -webkit-transform: translateY(0);
                    -ms-transform: translateY(0);
                    transform: translateY(0)
                }
            }

            .slideInDown {
                -webkit-animation-name: slideInDown;
                animation-name: slideInDown
            }

            @-webkit-keyframes slideInLeft {
                0% {
                    -webkit-transform: translateX(-100%);
                    transform: translateX(-100%);
                    visibility: visible
                }
                100% {
                    -webkit-transform: translateX(0);
                    transform: translateX(0)
                }
            }

            @keyframes slideInLeft {
                0% {
                    -webkit-transform: translateX(-100%);
                    -ms-transform: translateX(-100%);
                    transform: translateX(-100%);
                    visibility: visible
                }
                100% {
                    -webkit-transform: translateX(0);
                    -ms-transform: translateX(0);
                    transform: translateX(0)
                }
            }

            .slideInLeft {
                -webkit-animation-name: slideInLeft;
                animation-name: slideInLeft
            }

            .opcity{
                -webkit-animation-duration: 1s;
                animation-duration: 1s;
                -webkit-animation-fill-mode: both;
                animation-fill-mode: both;
                -webkit-animation-name: opcity;
                animation-name: opcity
            }

            @-webkit-keyframes opcity {
                0% {
                    opacity:1;
                }
                50% {
                    opacity:0.5;
                }

                100% {
                    opacity:1;
                }
            }

            @keyframes opcity {
                0% {
                    opacity:1;
                }
                50% {
                    opacity:0.5;
                }

                100% {
                    opacity:1;
                }
            }

            .workImg{
                width:100%;
            }

            .workImg img{
                width:100%;
                display: block;
                max-height: 6rem;
            }

            .workInfo{
                width:100%;
                height:4rem;
                background: #fff;
                overflow: hidden;
                border-bottom-left-radius: 0.15rem;
                border-bottom-right-radius: 0.15rem;
            }

            .workInfoScroll{
                width:80%;
                height:3.6rem;
                margin:0.2rem auto;
                overflow-y: scroll;
            }

            .workInfoScroll li{
                width:100%;
                margin-bottom: 0.2rem;
            }

            .workInfoScroll li p:nth-of-type(1){
                font-size:0.4rem;
                font-weight: 600;
                padding-bottom: 0.1rem;
            }

            .workInfoScroll li p:nth-of-type(2){
                font-size:0.37rem;
            }

            .guanbi{
                width:8%;
                position: fixed;
	            top: 8%;
	            right: 6%;
	            z-index: 12;
            }

            .guanbi img{
                width:100%;
            }