@charset "utf-8";
/* CSS Document */

/* 页面格式化 */
* {margin: 0;padding: 0;box-sizing: border-box;font-family: Arial, sans-serif;color:#475569;font-family:PingFang SC,"Microsoft YaHei","宋体", simsun;word-wrap:break-word;word-break:break-all;}
header, section, footer { display: block; margin: 0; padding: 0 }
br { display: block; line-height:0; } 
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }
input, textarea { -webkit-font-smoothing: antialiased;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;outline: none; }
input[type="button"], input[type="submit"], input[type="reset"]{-webkit-appearance:none;border-radius: 0; }
textarea {-webkit-appearance: none;} 
table { border-collapse: collapse; border-spacing: 0;/* table-layout:fixed;*/}
th,td{word-wrap:break-word;word-break:break-all; text-align:left;}
img { border: 0; max-width: 100%; vertical-align:top;}
a {text-decoration:none;cursor:pointer;}

.clearfix{*zoom:1;}
.clearfix:after{display:block; overflow:hidden; clear:both; height:0; visibility:hidden; content:".";}

.pr {position: relative;}
.pa {position: absolute;}
.fl{float:left;}
.fr{float:right;}

.db{display:block;}

.text_c{text-align:center;}
.text_r{text-align:right;}

form{height:100%;}

html, body {font-size:18px;height:100%;}

