@charset "utf-8"; /* CSS Document */ html{background:#FFF;} body{ font-size:14px;/*font-family:"\5FAE\8F6F\96C5\9ED1", SimSun;*/background-color:#fff;color:#333;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;-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: #333333;transition:all 0.3s ease-in-out;} a:hover{color: #0027da;text-decoration: none;} input[type='button']{outline:none;border:0 none;background-color:transparent;cursor:pointer;} address,caption,cite,code,dfn,em,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:24px;} .f16px{font-size:1.6em;} .f18px{font-size:1.8em;} .f20px{font-size:2.0em;} .f22px{font-size:22px;} .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;} .imgResponsive{width: 100%;overflow:hidden;position: relative; height: 0;display: block;padding-bottom:55.79%;background: #c7c9c8;} .imgResponsive img{width: 100%;transition:all 0.8s ease-in-out;} a:hover .imgResponsive img{transform: scale(1.08);} body{ min-width: 1200px; } /*头部样式*/ .wrap_header{ width:100%; background:#071ee7; background: -webkit-linear-gradient(left, #071ee7,#071ee7); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(right, #071ee7,#071ee7); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(right, #071ee7,#071ee7); /* Firefox 3.6 - 15 */ background: linear-gradient(to right, #071ee7,#071ee7); /* 标准的语法 */position: relative;z-index: 99;} .header{ width:1200px; height: 150px; margin:0 auto;} .ser{height:40px;width: 200px;float: right; line-height:44px; background:#0321c0; border-radius: 38px; } .search{width:200px; height: 40px;position:relative; overflow: hidden;} .search input{position:absolute;height: 38px;line-height:35px; font-size: 14px; color:#fff; border:none; background:none; } .search input.notxt{padding-left:20px;width:146px;} .search input.notxt1 {position: absolute;width: 40px;height: 40px;top:0;right:7px;border: none;background:url(../../images/ser.png) no-repeat center;cursor:pointer; overflow: hidden; } .logo{ width: 572px;height: 48px;padding: 21px 0;float: left;margin-top:30px;} .navtop{width: 340px;float: right;color: #fff;font-size: 14px;position: relative;padding-top: 26px;} .navtop a{ color: #fff;float: left; padding: 7px 5px; } /*导航*/ .nav{width:100%; height:60px;background: #fafafa;} .nav ul{height:60px; margin:0px auto;max-width:1200px;} .nav ul li{float:left; /*! width: 9.1%; */ height:60px;line-height:60px;text-align:center;position:relative; } .nav ul li a{font-size:18px;color:#0027da; display:block; transition: all 0.5s ease;padding: 0 19px;} .nav ul li .subNav{ display: none; position:absolute; left:0;top:60px;background:#071ee7;overflow:hidden;width:100%; z-index: 99;} .nav ul li.on > a{transition: all 0.5s ease; position: relative;} .nav ul li > a:before{ content: ""; display: block; width: 0; height: 4px; background: #071ee7; position: absolute;left: 50%; margin-left: -15px; bottom: 0; transition: all 0.3s ease;} .nav ul li.on > a:before{ width: 30px;} .nav ul li.on .subNav { display:block; padding:9px 0;} .nav ul li.on .subNav dl{overflow:hidden;} .nav ul li.on .subNav dl dd{height:auto;line-height:18px;text-align:center;position: relative;} .nav ul li.on .subNav dl dd:hover:before{ content: ""; display: block; width: 30px; height: 2px; background: #fff; position: absolute;left: 50%; margin-left: -15px; bottom: 2px; transition: all 0.5s ease;} .nav ul li.on .subNav dl dd a{font-size: 16px;color: #fff;line-height:18px;padding: 8px 4px;text-align:center;font-weight:normal;} .nav ul li.on .subNav dl dd:hover a{color: #fff;} .articleTitle01{ height: 38px; border-bottom: #eeeeee 2px solid;} .articleTitle01 .title{ font-size: 22px; color: #f28661; font-weight: bold; position: relative;} .articleTitle01 .more{ float: right; padding: 9px 0;} .articleTitle01 .more a{ font-size:14px; color: #999999; } .wrap_footer{background: #ebebeb;width: 100%;margin: 0 auto;} .footer{width: 1200px;margin: 0 auto;padding:30px 0 40px 0;} .linksBox{border-bottom: 1px solid #cccccc;padding-bottom: 20px;margin-bottom: 20px} .copyRight{text-align: center;color:#999;} .linksBox .title a{font-size:20px;color:#1725d1; } .linksListBox{overflow: hidden;margin-top: 30px;} .linksList{float: left;width: 75%;/*! overflow: hidden; */} .linksList ul{margin-right: -77px;} .linksList li{float: left;width: 20%;*width: 315px;} .linksList li div{padding-bottom: 15px;margin-bottom: 15px;border-bottom: 1px dashed #bfbfbf;margin-right: 20px;padding-left: 20px;background: url(../../images/arrow_right.png) no-repeat left 8px;} .linksList li a{display: block;overflow: hidden;padding-right: 20px;background: url(../../images/links_icon.png) no-repeat center right;font-size: 14px;padding-left: 0; height: 24px;line-height: 24px;overflow: hidden;} .linksList li a:hover{padding-left: 10px;} .linksListBox .code{float: right;width: 204px;height: 98px;} .linksListBox .code img:first-child { margin: 0 3px 0 0; }