BODY { font-size:15px; font-family: 'PingFangSC-Regular', 'helvetica neue', tahoma, 'PingFang SC', 'microsoft yahei', arial, 'hiragino sans gb', sans-serif;-webkit-font-smoothing: antialiased; background:#f2f2f2;-webkit-tap-highlight-color: transparent;}
div {text-align: left;}
table tr td {word-break: break-all;word-wrap: break-word;}
* {padding: 0;margin: 0; box-sizing: border-box;/*内边距*/}
a {text-decoration: none;color: #1e272e;}
a:hover {text-decoration: none;color: #267bfb;}
img {border: 0px;}
.l {float: left;}
.r {float: right;}
ul, dl, dt, dd {margin: 0px;padding: 0px;}
li {float: left;list-style-type: none;}
input,select,textarea { float:left; font-size:15px; height:40px; padding:0 12px;border:1px solid #dcdfe6;border-radius:6px;-webkit-appearance: none;appearance: none;}
/*input:focus{border:1px solid #3478f6;}*/
input:focus,textarea:focus,select:focus {outline: none;box-shadow: none;}

.green,.red,.quxiao,.delete,.addypgw,#btnLogin{color:#fff;border-radius:6px;border:none;font-size:14px; line-height:100%; padding:10px 16px; cursor: pointer;transition: filter 0.3s; cursor:pointer}
.green:hover,.red:hover,.quxiao:hover,.delete:hover,.addypgw:hover,#btnLogin:hover {filter: brightness(0.85);}
.green,#btnLogin {background:#26B979}
.red {background:#f56c6c}
.quxiao {background:#999}
.delete {background:#535179}
.addypgw {background:#409eff}
h5 { float:left; width:100%; font-size:18px;font-weight:600;margin:28px 0 16px;padding-left:10px;border-left:4px solid #3478f6;color:#333;}
/*text-align:justify 文字两端对齐
:nth-child(4) 伪类
white-space:nowrap; text-overflow:ellipsis 一行多出省略号
display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden 多行多出省略号

display:flex、flex-direction、align-items、flex-wrap：父容器（flex 容器）属性
flex:1：子元素（flex 子项）简写属性
display: flex;把当前元素变成弹性盒子（flex 容器），它的直接子元素自动变成 flex 子项，开启弹性布局模式。
flex-direction: row（默认）水平从左往右排 column	垂直从上往下排
flex-wrap: wrap; 控制子元素超出容器宽度 / 高度时是否换行  nowrap（默认）：不换行，强行压缩子元素挤在一行 wrap：放不下就自动换行
align-items: stretch = 子元素宽度自动拉伸填满父容器宽度
center：交叉轴居中对齐
stretch（默认）：子项不设宽 / 高时，拉伸填满容器交叉轴尺寸
flex-start：交叉轴起点对齐
flex-end：交叉轴终点对齐
baseline：文字基线对齐
*/

.top { float:left; width:100%; height:80px; background:#FFF; overflow:hidden}
.top .head { width:1000px; margin:0px auto}
.top .head .logo { float:left; width:560px; height:52px; margin-top:14px;}
.top .head .daohang { float:right; height:90px;}
.top .head .daohang a { float:left; font-size:16px; color:#000; line-height:90px; text-align:right; margin-left:14px;}
.top .head .daohang a:hover { color:#f56c6c}
.bgimg { float:left; width:100%; background:url(../images/banner.jpg) no-repeat center 0px; background-size:cover; height:550px; text-align:center}
.bgimg h2 { font-size:72px; color:#FFF; line-height:120%; font-family:"微软雅黑"; margin-top:60px}
.bgimg a { width:300px; height:70px; background:#eb4343; border-radius:50px; line-height:60px; border:#FFF 5px solid; text-align:center; font-size:28px; color:#FFF; display:inline-block; margin-top:50px; transition: box-shadow 0.3s ease; }
.bgimg a:hover {box-shadow: 0 0 30px rgba(235,67,67,0.7);}
.bgimg h4 { font-size:30px; color:#FFF; line-height:140%; margin-top:50px; font-weight:normal}

.con1 { width:1000px; margin:0px auto; overflow:hidden}
.con1 h3 { float:left; width:100%; text-align:center; font-size:40px; line-height:100%; font-family:"微软雅黑"; margin:50px 0}
.con1 ul { float:left; width:100%;}
.con1 ul li { float:left; width:30%; height:210px; padding:3% 2%; margin:0 1.5% 2% 1.5%; background:#FFF; overflow:hidden; border-radius:5px; line-height:160%; text-align:justify }
.con1 ul li b { display:block; font-size:18px; font-weight:bold; border-bottom:#f56c6c 2px solid; padding-bottom:10px; margin-bottom:10px}
.con1 ul li a { display:block; float:right; margin-top:30px; width:100px; background:#eb4343; border-radius:50px; line-height:30px; text-align:center; font-size:14px; color:#FFF;}
.con1 ul li a:hover {filter: brightness(0.85);}

.foot { float:left; width:100%; background:#061514; padding:30px 0;}
.foot_nr { width:1000px; margin:0px auto}
.foot_nr p { float:left; color:#999; font-size:14px; line-height:200%;}
.foot_nr p a { color:#999}
.foot_nr p a:hover { color:#ccc}
.foot_nr .ewm { float:right; width:108px; text-align:center; background:#FFF; border-radius:5px; padding:4px 4px 0 4px; font-size:14px; line-height:200%}
.foot_nr .ewm img { float:left; width:100%; margin-bottom:0px;}

.banner { float:left; width:100%; background:url(../images/banner2.jpg) no-repeat center 0px; text-align:center; font-size:30px; color:#FFF; line-height:260%; background-size:cover; overflow:hidden; margin-bottom:20px; background-position: center top;}

.middle {width:1000px;margin:0 auto;background:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 12px rgba(0,0,0,0.08); overflow:hidden; margin-bottom:20px;}
.middle h3 { float:left; width:100%; text-align:center; font-size:24px; font-family:"微软雅黑"; line-height:100%; margin:20px 0}
.con2 { float:left; width:100%; margin-bottom:20px; border-bottom:#CCC 1px dashed; padding-bottom:20px;}
.con2 .zjz { float:left; width:25%;border:1px solid #dcdfe6;border-radius:6px; padding:10px}
.con2 .zjz img { float:left; width:100%; margin-bottom:10px; min-height:270px; }
.con2 .zjz p {font-size:14px; line-height:100%; margin-bottom:6px;}
.con2 .zjz p span { color:#F00; padding-left:4px; font-size:22px; height:16px; overflow:hidden; vertical-align:bottom}
.con2 .zjz input {width:100%; margin-bottom:10px;padding:7px 0 0 7px}
.con2 .zjz i { float:left; width:100%; text-align:center; font-size:12px; line-height:100%; font-style:normal}
.con2 .jcxx { float:right; width:73%; }
.con2 .jcxx ul { float:left; width:100%; margin-bottom:10px;}
.con2 .jcxx ul li { float:left; width:32%; margin:0 2% 10px 0}
.con2 .jcxx ul li:nth-child(3n) { margin-right:0px}
.con2 .jcxx ul li p { float:left; width:100%; line-height:100%; margin-bottom:6px; overflow:hidden}
.con2 .jcxx ul li p span { color:#F00; padding-left:4px; font-size:22px; height:16px; overflow:hidden; vertical-align:bottom}
.con2 .jcxx ul li input,.con2 .jcxx ul li select {width:100%;}
.con2 .jcxx .green,.con2 .jcxx .quxiao { float:right; margin-left:5px}

.con2_zs { float:left; width:100%; border-bottom:#CCC 1px dashed; padding-bottom:20px;}
.con2_zs .zjz { float:left; width:20%; }
.con2_zs .zjz img { float:left; width:100%; height:230px; border:#dcdfe6 1px solid; border-radius:5px; overflow:hidden; margin-bottom:10px;box-shadow: 0 0 1px rgba(0, 0, 0, 1);}
.con2_zs .zjz button { float:left; background:#f56c6c;}
.con2_zs .jcxx { float:right; width:76%; overflow:hidden }
.con2_zs .jcxx ul { float:left; width:100%; margin-bottom:14px;}
.con2_zs .jcxx ul li { float:left; width:32%; margin:0 2% 16px 0; height:38px; font-size:18px; line-height:100%}
.con2_zs .jcxx ul li:nth-child(3n) { margin-right:0px}
.con2_zs .jcxx ul li p { width:100%; font-size:16px; line-height:100%; margin-bottom:6px; overflow:hidden; color:#666}
.con2_zs .red { float:right}

.con3 { float:left; width:100%}
.con3 .ys1 { width:100%; overflow:hidden}
.con3 .ys1 input {width:27.8%  }
.con3 .ys1 input:nth-child(-n+3) { margin-right:1%}
.con3 .ys1 input:nth-child(4),.con3 .ys1 input:nth-child(5) { float:right; width:auto; margin-left:5px;}


.con3 .ys2 { width:100%; margin:10px 0; overflow:hidden}
.con3 .ys2 p { float:left; margin:0 1% 10px 0; width:27.8%; font-size:18px; background: linear-gradient(to top, rgba(255, 210, 0, 0.2) 45%, transparent 45%);}
.con3 .ys2 p:last-child { margin-right:0px}
.con3 .ys2 p span { color:#666; }
.con3 .ys2 input { margin-left:5px;}


.con4 { float:left; width:100%;}
.con4 .ys1 {width:100%; margin-bottom:10px}
.con4 .ys1 select { width:42%; margin-right:1%}
.con4 .ys1 input:nth-child(2) { width:42%; padding:7px 0 0 7px }
.con4 .ys1 input:nth-child(3),.con4 .ys1 input:nth-child(4) { float:right; width:auto; margin-left:5px}



.con4 .ys2 {width:100%; margin-bottom:10px; overflow:hidden}
.con4 .ys2 li { float:left; width:49%; max-height:370px; margin:0 2% 10px 0; padding:10px 12px; border:1px solid #dcdfe6; border-radius:6px; text-align:center; overflow:hidden}
.con4 .ys2 li:nth-child(even) { float:right; margin-right:0px}
.con4 .ys2 li p {font-size:14px; line-height:100%; margin-bottom:6px;}
.con4 .ys2 li p span { color:#F00; padding-left:4px; font-size:22px; height:16px; overflow:hidden; vertical-align:bottom}
.con4 .ys2 li img { margin:0px auto; margin-bottom:10px; border:1px solid #dcdfe6; border-radius:6px; max-width:100%; height:280px; display:block}
.con4 .ys2 li .delete { float:none; margin:0px auto}


.con5 { float:left; width:100%;}
.con5 .ys1 { float:left; width:100%; margin-bottom:10px; padding:16px 12px 0px 12px; border:1px solid #dcdfe6; border-radius:6px;}
.con5 .ys1 li { margin:0 0.5% 14px 0.5%}
.con5 .ys1 li p {font-size:16px; line-height:100%; margin-bottom:6px;}
.con5 .ys1 li input { width:100%}
.con5 .ys1 li textarea { width:100%; min-height:100px; resize:vertical} 
.con5 .ys1 li:nth-child(-n+3){ width:32.3%}
.con5 .ys1 li:nth-child(4),.con5 ul li:nth-child(5){ width:49%}
.con5 .ys1 li:nth-child(6){ width:100%}
.con5 .ys1 li:nth-child(7){ width:100%}
.con5 .ys1 li:nth-child(7) input { width:auto; float:right; margin-left:5px}

.con5 .ys2 { float:left; width:100%; margin-bottom:14px; border-bottom:#CCC 1px dashed; padding-bottom:20px;}
.con5 .ys2 li { float:left; width:100%; text-align:justify; line-height:160%}
.con5 .ys2 li p {font-size:16px; line-height:100%; margin-bottom:6px;}
.con5 .ys2 li:nth-child(1) { font-size:22px; font-family:"微软雅黑"; font-weight:bold}
.con5 .ys2 li:nth-child(1) span { font-size:15px; float:right; color:#999; font-weight:normal}
.con5 .ys2 li:nth-child(2) { font-size:18px; margin-bottom:10px; }
.con5 .ys2 li:nth-child(2) span { font-size:18px; margin-left:10px; }
.con5 .ys2 li:nth-child(3) { font-size:15px; margin-bottom:10px; color:#333 }
.con5 .ys2 li:last-child input { float:right; margin-left:5px}

.middle .ylbut { width:100%; background:#e6a23c; margin-top:20px; border:none; color:#FFF; cursor:pointer}

.denglu { width:340px; margin:0px auto; overflow:hidden; padding:20px 0 30% 0;}
.denglu li { float:left; width:100%; text-align:center; margin-bottom:10px;}
.denglu li input { width:100%}
.denglu li:nth-child(4) input { width:68%}

.bqsm { line-height:180%;text-align:justify; padding:0 5% 5% 5%}


/*移动端代码*/
@media screen and (max-width:576px) 
{
BODY { font-size:16px;}
input:focus{border:1px solid #3478f6;}
.addypgw { width:100%}
.top {width:100%; height:100px;}
.top .head { width:100%;}
.top .head .logo { width:98%; height:auto; margin:4px 0 10px 1%;}
.top .head .daohang { float:left; width:100%; height:44px; text-align:center; display: flex;}
.top .head .daohang a { float:none; margin:0px auto; font-size:16px; line-height:44px; flex: 1; margin-left:0.5%; margin-right:0.5%; text-align:center; background:#f2f2f2; border-radius:3px;}
.bgimg {background-size:220%; height:auto; padding-bottom:30px; }
.bgimg h2 { font-size:28px; margin-top:20px}
.bgimg a { width:200px; height:50px; line-height:44px; border:#FFF 3px solid; font-size:22px; margin-top:20px;}
.bgimg h4 { font-size:15px; line-height:140%; margin-top:20px; }

.con1 { width:100%; }
.con1 h3 {font-size:20px; margin:20px 0}
.con1 ul {width:100%; padding:0 2%}
.con1 ul li {width:100%; height:auto; padding:3% 4%; margin:0 0 2% 0; font-size:14px;}
.con1 ul li a {float:left; width:100%; margin-top:10px}

.foot { width:100%; padding:4% 2%;}
.foot_nr { width:100%;}
.foot_nr p {width:100%; font-size:13px}
.foot_nr .ewm { display:none}

.banner { margin-bottom:10px; font-size:15px;}

.middle {width:100%;padding:2%;}
.middle h3 {font-size:22px; margin:14px 0 20px 0}
.con2 .zjz { width:100%; margin-bottom:20px; padding-bottom:10px; text-align:center}
.con2 .zjz img { float:none; width:50%; min-height:auto}
.con2 .zjz p { float:none; display:block}
.con2 .zjz input { float:left; width:100%;}
.con2 .zjz i { font-size:14px;}
.con2 .jcxx { width:100%; }
.con2 .jcxx ul li {width:100%; margin:0 0 10px 0}
.con2 .jcxx ul li:nth-child(8),.con2 .jcxx ul li:nth-child(9){ width:49%}
.con2 .jcxx ul li:nth-child(9){ float:right}

.con2_zs { position:relative; }
.con2_zs .zjz {width:26%; position:absolute; z-index:999; top:0px; right:0px;}
.con2_zs .zjz img {height:auto; box-shadow: 0 0 1px rgba(0, 0, 0, 0.4)}
.con2_zs .zjz button { width:100%}
.con2_zs .jcxx { float:left; width:100%}
.con2_zs .jcxx ul li { width:100%; margin:0 0 14px 0; height:auto; font-size:16px}
.con2_zs .jcxx ul li p { float:left; width:27%; font-size:16px; line-height:100%; margin-bottom:0px; text-align:right}
.con2_zs .jcxx input { width:100%}

.con3 .ys1 input { margin:0 0 10px 0; width:100%  }

.con3 .ys2 {position:relative; border-bottom:#CCC 1px dashed}
.con3 .ys2 p { float:left; margin:0 0 10px 0; width:100%; font-size:16px; background:none}
.con3 .ys2 .red { position:absolute; z-index:999; right:0px; top:0px}
.con3 .ys2 .delete { position:absolute; z-index:999; right:0px; top:44px}

.con4 .ys1 li { float:left; width:100%; margin:0 0 10px 0;}
.con4 .ys1 select { width:49%; margin-right:0}
.con4 .ys1 input:nth-child(2) { width:49%; padding:7px 0 0 7px; float:right;}
.con4 .ys1 input:nth-child(3),.con4 .ys1 input:nth-child(4) { margin-top:10px;}

.con4 .ys2 li { float:left; width:100%; max-height:auto; margin:0 0 10px 0;}
.con4 .ys2 li img { height:auto}
.con4 .ys2 li button {background:#f56c6c; margin:0 5px}
.con4 .ys2 li button:last-child {background:#535179}

.con5 .ys1 li { margin:0 0 14px 0;}
.con5 .ys1 li input { width:100%}
.con5 .ys1 li textarea {min-height:160px;} 
.con5 .ys1 li:nth-child(-n+3){ width:100%}
.con5 .ys1 li:nth-child(4),.con5 ul li:nth-child(5){ width:49%}
.con5 ul li:nth-child(5) { float:right}

.con5 .ys2:last-of-type { border:none}
.con5 .ys2 li:nth-child(1) { font-size:18px; }
.con5 .ys2 li:nth-child(1) span { font-size:14px;}
.con5 .ys2 li:nth-child(2) { font-size:16px;}
.con5 .ys2 li:nth-child(2) span { font-size:16px}

.denglu { width:100%; padding:30px 5% 50% 5%;}

.bqsm { padding:0 2% 2% 2%; font-size:14px}