section.intro {overflow:hidden; background:#000;}
section.intro article {float:left; width:100%; /*50%;*/}
section.intro article>div {position:relative; height:715px; text-align:center; /*transition:all .5s ease-out;*/}
section.intro article>div:hover:after {position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.5); content:'';}
section.intro article>div:hover>div .circle_btn {background:#0c4171;}
/*section.intro article>div:hover {opacity:.75;}*/
section.intro article.left>div {float:left; width:25%;}
section.intro article.left>div.menu01 {background:url('../../_images/intro/intro_menu01_bg.jpg') no-repeat center center; background-size:cover;}
section.intro article.left>div.menu02 {background:url('../../_images/intro/intro_menu02_bg.jpg') no-repeat center center; background-size:cover;}
section.intro article.left>div.menu03 {background:url('../../_images/intro/intro_menu03_bg.jpg') no-repeat center center; background-size:cover;}
section.intro article.left>div.menu04 {background:url('../../_images/intro/intro_menu04_bg.jpg') no-repeat center center; background-size:cover;}
section.intro article.right>div.menu05 {background:url('../../_images/intro/intro_menu05_bg.jpg') no-repeat center center; background-size:cover;}
section.intro article>div>div {position:absolute; z-index:1; left:50%; top:40%; width:100%; color:#fff; padding:0 10px; -webkit-transform: translate(-50%,0); transform: translate(-50%,0);}
section.intro article.right>div>div {top:35%;}
section.intro article>div>div>p {opacity:.6;}
section.intro article>div>div>p.tit {opacity:1; font-size:25px; font-weight:600;}
section.intro article>div:hover>div>p {opacity:1;}

section.intro article.right>div>div>p {position:relative; padding-top:10px; font-size:22px; opacity:1;}
section.intro article.right>div>div>p:after {position:absolute; left:50%; top:0; margin-left:-17px; width:34px; height:2px; background:#9b59b6; content:'';}
section.intro article.right>div>div>p.tit {padding-bottom:10px; margin-bottom:30px; font-size:39px;}
section.intro article.right>div>div>p.tit:after {display:none; padding-top:0;}

section.intro article>div>div span {display:block;}
section.intro article>div>div .circle_btn {display:inline-block; width:54px; height:54px; line-height:54px; background:#333; color:#fff; border-radius:50%; margin:20px 0; font-size:21px;}
section.intro article.right>div>div .circle_btn {display:inline-block; width:90px; height:90px; line-height:90px; background:#9b59b6; color:#fff; border-radius:50%; margin:20px 0; font-size:27px;}

@media (max-width:1400px) {
	section.intro article>div>div {top:20%;}
	section.intro article.left>div {width:50%; height:357.5px;}
	section.intro article.left>div.menu01 {background-position:center bottom;}
	section.intro article.left>div.menu02 {background-position:center center;}
	section.intro article.left>div.menu03 {background-position:center center;}
	section.intro article.left>div.menu04 {background-position:center bottom;}
	section.intro article.right>div.menu05 {background-position:center right;}
}

@media (max-width:840px) {
	section.intro article {width:100%;}
}

@media (max-width:425px) {
	section.intro article>div>div {top:50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
	section.intro article.right>div>div {top:50%;}
	section.intro article.left>div {width:100%; height:auto; padding:130px 0;}
	section.intro article.right>div {width:100%; height:auto; padding:180px 0;}

	section.intro article>div>div>p {font-size:15px;}
	section.intro article>div>div>p.tit {font-size:20px;}
	section.intro article.right>div>div>p {font-size:15px;}
	section.intro article.right>div>div>p.tit {font-size:20px;}
}