.itemPage{background:url(../images/bg.jpg) no-repeat center 0 #FFF;padding-bottom:40px;}
.itemPage .div_banner{width:80%;max-width:1536px;text-align:center;margin:0 auto;}
.itemPage .div_banner .imgbar img{width:100%;height:auto;}
.itemPage .div_banner .btndiv{position:absolute;width:40.5%;left:4.8%;bottom:11%;}
.div_logo{position:absolute;width:10%;left:1.5%;top:1vw;}

.div_unlock{width:94.6%;max-width:1816px;display:flex;flex-direction:row;flex-wrap: wrap;justify-content:space-between;margin:0 auto;}
.div_unlock > div{background-color:rgba(255,255,255,0.7);border:solid 4px #FFF;box-shadow:0 0 16px rgba(43,110,240,0.1);border-radius:10px;padding:20px 0 24px 0;box-sizing: border-box;}
.div_unlock .div_hexin{width:50%;}
.div_unlock .div_gaojie{width:48.2%;}
.div_unlock .div_tit{text-align:center;margin:0 0 20px;}
.div_unlock .div_tit,.div_unlock .div_tit span{font-size:36px;line-height:48px;font-weight:bold;color:#0066b2;}
.div_unlock .div_tit span{color:#ca4643;}

.div_unlock .div_blank{display:flex;justify-content:center;flex-direction:row;padding:0 16px;}
.div_unlock .div_blank .box{flex:1;margin:0 10px;box-sizing:border-box;border-radius:10px;background:#0066b2;}
.div_unlock .div_blank .box > div{width:84.6%;margin:0 auto;}
.div_unlock .div_blank h5{font-size:30px;line-height:48px;color:#fb991b;padding:12px 0 8px 0;}
.div_unlock .div_blank p{font-size:18px;line-height:30px;color:#FFF;}
.div_unlock .div_blank .box .img{margin-top:16px;margin-bottom:20px;}
.div_unlock .div_blank .box .img img{width:100%;height:auto;}
.div_unlock .div_gaojie .div_blank{text-align:center;}
.div_unlock .div_gaojie .div_blank h5{padding-top:18px;}
.div_unlock .div_gaojie .div_blank h5 span{display:inline-block;font-size:30px;line-height:44px;color:#FFF;background:#f38f44;padding:0 16px;border:solid 2px #FFF;border-radius:26px;vertical-align:top;}
.div_unlock .div_gaojie .div_blank .img{width:92%;margin:16px auto;}
.div_unlock .div_gaojie .div_blank p{padding: 0 0 16px;}

.div_total{width:94.6%;max-width:1536px;margin:48px auto;}
.div_total ul{display:flex;flex-direction:row;text-align:center;flex-wrap:wrap;}
.div_total ul li{flex:1;border-left:solid 1px #eaeef4;box-sizing: border-box;}
.div_total ul li:nth-child(1){border-left:none;}
.div_total ul li div,.divColumn_01 ul li div{font-size:48px;line-height:56px;color:#0066b2;font-weight:bold;margin:0 0 10px;}
.div_total ul li p,.divColumn_01 ul li p{font-size:18px;line-height:24px;}

.divColumn_01{background:#F8F8F8;}

.mainbox{width:94%;max-width:1536px;margin:0 auto;padding:48px 0;}

.div_title{text-align:center;}
.div_title h1{font-size:60px;line-height:88px;color:#252525;}
.div_title h1 b{font-size:60px;line-height:88px;color:#ca4643;}
.div_title p{font-size:30px;line-height:48px;color:#0066b2;font-weight:bold;margin-top:10px;}

.divColumn_01 ul{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;background:url(../images/icon_IP_1.png) no-repeat center center;background-size:auto 100%;padding-left:12%;margin:36px 0 0;}
.divColumn_01 ul li{width:45%;margin:24px 0;box-sizing: border-box;}
.divColumn_01 ul li p{font-size:18px;line-height:36px;margin-top:16px;}
.divColumn_01 ul li:nth-child(2n){padding-left:8%;}

.divColumn_02 ul{display:flex;flex-direction:row;flex-wrap:wrap;margin-top:36px;}
.divColumn_02 ul li{flex:1 1 20%;margin:0 0 10px 10px;padding:16px 8px;text-align:center;border:solid 1px #0066b2;border-radius:10px;box-sizing: border-box;}
.divColumn_02 ul li img{width:30%;max-width:112px;height:auto;}
.divColumn_02 ul li div{font-size:30px;line-height:48px;color:#0066b2;font-weight:bold;}
.divColumn_02 ul li p{font-size:18px;line-height:30px;margin-top:4px;}
.divColumn_02 .icon{margin:0 0 8px;}

.divColumn_03{background:#F8F8F8;}
.divColumn_03 .mainbox{padding-top:12px;}

.divColumn_03 ul{display:flex;flex-direction:row;flex-wrap:wrap;margin-top:24px;}
.divColumn_03 ul li{flex:1 1 40%;margin:0 0 16px 16px;padding:20px 24px;background:#FFF;border-radius:10px;box-sizing: border-box;}
.divColumn_03 ul li div{height:60px;font-size:30px;line-height:60px;color:#ca4643;font-weight:bold;border-radius:30px;background:linear-gradient(90deg, #ffdebe 0%, transparent 30%);padding:0 24px;}
.divColumn_03 ul li p{font-size:18px;line-height:30px;margin-top:16px;padding:0 0 0 12px;}

.divColumn_03 .div_title{background:url(../images/icon_IP_2.png) no-repeat 10% center;background-size:auto 100%;padding:36px 0 16px 0;}

.divColumn_04 .div_zizhi{background:linear-gradient(180deg, transparent 0%, #fcedde 100%);border:solid 1px #ffe6cd;padding:16px 0 24px 0;border-radius:10px;margin-top:36px;}
.divColumn_04 .div_zizhi h5{font-size:48px;line-height:60px;color:#ca4643;text-align:center;}
.divColumn_04 .div_zizhi ul{display:flex;flex-direction:row;flex-wrap:wrap;margin-top:24px;}
.divColumn_04 ul li{flex:1 1 25%;text-align:center;box-sizing: border-box;}
.divColumn_04 ul li div{font-size:20px;line-height:32px;color:#0066b2;font-weight:bold;}
.divColumn_04 ul li p{font-size:18px;line-height:24px;}
.divColumn_04 .div_zizhi .img{width:81.8%;margin:0 auto 12px;}
.divColumn_04 .div_zizhi .img img{width:100%;height:auto;}
.divColumn_04 .div_gslc{margin:36px 0;text-align:center;}
.divColumn_04 .div_gslc img{width:100%;max-width:1400px;height:auto;margin:0 auto;}

.div_tips{background:#F8F8F8;font-size:18px;line-height:36px;text-align:center;padding:16px 16px 100px;}

.f-btn{position:fixed;display:flex;flex-direction:row;justify-content: center;align-items: center;width:100%;left:0;bottom:0;padding:20px 16px 16px;background:#9DC4FC;background:linear-gradient(0deg, #9bc4fc 0%, #d1c3fc 100%);text-align:center;}
.f-btn .btndiv{margin:0 2.5vw 0 1.6vw;}
.f-btn .btndiv img{width:32vw;max-width:480px;}
.f-btn .imgbar img{width:44vw;max-width:680px;}

@media screen and (max-width:1920px) {
	.itemPage{background:url(../images/bg1.jpg) no-repeat center 0 #FFF;background-size:100% auto;}
	.itemPage .div_banner{}
	.div_unlock .div_tit,.div_unlock .div_tit span{font-size:30px;line-height:40px;}
	.div_unlock .div_blank p{font-size:16px;line-height:30px;}
	.div_unlock .div_blank h5,.div_unlock .div_gaojie .div_blank h5 span{font-size:24px;line-height:40px;}
	.div_unlock .div_gaojie .div_blank .img{margin-bottom:12px;}
	.div_unlock .div_gaojie .div_blank p{padding-bottom:12px;}
	.div_title h1,.div_title h1 b{font-size:52px;line-height:88px;}
	.div_title p{font-size:28px;line-height:40px;}
}


@media screen and (max-width:1536px) {
	.itemPage{padding-bottom:1.5vw;}
	.div_unlock .div_tit,.div_unlock .div_tit span{font-size:24px;line-height:40px;}
	.div_unlock .div_blank p{font-size:14px;line-height:24px;}
	.div_unlock .div_blank .box{margin:0 6px;}
	.div_total ul li div,.divColumn_01 ul li div,.divColumn_04 .div_zizhi h5{font-size:40px;line-height:48px;}
	.div_total ul li p,.divColumn_01 ul li p,.divColumn_02 ul li p,.divColumn_03 ul li div,.div_tips{font-size:16px;line-height:20px;}
	.divColumn_01 ul li p,.div_tips{line-height:30px;}
	.divColumn_02 ul li div,.divColumn_03 ul li div{font-size:28px;line-height:40px;}
	.divColumn_03 ul li div{height:52px;line-height:52px;}
	.divColumn_02 ul li p,.divColumn_03 ul li p{line-height:24px;}
	.divColumn_04 ul li div{font-size:16px;line-height:28px;}
	.divColumn_04 ul li p{font-size:14px;line-height:20px;}
}

@media screen and (max-width:1440px) {
	.div_unlock{width:96%}
	.div_unlock .div_blank p{font-size:12px;line-height:20px;}
	.div_unlock .div_gaojie .div_blank h5 span{font-size:20px;line-height:40px;padding:0 12px;}
	.divColumn_01 ul{padding-left:8%;}
	.div_title h1,.div_title h1 b{font-size:44px;line-height:72px;}
	.div_title p{font-size:24px;line-height:36px;}
	.divColumn_03 ul li div{padding:0 16px;}
}

@media screen and (max-width:1200px) {
	.div_unlock .div_blank p{font-size:16px;line-height:30px;}
	.itemPage .div_unlock > div{width:100%;border-width:3px;margin:0 0 10px;}
	.div_total ul li div{font-size:36px;}
	.div_total ul li p{font-size:14px;}
	.div_total ul li{padding:12px 0;}
	.div_total ul li:nth-child(1),.div_total ul li:nth-child(2){border-bottom:solid 1px #eaeef4;padding-top:8px;padding-bottom:20px;}
	.div_title h1,.div_title h1 b{font-size:36px;line-height:60px;}
	.div_title p{font-size:20px;line-height:32px;}
	.divColumn_01 ul li div,.divColumn_04 .div_zizhi h5{font-size:28px;line-height:36px;}
	.divColumn_01 ul li p,.divColumn_03 ul li p{font-size:14px;}
	.divColumn_03 .div_title{background-position:0 0;}
	.divColumn_03 ul li div{font-size:20px;height:52px;line-height:52px;}
}

@media screen and (max-width:1000px) {
	.div_total ul li{flex:1 1 50%;}
	.divColumn_02 ul li{flex:1 1 40%;}
	.divColumn_01 ul{padding-left:0;background-position:right center;justify-content:flex-start;}
	.divColumn_01 ul li:nth-child(2n){padding-left:0;}
	.divColumn_01 ul li{padding-left:12px;}
	.div_tips{font-size:14px;line-height:20px;}

}

@media screen and (max-width:750px) {
	.div_unlock .div_blank p{font-size:14px;line-height:24px;}
	.itemPage{min-width:640px;}
	.itemPage .div_unlock > div{margin:0 0 8px;}
	.div_unlock .div_blank{padding:0 8px;}
	
}