@charset "utf-8"; /* CSS Document */ html{background:#FFF;} body{font-size:63%;/*font-family:"\5FAE\8F6F\96C5\9ED1", SimSun;*/background-color:#fff;color: #444;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;} a{outline:none;blr:expression(this.onFocus=this.blur());text-decoration:none;color: #2e2e2e;} a:hover{color: #faa632;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;*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;z-index: 900;background: #1262a7;background-size: cover;} .header{max-width:1200px;min-width: 280px;height: 112px;margin:0 auto;z-index: -1;padding: 0 10px;} .logo{ float:left;padding:17px 0 0 0;} /*.logo_01{width: 320px;display: inline-block;}*/ .logo_01 img{width: 100%;} #btn_ser{display:none;} .links{float:right;text-align:right;margin-top:43px;width: 25%;z-index:1005;margin-top: 20px;} .links01 ul li{ display: inline;height:25px;} .links01 a{ color:#fff; padding:0 10px; } .links01 a:hover{color: #c81622;} .btn_ser{ display: inline-block; width:34px; height: 31px;cursor: pointer;*display: inline;*zoom: 1;} .btn_ser img{ vertical-align: middle;} .ser{width:; height:30px; right:10px; top:32px;line-height:30px; } .search{background: #faa632;width:200px;height: 30px;position:relative;overflow: hidden;margin-top:10px;} .search input{position:absolute; width:200px; height: 30px;line-height:30px; font-size: 1em; color:#fff; border:none; background:none; left:0px; top:0px; padding-left:0px; } .search input.notxt{color:#fff; padding-left:7px;width:162px;} .search input.notxt1 {position: absolute;width: 30px;height: 22px;top: 5px;left:172px;border: none;background:url(../images/ser.png) no-repeat;cursor:pointer; overflow: hidden; } .top_nav{margin-bottom: 10px;} .top_nav a{font-size: 14px;margin-right: 32px;color: #fff;} .top_nav a:last-child{margin-right: 0;} .snav{display:block;} .mbtn{display:block;} .logo{max-width: 755px;height: 74px;padding-top:22px;float: left;} .links li{float:right;height:30px;} .links a.btn_ser{padding:0 2px;height:30px;} .ser{top:-3px;right:15px;display:block;} .search{margin-top:0;} #btn_ser{display:block;} /*导航*/ .nav{width:100%;height:45px;line-height: 45px;z-index:888;/* background: #faa632; */} .nav ul{height:45px; margin:0px auto;max-width:1200px;} .nav ul li{float:left;height:45px;line-height:45px;text-align:center;position:relative;width: 16%;} .nav ul li a{color:#fff; font-size:1.6em;display:block;} .nav ul li .subNav{position:absolute;left:50%;top:45px;display:none;background: #ffffff;overflow:hidden;width:160px;margin-left:-80px;} .nav ul li .local{left:-86px;} .nav ul li.on{background-color:#fff;} .nav ul li.on a{color:#005faf;} .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:8px 5px 8px 10px;text-align:left;} .nav ul li.on .subNav dl dd a{ font-size:1.5em;line-height:22px; text-align:center; font-weight:normal; color:#333;} .nav ul li.on .subNav dl dd:hover{ background-color:#faa632;font-weight:bold;color:#fff;} .nav ul li.on .subNav dl dd:hover a{color:white} .nav ul li .pos_left{left:-72px;} /*手机端导航*/ .snav{display: none;height: 30px;background-color:#044a84;left:0px;top:0;z-index: 9999;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:#005faf;overflow: hidden;text-align: left;display: none;top:30px;left:0;z-index: 999999;} .navm ul{padding:0 0 10px;} .navm li{border-bottom:1px solid #367db9;position:relative;} .navm li a{ font-size: 1.4em; 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;} .phoneLink{text-align: center;} .phoneLink a{color: #fff;padding: 0 20px;} /*标题*/ .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;} .fooer_wrap{width:100%;/* background: url(../images/foot_bg.png) top center; */background-size: cover;background: #1262a7;} .footer{max-width:1200px;margin:0 auto;} .friendLink {overflow:hidden;padding:20px 15px 10px;float: left;max-width: 43.3%;} .friendLink h2{margin-bottom:1%;color:#fff;font-size:1.8em;font-weight:normal;} .friendLink h2 a{ color:#fff;} .friendLink ul li{margin:0.5% 1.5%;display: inline-block;*display: inline;*zoom: 1;} .friendLink ul li a{font-size:14px;color: white;} .copyRight{padding:15px 0;position:relative;text-align: left;color: white;font-size:14px;line-height:28px;margin-left: 52%;} @media screen and (max-width:1386px) { .header,.nav ul{width: 1000px;} .footer { height: auto; width: 1000px;} } @media screen and (max-width:1020px) { .header,.nav ul,.footer {width: auto;text-align: center;} } @media screen and (max-width: 992px) { .nav{display:none;} .snav{display:block;} .mbtn{display:block;} .links{display:none;} .logo{margin:0px auto;float:none;text-align: center;} .phoneSearch{display: block;position: static;margin:5px auto 15px;} .phoneSearch .search{margin:0 auto;} .friendLink{float: none;display: inline-block;vertical-align: top;max-width: none;text-align: left;width: auto;*display: inline;*zoom: 1;} .copyRight{margin: 0;text-align: center;} } @media screen and (max-width:768px) { .links li{float:right;height:25px;} .links a.btn_ser{padding:0 2px;height:25px;} #btn_ser{display:block;} .friendLink h2 a{ font-size:1.6em;} .friendLink ul li a{ font-size:1.4em;} .footer{ margin:auto 15px;} .copyRight{font-size:1.4em; } .friendLink{text-align: center;} } @media screen and (max-width:640px) { .newsLf{ float:none !important; margin:0 auto;} .newsRt{ float:none !important; width:auto !important; } } @media screen and (max-width:600px) { .slide_tabs{display:none;} .erweima{ position:static; margin:0 auto;} } @media screen and (max-width:480px) { .logo{width: 80%;height: auto;text-align: center;} .header{height: 90px;} .logo_01{width: auto;} }