@charset "utf-8";
/* CSS Document */
html{ font-size:100px;}
body {font-family:微软雅黑;opacity:0;filter:alpha(opacity=0);font-size:0.01rem;}
.hs{ color:#ff2f2f;}
.hs1{color:#ff6900}
body,p,h1,h2,h3,h4,h5,h6,dl,dd,span{ margin:0;}
ul,ol,li{list-style-type: none; margin:0; padding:0}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
a{text-decoration: none; color:#646060;-webkit-tap-highlight-color:rgba(0,0,0,0); }
.banner img,.part1 img,.part2 img,.part3 img,.part5 img,.lb-style2 img,.youhui-wrap2 img{border:none;vertical-align:top; width:100%}

.fl{ float:left;}
.fr{ float:right;}
.fix:after{ clear:both; content:"."; height:0px; display:block; overflow:hidden; visibility:hidden }
.fix{*zoom:1;}

.red{ color:#f70000}

.wrap{margin:0 auto; max-width:6.4rem; overflow:hidden; position:relative}
.banner{ position:relative; width:6.4rem;}
.banner .p1{ position:absolute; left:1.13rem; width:100%; top:3.17rem;-webkit-animation:opacityC 3s infinite;animation:opacityC 3s infinite;}

.title{ text-align:center; padding:0.2rem;color:#4b406a}
.title .p1{ font-size:0.42rem; line-height:0.55rem; display:inline-block; position:relative; }
.title .p1 .ico1{ position:absolute; width:0.35rem; left:-0.55rem; top:0.15rem;}
.title .p1 .ico2{ position:absolute; width:0.35rem; right:-0.45rem; top:0}
.title .p2{ font-size:0.28rem; line-height:0.35rem; color:#474747}

.btncon{ width:100%; overflow:hidden; text-align:center}
.btncon .a{ display:inline-block; height:0.74rem; border-radius:0.74rem; padding:0 0.27rem; color:#fff; font-size:0.3rem; margin-right:0.1rem; line-height:0.74rem;margin-bottom: 0.1rem;}
.btncon a:last-child{ margin-right:0}

.part1{ width:100%; position:relative}
.part1 a.a1{
	background:#fd897a;color:#fff;
	text-align: center;
	display: block;
	width: 70%;
	font-size: 0.3rem;
	border-radius: 0.5rem;
	height: 0.7rem;
	line-height: 0.7rem;
	position: absolute;
	top: 1%;
	left:50%;
	transform:translate(-50%,0);
	-webkit-transform:translate(-50%,0);
	-moz-transform:translate(-50%,0);
	-ms-transform:translate(-50%,0);
}
.part1 .tt{ position:absolute; width:5.76rem; left:0.3rem; top:1.4rem}
.p1_tab{ position:absolute; left:0.2rem; top:2.4rem; width:6rem; height:1.54rem;}
.p1_tab li{ float:left; display:inline; margin-right:0.54rem; width:1.54rem; height:1.54rem; position:relative;}
.p1_tab li:last-child{ margin-right:0}
.p1_tab li .img{ width:1.54rem; height:1.54rem; border-radius:50%;}
.p1_tab li .y1{ position:absolute; top:0.69rem; right:-0.42rem; width:0.78rem; height:0.78rem;border-radius:50%; border:0.06rem solid #5b4690; line-height:0.78rem; text-align:center; font-size:0.22rem; color:#5b4690; display:block; background:#fff;font-weight:700;}
.p1_tab li .y2{ position:absolute; top:0.75rem; right:-0.36rem; width:0.78rem; height:0.78rem;border-radius:50%;line-height:0.78rem; text-align:center; font-size:0.22rem; color:#fff; background:url("images/y1.png") no-repeat; background-size:0.78rem 0.78rem; display:none; font-weight:700;}
.p1_tab li.on .y1{ display:none}
.p1_tab li.on .y2{ display:block}

.swiper1{ height:7.45rem;}
.swiper1 .swiper-slide .p1{ width:100%; background:url("images/p1_img_bg1.jpg") no-repeat; background-size:6.4rem 4.66rem; padding-bottom:0.25rem}
.swiper1 .swiper-slide .p1 .box{ width:5.54rem; padding:0.32rem 0 0 0.42rem;}
.swiper1 .swiper-slide .p1 .box .p1l{ float:left; width:2.81rem; position:relative}
.swiper1 .swiper-slide .p1 .box .p1l .dt{ position:absolute; left:0; bottom:0; width:0.77rem;}
.swiper1 .swiper-slide .p1 .box .p1r{ float:right; width:2.55rem;}
.swiper1 .swiper-slide .p2{ width:100%; height:1.64rem; position:relative; background:url("images/p1_img_bg2.jpg") no-repeat; background-size:6.4rem 1.64rem;}
.swiper1 .swiper-slide .p2 .t1{ position:absolute; left:0.36rem; top:0.17rem; font-size:0.28rem; color:#fff; line-height:0.28rem;}
.swiper1 .swiper-slide .p2 .t2{ position:absolute; left:0.36rem; top:0.60rem; font-size:0.22rem; color:#fff; line-height:0.22rem;}
.swiper1 .swiper-slide .p2 .t3{ position:absolute; left:0.36rem; top:0.95rem; font-size:0.22rem; color:#fff; line-height:0.22rem;}
.swiper1 .swiper-slide .p2 .t4{ position:absolute; left:3.99rem; top:1.05rem; font-size:0.24rem; color:#fff; line-height:0.24rem;}
.swiper1 .swiper-slide .p2 .tu{ position:absolute; left:4.32rem; top:-0.22rem; width:1.17rem; height:1.17rem; border-radius:50%;}
.swiper1 .swiper-slide .p2 .tu img{width:1.17rem; height:1.17rem; border-radius:50%;}
.yb_jh {
	position: relative;
	background: url("../images/xbzx/xbzxzh_jhbj.jpg");
	background-size: 100% 100%;
	padding: 4% 1%;
}

.yb_jh img.title {
	width: 80%;
	display: block;
	margin: 0 auto;
}
.p2_4{ position:relative}
.btncon1{ width:100%; overflow:hidden; text-align:center; position:absolute; width:100%; height:0.74rem; left:0; bottom:0.9rem;}
.btncon1 .a{ display:inline-block; height:0.64rem; border-radius:0.64rem; padding:0 0.20rem; color:#fff; font-size:0.28rem; margin-right:0.1rem; line-height:0.64rem;}
.btncon1 a:last-child{ margin-right:0}

.part3 .caselist{ width:6rem; margin:0 auto}
.part3 .caselist .left{ float:left; width:1.12rem;}
.part3 .caselist .right{ float:left; width:4.8rem; font-size:0.2rem; line-height:0.28rem; box-sizing:border-box; padding-left:0.2rem}
.part3  .txt{ color:#636363}
.part3  .casetab{ width:100%; height:2.04rem; padding:0.1rem 0 0.3rem 0}
.part3  .casetab span{ display:inline-block; width:1.95rem; position:relative}
.part3  .casepic{ width:0; height:0; margin-bottom:0.2rem; margin-top:-0.2rem; padding:1px; border:1px solid #dedede; position:relative; overflow:hidden; display:none}
.part3  .casetab span .fd{ position:absolute; width:0.19rem; height:0.19rem; right:0.1rem; bottom:0.1rem;}
.part3  .casepic li{ display:none}
.part3  .casepic li.active{ display:block}
.part3 .riqi{font-size:0.2rem; line-height:0.28rem; text-align:right; color:##636363; padding-bottom:0.1rem; border-bottom:1px dashed #dedede; margin-bottom:0.06rem;position:relative}
.part3 .riqi .star{ position:absolute; left:0; color:#ffa054; top:0; font-size:0.2rem;}

.p4_1{ width:100%; height:2.03rem; box-sizing:border-box; padding-top:0.5rem; background:url("images/p4_tt_bg.jpg") no-repeat; background-size:6.4rem 2.03rem}
.p4_2{ width:100%; height:0.79rem; box-sizing:border-box; padding-top:0.2rem; background:url("images/p4_bottom.gif") no-repeat; background-size:6.4rem 0.79rem}
.p4slide{ width:100%; overflow:hidden; position:relative}
.swiper2{ height:8.9rem;background:#534572}
.swiper2 .swiper-slide{ width:100%;}
.p4slide .pagination2 {position: absolute;left: 0;text-align: center;bottom:0.3rem;width: 100%; height:0.45rem;box-sizing:border-box;z-index:3;}
.p4slide .swiper-pagination-switch {display: inline-block; width: 0.2rem;height:0.2rem;border-radius:0.2rem;background:#fff;margin: 0 3px;cursor: pointer;}
.p4slide .swiper-active-switch {background:#fcbc8e;}

.hs{ background:#fd897a!important}
.p5list{ width:100%; box-sizing:border-box; padding-left:0.2rem; overflow:hidden}
.p5list .list{ float:left; display:inline; width:1.98rem; height:1.55rem; margin-right:0.04rem; margin-bottom:0.04rem; background:#fcbc8e; line-height:0.4rem;}
.p5list .list .txt{ display:table; width:100%; height:100%; color:#fff;}
.p5list .list .txt p{ display:table-cell; text-align:center; vertical-align:middle}

.part6{ padding-bottom:0.3rem;}
.swiper3{ height:1.76rem}
.swiper3 .swiper-slide{ padding-right:0.04rem; width:2.76rem}

@keyframes movement {
    0% {
        -webkit-transform: translate(0px,-3px);
        transform: translate(0px,-3px);
    }
    25% {
        -webkit-transform: translate(3px,6px);
        transform: translate(3px,6px);
    }
    50% {
        -webkit-transform: translate(6px,10px);
        transform: translate(6px,10px);
    }
    75% {
        -webkit-transform: translate(8px,0px);
        transform: translate(8px,0px);
    }
    100% {
        -webkit-transform: translate(0px,-3px);
        transform: translate(0px,-3px);
    }
}
@-webkit-keyframes movement {
    0% {
        -webkit-transform: translate(0px,-3px);
        transform: translate(0px,-3px);
    }
    25% {
        -webkit-transform: translate(3px,6px);
        transform: translate(3px,6px);
    }
    50% {
        -webkit-transform: translate(6px,10px);
        transform: translate(6px,10px);
    }
    75% {
        -webkit-transform: translate(8px,0px);
        transform: translate(8px,0px);
    }
    100% {
        -webkit-transform: translate(0px,-3px);
        transform: translate(0px,-3px);
    }
}
@keyframes movement1 {
    0% {
        -webkit-transform: translate(6px,-3px);
        transform: translate(6px,-3px);
    }
    25% {
        -webkit-transform: translate(3px,6px);
        transform: translate(3px,6px);
    }
    50% {
        -webkit-transform: translate(-6px,-10px);
        transform: translate(-6px,-10px);
    }
    75% {
        -webkit-transform: translate(8px,0px);
        transform: translate(8px,0px);
    }
    100% {
        -webkit-transform: translate(6px,-3px);
        transform: translate(6px,-3px);
    }
}
@-webkit-keyframes movement1 {
    0% {
        -webkit-transform: translate(6px,-3px);
        transform: translate(6px,-3px);
    }
    25% {
        -webkit-transform: translate(3px,6px);
        transform: translate(3px,6px);
    }
    50% {
        -webkit-transform: translate(-6px,-10px);
        transform: translate(-6px,-10px);
    }
    75% {
        -webkit-transform: translate(8px,0px);
        transform: translate(8px,0px);
    }
    100% {
        -webkit-transform: translate(6px,-3px);
        transform: translate(6px,-3px);
    }
}
@keyframes movement2 {
    0% {
        -webkit-transform: translate(10px,3px);
        transform: translate(10px,3px);
    }
    25% {
        -webkit-transform: translate(3px,6px);
        transform: translate(3px,6px);
    }
    50% {
        -webkit-transform: translate(6px,-3px);
        transform: translate(6px,-3px);
    }
    75% {
        -webkit-transform: translate(-8px,0px);
        transform: translate(-8px,0px);
    }
    100% {
        -webkit-transform: translate(10px,3px);
        transform: translate(10px,3px);
    }
}
@-webkit-keyframes movement2 {
    0% {
        -webkit-transform: translate(10px,3px);
        transform: translate(10px,3px);
    }
    25% {
        -webkit-transform: translate(3px,6px);
        transform: translate(3px,6px);
    }
    50% {
        -webkit-transform: translate(6px,-3px);
        transform: translate(6px,-3px);
    }
    75% {
        -webkit-transform: translate(-8px,0px);
        transform: translate(-8px,0px);
    }
    100% {
        -webkit-transform: translate(10px,3px);
        transform: translate(10px,3px);
    }
}

@keyframes movement3 {
    0% {
        -webkit-transform: translate(-10px,3px);
        transform: translate(-10px,3px);
    }
    25% {
        -webkit-transform: translate(-4px,6px);
        transform: translate(-4px,6px);
    }
    50% {
        -webkit-transform: translate(2px,8px);
        transform: translate(2px,8px);
    }
    75% {
        -webkit-transform: translate(-8px,0px);
        transform: translate(-8px,0px);
    }
    100% {
        -webkit-transform: translate(-10px,3px);
        transform: translate(-10px,3px);
    }
}
@-webkit-keyframes movement3 {
    0% {
        -webkit-transform: translate(-10px,3px);
        transform: translate(-10px,3px);
    }
    25% {
        -webkit-transform: translate(-4px,6px);
        transform: translate(-4px,6px);
    }
    50% {
        -webkit-transform: translate(2px,8px);
        transform: translate(2px,8px);
    }
    75% {
        -webkit-transform: translate(-8px,0px);
        transform: translate(-8px,0px);
    }
    100% {
        -webkit-transform: translate(-10px,3px);
        transform: translate(-10px,3px);
    }
}
@keyframes scale1 {
    0% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }
    25% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
    25% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    100% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }
}
@-webkit-keyframes scale1 {
    0% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }
    25% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
    25% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    100% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }
}
@keyframes bounceinR {
    0%{
        opacity: 0;
        transform: translateX(200px);
    }
    100%{
        opacity: 1;
        transform: translateX(0);
    }
}
@-webkit-keyframes  bounceinR{
    0%{
        opacity: 0;
        -webkit-transform: translateX(200px);
    }
    100%{
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}
@keyframes bounceinR {
    0%{
        opacity: 0;
        transform: translateX(200px);
    }
    100%{
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes  opacityC{
    0%{
        opacity:0;
    }
	50%{
	   opacity:0;
	}
	55%{
	   opacity:0;
	}
	60%{
	   opacity:1;
	}
	65%{
	   opacity:1;
	}
	68%{
	   opacity:0;
	}
	75%{
	   opacity:0;
	}
	76%{
	   opacity:1;
	}
	80%{
	   opacity:1;
	}
	82%{
	   opacity:0;
	}
    100%{
         opacity:0;
    }
}
@-webkit-keyframes  opacityC{
    0%{
        opacity:0;
    }
	50%{
	   opacity:0;
	}
	55%{
	   opacity:0;
	}
	60%{
	   opacity:1;
	}
	65%{
	   opacity:1;
	}
	68%{
	   opacity:0;
	}
	75%{
	   opacity:0;
	}
	76%{
	   opacity:1;
	}
	80%{
	   opacity:1;
	}
	82%{
	   opacity:0;
	}
    100%{
         opacity:0;
    }
}
.youhui-wrap .btn1 input{
	width: 50% !important;
}

.ybdzh_jh {
	position: relative;
	background: url("../images/xbzx/xbzxzh_jhbj.jpg");
	background-size: 100% 100%;
	padding: 4% 1% !important;
}

.ybdzh_jh img.title {
	width: 60%;
	display: block;
	margin: 0 auto;
	padding: 0.3rem 0;
}

.ybdzh_jh a {
	position: relative;
}

.ybdzh_jh a div {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	color: #f38274;
	font-size: 0.23rem;
}

.ybdzh_jh a p {
	text-align: center;
}

.ybdzh_jh a p.p1 {
	color: #fff;
	font-size: 0.3rem;
	margin-top: 6%;
}

.ybdzh_jh a p.p1-1 {
	color: #fff;
	font-size: 0.22rem;
	margin-top: 3%;
	line-height: 100%;
}

.ybdzh_jh a p.p2 {
	color: #fff;
	font-size: 0.4rem;
	margin-top: 1%;
}

.ybdzh_jh a p.p2 i {
	font-size: 0.2rem;
}

.ybdzh_jh a p.p3 {
	color: #fff;
	font-size: 0.3rem;
	position: relative;
	margin-top: 2%;
}
.zjlb{
	margin-top: 0.2rem;
}
footer{margin:0 auto;}
#cqmylike_footer_logo{padding-top:10px;}