html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {margin: 0;padding: 0;border: 0;vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body { font-size: 16px;line-height: 1;font-family: Microsoft YaHei;text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;word-break: break-all;background: #FBFDFC;min-width: 1300px;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
a{text-decoration: none;color: #000;}
i{font-style: normal;}
table {border-collapse: collapse;border-spacing: 0;}
*{box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{zoom:1;}
input,select{border:none;outline: none;}
.fr{ float: right}
.fl{ float: left;}
.nav { width: 100%; height:auto;  background: rgba(20,75,202,0.00); transition: background 0.3s; z-index: 9999;position: relative;}
.nav .logo {height: 100%; display: flex; align-items: center; position: absolute; left:70px ; }
.nav .logo img { width:134px;height:auto;}
.nav ul {  margin:0 auto; width: 74%;aspect-ratio: 1420 / 74; min-height: 60px; padding-left: 9%; display: flex;align-items: center; text-align: left; background: url(../images/szcxds/index_nav_bgv2.png) no-repeat center top; background-size: 100% 100%;}
.nav ul a { font: normal 18px/49px "微软雅黑"; color: #fff; display:inline-block; float: left; margin-right: 60px;}
.nav ul a:hover,.nav ul a.cur { font-weight: 600; background: url(../images/szcxds/nav_cur_v2.png) no-repeat center top; }
.nav .login {font: normal 18px/42px "微软雅黑"; color: #fff; text-align: center; width: 112px; height: 44px; float: right; margin: 0; border: 1px solid rgba(255,255,255,1);border-radius: 4px;}
.nav .login:hover { background: none; font-weight: normal;}
.nav ul .ssbm { position: relative;font: normal 18px/49px "微软雅黑"; color: #fff; cursor: pointer; display:inline-block; float: left; margin-right: 60px;}
.nav ul .ssbm .down { width: 112px; height: 100px; position: absolute; bottom:-100px; left: 50%; margin-left: -56px; background: rgba(20,75,202,0.57);border: 1px solid rgba(4,157,136,0.7);box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.1);border-radius: 4px;display: none;}
.nav ul .ssbm:hover .down {display: block; padding: 10px;}
.nav ul .ssbm:hover,.nav ul .ssbm.cur { font-weight: 600; background: url(../images/szcxds/nav_cur_v2.png) no-repeat center top;}
.nav ul .ssbm .down a { position: relative; clear: both; width: 100%; font: 400 16px/150% "微软雅黑"; padding: 6px 0; color: rgba(255, 255, 255, 0.8); text-align: center; display: block; }
.nav ul .ssbm .down a:hover { color: #fff; background: none;}
.nav ul .ssbm .down a .line { width: 28px; height: 1px; background: #fff; display: none; position: absolute; bottom: 0; left: 50%; margin-left: -14px;}
.nav ul .ssbm .down a:hover .line { display: block;}
.nav .login {font: normal 18px/42px "微软雅黑"; color: #fff; text-align: center; width: 112px; height: 44px; float: right; margin: 0; border: 1px solid rgba(255,255,255,1);border-radius: 4px;}
.nav .login:hover { background: none; font-weight: normal;}
.user_login {display: inline-flex;justify-content: end;align-items: center;float: right; position: absolute; right:70px; top:15px;}
.userTtile {color: #fff;font-family: '微软雅黑';font-size: 14px;margin-left: 10px; margin-right: 20px; float: right;}
.nav input[type="checkbox"],.nav .hamburger-lines {display: none;}
.user_login {display: flex;justify-content: end;align-items: center;}
.breadcrumb { width: 100%; height: 48px; padding: 0px 15%; background: rgba(26, 23, 23, 0.2); display: block; overflow: hidden; position: absolute; left: 0; bottom: 0;}
.breadcrumb ul { font: normal 14px/48px "微软雅黑"; color: #fff;}
.breadcrumb ul a { color: #fff;}
.breadcrumb ul a.cur { color: rgba(255,255,255,0.7);}
.sub_nav { width: 100%; height: 80px; background: #fff; padding: 0 15%; display: block; overflow: hidden;}
.sub_nav ul {text-align: left; width: calc(100% - 478px); float: left; height: 100%; padding-top: 20px;}
.sub_nav a { font: normal 20px/100% "微软雅黑"; color: #333; display: inline-block; margin-right: 60px; padding-bottom: 18px;}
.sub_nav a.cur { font-weight:bold; color: #144BCA; background: url(../images/szcxds/index_t_bg_v2.png) no-repeat center bottom; background-size: 40px 6px;}
.sub_nav .search { width: 478px; float: right; height: 50px; margin-top: 15px; background-image: linear-gradient(90deg, #049D88 0%, #1E7EDF 100%);border-radius: 6px;}
.sub_nav .search .input { font:normal 16px/48px "微软雅黑";color: #B2B2B2; padding: 0 20px; width: 360px; height: 48px; float: left; background: #fff; border-radius: 6px; margin: 1px;}
.sub_nav .search .input::placeholder {color: #B2B2B2;}
.sub_nav .search .btn { font: normal 18px/100% "微软雅黑"; color: #fff; cursor: pointer; width: calc(100% - 362px); height: 50px; padding: 0; margin: 0; float:left; display: flex; align-items: center;justify-content: center;}
.sub_nav .search .btn img { width: 15px; height: auto; margin-right: 10px;}
.footer { width: 100%; height: auto; display: block; overflow: hidden;background:#0088DE ;background-size: cover; padding: 0 10%;}
.footer h2 { font: normal 20px/26px "微软雅黑" !important; color: #fff; text-align: center; width: 100%; border-bottom: 1px solid rgba(255,255,255,0.2); padding-bottom: 18px;}
.footer h2 a { color: #fff;}
.footer .bar { font: normal 14px/56px "微软雅黑"; color: #fff; text-align: center; width: 100%; height: 56px; display: block;}
.footer .bar span { display: inline-block;}
.footer .bar .wb { width: 20px; height: auto;margin: 16px 10px 0 40px; float: left;}
.footer .bottom_logo { width: 100%; padding: 20px 0; text-align: center;}
.footer .bottom_logo img { width:112px;height:auto;}
.fenye { width:100%; text-align:center !important; padding:40px 0 80px 0;}
.pagination1 {display: inline-block !important;padding-left: 0; margin:0px auto;border-radius: 4px; text-align:center; width:100%;}
.pagination1>li {display: inline-block !important;}
.pagination1>li>a {position: relative;float: left !important;padding: 8px 12px;margin:5px;line-height: 100%; font-size: 14px; color: #333;text-decoration: none;background-color: #fff;border: 1px solid #E6E6E6;border-radius: 4px;}
.pagination1>li>span {float: left; font-size: 14px; color: #999;padding: 8px 12px;margin:5px;line-height: 100%;}
.pagination1>li:first-child>a {padding: 8px 12px;}
.pagination1>li:last-child>a {border-radius: 4px;padding:8px 12px;}
.pagination1>li>a:focus,.pagination1>li>a:hover {z-index: 2;color: #fff;background-color: #144BCA;}
.pagination1>.active>a,.pagination1>.active>a:focus,.pagination1>.active>a:hover {z-index: 3;color: #fff;cursor: default;background: #144BCA;}
.pagination1>.disabled>a,.pagination1>.disabled>a:focus,.pagination1>.disabled>a:hover {color: #333;cursor: not-allowed;background-color: #fff !important;border-color: #ddd; background:none;}
.pagination1-lg>li>a {padding: 8px 12px;font-size: 14px;line-height: 1.3333333}
.pagination1-lg>li:first-child>a {border-top-left-radius: 6px;border-bottom-left-radius: 6px}
.pagination1-lg>li:last-child>a {border-top-right-radius: 6px;border-bottom-right-radius: 6px}
.pagination1-sm>li>a {padding: 5px 10px;font-size: 12px;line-height: 1.5;}
.pagination1-sm>li:first-child>a {border-top-left-radius: 3px;border-bottom-left-radius: 3px}
.pagination1-sm>li:last-child>a {border-top-right-radius: 3px;border-bottom-right-radius: 3px}
.pagination1 .current {	z-index: 3;color: #fff;cursor: default;background-color: #C9151D;}
.modal-overlay {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);z-index: 9999;display: none;align-items: center;justify-content: center;}
.modal-content {background: #fff;padding: 30px 40px;border-radius: 8px;text-align: center;max-width: 80%;width: 300px;box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);position: relative;}
.modal-close-x {position: absolute;top: 10px;right: 15px;font-size: 24px;color: #999;cursor: pointer;line-height: 1;font-family: Arial, sans-serif;}
.modal-close-x:hover {color: #333;}
.modal-content h3 {font: bold 18px/1.5 "微软雅黑";color: #333;margin: 0 0 15px 0;}
.modal-content p {font: normal 14px/1.5 "微软雅黑";color: #666;margin: 0 0 25px 0;}
.modal-content .close-btn {font: normal 14px/1.5 "微软雅黑";color: #fff;background: #144BCA;border: none;padding: 10px 30px;border-radius: 4px;cursor: pointer;}
.modal-content .close-btn:hover {background: #0f3aa8;}
@media screen and (max-width: 1600px) {
		.nav ul a {    margin-right: 36px;}
        .user_login { top: 10px;}
        .nav .logo { left: 20px;}
    .user_login {right: 20px;}
	}
@media screen and (max-width: 1400px) {
    .breadcrumb ,.sub_nav ,.main {padding: 0 10%;}
    .detail {padding: 0 10% 80px 10%;}
}
@media screen and (max-width: 1400px) {
.nav ul a { margin-right: 20px;}
    .nav .logo,.user_login { left: 20px;}
}
@media screen and (max-width: 1300px) {
   
   .nav ul { width: 64%;}
   .nav .logo { left: 20px; padding: 10px 0;}
   .user_login{ right:20px;top:9px;}
.nav ul a { margin-right: 20px; font-size: 16px;}
}
@media screen and (max-width: 1200px) {
.nav ul .login { font-size: 16px; width: 80px;}


}
@media screen and (max-width: 1100px) {
.nav ul a { margin-right: 10px;}
.nav ul .ssbm { margin-right: 2cqw;}
}
@media screen and (max-width: 1000px) {
  
.nav ul a { margin-right: 10px; font-size: 14px;}

.nav ul .login { font-size: 14px; width: 50px;}
.language a { font-size: 14px !important;}
.language span { margin: 0 8px;}

}
@media screen and (max-width: 830px) {
    body { min-width: 100%;}
    .breadcrumb, .sub_nav, .main { padding: 0 15px !important;}
    .banner {overflow: unset !important; height: 170px !important;}
        .nav .logo {
        position: absolute;
        top: 14px;
        left: 15px;
    }
    .nav .logo img { width: 34%  !important;}
    .nav input[type="checkbox"],.nav .hamburger-lines {display: block;}
    .nav {display: block;position: relative;}
    .nav input[type="checkbox"] {position: absolute;display: block;height: 26px;width: 26px;top: 10px;right: 15px;opacity: 0; z-index: 555;}
    .nav .hamburger-lines {display: block;height: 28px;width: 28px;position: absolute;top: 7px;right: 17px;z-index: 333;}
    .nav .hamburger-lines .line {display: block;height: 3px;width: 100%;border-radius: 10px;background: #fff; margin-top: 8px;}
    .nav .hamburger-lines .line1 {transform-origin: 0% 0%;transition: transform 0.4s ease-in-out;}
    .nav .hamburger-lines .line2 {transition: transform 0.2s ease-in-out;}
    .nav .hamburger-lines .line3 {transform-origin: 0% 100%;transition: transform 0.4s ease-in-out;}
    .nav ul { float: right; display: none; margin: 0;}
    .nav .menu-items { float: right; padding-top: 100px;background: #fff;height: 100vh; width: 90vw !important; flex-direction: column;transition: transform 0.5s ease-in-out;box-shadow: 0px 5px 10px 0px #aaa;}
    .nav .menu-items a { width: 100%; margin: 0; text-align: center;}
    .nav .menu-items .ssbm {width: 100%; margin: 0; text-align: center;}
    .nav .menu-items .ssbm:hover .down {display: none; }
    .nav input[type="checkbox"]:checked ~ .menu-items {background-image: linear-gradient(180deg, #E4071E 2%, #F5A023 23%, #3591C9 51%, #059D8A 100%) !important; display: flex; z-index: 222; position: fixed; right: 0; top: 0;  }
    .nav input[type="checkbox"]:checked ~ .hamburger-lines {right: 17px;}
    .nav input[type="checkbox"]:checked ~ .hamburger-lines .line1 {transform: rotate(55deg);}
    .nav input[type="checkbox"]:checked ~ .hamburger-lines .line2 {transform: scaleY(0);}
    .nav input[type="checkbox"]:checked ~ .hamburger-lines .line3 {transform: rotate(-55deg);}
    .nav .login {display: none;}
    .user_login { position: absolute;left: 15px;top: 20px;}
    .userTtile { font-size:12px}
    .breadcrumb { z-index: 111;}
    .sub_nav { width: 100%; height: auto; padding: 0 15px 15px 15px !important;}
    .sub_nav ul { width: 100%;  height: auto; display: block; overflow: hidden;}
    .sub_nav a {font-size: 18px; margin-right: 30px;}
    .sub_nav .search { width: 100%;}
    .sub_nav .search .input { width: calc(100% - 112px);}
    .sub_nav .search .btn { width:110px;}
    .footer { height: auto; padding: 0 15px;}
    .footer .bar { display: block; text-align: left; height: auto; line-height: 56px; padding-bottom: 10px; }
    .footer .bar span:last-child {float: right;}
    .footer .bar .wb { margin: 16px 10px 0 0;}
    .pagination1>li:first-child { width: 100%; display: block; overflow: hidden;}
    .pagination1>li>span { width: 100%;}
    .footer .bottom_logo img { width:80%;height:auto;}
}
@media screen and (max-width: 375px) {
    .footer .bar { display: block; text-align: left; height: auto; line-height: 22px; padding-bottom: 10px; }
    .footer .bar span { width: 100%;padding: 10px 0 0 0; }
    .footer .bar .wb { margin: 0px 10px 0 0;}
}
@media screen and (max-width: 320px) {
    .footer {  padding: 0 15px 15px 15px;}
}