@charset "utf-8"; /* CSS Document */ html{background:#FFF;} body{font-size:63%;/*font-family:"\5FAE\8F6F\96C5\9ED1", SimSun;*/ color: #333333;font-family:'Microsoft YaHei',SimSun,SimHei ,"STHeiti Light",STHeiti,"Lucida Grande", Tahoma,Arial, Helvetica, sans-serif;} html,body,address,blockquote,div,dl,form,h1,h2,h3,h4,h5,h6,ol,p,pre,table,ul,dd,dl,dt,li,tbody,td,tfoot,th,thead,tr,button,del,ins,map,object,a,abbr,acronym,b,bdo,big,br,cite,code,dfn,em,i,img,kbd,q,samp,small,span,strong,sub,sup,tt,var,legend,fieldset{margin:0px;padding:0px;color: #323232; -webkit-font-smoothing: subpixel-antialiased;} table{border-collapse:collapse;border-spacing:0;width:100%;} fieldset,img{border:0;} img,object{max-width:100%;/*height:auto;*/width:auto\9;/* for ie8 */-ms-interpolation-mode: bicubic;display:block;} a{outline:none;blr:expression(this.onFocus=this.blur());text-decoration:none;color: #323232;} a:hover{color: #0095ff;text-decoration: none;} input[type='button']{outline:none;border:0 none;background-color:transparent;cursor:pointer;} address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:400;} /*定义清除浮动样式 方法一*/ .clearfix:after{content:'\20';display:block;height:0;clear:both; visibility:hidden;} .clearfix{zoom:1;} /*定义清除浮动样式 方法二*/ .clear{clear:both;} /*font-size */ .f12px{font-size:1.2em;} .f14px{font-size:1.4em;} .f16px{font-size:1.6em;} .f18px{font-size:1.8em;} .f20px{font-size:2.0em;} .f22px{font-size:2.2em;} .f24px{font-size:2.4em;} /*float */ .fl{float:left;} .fr{float:right;} .ct{ margin:0 auto;} ul,ol,li{list-style:none outside none;} .tc{text-align:center !important;} .tl{text-align:left !important;} .tr{text-align:right !important;} .fwn{font-weight:normal;} .fwb{font-weight:bold;} h1,h2,h3,h4,h5,h6{font-size:100%;} q:before,q:after{content:'';content:none;} input,textarea,select{font-weight:inherit;} input,select,textarea,button {vertical-align:middle} .pa{ } .pr{position:relative;} .inblock{display:inline-block;*zoom:1;*display:inline;} .disnone{display:none;} .block{ display:block;} .hidden{ overflow:hidden !important;} .none{ display:none;} .textoverflow{ white-space:nowrap; overflow:hidden;text-overflow: ellipsis;} .underline:hover{text-decoration:underline;} .mtc{margin:0 auto;} .number{ font-family:Arial;} .fw600{font-weight: 600;} .hand{cursor: pointer;} .distable{display: table;} .distr{display:table-row;} .distd{display:table-cell;} .mr35px{margin-right: 35px;} .ml35px{margin-left: 35px;} .mr10px{margin-right:10px;} .ml10px{margin-left:10px;} .mt20px{margin-top:20px;} .topicInfo li{transtion:all 1s ease 0s} /*头部样式*/ .wraq_header{ width:100%; position: relative; } .wraq_header:before { position: absolute; content: ''; width: 100%; height: 140px; background-position: right top; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg version='1.1' id='%26%23x56FE%3B%26%23x5C42%3B_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='259px' height='140px' viewBox='0 0 259 140' style='enable-background:new 0 0 259 140%3B' xml:space='preserve'%3E %3Cg id='%26%23x672A%3B%26%23x6807%3B%26%23x9898%3B-1.psd'%3E %3Cdefs%3E %3Crect id='SVGID_1_' width='259' height='140'/%3E %3C/defs%3E %3CclipPath id='SVGID_2_'%3E %3Cuse xlink:href='%23SVGID_1_' style='overflow:visible%3B'/%3E %3C/clipPath%3E %3Cg id='%26%23x5F62%3B%26%23x72B6%3B_1' style='clip-path:url(%23SVGID_2_)%3B'%3E %3Cg%3E %3Cpath style='fill-rule:evenodd%3Bclip-rule:evenodd%3Bfill:%230095ff%3B' d='M9%2C0c0%2C0%2C50.41%2C6.171%2C59%2C58c4.935%2C15.974-2.866%2C21.021%2C12%2C48 c0%2C0%2C14.815%2C26.142%2C50%2C33h129V0H9z'/%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/svg%3E "); background-repeat: no-repeat; } .header{ max-width:1440px; min-width: 320px; height:110px; margin:0 auto;z-index:9999999; padding-top: 30px;background:url(../../images/by20190624/logo_01.png) no-repeat center center;} .logo{ width:24%; float:left; text-align: center; } .logo a { padding: 0 5% 0 5%; display: block; } .r_top { height: 40px; line-height: 40px; } .r_topIn { float: right; width:auto; } .r_top ul { overflow: hidden; float: left; } .r_top ul li { float: left; height: 30px; line-height: 30px; } .r_top ul li:last-child { border-right:0px; } .r_top ul li a { font-size: 14px; padding: 0 10px; border-right: 1px solid #dddddd; } .right_header { width: 76%; float: right; } .btn_ser{ display: inline-block; width:34px; height: 28px;cursor: pointer; float:right;} .btn_ser img{ vertical-align: middle;} .ser01{width:146px; height:25px; line-height:25px; float: right; z-index:9999994; border-bottom: 1px solid #dddddd; } .mobile-inner-header { display: none; } .ser{width:210px; height:25px; right:40px; top:0;line-height:30px; background-color:#fff;z-index:9999994; margin: 10px 0 10px 0; } .search{ height: 28px;position:relative; overflow: hidden;z-index:9999999;} .search input{position:absolute; width:200px; height: 25px;line-height:25px; color:#6b6b6b; border:none; background:none; top:0px; padding-left:0px; } .search input.notxt{color:#6b6b6b; padding-left:20px;width:80%;}.search input.notxt1 {position: absolute;width: 35px;height:25px;top: 0px;right:0;border: none;background:url(../../images/by20190624/search_03.png) no-repeat center center;cursor:pointer; overflow: hidden; padding-right: 20px; } /*导航*/ .nav{ z-index:888;right:0;bottom:10px;} .nav ul{height:35px; float: right;} .nav ul li{float:left; height:35px;line-height:35px;text-align:left;position:relative; background:url(../../images/by20190624/nav_li_03.jpg) no-repeat left center; } .nav ul li:first-child { background: none; } .nav ul li a{color:#282828; font-size:1.6em;display:block;padding:0 22px;text-align:center; font-weight: bold; } .nav ul li .subNav{ position:absolute; left:0;top:35px; display:none;background:#0095ff;overflow:hidden;width:160px; z-index:999;} .nav ul li .local{left:-86px;} .nav ul li.on{ background: #0095ff;} .nav ul li.on a{color:#fff;} .nav ul li.on .subNav { display:block;} .nav ul li.on .subNav dl{overflow:hidden;padding:5px 0;} .nav ul li.on .subNav dl dd{height:auto;line-height:18px;padding:10px 5px 10px 10px;text-align:left; } .nav ul li.on .subNav dl dd a{ font-size:1.4em;line-height:18px; text-align:left; font-weight:normal; color:#fff;} .nav ul li.on .subNav dl dd a:hover{ color:#fff;font-weight:bold;} .nav ul li.on .subNav dl dd:hover { background: #0095ff; } .nav ul li .pos_left{left:-72px;} /*手机端导航*/ .snav{display: none;height: 30px;background-color:#0095ff;left:0px; top:0;z-index: 1002; width:100%;} .mbtn{ height: 30px; left:10px; top:0;z-index: 1002;width:30px;cursor:pointer;} .navm{ width:100%; line-height: 30px; background-color:#0095ff;overflow: hidden; text-align: left; display: none;top:30px;left:0} .navm ul{padding:0 0 10px;border-top:1px solid #9f0007;} .navm li{border-bottom:1px solid #d23200;position:relative;} .navm li strong.arrow{cursor:pointer;position:absolute;width:30px;height:38px;line-height:38px;text-align:center;font-size:20px;font-weight:bold;right:5px;top:0;display:block;color:#fff;background-color:#d23200;} .navm li a{ font-size: 14px; line-height:18px; padding:10px 0px 10px 13px; color:#fff; display:block;width:90%;} .navm li a:hover{color:#fff;} .navm li.sub_has span{ margin-left: 10px;} .navm li.on a{ color:#fff; display:block; width:100%;} .navm dl{ display: none; background-color:#fff;color:#004489} .navm dl dd{ padding-left: 30px; line-height:18px; padding:8px 0px 8px 30px;border-bottom:1px solid #e5e5e5;} .navm li.on dl dd a{ font-size: 14px; color:#282828;font-weight:normal;display:inline; border:none; padding:0px;} .navm li dl dd a{ font-size: 14px; color:#282828; font-weight:normal; display:inline; display:block; border:none; padding:0px;} .navm li dl dd a:hover{ color:#005bac;} .snav #ser{display:block;position:static;clear:both;margin:5px auto 15px;} .wrap_footer { width: 100%; height: 200px; background-repeat: no-repeat; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='1089px' height='330px' viewBox='0 0 1089 330' style='enable-background:new 0 0 1089 330%3B' xml:space='preserve'%3E %3Cg id='%26%23x5F62%3B%26%23x72B6%3B_1_3_' style='enable-background:new %3B'%3E %3Cg id='%26%23x5F62%3B%26%23x72B6%3B_1'%3E %3Cg%3E %3Cpath style='fill-rule:evenodd%3Bclip-rule:evenodd%3Bfill:%230095ff%3B' d='M965%2C247v-1h-1v-1h-1v-1h1v-1h1v-1h1v-2h1v-2h1v-2h1v-1h1v4 h1v2h1v1h3v-1h1v-4h-1v-3h-1v-1h3v1h4l-3%2C1v2h1v2h1v2h1v2h1v1h1v2h1v1h3v-3h-1v-1h-1v-2h-1v-2h-1v-1h-1v-2h-1v-1h5v-1h1v-3h1v-2 h1v-5h1v-1h1v1h1v1h1v1h1v7h1v1h1v1h2v-1h1v-11h-1v-2h-1v-1h-2v-1h-1v-1h-2v-1h-1v-1h3v-1h1v-1h1v-6h-1v-1h-1v-1h-6v1h-1v1h-1v6 h1v1h-8v-3h-1v-2h-1v-1h-4v5h1v3h1v2h1v1h1v1h4v1h-1v3h-1v1h-6v-1h-4v1h-2v3h-2v2h-1v3h-1v2h-1v2l-2%2C1 c-16.216-30.369-24-106-24-106c-5.538-30.743-25-61-25-61c-14.309-23.576-40-42-40-42C841.036%2C7.434%2C796%2C0%2C796%2C0H0v330h1089 C991.097%2C312.481%2C965%2C247%2C965%2C247z'/%3E %3C/g%3E %3C/g%3E %3C/g%3E %3Cg id='%26%23x5F62%3B%26%23x72B6%3B_2_1_' style='enable-background:new %3B'%3E %3Cg id='%26%23x5F62%3B%26%23x72B6%3B_2'%3E %3Cg%3E %3Cpolygon style='fill-rule:evenodd%3Bclip-rule:evenodd%3Bfill:%230095ff%3B' points='991%2C242 991%2C240 990%2C240 990%2C239 989%2C239 989%2C237 985%2C237 986%2C238 985%2C238 985%2C239 986%2C239 986%2C240 987%2C240 987%2C242 988%2C242 988%2C243 989%2C243 989%2C244 989%2C245 990%2C245 990%2C246 992%2C246 992%2C242 '/%3E %3C/g%3E %3C/g%3E %3C/g%3E %3Cg id='%26%23x5F62%3B%26%23x72B6%3B_1_2_' style='enable-background:new %3B'%3E %3Cg id='%26%23x5F62%3B%26%23x72B6%3B_1_1_'%3E %3Cg%3E %3Cpolygon style='fill-rule:evenodd%3Bclip-rule:evenodd%3Bfill:%230095ff%3B' points='996%2C241 996%2C239 995%2C239 995%2C238 994%2C238 994%2C236 993%2C236 993%2C234 992%2C234 992%2C232 991%2C232 991%2C231 990%2C231 990%2C233 989%2C233 989%2C236 990%2C236 990%2C237 991%2C237 991%2C239 992%2C239 992%2C241 993%2C241 993%2C242 994%2C242 994%2C243 997%2C243 997%2C241 '/%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/svg%3E "); } .footerIn { max-width: 1440px; margin: 0 auto; } .footer_left { width: 40%; float: left; } .footer_right { width: auto; float: right; } .f_link h2 { padding: 25px 0 10px 0; } .f_link h2 a { font-size: 24px; color: #ffffff; } .f_link h2 span { font-size: 14px; color: #ffffff; font-weight: bold; } .footer_left ul { overflow: hidden; } .footer_left ul li { width: 50%; float: left; height: 40px; line-height: 40px; } .footer_left ul li a { font-size: 14px; color: #ffffff; } .footer_left ul li a:hover { font-weight: bold; } .f_r_top { } .f_r_top ul { overflow: hidden; margin: 28px 0 0 0; } .f_r_top ul li{ width: auto; float: left; text-align: center; margin: 0 25px; } .f_r_top ul li span { height: 85px; display: block; } .f_r_top ul li p { font-size: 16px; color: #333333; padding: 12px 0 17px 0; } .f_r_top ul li p:hover { font-weight: bold; } .f_r_bottom { font-size: 16px; color: #fff; padding: 50px 0 0 0; line-height: 29px; } @media screen and (max-width:1500px) { .nav ul li a { padding: 0 16px; width: auto; } } @media screen and (max-width:1440px) { .footerIn { width: 96%; margin: 0 auto; } } @media screen and (max-width:1200px) { .nav ul li a { padding: 0 10px; width: auto; font-size: 16px; font-weight: normal; } } @media screen and (max-width:1223px) { .mobile-inner-header { display: block; } .right_header { display: none; } .logo {float: none;margin: 20px auto 60px;} .header { padding-top: 0px; height: auto; } .wraq_header::before { display: none; } .snav { display: block; } } @media screen and (max-width:1023px) { .footer_left { width: 100%; float: none; } .footer_right { width: 100%; float: none; margin: 20px 0 0 0; } .wrap_footer { background: #0095ff; height: auto; } .f_r_bottom { color: #ffffff; } .f_r_top ul li { margin: 0 2%; } .f_r_top ul li p { color: #ffffff; } } @media screen and (max-width:800px) { .logo {width: 40%;} } @media screen and (max-width:440px) { .f_r_top ul li { width: 50%; margin: 0px; text-align: center; } .f_r_top ul li span { text-align: center; width: 84px; margin: 0 auto; } .header{background-size: 95% auto;} }