html, body, div, p, ul, li { margin: 0; padding: 0; font-size: 16px; color: #222222; }
a:link { text-decoration: none; color: #222222; }
a:visited { text-decoration: none; color: #222222; }
a:hover { text-decoration: none; color: #305dc3; }
img { border: 0; }
h1 {font-size: 2em; color: #222222; }
.text-center { text-align: center; }
.bg-white { background-color: #ffffff; }
.bg-a { background-color: #f3f3f3; }
.bg-b { background-color: #305dc3; }
.bg-c { background-color: #32373B; }
.line { border-bottom: 1px solid #eee;line-height: 48px}
.top-line {border-top: 5px solid #305dc3; }
.logo img { max-height: 70px}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.nav { display: flex; justify-content: space-between; padding: 0; height: 70px; line-height: 70px; background: #fff; position: relative; z-index: 1; }
.nav .nLi { flex: 1; text-align: center; position: relative; }
.nav a { color: #305dc3; }
.nav .nLi h3 { margin: 0; }
.nav .nLi h3 a { display: block; padding: 0 26px; font-size: 18px; font-weight: bold; color: #305dc3; }
.nav .sub { display: none; position: absolute; left: 0; top: 70px; width: 100%; background: #fff; line-height: 40px; text-align: center; box-sizing: border-box; }
.nav .sub li { zoom: 1; border-bottom: 1px solid #ccc; background: #f7f7f7;}
.nav .sub a { display: block; padding: 0 10px; }
.nav .sub a:hover { background: #fff; color: #305dc3; }
.nav .on h3 a { background: #305dc3; color: #fff; }
.margin-20 {margin-top: 20px;}
.margin-30 {margin-top: 30px;}
.margin-40 {margin-top: 40px;}
.padding-all-20 {padding: 20px 0;}
.padding-all-40 {padding: 40px 0;}
.margin-all-40 {margin: 40px 0;}
.mb-15 {margin-bottom: 15px;}
.you i { font-size: 50px; width: 120px; height: 120px; color: #305dc3; border: 1px solid #bdc3c7; background-color: white; text-align: center; line-height: 120px; border-radius: 100%; transition: all 0.25s linear; display: inline-block; }
.you:hover i { color: white; background-color: #305dc3; border-color: #305dc3; }
.you-t { line-height: 30px;margin-top:20px }
.you-t h4 {font-size:18px}
.you-t p {font-size:14px}
.i-p-4 div { background-color: #fff; }
.i-p-4 div img { width: auto; height: 210px; max-width: 420px; object-fit: scale-down; display: block; margin: 0 auto; }
.i-p-4 div p { color: #305dc3; text-align: center; font-size: 20px; font-weight: bold; line-height: 48px; border-top:2px solid #305dc3; background-color: #fff; }
.i-p-4 div a { position: relative; display: inline-block; width: 100%; }
.i-p-4 div a::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgb(48, 93, 195, 0.5); opacity: 0; transition: opacity 0.3s ease; pointer-events: none; }
.i-p-4 div a:hover::after { opacity: 1; }
.i-news p img { width: auto; height: 210px; max-width: 420px; object-fit: scale-down; display: block; margin: 0 auto; }
.i-news h3 { padding: 10px 5px; }
.i-news ul { list-style-type: none; padding: 0; margin: 0; }
.i-news ul li { display: flex; justify-content: space-between; align-items: center; padding: 5px 0; }
.i-news ul li a { display: block; width: 90%; }
.i-news ul li span { color: #999; }
.i-c-t { line-height: 50px; border-bottom: 1px solid #ccc; }
.i-c-img img { max-width: 520px; height: auto; padding-top:30px; }
.i-c-content { padding-top: 30px; }
.i-c-content p { text-indent: 24px; line-height: 26px; }
.picScroll-left{ overflow:hidden; position:relative; }
.picScroll-left .hd{ overflow:hidden; height:30px; background:#f4f4f4; padding:0 10px; }
.picScroll-left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; }
.picScroll-left .hd ul li{ float:left; width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; }
.picScroll-left .hd ul li.on{ background-position:0 0; }
.picScroll-left .bd{ padding:10px; }
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ float:left; _display:inline; overflow:hidden; text-align:center; }
.picScroll-left .bd ul li .pic{ text-align:center; width: 300px}
.picScroll-left .bd ul li .pic img{ width:150px; height:150px; border-radius: 50%; padding:2px; border:5px solid #305dc3; }
.picScroll-left .bd ul li .title{ line-height:24px; }
.sc-height {border: 1px solid #eeeeee;margin-top:-60px;height: 220px; width:300px; background-color: #f3f3f3;transition: background-color 0.3s ease; }
.sc-height:hover {background-color: #305dc3; }
.sc-height-p {padding-top: 90px; padding-left:20px; padding-right:20px; }
.sc-height-p h3 { color:#305dc3; }
.sc-height:hover, .sc-height:hover p, .sc-height:hover h3 { color: #fff; }
.footer-a {padding: 30px 0; color:#fff; }
.footer-b {padding: 30px 0; }
.footer-b a {color: #E5F1FE;}
.footer-b a:hover {color: #305dc3;}
.footer-c h1, .footer-c p {color:#E5F1FE; }
.footer-c, .footer-d {text-align: center; padding: 10px; }
.footer-d img {width: 120px;height: auto;}
.footer-e {background: #282D33; padding:30px 0; line-height: 26px; font-size: 12px}
.footer-e p, .footer-e p a {color: #E5F1FE}
.page-c { line-height: 36px; min-height: 400px; padding-bottom: 30px; }
.page-c p { text-indent: 24px; }
.l-img img { max-width: 200px; max-height: 150px; padding: 20px 0; }
.m-t-c { padding: 10px 0; }
.m-t-c p { line-height: 28px; color: #666; text-indent: 32px; }
.m-t-t { color: #666; text-align: right; }
.p-img img{ max-width: 100%; max-height: 200px; text-align: center; }
.p-img div { background-color: #fff; padding: 10px; }
.p-img p { padding: 10px; border-top: 1px solid #eee; }
.content-c { padding: 20px 0; min-height: 300px; line-height: 200%; }
.content-c p { line-height: 32px; text-indent: 32px; }
.content-c img { max-width: 100%; height: auto; }