/* CSS Document */

html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }

h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,i,th,td { font-size: 16px;}

h1,h2,h3,h4,h5,h6 { margin: 0; padding: 0; font-family:Microsoft YaHei, SimHei, Arial, Helvetica, sans-serif; font-weight:normal;}

ul,ol { list-style: none; }

ul li {list-style: none outside none;}

table{border-collapse:collapse;border-spacing:0; border:1px solid #ddd;}

td,th {border: 1px solid #ddd}

body{ font-size:16px; background:#fff; font-family:Microsoft YaHei, SimHei, Arial, Helvetica, sans-serif; color:#333; max-width: 1150px; margin: 0 auto; }

img {border:0 none;}

a{color:#333;}

a:link, a:visited, a:active { text-decoration: none;}

a:hover{ text-decoration: none; color:#056ba9;}

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

.clear{ clear:both;font-size:0px;}

table{border-collapse:collapse;border-spacing:1;}

input[type="text"],input[type="button"], input[type="submit"], input[type="reset"], button, select {-webkit-appearance: none; }

/* ::-webkit-scrollbar {display:none} */

textarea {-webkit-appearance: none;outline:none;}

input:focus,textarea:focus,select:focus {outline: none;}

input:focus{-webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-user-modify:read-write-plaintext-only;}

input,textarea,select {-webkit-appearance:none;font-family:Microsoft YaHei;}



.banner { width: 100%; height: auto;}

.banner img { display: block; width: 100%; height: auto;}

.nav-list { padding: 0.2rem;}

.nav-list ul li { width: 50%; float: left; box-sizing: border-box; border-bottom: 1px solid #e5e5e5; text-align: center; padding: 0.4rem 0; font-size: 0.28rem;}

.nav-list ul li img { display: block; width: auto; height: 1rem; margin: 0 auto 0.4rem;}

.nav-list ul li p {overflow: hidden; height: 40px; padding: 0 10px;}

.nav-list ul li:nth-child(odd) { border-right: 1px solid #e5e5e5;}



.bigh-box { width: 100%; text-align: center; line-height: 100%; height: 24vh;  position: relative; background: linear-gradient(90deg , #1356ff, #01d6ff); overflow: hidden; }

.bigh-box h3 {font-weight: bold; color: #ffffff; font-size: 22px; position: absolute; width: 80%; text-align: center; line-height: 1.8; left: 10%; top: 50%; transform: translateY(-50%); }

.zs-box01 { width: 90px; height: 90px; position: absolute; top: -40px; left: -40px; background: rgba(255,255,255,0.2); border-radius: 100%;}

.zs-box02 { width: 120px; height: 120px; position: absolute; top: -40px; right: -40px; background: rgba(255,255,255,0.1); border-radius: 100%;}

.zs-box03 { width: 90px; height: 90px; position: absolute; bottom: -40px; right: -40px; background: rgba(255,255,255,0.3); border-radius: 100%;}

.zs-box04 { width: 180px; height: 180px; position: absolute; bottom: -40px; left: -40px; background: rgba(255,255,255,0.1); border-radius: 100%;}

.zs-box05 { width: 200px; height: 200px; position: absolute; bottom: 20px; right: -40px; background: rgba(255,255,255,0.1); border-radius: 100%;}



.news-list ul li { padding: 12px 12px; border-bottom: 1px dashed #e3e3e3; font-size: 14px; line-height: 1.5; }

.news-list ul li::before { content: ""; width: 6px; height: 6px; display: inline-block; vertical-align: middle; border-radius: 100%; background: #0186ff; margin-right: 8px; }



.detali-box { padding: 10px; }

.detali-box h3 {font-weight: bold; font-size: 20px; text-align: center; line-height: 1.8; padding: 10px 0; }

.detali-box h4 { font-size: 12px; color: #999999; text-align: center; padding-bottom: 10px; margin-bottom: 15px; border-bottom: 1px solid #e3e3e3;}

.detali-box p { font-size: 14px; line-height: 1.8; text-indent: 2em; margin-bottom: 10px;}

.detali-box p img,.detali-box p video { max-width: 100%;}



.detali-img-box img { width: 100%; height: auto; display: block;}