*{padding: 0;margin: 0;list-style: none;box-sizing: border-box;text-decoration: none;}
html{font-size: 14px;font-family: 'Microsoft Yahei'}
body{background-color: #fff;}
a{transition: all .5s;-webkit-transition: all .5s;}
.june .topImg{height: 580px;max-width: 1920px;margin: auto; background:#2a4f99 url(https://image.evget.com//Content/files/2019/5/27/3d670351e09f4cbabbbb580e85463bd7636945684385897826.png) no-repeat center center;background-size: cover;}
.june .barfix{height: 80px;width: 100%;}
.june .bar{height: 80px;background-color: #2c67cb;margin: auto;width: 100%;max-width: 1920px;text-align: center;position: static;}
.june .bar.active{position: fixed;top: 0; z-index: 30;left: 0;right: 0;margin: auto;}
.june .bar a{display: inline-block;line-height: 80px;color: #f3f4f7;font-size: 20px;margin:0 75px;}
.june .bar a:first-child{margin-left: 0;}
.june .bar a:last-child{margin-right: 0;}

.june .bg{background: url(https://image.evget.com//Content/files/2019/5/24/2a1941c23ca241a98399d52713ed9370636943107702776614.png) no-repeat center 200px;max-width: 1920px;margin: auto; background-size: 102%;}
.june .up{padding: 0 0 90px;width: 1200px;margin: auto;}
.june .up .exp{overflow: hidden;padding-top: 90px}
.june .up .exp .left h3{color: #4371cb;font-size: 30px;margin-bottom: 50px;}
.june .up .exp .left{width: 70%;float: left;overflow: hidden;}
.june .up .exp .left span{width: 50%;float: left;margin-bottom: 20px;color: #333333;font-size: 16px;}
.june .up .exp .left span img{vertical-align: -3px;margin-right: 5px;}
.june .up .exp .right{width: 30%;float: left;}
.june .up .exp .right img{display: block;}

.june .up .flex{width: 100%;height: 690px;margin: 0;padding-top: 90px}
.june .up .flex .item{width: 22%;height: 480px;border: 1px solid #c3cad6;float: left;margin-top: 60px;background-color: #fff;transition: all .5s;-webkit-transition: all .5s;}
.june .up .flex .item .tit{background-color: #e1e6ee;color: #4980dd;text-align: center;padding: 25px 0;font-size: 22px;transition: all .5s;-webkit-transition: all .5s;}
.june .up .flex .item .tit b{display: block;position: relative;height: 46px;width: 100%;margin-bottom: 10px;}
.june .up .flex .item .tit b img{position: absolute;left: 0;right: 0;top: 0;margin: auto;opacity: 1;transition: all .5s;-webkit-transition: all .5s;}
.june .up .flex .item .tit b img:last-child{opacity: 0;}
.june .up .flex .item .list{padding: 18px 16px;transition: all .5s;-webkit-transition: all .5s;}
.june .up .flex .item .list div{padding: 20px;background-color: #fff;}
.june .up .flex .item .list a{color: #333333;text-align: center;display: block;font-size: 18px;}
.june .up .flex .item .list span{display: block;color: #333333;line-height: 1.5;text-align: justify;margin-top: 5px;max-height: 0;opacity: 0;overflow: hidden;font-size: 14px;transition: all .5s;-webkit-transition: all .5s;}

.june .up .flex .item.active{width: 34%;height: 600px;margin-top: 0;background-color: #e1e6ee;
	box-shadow: 0px 2px 14px 0px rgba(73, 128, 221, 0.5);-webkit-box-shadow: 0px 2px 14px 0px rgba(73, 128, 221, 0.5);-moz-box-shadow: 0px 2px 14px 0px rgba(73, 128, 221, 0.5);}
.june .up .flex .item.active .tit {background-color: #4980dd;color: #fff;}
.june .up .flex .item.active .tit b img{opacity: 0;}
.june .up .flex .item.active .tit b img:last-child{opacity: 1;}
.june .up .flex .item.active .list{padding: 12px 16px;}
.june .up .flex .item.active .list div{padding: 20px;background-color: #fff;margin-bottom: 10px;}
.june .up .flex .item.active .list div:last-child{margin: 0;}
.june .up .flex .item.active .list a{text-align: left;font-size: 16px;color: #4980dd;}
.june .up .flex .item.active .list a:hover{color: #4980dd;}
.june .up .flex .item.active .list span{display: block;max-height: 63px;opacity: 1;}

.june .thank{width: 1200px;margin: auto;}
.june .thank h3{text-align: center;color: #4371cc;font-size: 30px;}
.june .thank h3 *{vertical-align: middle;}
.june .thank>p{color: #666666;font-size: 24px;margin: 46px 0 36px;}
.june .thank>p img{vertical-align: -2px;margin-right: 5px;}

.june .thank .proitem{position: relative;width: 1185px;padding: 25px;background-color: #ffffff;margin-bottom: 50px;
	box-shadow: 0px 2px 14px 0px rgba(73, 128, 221, 0.5);border-radius: 4px;}
.june .thank .proitem:after{content: '';position: absolute;width: 1185px;height: 100%;background-color: #2a6ddd;
	box-shadow: 0px 2px 8px 0px rgba(73, 128, 221, 0.5);border-radius: 4px;right: -15px;bottom: -15px;z-index: -1;}
.june .thank .proitem>img{position: absolute;top: 25px;left: 25px;width: 187px;height: 140px;}
.june .thank .proitem .proInfo{padding-left: 200px;}
.june .thank .proitem .proInfo h4{margin-bottom: 5px;}
.june .thank .proitem .proInfo h4 a{color: #4980dd;font-size: 18px;}
.june .thank .proitem .proInfo p{font-size: 14px;color: #666666;width: 60%;line-height: 1.5;}
.june .thank .proitem .proInfo>div>span{color: #333333;font-size: 14px;float: left;height: 25px;}
.june .thank .proitem .proInfo .mark{overflow: hidden;margin: 15px 0;}
.june .thank .proitem .proInfo .mark span{float: left;line-height: 44px;margin-right: 10px;}
.june .thank .proitem .proInfo .mark a{height: 44px;background-color: #e1e6ee;display: flex;color: #666666;width: 130px; font-size: 12px;margin: 0 5px;text-align: center; float: left;
	display:-webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;

    -webkit-justify-content:center;
		justify-content:center;
		-moz-box-pack:center;
		-webkit--moz-box-pack:center;
		box-pack:center;

    align-items:center;
		-webkit-align-items:center;
		box-align:center;
		-moz-box-align:center;
		-webkit-box-align:center;
}
.june .thank .proitem .proInfo .mark a b{font-weight: normal;}
.june .thank .proitem .txtlink {margin-bottom: 10px;}
.june .thank .proitem .txtlink:after{content: '';display: table;clear: both;}
.june .thank .proitem .txtlink:nth-child(5){margin-bottom: 0;}
.june .thank .proitem .txtlink:nth-child(5) a{margin-bottom: 0;}
.june .thank .proitem .txtlink a{color: #666666;font-size: 14px;margin: 0 12px;display: inline-block;float: left;margin-bottom: 5px;}
.june .thank .proitem .txtlink a:hover{color: #1563c7}

.june .thank .proitem .coupon{width: 268px;height: 100px;position: absolute;right: 25px;top: 25px;background: url(../images/yhq1.png) no-repeat center center;}
.june .thank .proitem .coupon *{color: #fff;}
.june .thank .proitem .coupon .top{height: 50px;width: 100%;position: relative;}
.june .thank .proitem .coupon .top *{display: inline-block;position: absolute;bottom: 2px;max-height: 50px;line-height: 1;}
.june .thank .proitem .coupon .top i{font-style: normal;font-size: 24px;left: 15px;line-height: 1.2;}
.june .thank .proitem .coupon .top b{font-size: 48px;left: 40px;}
.june .thank .proitem .coupon .top span{right: 15px;line-height: 1.5;font-size: 12px;}
.june .thank .proitem .coupon .bot{height: 50px;padding: 3px 20px;width: 100%;}
.june .thank .proitem .coupon .bot span{font-size: 12px;}
.june .thank .proitem .coupon .bot span b{font-size: 16px;}
.june .thank .proitem .coupon>img{position: absolute;left: 0;top: 0;cursor: pointer;}

.june .rule{width: 940px;margin: 40px auto;overflow: hidden;}
.june .rule .left{float: left;width: 50%;height: 215px;background-color: #e1e6ee;padding: 20px 25px;}
.june .rule .left span{color: #333333;font-size: 16px;display: block;margin-bottom: 10px;}
.june .rule .left li{font-size: 14px;color: #666666;line-height: 1.5;position: relative;padding-left: 20px;text-align: justify;}
.june .rule .left li b{font-weight: normal;position: absolute;font-size: 14px;color: #666;left: 0;top:0;}
.june .rule .left li:last-child{font-weight: bold;}
.june .rule .right{float: right;width: 50%;height: 215px;position: relative;background:#fff url(https://image.evget.com//Content/files/2019/5/27/9e7e1baa86194ee48efce693ac6cfe97636945522639183319.png) no-repeat center center;background-size: 100% 100%;}

.june .rule .right #robot{position: absolute;left: 0;top: 0;bottom: 0;right: 0;width: 100%;z-index: 10;}
.june .rule .right #robot span{color: #ff9628;font-size: 22px;line-height: 2;display: block;padding-left: 60px;height: 44px;}
.june .rule .right #robot span.price{margin-top: 35px;}
.june .rule .right #redux{position: absolute;z-index: 10; left: 0;right: 0;bottom: 0;top: 0;margin: auto;}
.june .rule .right .wload{position: absolute;left: 0;right: 0;top: 0;bottom: 0;width: 100%;z-index: 20;}

.june .moremall{display: block;text-align: center;margin: auto;width: 374px;height: 46px;line-height: 46px;color: #fff;font-size: 16px; 
	background-color: #4980dd;box-shadow: 0px 4px 8px 0px rgba(73, 128, 221, 0.5);border-radius: 4px;}

.june .unline{width: 1200px;margin: 0 auto 15px;padding-top: 90px;}
.june .unline:after{content: '';display: table;clear: both;}
.june .unline>p{color: #666666;font-size: 24px;margin: 0 0 36px;}
.june .unline>p img{vertical-align: -2px;margin-right: 5px;}
.june .unline .item{width: 48%;float: left;height: 195px;background-color: #fff;position: relative;padding: 25px 20px;margin-bottom: 4%; box-shadow: 0px 2px 14px 0px rgba(73, 128, 221, 0.5);border-radius: 4px;}
.june .unline .item:after{content: '';position: absolute;width: 100%;height: 100%;right: -12px;bottom: -12px;border-radius: 4px;background-color: #4980dd;z-index: -1;
	box-shadow: 0px 2px 8px 0px rgba(73, 128, 221, 0.5);}
.june .unline .item:nth-child(2n-1){margin-left: 4%;}
.june .unline .item>img{position: absolute;top: 25px;left: 20px;width: 180px;height: 140px;border: solid 1px #f2f2f2;border-radius: 2px;overflow: hidden;object-fit: cover;}
.june .unline .item .right{padding-left: 200px;}
.june .unline .item .right a.tit{display:block;color: #4980dd;font-size: 18px;margin-bottom: 10px;font-weight: bold;overflow: hidden;text-overflow: ellipsis;}
.june .unline .item .right p{color: #666666;font-size: 14px;line-height: 1.6;text-align: justify;max-height: 66px;
	 display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;
}
.june .unline .item .right .kf{position: absolute;right: -5px;bottom: 10px;}
.june .unline .item .right .kf{position: absolute;right: -5px;bottom: 10px;}

.june .bottom{height: 200px;width: 100%;color: #ffffff;font-size: 22px;line-height: 200px;text-align: center;margin: 100px auto 0;	
	background: url(https://image.evget.com//Content/files/2019/5/27/136c846621bb4d788f3c53d544a776ac636945502867665574.png) no-repeat center center;background-size: cover;}



/*右侧固定导航样式2*/
div.rightNav2 * {margin:0;padding:0;box-sizing:border-box;text-decoration:none;}
div.rightNav2 {height:280px;width:60px;position:fixed;top:0;bottom:0;right:10px;margin:auto;background-color:#fff;border:1px solid #eee;box-shadow:2px 2px 5px 2px #b7b7b780;z-index:10000;}
div.rightNav2 > a {display:block;text-align:center;border-bottom:1px solid #eee;height:70px;padding:5px 0;position:relative;}
div.rightNav2 > a img.hoverImg{position:absolute;top:5px;left:9px;z-index:-1;}
div.rightNav2 > a:hover {background:#fb6227;}
div.rightNav2 > a:hover img.hoverImg{z-index:2;}
div.rightNav2 > a:hover span {color:#fff;}
div.rightNav2 > a.list {position:relative;}
div.rightNav2 > a.list:hover .tel {display:block;}
div.rightNav2 > a.list .tel {position:absolute;top:0;left:-216px;width:216px;height:73px;background:url("https://www.evget.com/imgs/2018/kf/tip-bg.png") no-repeat;font-size:16px;color:#666;line-height:70px;text-align:left;text-shadow: none;display:none;}
div.rightNav2 > a.list .tel img {display:inline-block;vertical-align:-3px;margin:0 5px 0 20px;}
div.rightNav2 > a>img {display:block;border:none;margin:auto;}
div.rightNav2 > a>span {font-size:12px;color:#fb6227;display:block;}
div.rightNav2 > a.toTop {border:none;}
div.rightNav2 > a.toTop img {margin-top:6px;}

/*手机自适应*/
@media (max-width: 768px){
	div.evget{width:100%!important;padding: 0 10px;}
	div.rightNav2{display: none;}
	.june .barfix{height: 60px;}
	.june .topImg{height: 180px;width: 100%;background:#2a4f99 url(https://image.evget.com//Content/files/2019/5/27/3d670351e09f4cbabbbb580e85463bd7636945684385897826.png) no-repeat center center;background-size: cover;}
	.june .bar{height: 60px;background-color: #2c67cb;margin: auto;max-width: 1920px;text-align: center;}
	.june .bar a{display: inline-block;line-height: 60px;color: #f3f4f7;font-size: 14px;margin:0 10px;}
	.june .bar a:first-child{margin-left: 0;}
	.june .bar a:last-child{margin-right: 0;}

	.june .bg{background: url(https://image.evget.com//Content/files/2019/5/24/2a1941c23ca241a98399d52713ed9370636943107702776614.png) no-repeat center 100px;padding: 0 8px;}
	.june .up{padding: 0 0 60px;width: 100%;}
	.june .up .exp{overflow: hidden;padding-top: 60px;}
	.june .up .exp .left h3{font-size: 20px;margin-bottom: 40px;text-align: justify;}
	.june .up .exp .left{width: 100%;float: none;}
	.june .up .exp .left span{width: 100%;margin-bottom: 20px;font-size: 14px;}
	.june .up .exp .right{display: none;}

	.june .up .flex{width: 100%;height: auto;margin: 0;padding-top: 60px;}
	.june .up .flex .item{width: 100%;height: auto;float: none;margin-top: 30px;}
	.june .up .flex .item .tit{font-size: 18px;padding: 20px 0;}
	.june .up .flex .item .tit b{height: 35px;}
	.june .up .flex .item .tit b img{height: 35px;}
	.june .up .flex .item.active{width: 100%;height: auto;margin-top: 30px;}


	.june .thank{width: 100%;padding: 0;}
	.june .thank h3{font-size: 20px;}
	.june .thank h3 img{display: none}
	.june .thank>p{color: #666666;font-size: 16px;margin: 25px 0 20px;}
	.june .thank>p img{height: 16px}

	.june .thank .proitem{position: relative;width: 99%;padding: 20px;margin-bottom: 30px;}
	.june .thank .proitem:after{content: '';position: absolute;width: 100%;height: 100%;background-color: #2a6ddd;
		box-shadow: 0px 2px 8px 0px rgba(73, 128, 221, 0.5);border-radius: 4px;right: -2%;bottom: -10px;z-index: -1;}
	.june .thank .proitem>img{position: absolute;top: 20px;left: 20px;width: 200px;height: 140px;}
	.june .thank .proitem .proInfo{padding-top: 160px;padding-left: 0;}
	.june .thank .proitem .proInfo h4{font-size: 18px;}
	.june .thank .proitem .proInfo p{font-size: 14px;color: #666666;width: 100%;line-height: 1.5;text-align: justify;}
	.june .thank .proitem .proInfo .mark{overflow: hidden;margin: 15px 0;}
	.june .thank .proitem .proInfo .mark span{float: left;line-height: 44px;margin-right: 10px;}
	.june .thank .proitem .proInfo .mark a{margin: 0 5px 10px;}
	.june .thank .proitem .proInfo .mark a b{font-weight: normal;}
	.june .thank .proitem .txtlink span{float: none!important;margin-bottom: 10px;display: block;}
	.june .thank .proitem .txtlink a{color: #666666;font-size: 14px;margin: 0 15px 10px 0;display: block;float: none;}
	.june .thank .proitem .txtlink {margin-bottom: 10px;}

	.june .thank .proitem .coupon{position: relative;top: auto;right: auto;}


	.june .rule{width: 100%;margin: 40px auto;overflow: hidden;}
	.june .rule .left{float: none;width: 100%;height: 280px;padding: 20px 25px;}
	.june .rule .left li{font-size: 14px;color: #666666;line-height: 1.5;position: relative;padding-left: 20px;text-align: justify;}
	.june .rule .left li b{font-weight: normal;position: absolute;font-size: 14px;color: #666;left: 0;top:0;}
	.june .rule .left li:last-child{font-weight: bold;}
	.june .rule .right{float: none;width: 100%;height: 215px;position: relative;background:#fff url(https://image.evget.com//Content/files/2019/5/27/9e7e1baa86194ee48efce693ac6cfe97636945522639183319.png) no-repeat center center;background-size: 100% 100%;}

	.june .rule .right #robot{position: absolute;left: 0;top: 0;bottom: 0;right: 0;width: 100%;z-index: 10;}
	.june .rule .right #robot span{color: #ff9628;font-size: 20px;line-height: 2;display: block;padding-left: 60px;height: 44px;}
	.june .rule .right #robot span.price{margin-top: 35px;}
	.june .rule .right #redux{position: absolute;z-index: 10; left: 0;right: 0;bottom: 0;top: 0; margin: auto;}

	.june .moremall{width: 300px;height: 40px;line-height: 40px;font-size: 14px;}


	.june .unline{width: 100%;margin: 0 auto 15px;padding-top: 60px;}
	.june .unline:after{content: '';display: table;clear: both;}
	.june .unline>p{color: #666666;font-size: 16px;margin:0 0 20px;}
	.june .unline>p img{height: 16px}
	.june .unline .item{width: 98%;float: none;height: auto;padding: 20px 20px 80px 20px;margin-bottom: 30px; }
	.june .unline .item:after{content: '';position: absolute;width: 100%;height: 100%;right: -10px;bottom: -10px;}
	.june .unline .item:nth-child(2n-1){margin-left: 0;}
	.june .unline .item>img{position: absolute;top: 25px;left: 20px;width: 200px;height: 140px;}
	.june .unline .item .right{padding-top: 160px;padding-left: 0;}
	.june .unline .item .right a.tit{font-size: 16px}

	.june .bottom{height: 100px;width: 100%;color: #ffffff;font-size: 20px;line-height: 100px;}


}