.contenr{min-width: 100%; width: 100%;overflow: hidden;}

.youce{ background: url(/sw/mxd2fwzz/images/youce.png) no-repeat center;  width: 221px; height:437px; position: fixed; right: 20px; bottom: 20%; z-index: 1000;}
.youce .imga{ position: absolute; top:-98px;left: 43px; z-index: 31;}
.youce .imgb{position: absolute; top:16px;left: 16px; background: url(/sw/mxd2fwzz/images/img.png) no-repeat center;height:103px;width:191px;background-position: 0 -270px; cursor: pointer; display: block;}
.youce .imgc{position: absolute; top:120px;left: 16px; background: url(/sw/mxd2fwzz/images/img.png) no-repeat center;height:67px;width:192px;background-position: 0 -440px; cursor: pointer; display: block;}
.youce .imgc:hover{background-position: 0 -373px;}
.youce .imgd{position: absolute; top:188px;left: 16px; background: url(/sw/mxd2fwzz/images/img.png) no-repeat center;height:45px;width:95px;background-position: 0 -135px; cursor: pointer; display: block;}
.youce .imgd:hover{background-position: 0 -180px;}
.youce .imgdd{position: absolute; top:188px;left: 16px; background: url(/sw/mxd2fwzz/images/img.png) no-repeat center;height:45px;width:95px;background-position: 0 -225px; cursor: pointer; display: none;}
.youce .imgdd:hover{background-position: 0 0;}

