body{text-align:justify; background-color:#fff; line-height:27px;}
h2{font-size:37px; text-align:center; padding:80px 0 60px;}
a{outline:none; text-decoration:none;}
ol, ul{list-style:none;}
img{vertical-align:middle; max-width:100%;}
.detail{width:1120px; margin:0 auto;}
/*----------------*/

.main01{background:url(../images/ug-pm/banner.jpg) no-repeat center;}
.main01 .content{display:table-cell; vertical-align:middle; width:1120px; height:369px; text-align:center; position:relative;}
.main01 h1{font-size:37px;}
.main01 h1 span{background:-webkit-linear-gradient(left,#0b9ff3,#00c6ff); -webkit-background-clip:text; -webkit-text-fill-color:transparent;}
.main01 p{font-size:17px; color:#4d4e51; margin:30px 0 45px;}
.main01 .button a{display:inline-block; font-size:21px; color:#fff; padding:18px 20px; background-color:#0f9df2; border-radius:5px; text-decoration:none; margin-bottom:10px;}
.main01 .text-wm a{font-size:15px; text-decoration:underline; color:#0f9df2;}
.main01 .arrow{position:absolute; left:50%; transform:translateX(-50%); bottom:-52px;}
/*----------------*/

.main02 .content{border:1px solid #e3e3e3; border-radius:5px; font-size:0;}
.main02 .content a{display:inline-block; width:50%; text-decoration:none; border-radius:5px;}
.main02 .content a:nth-child(2){background-color:#0f9df2; border-radius:0 5px 0 0;}
.main02 .content a:hover{box-shadow:0 0 35px rgba(212, 222, 234, .5); border:8px solid #fff; margin:-8px; position:relative;}
.main02 .content a:first-child:hover dl, .main02 .content a:nth-child(3):hover dl{border-color:#fff;}
.main02 .content a:nth-child(2):hover{border-color:#0f9df2; border-radius:5px;}
.main02 .content a:first-child dl, .main02 .content a:nth-child(2) dl{border-bottom:1px solid #efefef; padding:20px 0 35px; margin-top:15px;}
.main02 .content a:nth-child(2) dl{border-bottom:1px solid #0f9df2;}
.main02 .content a:first-child dl, .main02 .content a:nth-child(3) dl{border-right:1px solid #efefef; margin-left:30px; padding-right:35px; padding-left:15px;}
.main02 .content a:nth-child(2) dl, .main02 .content a:last-child dl{margin-right:30px; padding-right:15px; padding-left:35px;}
.main02 .content a:nth-child(3) dl, .main02 .content a:last-child dl{padding-top:35px; padding-bottom:20px; margin-bottom:15px;}
.main02 .content a dl dt{float:left; padding-right:30px;}
.main02 .content a dl dd{font-size:16px; color:#51575f;}
.main02 .content a:nth-child(2) dl dd{color:#d7edff;}
.main02 .content a dl dd.ti{font-size:24px; color:#282828; padding-bottom:12px;}
.main02 .content a:nth-child(2) dl dd.ti{color:#fff;}
/*----------------*/

.main03{padding:50px 0; text-align:justify;}
.main03 .box{display:inline-block; vertical-align:top; margin:0 5%;}
.main03 .box h3{font-size:20px; color:#000; padding-bottom:10px;}
.main03 ul li{list-style:disc inside; color:#767676; line-height:35px;}
.main03 ul li a{font-size:16px; color:#3d474c;}
.main03 span.justify_fix{display:inline-block; width:100%;}
/*----------------*/

.main04{background:#181718 url(../images/ug-pm/bg04.jpg) no-repeat center;}
.main04 .content{display:table-cell; vertical-align:middle; height:244px; width:1120px; text-align:center;}
.main04 h2{padding:0 0 35px 0; color:#d5d5d5;}
.main04 h2 span{color:#1ea4f4;}
.main04 .content a{display:inline-block; width:85px; height:85px; border-radius:50%; background-color:rgba(12, 164, 255, .5); position:relative;}
.main04 .content a span{display:inline-block; border-left-width:23px; border-top-width:15px; border-bottom-width:15px; border-style:solid; border-color:transparent; border-left-color:#fff; position:absolute; top:50%; left:50%; margin:-15px 0 0 -10px;}
/*----------------*/

.main05{text-align:center; font-size:0; padding-bottom:130px;}
.main05 h2{padding-bottom:80px;}
.main05 .content .box{width:27%; background-color:#fff; display:inline-block; margin:0 3%; border-radius:8px; vertical-align:top;}
.main05 .content .box:hover{border-radius:0;}
.main05 .content .box:last-child{background-color:#0f9df2;}
.main05 .content .box a{display:block; padding:30px 8% 50px; border:1px solid #ccc; border-radius:8px; text-decoration:none;}
.main05 .content .box a:hover{box-shadow:0 0 25px rgba(83, 168, 239, .3); border:8px solid #fff; margin:-8px;}
.main05 .content .box:last-child a:hover{border-color:#0f9df2;}
.main05 .content .box h3{font-size:22px; color:#48484c; padding:20px 0;}
.main05 .content .box:last-child h3{color:#fff;}
.main05 .content .box p{font-size:17px; color:#69696d; line-height:30px;}
.main05 .content .box:last-child p{color:#d7edff;}
/*----------------*/

.main06{background-color:#fafafc; padding-bottom:40px;}
.main06 .people{text-align:center;}
.main06 .people img{margin:-60px 0 20px;}
.main06 h2{font-size:33px; padding:0; font-weight:700;}
.main06 h2 a{color:#1b8ff5; padding-top:25px; display:inline-block; text-decoration:none;}
.main06 .txt{padding:30px 0 15px;}
.main06 .txt img.r_img{float:right; padding:20px 0 0 90px;}
.main06 .txt img.l_img{float:left; padding:15px 60px 0 0;}
.main06 .txt p{font-size:15px; color:#4b5866; padding:10px 0; line-height:25px;}
.main06 .txt .r_icon{text-align:right;}
/*----------------*/

.main07{padding:60px 0; color:#4b5866;}
.main07 .main07_one{width:22%; padding:0 1.5%; float:left; text-align:center;}
.main07_one .t{font-size:15px; padding:15px 0 10px; color:#1f2833; font-weight:700;}
/*----------------*/

.v-popu{width:930px; display:none;}
.v-popu a.close-v{position:absolute; top:-35px; right:0; border-radius:50%; width:30px; height:30px; line-height:26px; font-size:28px; background-color:#fff; color:#000; text-align:center; text-decoration:none; box-sizing:border-box; padding-left:1px;}
/*----------------*/

@media (max-width:979px) {

	.detail{width:95%;}
	/*----------------*/

	.main04{display:none;}
	/*----------------*/

}

@media (max-width:767px) {

}

@media (max-width:479px) {

	h2{font-size:33px; line-height:40px; padding:50px 0;}
	/*----------------*/

	.main01 .content{vertical-align:top;}
	.main01 h1{font-size:33px; line-height:40px; padding-top:20px;}
	.main01 p{font-size:16px; margin:20px 0;}
	/*----------------*/

	.main02 .content a{display:block; width:100%;}
	.main02 .content a dl{border:0 !important;}
	.main02 .content a dl dt{float:none; text-align:center; padding-bottom:20px;}
	/*----------------*/

	.main03 .box:nth-child(2){margin:40px 5%;}
	/*----------------*/

	.main05{height:auto;}
	.main05 h2{padding-bottom:30px;}
	.main05 .content .box{display:block; width:100%; margin:20px 0;}
	/*----------------*/

	.main06 h2{font-size:28px;}
	/*----------------*/

	.main07{padding:30px 0;}
	.main07 .main07_one{float:none; width:100%; padding:10px 0;}
	/*----------------*/

}