@charset "utf-8"; /* CSS Document */ html{background:#FFF;} body{ font-size:63%; position: relative; /*font-family:"\5FAE\8F6F\96C5\9ED1", SimSun;*/ background-color:#fff; color: #444; min-width: 1450px; font-family:"微软雅黑",'Microsoft YaHei',SimSun,SimHei ,"STHeiti Light",STHeiti,"Lucida Grande", Tahoma,Arial, Helvetica, sans-serif; } .darker { display: none; width: 100%; background-color: rgb(50, 50, 50, 0.69); position: absolute; top: 0; z-index: 999; } .lock { overflow-y:hidden; padding-right:17px; } 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;} a{outline:none;blr:expression(this.onFocus=this.blur());text-decoration:none;color: #2e2e2e;} a:hover{color: #003770;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{position:absolute;} .pr{position:relative;} .inblock{display:inline-block;} .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{ min-width: 1450px!important; position: absolute; top: 0; width: 100%; z-index: 100; background-size: 100% 100%; } .header { width: 100%; height: 100px; z-index: 600; background: #005bac; } #btn_ser{display:none;} .links{float:right;text-align:right;} .links01 ul li{ display: inline;height:25px;} .links01 a{ color:#fff; padding:0 10px; } .links01 a:hover{color: #c81622;} .btn_ser{ display: inline-block; cursor: pointer;} .btn_ser img{ vertical-align: middle; width:20px; height: 20px!important;} .ser{width:200px; height:25px; right:10px; top:32px;line-height:25px; } /* search */ .search { width: 600px; height: 50px; position:relative; overflow: hidden; top: 300px; background-color: #ffffff; left: calc(50% - 300px); border-radius: 10px; } .search input { position: absolute; width: 600px; height: 50px; line-height: 50px; font-size: 1.5em; font-family: 'Microsoft YaHei',SimSun,SimHei ,"STHeiti Light",STHeiti,"Lucida Grande", Tahoma,Arial, Helvetica, sans-serif; color:#6b6b6b; border: none; background: none; top: 0px; padding-left: 0px; position: relative; } input:focus{ outline: none; } .search input.notxt { color:#6b6b6b; padding-left:7px; width:calc(100% - 150px); text-indent: 1.5em; } .search input.notxt1 { position: absolute; width: 100px; height: 50px; top: 0px; right: 0; border: none; cursor:pointer; overflow: hidden; background-color: #003770; color: #ffffff; font-size: 1.1rem; text-align: center; } .Banner { padding-top: 100px; } .snav{display:block;} .mbtn{display:block;} .logo { width: 1450px; margin: 0 auto; position: relative; padding: 20px 0; } .logo a { float: left; display: block; position: relative; } .logo img { height: 60px; } .links { float:right; z-index:1005; height: 50px; } .links li{float:right;height:25px;} .links a.btn_ser{padding:0 2px;height:25px;} .ser{top:-3px;right:106px;display:none;} .search{margin-top:0;} #btn_ser{ display:block; margin-top: 15px; } /*导航*/ .nav{ width: 100%; height: 50px; line-height: 50px; z-index: 888; background: rgba(0, 78, 145, 0.6); transition: all 0.3s ease-in-out; } .nav ul { height:45px; margin:0px auto; max-width: 1450px; } .nav ul li { float: left; height: 50px; line-height: 50px; text-align: center; position: relative; } .nav ul li a { color: #ffffff; font-size: 1.1rem; font-weight: bold; width: 100%; } .nav ul li .subNav { position:absolute; left:0; top: 50px; left:0px; display:none; background:#cce1fa; width: 100%; transition: all 0.3s ease-in-out; border-top: 2px solid #f6ad3c; } .nav ul li .local { left:-86px; } .nav ul li.on { background: #cce1fa; } .nav ul li.on a { color: #005bac; } .nav ul li.on .subNav { display:block; } .nav ul li.on dl.subNav { overflow:hidden; padding:5px 0; display: block; width: 100%; } .nav ul li.on dl.subNav dd { height: auto; display: block; /* height: 30px; */ line-height:30px; padding:5px 5px 5px 10px; text-align:center; width: calc(100% - 15px); } .nav ul li.on dl.subNav dd a { /* height: 30px; */ line-height: 30px; font-size: 0.9rem; text-align: center; font-weight:normal; color:#333; text-align: left; display: block; width: 100%; } .nav ul li.on dl.subNav dd:hover { background-color: #669ccc; } .nav ul li.on dl.subNav dd:hover a { color: #ffffff; } .nav ul li .pos_left{left:-72px;} /*手机端导航*/ .snav{display: none;height: 30px;background-color:#004c8f;left:0px; top:0;z-index: 1002; width:100%;} .mbtn{display: none;height: 30px; left:10px; top:0;z-index: 1002;width:40px;cursor:pointer;} .navm{ width:100%; line-height: 30px; background-color:#005bac;overflow: hidden; text-align: left; display: none;top:30px;left:0} .navm ul{padding:0 0 10px;} .navm li{border-bottom:1px solid #0074db;position:relative;} .navm li a{ font-size: 16px; line-height:18px; padding:10px 0px; color:#fff; padding-left:13px; font-family:Georgia, Arial, Helvetica, sans-serif; display:block;} .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 li strong{display:block;width:30px;height:38px;line-height:38px;text-align:center;background:url(../images/white-right-arrow.png) no-repeat center center;position:absolute;right:0;top:0;} .navm li.on strong{background:url(../images/white-down-arrow.png) no-repeat center center;} .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;} /*直通车*/ .car{width:346px;float:left;overflow:hidden;} .mode02 .title01 h2{background:url(../images/icon.png) no-repeat;background-position:0 -68px;background-color:#f1f1f1;width:112px;} .mode02 .topic .title01 h2{background:url(../images/icon.png) no-repeat;background-position:0 -100px;background-color:#f1f1f1;width:112px;} .mode02 .title01 .more01{background-color:#f1f1f1;} .carInfo{width:100%;overflow:hidden;} .carInfo li{width:33%;border-right:1px solid #fff;float:left;height:117px;font-size:1.6em;text-align:center;line-height:185px;} .carInfo li.message:hover{filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8; transition: all 1s ease 0s;} .carInfo li a{color:#fff;display:block;} .message{background:url(../images/message01.png) no-repeat center 20px;background-color:#4ba509;transition: all 1s ease 0s;} .talk{background:url(../images/talk01.png) no-repeat center 20px;background-color:#00988d;} .carInfo li.bbs{background:url(../images/bbs01.png) no-repeat center 20px;background-color:#eea200;border-right:0;} .carInfo li:hover{filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8; transition: all 1s ease 0s;} .link001{padding:5px 14px;background-color:#fff;margin-top:15px;font-size:1.4em;height:90px;} .link001 div{width:49%;text-indent:2.8em;float:left} .link001 div:hover{filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8; transition: all 1s ease 0s;} .link001 div a {padding-left:9px;color:#b81a35;} .tengxun{border:1px dashed #b4b4b4;border-top:none;border-left:none;height:46px;line-height:46px;background:url(../images/icon.png) no-repeat;background-position:-284px -174px;} .sina{border-bottom:1px dashed #b4b4b4;height:46px;line-height:46px;background:url(../images/icon.png) no-repeat;text-indent:2.8em;background-position:4px -245px} .weixin{border-right:1px dashed #b4b4b4;height:46px;line-height:46px;background:url(../images/icon.png) no-repeat;background-position:2px -245px;} .mobile{height:46px;line-height:46px;background:url(../images/icon.png) no-repeat;background-position:-275px -243px;} /*标题*/ .title01{background:url(../images/title_bg.png) repeat-x;height:36px;margin:12px 0;} .title01 h2{font-size:19px;width:97px;height:36px;line-height:36px;padding-left:43px;color:#444;font-weight:normal;background:url(../images/icon.png) no-repeat;background-position:0 3px;background-color:#fff;} .footer_wrap { margin-top: 40px; width:100%; background:url(../images/footer.png) no-repeat center; background-size: 100% 100%; } .footer{ max-width:1100px; margin:0 auto; } .copy { color: #ffffff; font-size: 1.5em; width: auto; line-height: 30px; text-align: center; padding: 10px 0 40px; letter-spacing: 0.6px; } .footer_wrap p { text-align: center; width: 100%; line-height: 40px; width: 100%; color: #ffffff; background-color: rgb(50, 50, 50, 0.69); } .footer_logo { padding: 40px 20%; } .footer_wrap .link { float: none!important; width: 1100px; margin: 0 auto; padding: 20px; text-align: center; } .fhx { width: 100%; height: 1px; background-color: #ffffff; } .footer_wrap .link span { padding-right: 20px; } .footer_wrap .link a { color: #ffffff; font-size: 15px; }