.youce .imge{position: absolute; top:188px;left: 113px; background: url(/sw/mxd2fwzz/images/img.png) no-repeat center;height:45px;width:95px;background-position: 0 -90px; cursor: pointer; display: block;}
.youce .imge:hover{background-position: 0 -45px;}
.youce .sao{ position: absolute;bottom: 15px; left: 16px; width: 190px; height: 188px;}
.youce .yuyue1{ width: 380px; height: 129px; background: url(/sw/mxd2fwzz/images/towone.png) no-repeat center; position: absolute; left: -389px; bottom: 90px; z-index: 30; display: none;}
.youce .yuyue1 .xx{ width: 18px; height: 18px; position: absolute;right: 63px; top:6px; z-index: 31; cursor: pointer;}
.youce .yuyue1 p{line-height:29px; font-size: 15px; color: #FFFFFF; width: 258px; position: absolute; left: 20px; top:26px}
/*九月21号显示的界面*/
.youce .yuyue2{ width: 380px; height: 129px; background: url(/sw/mxd2fwzz/images/towone.png) no-repeat center; position: absolute; left: -389px; bottom: 90px; z-index: 30;display: none; }
.youce .yuyue2 .xx{ width: 18px; height: 18px; position: absolute;right: 63px; top:6px; z-index: 31; cursor: pointer;}
.youce .yuyue2 p{line-height:25px; font-size: 15px; color: #FFFFFF; width: 258px; position: absolute; left: 30px; top:20px}


.con_1{ width: 100%; height: 1158px; background:url(/sw/mxd2fwzz/images/con_1_01.png) no-repeat center; background-size:auto 100%; }
.con_2{ width: 100%; height: 1275px; background:url(/sw/mxd2fwzz/images/con_2_02.png) no-repeat center; background-size:auto 100%; }

.con_3{ height: 712px; width: 100%; background: url(/sw/mxd2fwzz/images/con_3.png) no-repeat center; background-size:auto 100%; padding-top: 188px;}
.ceter{ width: 100%; height: 643px; background:url(/sw/mxd2fwzz/images/con_3_center.png) no-repeat center; margin: 0 auto; background-size:100% 100% ; position: relative;}
.con_3 .ceter li{width: 90px; height: 131px; background: url(/sw/mxd2fwzz/images/ali.png) no-repeat center;cursor: pointer; text-align: center;}
.con_3 .ceter li .gq{ width: 62px; height: 62px; border:8px solid #82b1ff; position: absolute; top:0; left:0;right: 0; bottom: 42px; margin: auto; border-radius: 50%; background: #FFFFFF;box-shadow: #000 0px 0px 10px;
      -webkit-animation-name:'ripple';/*动画属性名，也就是我们前面keyframes定义的动画名*/
    	-webkit-animation-duration: 1s;/*动画持续时间*/
		-webkit-animation-timing-function: ease; /*动画频率，和transition-timing-function是一样的*/
		-webkit-animation-delay: 0s;/*动画延迟时间*/
		-webkit-animation-iteration-count: infinite;/*定义循环资料，infinite为无限次*/
		-webkit-animation-direction: alternate;/*定义动画方式*/


 }

@keyframes ripple {
		0% {width:55px;height:55px; opacity: 0.5;}
		100% {	width:62px;height:62px; opacity: 1;}
	     }




.con_3 .ceter li p{ color: #257fd8; font-size: 18px; font-weight: bolder; width: 53px; height: 53px; background: #FFFFFF; text-align: center; position: absolute;top:-42px;left:0;bottom: 0; right: 0; margin: auto; border-radius: 50%;}
.con_3 .ceter .ali1{  position: absolute; top:0; left: 660px; }
.con_3 .ceter .ali2{  position: absolute; top:135px; left: 156px; }
.con_3 .ceter .ali3{  position: absolute; top:255px; left: 315px; }
.con_3 .ceter .ali4{  position: absolute; top:143px; left: 684px; }
.con_3 .ceter .ali5{  position: absolute; top:170px; left: 925px; }
.con_3 .ceter .ali6{  position: absolute; bottom:81px; right: 452px; }
/*弹框1*/
.con_3 .ceter .tan1{ position: absolute; top:0; left: 0; right: 0; bottom: 0; margin:  auto; width: 708px; height: 523px; background:url(/sw/mxd2fwzz/images/tangchang.png) no-repeat center ; display: none;}
.con_3 .ceter .tan1 .close{ position: absolute; right: 14px; top: 6px; width: 25px; height: 25px; cursor: pointer;}
.con_3 .ceter .tan1 h2{margin: 0 auto; width: 311px; height: 47px; border:1px solid #3000ff; margin-top: 32px; text-align: center; line-height: 47px; background: #6b00ff; color: #FFFFFF; border-radius: 20px;}
.con_3 .ceter .tan1 .cent1{width: 636px; height: 383px; position: absolute; top:95px; left: 33px; background: #6b00ff; padding: 5px;}

/*弹框二111111111111111111111111*/
.con_3 .ceter .tan2{ position: absolute; top:0; left: 0; right: 0; bottom: 0; margin:  auto; width: 708px; height: 523px; background:url(/sw/mxd2fwzz/images/tangchang.png) no-repeat center ;display: none; }
.con_3 .ceter .tan2 .close{ position: absolute; right: 14px; top: 6px; width: 25px; height: 25px; cursor: pointer;}
.con_3 .ceter .tan2 h2{margin: 0 auto; width: 311px; height: 47px; border:1px solid #3000ff; margin-top: 32px; text-align: center; line-height: 47px; background: #6b00ff; color: #FFFFFF; border-radius: 20px;}
.con_3 .ceter .tan2 .cent1{width: 636px; height: 383px; position: absolute; top:95px; left: 33px; background: #6b00ff; padding: 5px;}

/*弹框3111111111111111111111111*/
.con_3 .ceter .tan3{ position: absolute; top:0; left: 0; right: 0; bottom: 0; margin:  auto; width: 708px; height: 523px; background:url(/sw/mxd2fwzz/images/tangchang.png) no-repeat center ;display: none; }
.con_3 .ceter .tan3 .close{ position: absolute; right: 14px; top: 6px; width: 25px; height: 25px; cursor: pointer;}
.con_3 .ceter .tan3 h2{margin: 0 auto; width: 311px; height: 47px; border:1px solid #3000ff; margin-top: 32px; text-align: center; line-height: 47px; background: #6b00ff; color: #FFFFFF; border-radius: 20px;}
.con_3 .ceter .tan3 .cent1{width: 636px; height: 383px; position: absolute; top:95px; left: 33px; background: #6b00ff; padding: 5px;}

/*弹框4111111111111111111111111*/
.con_3 .ceter .tan4{ position: absolute; top:0; left: 0; right: 0; bottom: 0; margin:  auto; width: 708px; height: 523px; background:url(/sw/mxd2fwzz/images/tangchang.png) no-repeat center ;display: none; }
.con_3 .ceter .tan4 .close{ position: absolute; right: 14px; top: 6px; width: 25px; height: 25px; cursor: pointer;}
.con_3 .ceter .tan4 h2{margin: 0 auto; width: 311px; height: 47px; border:1px solid #3000ff; margin-top: 32px; text-align: center; line-height: 47px; background: #6b00ff; color: #FFFFFF; border-radius: 20px;}
.con_3 .ceter .tan4 .cent1{width: 636px; height: 383px; position: absolute; top:95px; left: 33px; background: #6b00ff; padding: 5px;}

/*弹框511111111111111111111111*/
.con_3 .ceter .tan5{ position: absolute; top:0; left: 0; right: 0; bottom: 0; margin:  auto; width: 708px; height: 523px; background:url(/sw/mxd2fwzz/images/tangchang.png) no-repeat center ; display: none;}
.con_3 .ceter .tan5 .close{ position: absolute; right: 14px; top: 6px; width: 25px; height: 25px; cursor: pointer;}
.con_3 .ceter .tan5 h2{margin: 0 auto; width: 311px; height: 47px; border:1px solid #3000ff; margin-top: 32px; text-align: center; line-height: 47px; background: #6b00ff; color: #FFFFFF; border-radius: 20px;}
.con_3 .ceter .tan5 .cent1{width: 636px; height: 383px; position: absolute; top:95px; left: 33px; background: #6b00ff; padding: 5px;}



.con_3 .swiper-container{ width: 100%;height: 100%;overflow: visible;}
.swiper-button-next{ background: url(/sw/mxd2fwzz/images/jiangtou2.png) no-repeat center; width: 47px; height: 43px; position: absolute; right: -37px;}
.swiper-button-prev{ background: url(/sw/mxd2fwzz/images/jiantou1.png) no-repeat center; width: 47px; height: 43px; position: absolute; left: -37px;}
.swiper-pagination-bullet{ width: 13px; height: 13px; border:2px solid #feff1a ;background-color: rgba(0,0,0,0.1); opacity: 1;}
.swiper-pagination-bullet-active{ background: #feff1a;}
.swiper-slide img{ width: 100%; height: 100%;}
.swiper-slide {background: #6b00ff;}
/*弹框6111111111111111111111111*/
.con_3 .ceter .tan6{ position: absolute; top:0; left: 0; right: 0; bottom: 0; margin:  auto; width: 708px; height: 523px; background:url(/sw/mxd2fwzz/images/tangchang.png) no-repeat center ;display: none; }
.con_3 .ceter .tan6 .close{ position: absolute; right: 14px; top: 6px; width: 25px; height: 25px; cursor: pointer;}
.con_3 .ceter .tan6 h2{margin: 0 auto; width: 311px; height: 47px; border:1px solid #3000ff; margin-top: 32px; text-align: center; line-height: 47px; background: #6b00ff; color: #FFFFFF; border-radius: 20px;}
.con_3 .ceter .tan6 .cent1{width: 636px; height: 383px; position: absolute; top:95px; left: 33px; background: #6b00ff; padding: 5px;}





.con_4{ width: 100%; height: 1137px; background:url(/sw/mxd2fwzz/images/con_4_02.png) no-repeat center; background-size:auto 100%;padding-top: 186px; }
.con_4 .cent_4{width: 100%; height: 984px; background:url(/sw/mxd2fwzz/images/con_4kuang.png) no-repeat center; margin: 0 auto; position: relative; }
.con_4 .cent_4 ul{height: 98px; position:absolute; left:84px; top: 7px; }
.jiato1{width: 131px; height: 118px; background: url(/sw/mxd2fwzz/images/jiaotou1.png) no-repeat center; position: absolute; left:-131px; top:122px}
.jiato2{width: 153px; height: 134px; background: url(/sw/mxd2fwzz/images/jiaotou2.png) no-repeat center; position: absolute; right:-153px; top:105px}
.con_4 .cent_4 ul li{ width: 174px;height: 98px; float: left; cursor: pointer; margin-right: 43px;}
.con_4 .cent_4 ul .uli1{ background: url(/sw/mxd2fwzz/images/img5.png) no-repeat center; background-position:0 -98px;}
.con_4 .cent_4 ul .uli1:hover{background-position:0 0;}
.con_4 .cent_4 ul .uli2{background: url(/sw/mxd2fwzz/images/img2.png) no-repeat center; background-position:0 -98px;}
.con_4 .cent_4 ul .uli2:hover{background-position:0 0;}
.con_4 .cent_4 ul .uli3{ background: url(/sw/mxd2fwzz/images/img1.png) no-repeat center; background-position:0 -98px;}
.con_4 .cent_4 ul .uli3:hover{background-position:0 0;}
.con_4 .cent_4 ul .uli4{ background: url(/sw/mxd2fwzz/images/img3.png) no-repeat center; background-position:0 -98px;}
.con_4 .cent_4 ul .uli4:hover{background-position:0 0;}
.con_4 .cent_4 ul .uli5{ background: url(/sw/mxd2fwzz/images/img4.png) no-repeat center; background-position:0 -98px;}
.con_4 .cent_4 ul .uli5:hover{background-position:0 0;}

.con_4 .centds{ width: 1149px; height: 579px;  background:#e793ff; border:4px solid #8400ff; position: absolute; left: 18px; top:160px; border-radius: 20px;}
.con_4 .text{width: 1149px; height: 207px;border:4px solid #8400ff; position: absolute; left: 18px; bottom:15px;border-radius: 20px; background-color:rgba(0,0,0,0.5);}
 .con_4 .text .wenzi1{ line-height: 207px; font-size: 23px; color: #FFFFFF;  padding-left: 15px;}
.ios{ display: none;}
 .con_4 .text .wenzi2{ line-height: 37px; font-size: 18px; color: #FFFFFF;  padding-left: 15px; width: 769px; padding-top: 30px;}
 .con_4 .text .wenzi3{  font-size: 15px; color: #FFFFFF;  padding-left: 20px; width: 769px; padding-top: 5px;}
 .con_4 .text .wenzi4{  font-size: 15px; color: #FFFFFF;  padding-left: 20px; width: 769px; padding-top: 3px;} 
 .con_4 .text .wenzi5{ line-height: 37px; font-size: 20px; color: #FFFFFF;  padding-left: 15px; width: 769px; padding-top: 50px;}
 
.centds .swiper-container{ width: 100%; height: 100%; overflow: hidden;border-radius: 17px;}
.centds .swiper-container img{width: 100%; height: 100%; border-radius: 20px;}


.con_5{ width: 100%; height: 750px; background:url(/sw/mxd2fwzz/images/con_5_02.png) no-repeat center; background-size:auto 100%; }


#focus_Box{position: relative;width: 100%;height:575px;margin: 0 auto; padding-top: 85px;}
#focus_Box ul{position: relative;width: 100%;height: 575px;}
#focus_Box ul li{z-index: 0;position: absolute;width: 0px;

background-size: 100% 100%;
padding: 2px;
overflow: hidden;
height: 0px;
top: 146px;cursor: pointer;left: 377px;border-radius: 15px;box-shadow: 1px 1px 12px rgba(0, 0,0, 1);
background:#8400ff;
padding: 0\9;
}
.bg2{background:#8400ff no-repeat !important;
background-size: 100% 100% !important;}
#focus_Box li img{width: 100%;height: 100%;vertical-align: top;border-radius: 15px;}
#focus_Box .prev,
#focus_Box .next{display: block;z-index: 100;overflow: hidden;cursor: pointer;position: absolute;top: 300px;  z-index:100; height:520px; opacity:1;}
#focus_Box .prev{left: -105px;width:57px;height: 63px;  background: url(/sw/mxd2fwzz/images/left1.png) no-repeat center;}
#focus_Box .next{right:-62px;width:57px;height: 63px; background: url(/sw/mxd2fwzz/images/right1.png) no-repeat center;}
#focus_Box .prev:hover,#focus_Box .next:hover{opacity: 0.7; }


/*登录的界面*/
.showiframe{ position: fixed; left: 38%; left: calc(50% - 192px); top: 120px; height: 615px;width: 384px; z-index: 1001; border: 0; display: none;}
.showiframe .iframe_warp{  width: 100%; height: 100%; border-radius: 5px 5px 3px 3px;}
.showiframe .imgsr{ position: absolute; top:24px; right: 37px; width: 23px; cursor: pointer;}