@charset "UTF-8";
/* CSS Document */
boby ,div {font-weight: normal}
div,
form,
img,
ul,
ol,
li,
dl,
dt,
dd,
p {
	margin: 0;
	padding: 0;
	border: 0;
}

.jubaoarea-top {height:110px;border-bottom:1px solid #eee;margin-bottom: 50px;}
.jubaoarea-top h3 {float:left;line-height: 110px;font-size: 36px;color:#336fd0}

.jubaoarea-top-rig {float:right;width:400px;padding-top:20px}
.jubaoarea-top-rig h4 {font-size: 18px;color:#336fd0;padding-left:8px;line-height: 26px}
.jubaoarea-top-rig-col {padding:8px;position: relative}
.jubaoarea-top-rig-col-f {border:1px solid #ddd;background: #fff;padding:5px 20px;border-radius: 20px;height:36px;width:98%;color:#999;font-size: 14px}
.jubaoarea-top-rig-col .jb-btn-search {position: absolute;top:17px;right:30px;}

.jubaolist {padding:20px 0 40px;min-height: 600px}
.jubaolist li {min-height: 228px;float:left;width:22%;margin:30px 1.5%;border-radius: 20px;background: #fff;box-shadow:0px 0px 13px 0px rgba(51,110,208,0.2);text-align: center;padding:20px 0;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.jubaolist li p {padding-top:15px;width:80%;margin:0px auto;height:70px}
.jubaolist li a {font-size: 18px;line-height: 24px;font-weight: normal}
.jubaolist li:hover {box-shadow:0px 0px 16px 0px rgba(51,110,208,0);border:5px solid #b1c9f0;padding:15px 0}

.jubao-main {padding:20px 0 40px;min-height: 600px}
.jubao-main-title h3{font-size: 24px;color:#336fd0;text-align: center;line-height: 60px}
.jubao-frame {padding:60px;width:860px;margin:0 auto;border:10px solid #e7edf7;}
.jubao-frame-col {position: relative;padding-left:180px;height:50px;font-size: 18px;border-bottom: 1px  solid #ddd;margin-bottom: 6px}
.jubao-frame-col2 {height:50px;font-size: 18px;margin-bottom: 6px;width:100%}
.jubao-frame-col .jb-f-c-l {position: absolute;top:5px;width:170px;text-align: right;line-height: 35px;left:0px;font-weight: normal}
.jubao-frame-col .jb-f-c-f {border: 0px ;line-height: 45px;background: #fff;font-size: 16px;width:98%;color:#999}
.jubao-frame-col a.jb-f-c-r {position: absolute;top:14px;right:20px;font-size: 16px}
.jubao-frame a.jubao-btn {width:60%;line-height: 44px;text-align: center;color: #fff;background: #336fd0;border-radius: 30px;margin:50px auto 30px;display: block;font-size: 20px;}


.cRed_i,
a.cRed_i:link,
a.cRed_i:visited {
	color: #ff0000 !important;
}
.layui-this {
    background-color: #4572D8 !important;
}
.cGrey, a.cGrey:link, a.cGrey:visited {
    color: #999999;
}
.lyline {
	border-bottom: 2px dotted rgb(197, 197, 197);
	margin-top: 10px;
	margin-bottom: 30px;
}
.sp20 {
    font-size: 1px;
    display: block;
    clear: both;
    overflow: hidden;
    height: 20px;
}
.w110 {
    width: 110px;
}
.left {
    float: left;
}
.ml30 {
    margin-left: 30px;
}
.w820 {
    width: 820px;
}
.w1000 {
    width: 1000px;
    margin: 0 auto;
}

.lbk01 {
    border: 1px solid #e5e5e5;
    font-size: 16px;
    font-family: 'Microsoft Yahei';
}
.content {
    width: 1200px;
    margin: 0 auto;
}
.liuyan_hy {
	text-align: center;
	margin: auto;
	margin-bottom: 15px;
	line-height: 22px;
	width: 1000px;
}

.button_a {
	width: 500px;
	line-height: 45px;
	background-color: #336fd0;
	border: none;
	font-size: 22px;
	color: #fff;
	border-radius: 5px;
	text-align: center;
	cursor: pointer;
}

.liuyan_hy span {
	color: #818181;
	line-height: 22px;
}

.liuyan_hybiaodan {
	text-align: left;
	margin-bottom: 10px;
	line-height: 40px;
}

.liuyan_hybiaodan span {
	color: #333333;
}

.liuyan_hy_pro_m {
	width: 1000px;
	background: #FFF;
}

.liuyan_hy_pro_m h2 {
	padding: 10px 0;
	display: block;
	background-color: #e9e9e9;
	margin-bottom: 10px;
	font-size: 16px;
	padding-left: 10px;
}

.liuyan_hy_pro_m p {
	width: 110px;
	display: block;
	/* overflow:hidden; */
	text-align: right;
}

.liuyan_hy_pro_m p span {
	/* width:110px; */
	text-align: right;
	/* float:left; */
	/* display:block; */
	height: 40px;
}

.liuyan_hy_pro_m p .text1 {
	float: left;
	width: 400px;
	height: 40px;
	line-height: 40px;
	background: #FFF;
	border: #C6C6C6 1px solid;
	margin-top: 0px;
	display: inline;
	font-size: 14px;
	color: #393939;
}

.liuyan_hy_pro_m p .text2 {
	float: left;
	width: 298px;
	height: 40px;
	line-height: 40px;
	background: #FFF;
	border: #C6C6C6 1px solid;
	margin-top: 0px;
	display: inline;
	font-size: 14px;
	color: #393939;
	margin-right: 10px;
}

.liuyan_hy_pro_m p a {
	float: left;
	height: 40px;
	display: block;
	color: #D61100;
}

.select-D {
	font-size: 16px;
	line-height: 38px;
	border: 0px solid #CCCCCC;
	background: #ffffff;
	width: 830px;
	border-radius: 0px;
	height: 300px;
	padding: 0 30px;
	outline: none;
	font-size: 16px;
	padding-top: 2px;
}

.text_1 {
	line-height: 50px;
	font-size: 30px;
	color: #336fd0;
	font-weight: bold;
	text-align: center;
}
.inputBox>div {
	display: flex;
	justify-content: flex-start;
}
.inputBox input {
	border: none;
	line-height: 40px;
	outline: none;
	margin-top: 2px;
	font-size: 16px;
}

.inputline {
	margin-bottom: 10px;
	border-bottom: 1px solid #DCDCDC;
	padding-bottom: 10px;
}
.inputBox input {
	border: none;
	line-height: 40px;
	outline: none;
	margin-top: 2px;
	font-size: 16px;
}


.popdiv1-3 input {
	font-size: 16px;

	border: 1px solid #CCCCCC;
	background: #ffffff;
	width: 720px;
	height: 40px;
	padding: 0 30px;
	outline: none;
}

.popdiv1-1 input {
    font-size: 16px;
    border: 1px solid #CCCCCC;
    background: #ffffff;
    width: 830px;
    border-radius: 4px;
    height: 40px;
    padding: 0 30px;
    outline: none;
}
.inputBox input {
    border: none;
    line-height: 40px;
    outline: none;
    margin-top: 2px;
    font-size: 16px;
}

.t1 p {
	line-height: 36px;
	text-align: left;
	font-size: 24px;
	margin-bottom: 20px;
	color: #0e3cb0;
}
.t2 {
    line-height: 36px;
    text-align: left;
    font-size: 16px;
    color: #0e3cb0;
}

.upload-content {
	width: 100%;
	/* display: inherit; */
	display: flex;
}

.content-img {
	width: 100%;
	margin-left: 0;
}

.upload-content .content-img-list {
	margin-bottom: 0;
}

.upload-content .content-img .gcl {
	/* font-size: 25px; */
	color: #333;
	position: absolute;
}

.upload-content .content-img-list-item {
	position: relative;
	display: inline-block;
	width: 65px;
	height: auto;
	margin: 7px;
	border-radius: 4px;
	background-color: #fff;
	vertical-align: middle;
	float: left;
}



.upload-content .content-img-list-item div {
	position: absolute;
	text-align: center;
	width: 44%;
	height: 44%;
	top: 0;
	right: 0;
}

.upload-content .content-img-list-item .delete-btn,
.upload-content .content-img-list-item .big-btn {
	color: #fff;
	cursor: pointer;
	margin: 0 15px;
}

.upload-content .content-img-list-item img {
	width: 100%;
}

.gcladd {
	font-size: 16px;
	color: #aaa;
	position: absolute;
	/* margin-top: 9px; */
	margin-left: 18px;
	font-style: normal !important;
}

.gcladd:before {
	position: absolute;

}

.upload-content .file {
	position: relative;
	display: inline-block;
	border: 1px dashed #DEDEDE;
	border-radius: 4px;
	width: 110px;
	height: 40px;
	line-height: 40px;
	/* text-align: left; */
	background-color: #fff;
	vertical-align: top;
	/* margin: 7px; */
	/* float: left; */
}

.upload-content .file input {
	position: absolute;
	right: 0;
	top: 0;
	opacity: 0;
	cursor: pointer;
	width: 100%;
	height: 40px;
}

.upload-content .file:hover {
	border: 1px solid #3a75dc;
}
.upload-content .content-img-list-item div {
	position: absolute;
	text-align: center;
	/* width: 44%; */
	/* height: 44%; */
	top: 0;
	right: 0;
}
.delete-btn .gcllajitong:before {
	background-color: rgba(0, 0, 0, 0.5);
    content: "X";
    margin-top: -14px;
    margin-left: -10px;
    position: absolute;
    border-radius: 50%;
    width: 24px;
    font-size: 15px;
    color: #FFFFFF;
    display: block;
    height: 20px;
    padding-top: 4px;
}
.text_3 a {
	line-height: 50px;
	font-size: 16px;
	color: #0e3cb0;
	text-align: center;
}

.text_4 {
	line-height: 48px;
	font-size: 16px;
	color: #333333;
	text-align: left;
}
.web_button {
    width: 220px;
    line-height: 45px;
    background-color: #0e3cb0;
    border: none;
    font-size: 22px;
    color: #fff;
    border-radius: 5px;
    text-align: center;
    cursor: pointer;
}


.guo_1 {
	width: 800px; /* 保持宽度 */
	margin: 0 auto;
  }
  
  /* 使用 Flexbox 布局来让图片自动换行 */
  .guo_1 ul {
	display: flex;
	flex-wrap: wrap; /* 允许换行 */
	padding: 0;
	margin: 0;
  }
  
  /* 每个图片项 */
  .guo_1 ul li {
	width: 240px;
	margin-right: 20px;
	margin-bottom: 20px;
  }
  
  /* 图片容器 */
  .img-container {
	display: inline-block;
	border-radius: 20px;
	overflow: hidden;
	box-shadow: 0 0px 12px rgba(0, 0, 0, 0.1); /* 初始阴影 */
	transition: all 0.3s ease;
	border: 3px solid transparent; /* 初始边框为透明 */
  }
  
  .img-container img {
	width: 240px; /* 根据实际尺寸调整 */
	height: auto;
	transition: transform 0.3s ease;
  }
  
  .img-container:hover {
	box-shadow: 0 0 24px rgba(0, 0, 0, 0.2); /* 修改后的均匀阴影 */
	border-color: #b1c9f0; /* 悬停时显示边框颜色 */
  }
  .guo_2 {background: url(../images/k3.png) no-repeat top;margin-bottom: 20px;}
  .guo_2 h2 {text-align: center; font-size: 24px; font-weight: bold; padding-bottom: 10px;}
  .guo_2 p {text-align: center; color:#8E8E8E}
  
  .guo_3 {width: 370px;}
  .guo_3 ul li {width: 165px; float: left; margin-right: 20px; margin-bottom: 30px;}
  .guo_3 ul li img {width:165px; height: 108px; }
  .guo_3 ul li p {text-align: center; font-size: 14px; margin-top: 5px;}
  
  .guo_4 {width: 380px; background: url(../images/k2.png) no-repeat top;}
  .guo_4 h2 {font-size: 22px; color:#4a90e2;}
  .guo_4 h2 span {float: right; font-size: 12px; color:#333; font-weight: normal; line-height: 30px;}
  .guo_4 ul {margin-top: 20px;}
  .guo_4 ul li {font-size: 16px; margin-bottom: 10px;}
  
  .guo_5_1 {background: url(../images/k1.png) no-repeat top;}
  .guo_5 h2 {text-align: center; font-size: 22px; color:#4a90e2;}
  .guo_5 ul {width: 1500px;}
  .guo_5 ul li {float: left; width: 250px; height: 70px; font-size: 18px; text-align: center; border: 1px solid #4a90e2; line-height: 70px; margin-right: 64px; margin-top: 30px;}
  .guo_5 ul li a {color:#4a90e2;}