
.pro_2 { overflow: hidden; background:url('../img/pro_1_bg.png')no-repeat right top 200px; min-height:100vh; padding:0 60px;}
.pro_2 .wid { max-width:1700px; margin:0 auto; position: relative; min-height:100vh;}
.pro_2 .wid2 {padding:150px 0px 0px 0px; }
.pro_2 h1 {font-size:60px; color:#111; font-family: 'Paperlogy-9Black'; margin-top:8px; }
.pro_2 h2 {font-size:30px; color:#111; font-weight:700; margin-top:20px;}
.pro_2 p {font-size:16px; color:#111; margin-top:20px; line-height:1.5em;}

.pro_2 ul {width:300px;  padding:6px; background:#f3f3f3; border-radius:50px; }
.pro_2 ul:after {content:''; clear:both; display: table;}
.pro_2 ul li {float:left; width:50%; border-radius:50px; font-size:18px; color:#111; font-weight:500; height:50px; line-height:50px; text-align: center; cursor: pointer;}
.pro_2 ul li.on {background:#111; color:#fff;}

.pro_2 .posi {position: absolute; left:0; bottom:70px; z-index: 1;}

.pro_2 .app_bt {margin-top:30px; margin-left:-5px;}
.pro_2 .app_bt:after {content:''; clear:both; display: table;}
.pro_2 .app_bt button {border:none; background:#111; color:#fff; font-weight:500; font-size:19px; height:60px; width:305px; border-radius:50px;}
.pro_2 .app_bt button:last-child {margin-right:0;}

.pro_2 .img {position: absolute; right:30px; top:120px;}

.pro_2 .img_view {text-align: center; margin-top:80px; position: relative; padding-top:80px;}
.pro_1 .img_view:after {content:''; position: absolute; left:-60px; width:Calc(100% + 120px); top:0; height:140px; background:#f5f5f5; z-index: -1;}
.pro_2 .img_view img {width:100%; max-width:1200px; margin:0 auto ;display: block;}
.pro_2 .img_view .img_mo {display: none;}

@media screen and (max-width:1400px) { 
	.pro_2 {background-position: right -180px top 200px;}
	.pro_2 h1 {font-size:50px;}
	.pro_2 h2 {font-size:25px;}
	.pro_2 .app_bt button img { height:55px; }
	.pro_2 .img {width:700px;}
}


@media screen and (max-width:1279px) {
	.pro_2 .wid {min-height:820px;} 
	.pro_2 .wid2 {padding:120px 0 0 0}
	.pro_2 {padding:0 40px; background-size:700px auto; background-position: right -180px top 300px;}
	.pro_2 ul {width:280px;}
	.pro_2 ul li {height:45px; line-height:45px; font-size:17px;}
	.pro_2 .posi {position: relative; bottom:0;}
	.pro_2 .img {width:550px; top:initial; bottom:-30px; right:-80px}
}


@media screen and (max-width:1023px) { 
	.pro_2 {padding:0 30px; background-position: right -180px top 380px;}
	.pro_2 .wid2 {padding-top:100px;}
	.pro_2 ul {width:250px;}
	.pro_2 ul li {height:40px; line-height:40px; font-size:16px;}
	.pro_2 h1 {font-size:45px;}
	.pro_2 h2 {font-size:22px;}
	.pro_2 .app_bt button img {height:50px;}
	.pro_2 .img {width:500px;}

	.pro_2 .img_view:after {height:131px;}
	.pro_2 .img_view p {font-size:22px;}
	.pro_2 .img_view span {font-size:16px;}
}


@media screen and (max-width:767px) {
	.pro_2 {padding:0 25px; background-position: right -220px top 440px; background-size:570px auto;}
	.pro_2 .wid {min-height:740px;}
	.pro_2 .wid2 {padding-top:80px;} 
	.pro_2 ul {width:calc(100% + 20px); margin-left:-10px;}
	.pro_2 ul li {height:38px; line-height:38px; font-size:15px;}

	.pro_2 h1 {font-size:35px; margin-top:8px;}
	.pro_2 h2 {font-size:20px; margin-top:30px;}
	.pro_2 p {font-size:14px; margin-top:15px;}
	.pro_2 p .mo {display: none;}
	.pro_2 .app_bt {margin-top:20px;}
	.pro_2 .app_bt button {width:100%; margin-right:0; height:45px;  font-size:16px;}
	.pro_2 .img {width:350px; right:initial; left:50%; transform: translate(-50%,0); bottom:-40px;}

	.pro_2 .img_view {margin-top:60px; padding-top:30px;}
	.pro_2 .img_view:after {height:90px;}
	.pro_2 .img_view p { line-height:1.25em;}
	.pro_2 .img_view p br {display: block;}
	.pro_2 .img_view span {font-size:14px; margin-bottom:80px;}
	.pro_2 .img_view span .mo {display: block;}
	.pro_2 .img_view span:after {height:45px; bottom:-84px;}
	.pro_2 .img_view img {margin-left:-25px; width:calc(100% + 50px);}

	.pro_2 .img_view .img_pc {display: none;}
	.pro_2 .img_view .img_mo {display:block;}

	.pro_2.eng {background-position: right -220px top 480px;}
	.pro_2.eng .wid {min-height:790px;}
	.pro_2.eng .img_view {margin-top:5px;}
}