@charset "utf-8"; *,html, body, div, p, h1, h2, em,h3, h4, h5, h6, ul, li, dl, dd, dt, ol, img, table, form, input, button, textarea, select, option, strong, span, b, i, font, a,label { padding: 0; margin: 0; border: none; font-family: 'Microsoft Yahei', Arial;outline: none; } textarea { -webkit-appearance: none; } h1, h2, h3, h4, h5, h6 { font-weight: normal; } a { text-decoration: none; color: #333; font-family: "寰蒋闆呴粦", "Microsoft YaHei", Arial; font-size: 14px; } a:hover, a:active {text-decoration: none; outline: none; } a:hover { outline: none;color:#1961ac; } ul, dl, li, dd, dt, ol { list-style: none; } input, select, img { vertical-align: middle; outline: none; } body { font-size: 14px; -webkit-text-size-adjust: none; color: #333; width: 100%;background-color: #fff; min-width: 1200px; marign:0 auto; overflow-x: hidden; } html, body { width: 100%; font-size: 14px; } img { max-width: 100%;border:none; } .fl { float: left; } .fr { float: right; } .clearfix:after{content:".";display:block;height:0;font-size:0em;line-height:0;visibility:hidden;clear:both;} .clearfix{zoom:100%;} .clear { clear: both; font-size: 0; height: 0; width: 100%; zoom: 1; } .con_w{ min-width: 1200px;width: 1200px;margin: 0 auto; } .none{display:none;} /*澶撮儴*/ .header{ padding:10px 0; position:relative;z-index:30;} .top{ position: relative; height:40px; overflow-x:hidden;} /*鎼滅储*/ .search{} .search span{ width: 27px; cursor:pointer; } .search span img{ width: 100%; } .search form{position: absolute; right:-1000px; top:0px; z-index: 10; width:98%; max-width: 340px; background:#fff; border-radius: 10px; border:1px solid #dcdddd;} .search form input{ vertical-align: top; display: inline-block; } .input_1{ border:none; background:none; line-height: 36px; float: left; margin-left: 15px; } .submit_1{ background:url(/web/template/common/header/icon_search.png) no-repeat center center; line-height: 37px; width: 37px; float: right; margin-right:5px; cursor:pointer;} /*璇█鍒囨崲*/ .yuyan{ padding:0 28px 0 30px; } .yuyan span{ display:inline-block; line-height:20px; border:1px solid #1961ac; border-right:none; border-radius: 8px; color:#1961ac; font-size:14px; padding-left:15px; } .yuyan span a{ display:inline-block; margin-left: 6px; background:#1961ac; color: #fff; font-size: 12px; padding:0 5px; border-radius:8px; } /*渚涘簲鍟?/ .gys{padding-left:20px;} .gys a{ display: inline-block; color: #0062b0; } /*绔欑兢*/ .zhanqun{} .zhanqun a{ display: inline-block; color: #0062b0; padding:0 20px 0 15px; line-height: 22px; background:url(/web/template/common/header/icon_d.png) no-repeat right center; } /*logo*/ .logo{} .logo img{ max-width: 300px; width: 100%; } /*瀵艰埅鑿滃崟*/ .nav{ padding-top:16px; } .nav li{ float: left; display: inline-block; padding-left: 20px;position: relative; z-index: 2;} .nav li.on, .nav li:hover { margin-top: -10px; } .nav li h2 a{ line-height: 34px; font-size: 18px; color: #0062b0;} .nav li.on h2, .nav li:hover h2 { border-bottom: 2px solid #0062b0; } .sub_menu{ display: none; position: absolute; left:20px; top:46px; background: #fff; border-top:0px solid #ebebeb; padding:15px 20px 20px 0; z-index: 3; width:420px; box-shadow: 0 0 20px #908f8f;} /*.sub_menu dl{padding:5px 0 0 7px; width: 280px;}*/ .sub_menu dl dd{ display: inline-block; float: left; border-bottom: 1px solid #ebebeb; margin-left:20px; min-width: 120px; } .sub_menu dl dd a{ display: inline-block;line-height: 44px; background: url(/web/resource/cms/2021/01/img_pc_site/navicon.png) no-repeat left center; padding-left: 20px; font-size: 14px; } .sub_menu p{ width: 235px; padding-top: 20px; display:none;} /*.sub_menu p img{ width: 100%; } .sub_menu5,.sub_menu7,.sub_menu8{ width: 422px } .sub_menu5 dl,.sub_menu7 dl,.sub_menu8 dl{width:160px;} .sub_menu1 dl,.sub_menu2 dl,.sub_menu5 dl,.sub_menu9 dl{ padding-top:25px;} .sub_menu6,.sub_menu7,.sub_menu8,.sub_menu9{ left: initial; right:0; }*/ .sub_menu6,.sub_menu7,.sub_menu9{ left: initial; right:0; } .sub_menu2,.sub_menu5,.sub_menu8{ width: 140px;} /*绉诲姩绔鑸?/ .mobile_bar{ width: 36px; float: right;display: none;} .mobile_bar span{ display:block; font-size: 0; overflow: hidden; width:100%; height:9px; border-bottom:3px solid #1961ac; cursor: pointer; } .mobile_meun{ display: none; width: 100%; position: absolute; right:0; z-index: 12; padding:2rem 0; filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#B2000000,endcolorstr=#B2000000); background:rgba(27,93,163,.9); } .mobile_meun ul{ width: 90%; margin:0 auto; } .mobile_meun li {border-bottom:1px solid #ddd;} .mobile_meun li h2{ line-height:200%; padding:.8rem 0; } .mobile_meun li h2 a,.mobile_meun li h2 em{ display: inline-block; vertical-align: top;font-size:1.6rem; color:#fff;} .mobile_meun li h2 a{ float: left; } .mobile_meun li h2 em{ float: right; width: 40px; font-style: normal; text-align: center; cursor: pointer;font-family: 瀹嬩綋;font-weight: bold;font-size: 2.0rem;} .sub_menu_m{ display: none; padding-bottom: 1rem; } .sub_menu_m a{ display: inline-block; color:#fff; font-size: 1.4rem; margin-right: 10px; line-height: 150%; } /*搴曢儴*/ .footer{ background:#0064bc; width: 100%; position: relative;} .foot_bg{ position: absolute; z-index:1; left:0; bottom:0; width: 100%; height: 100%; background:url(/web/resource/cms/2021/01/img_pc_site/2021011117091817641.png) no-repeat center bottom; } .foot_con{ padding:50px 0 45px; position: relative; z-index: 2; } .foot_copy{ clear:both; width: 100%; padding-top: 20px; } .foot_copy p{ padding-top:10px; } .foot_copy p span{ display: inline-block; line-height: 22px; font-size: 12px; color: #9dbbe1; margin-right: 20px; } .foot_copy p span a,.foot_copy p span a:hover{color: #9dbbe1;} .foot_copy .foot_nav1{ margin-top: -30px; } .foot_copy .foot_nav1 span{ display: inline-block;padding-right: 30px; margin-right: 0;} .foot_copy .foot_nav1 span em,.foot_nav1 span a{ display: inline-block; float: left; vertical-align: top; line-height: 20px; } .foot_copy .foot_nav1 span em img{ width: 20px; margin-right: 6px; } .foot_copy .foot_nav1 span a{ color: #9dbbe1; font-size: 14px;} /*宸︿晶logo浠嬬粛*/ .foot_l{ width: 30%; } .foot_logo{ padding: 24px 0; } .foot_logo img{ max-width: 228px; } .foot_js{ color: #fff; font-size: 12px; line-height: 22px; width: 90%; text-align: justify; } /*涓棿瀵艰埅*/ .foot_c{width: 28%; padding-left:7%;} .foot_c .w210{ width: 210px; } .foot_c .w140{ width:140px; } .foot_c_nav{padding-top: 18px;} .foot_c_nav h3 span{ line-height: 30px; display: inline-block; font-size: 16px; color:#fff; border-bottom:1px solid #bbd8f0;} .foot_c_nav p{ padding-top: 15px; } .foot_c_nav p a{ display: inline-block; font-size: 14px; line-height: 28px; color: #9dbbe1; margin-right: 30px; } /*鍙充晶浜岀淮鐮?/ .foot_r{width: 32%;margin-top:25px;} .foot_r span{ display: inline-block; float: left; width: 30%; background:#fff; line-height: 36px; color: #0a1d64; font-size: 18px; text-align: center; padding-top:12px; } .foot_r span img{ display: block; margin:0 auto; width:88%; } .foot_r_1{ margin-right: 8%; *margin-right: 7%;} /*鑲$エ淇℃伅*/ .foot_gupiao{ width: 100%; line-height: 50px; background:#004884; position: fixed;left: 0;bottom: 0; z-index: 11;} .foot_gupiao .con_w{ position: relative; z-index:2; } .foot_gupiao p,.foot_gupiao_1{ display: inline-block; float: left;font-size: 16px; color: #fff;} .foot_gupiao p{ padding-left:5px; width:45%; } .foot_gupiao p em,.foot_gupiao p span{ font-size: 16px; color: #fff;} .foot_gupiao p em{ font-style: normal; margin-left: 10px; } .foot_gupiao p span{ margin-left: 15px; } /*褰撳墠浣嶇疆*/ .location,.location2{ padding:18px 0;} .location,.location span,.location span a{ line-height:24px; font-size:16px;} .location2,.location2 span,.location2 span a{ line-height:24px; font-size:16px;} /*鏍忕洰鏍囬*/ .title_2{border-bottom:1px solid #e9e9e9; width: 100%; clear:both; height: 49px; line-height: 44px;} .title_2 span{font-size: 22px; border-bottom:3px solid #1961ac; padding-bottom:4px; font-weight: bold; display: inline-block;color: #1961ac;} /*鍒嗛〉*/ .page0{ padding-top:20px;clear:both; width:100%; text-align: center; } .page0 font,.page0 a{ display:inline-block; border:1px solid #979797; padding:0 12px; line-height:26px; font-size:12px;color: #9a9a9a; cursor: pointer;} .page0 .NormalRed{ border:none; padding:0 4px; } @media screen and (max-width:1199px){ *,html, body, div, p, h1, h2, em,h3, h4, h5, h6, ul, li, dl, dd, dt, ol, img, table, form, input, button, textarea, select, option, strong, span, b, i, font, a,label{box-sizing:border-box;} body{ min-width:92%;} .con_w{ min-width:92%;width:92%;} /*澶撮儴*/ .top{ float:right; display: inline-block; margin-top: 15px; } .nav{ width: 100%; clear:both; float:none; } .nav li{ padding-left: 25px; } /*搴曢儴*/ .foot_copy .foot_nav1{ margin-top: -10px; } .foot_c{ padding-left:2%; width: 36%; } .foot_c .w210{ width: 190px; } .foot_c .w140{ width:130px; } .foot_c_nav p a{ margin-right: 20px; } } @media screen and (max-width:1024px){ html,body{ font-size:62.5%;} body{ min-width: 320px; } /*澶撮儴*/ .header{ padding:2rem 0; } .top{ float:none; display:block; padding:0 0 1rem; width: 102%; margin-top:0; } .nav{display: none;} /*绉诲姩绔鑸?/ .mobile_bar{display:inline-block; padding-top: 7px;} /*搴曢儴*/ .foot_con{ padding:2rem 0; } .foot_copy .foot_nav1,.foot_copy p{ text-align: center; } .foot_copy .foot_nav1{ margin-top:0; } .foot_l {width:40%;} .foot_l .foot_logo{ padding-top:0; } .foot_c {padding-left:10%;width:50%; padding-top:0;} .foot_r{ width: 100%; padding-top:2rem; text-align: center;} .foot_r span{ max-width: 150px; float:none; font-size: 1.6rem; } .foot_r_1{ margin-right: 6%; } /*搴曢儴鑲$エ淇℃伅*/ .foot_gupiao{line-height:150%; padding:1rem 0; } .foot_gupiao p{ width:auto;} .foot_gupiao p,.foot_gupiao_1{font-size:1.4rem;font-weight: normal;} .foot_gupiao p em,.foot_gupiao p span{ font-size:1.4rem;font-weight: normal;} .foot_gupiao p span{ margin-left: 10px; } /*褰撳墠浣嶇疆*/ .location,.location2{ padding:1.4rem 0;} .location,.location span,.location span a{ line-height:150%; font-size:1.6rem;} .location2,.location2 span,.location2 span a{ line-height:150%; font-size:1.6rem;} /*鏍忕洰鏍囬*/ .title_2 span{font-size: 2.2rem;} } @media screen and (max-width:767px){ /*搴曢儴*/ .foot_bg{ display: none; } .foot_copy .foot_nav1 span{ padding-right: 10px; } .foot_l,.foot_js {width:100%;} .foot_logo{ text-align: center; } .foot_c{ width: 100%; padding-left: 0; } .foot_c .w210,.foot_c .w140{ width: 100%; } /*鑲$エ淇℃伅*/ .foot_gupiao .con_w{ font-size:1.4rem; font-weight: normal;} .foot_gupiao p, .foot_gupiao_1{margin-bottom:.5rem;} .foot_gupiao p{ width:auto; } /*褰撳墠浣嶇疆*/ .location,.location span,.location span a{font-size:1.4rem;} .location2,.location2 span,.location2 span a{font-size:1.4rem;} /*鏍忕洰鏍囬*/ .title_2 span{font-size: 2.0rem;} } @media screen and (max-width:375px){ /*澶撮儴*/ .mobile_bar{ width: 30px; padding-top: 10px; } .mobile_bar span{ height: 7px; } /*搴曢儴鑲$エ淇℃伅*/ .foot_gupiao p span {margin-left:10px;} .foot_gupiao p,.foot_gupiao_1{font-size:1.2rem;} .foot_gupiao p em,.foot_gupiao p span{ font-size:1.2rem;} /*鏍忕洰鏍囬*/ .title_2 span{font-size: 1.8rem;} .bg_gdkd{padding:0 !important;} } @media screen and (max-width:360px){ /*搴曢儴鑲$エ淇℃伅*/ .foot_gupiao_1{ width: 100%; } /*褰撳墠浣嶇疆*/ .location,.location span,.location span a{font-size:1.2rem;} .location2,.location2 span,.location2 span a{font-size:1.2rem;} }