@charset "utf-8";
/* CSS Document */
*{font-family:"微软雅黑";margin:0;padding:0;text-decoration:none;list-style:none;color:#262626;}
	
	input[type="button"], input[type="submit"], input[type="reset"],select{appearance: none;}
	textarea { appearance: none;}
select{background:#fff}
::-webkit-input-placeholder{color:#B0B0B0;}
html{height:100%;
	width:100%;}

	a{-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
		-webkit-user-select: none;
		-moz-user-focus: none;
		   -moz-user-select: none;}
/**颜色控制区域**/
		.bgcolor1{background:#ff5959;}
		.bgcolor2{background:#80BBF5;}
		.bgcolor3{background:#88C8F6;}
		.bgcolor4{background:#6EC4F5;}
		.bgcolor5{background:#B3ECFF;}
		.bgcolor6{background:#FD5858;;}
		.bgcolor7{background:#72C0FF;}
		/**字体颜色**/
		.font_color_deep{color:#ff6464;}
		.font_color_low{color:#ff6464;font-weight:600;font-size:0.3rem;}
		.font_color_red{color:#ff6464;}

		
/**页面背景颜色及通用样式**/
	body{background:#f5f5f5;}

/**主页**/
.top_bannerbox{position:relative;}
.Logo{position:absolute;top:30px;left:30px;}
.banner{width:100%;display: block;}
.navbox{background:hsla(224, 63%, 23%, 0.329);box-shadow:0 0 6px #010f36;position:absolute;right:0;top:20px;display: flex;align-items: center;width:600px;height:40px;padding-left:70px;padding-right:100px;border-radius:50px 0 0 50px;}
.navbox a{color:#d0d2d3;font-size:15px;margin-right:40px;}
.navbox a:hover{text-shadow: 0 0 12px #90deff;cursor: pointer;color:white;}
.float_BOX{position:absolute;top:300px;left:0;width:1100px;height:300px;box-sizing: border-box;padding-top:100px;padding-left:80px;background: linear-gradient(to right,hsla(226, 81%, 6%, 0.753),hsla(0, 0%, 100%, 0));}
.float_BOX p{color:white;font-size:20px;}
.float_BOX h1{color:white;font-size:40px;margin-top:10px;}

.cp_ind{padding-bottom:60px;}
.tit1{width:280px;display: block;margin:0 auto;margin-top:90px;}
.third_box{display: flex;width:100%;justify-content: space-around;margin:0 auto;margin-top:100px;}
.third_clm{width:300px;}
.third_clm img{display: block;margin:0 auto;width:60px;margin-bottom:15px;}
.third_clm p{font-size:14px;}
.sosai_box{background:#f7f7f7;padding:100px 0;}
.title_text{text-align: center;font-size:16px;color:#444444;margin-bottom: 100px;}

.circle_box{position:relative;width:1100px;left:50%;margin-left:-550px;}
.id0{z-index: 1;}
.idbox{position:absolute;}
.idbox img{width:100%;display: block;}
.id1_box{width:280px;z-index: 1;bottom:-120px;left:510px;}
.id1_box p{position:absolute;font-size:14px;top:120px;left:40px;color:#0e5d7f;}
.id2_box{width:240px;z-index: 1;bottom:100px;left:-80px;}
.id2_box p{position:absolute;font-size:14px;top:100px;left:40px;color:#684e16;}
.id3_box{width:220px;z-index: 1;bottom:120px;left:1150px;}
.id3_box p{position:absolute;font-size:14px;top:90px;left:30px;color:#7b1d1d;}

.tit2{width:440px;display: block;margin:0 auto;margin-top:260px;}
.ctnImg{display: block;margin:80px auto;}
.wid_img{width:55%;margin:0 auto;display: block;margin-top:60px;padding-bottom:80px;}

.title3{width:400px;margin:0 auto;display: block;}
.abus_text{font-size:16px;color:#444444;display: block;width:1400px;margin:40px auto;}

.three_box{display: flex;width:1400px;justify-content: space-between;margin:0 auto;margin-top:60px;}
.clm_box1{text-align: center;}
.clm_box1 img{display: block;width:200px;margin:0 auto;margin-bottom:30px;}
.clm_box1 h2{font-size:22px;color:#444444;margin-bottom:10px;}
.clm_box1 p{font-size:16px;color:#727272;}
.wid_img2{width:50%;margin:0 auto;display: block;margin-top:60px;padding-bottom:140px;}

.black_box{background:#222222;display: flex;padding:60px 200px;box-sizing: border-box;}
.left_box h1{font-size:22px;color:white;}
.left_box p{font-size:16px;color:#b1b1b1;margin-top:10px;line-height: 30px;}
.right_box{margin-left:auto;}
.right_box img{display: block;margin-top:40px;}
.right_box p{font-size:16px;color:#b1b1b1;margin-top:10px;}

/**文章列表**/
.list_box_a{width:1200px;min-height: 800px;background:white;box-shadow: 0 0 14px #cccccc;margin:60px auto;border-radius:20px;box-sizing: border-box;padding:60px 30px;position: relative;}
.tit_tt{font-size:26px;color:#474747;margin-top:-20px;margin-bottom:20px;}
.atc_titles{font-size:17px;color:#666666;}
.tit_img{border-bottom:1px dashed #f2f2f2;padding:20px 0 5px 0;display: flex;align-items: center;box-sizing: border-box;}
.tit_img img{display: block;width:25px;margin-right:8px;}
.tit_img img:nth-of-type(2){margin-left:auto;}

/**文章详情**/
.atc_ctntit{font-size:22px;}
.titBox{margin-bottom:20px;}
.titBox p{font-size:16px;color:#999999;margin-top: 8px;}
.titBox span{color:#3a87cf;}
.atc_txt_min{color:#505050;font-size:18px;text-indent: 36px;line-height: 26px;text-align: justify;}
.page_choose{display: flex;align-items: center;width:1200px;margin:0 auto;margin-top:-20px;}
.page_choose a{width:34px;height:34px;border-radius:6px;margin-right:20px;color:#6e6e6e;background: white;text-align: center;display: block;line-height: 34px;}
.page_choose a:hover{color:black;box-shadow: 0 0 4px #c0c0c0;font-weight:600;}


/**隐藏**/
.locked{width:100%;height:100%;background:linear-gradient(rgba(37, 37, 37, 0.705),rgba(0, 0, 0, 0.938),rgb(0, 0, 0));position:absolute;top:0;left:0;}
.loack_btn{width:200px;position: absolute;left:50%;margin-left:-100px;top:300px;}
.loack_btn img{width:100%;display: block;margin:0 auto;}
.loack_btn p{font-size:16px;color:white;text-align: center;border:1px solid white;border-radius:10px;padding:10px;margin-top: 10px;}

.pay_area{z-index: 10;width:400px;position:absolute;left:50%;margin-left:-200px;top:200px;}
.pay_area img{width:100%;display: block;border-radius:10px;}
.pay_area p{font-size:16px;color:white;text-align: center;margin-top:10px;}