body{ background:#fff; font-family: "Open Sans",Arial,"Hiragino Sans GB","Microsoft YaHei","寰蒋闆呴粦",STHeiti,"WenQuanYi Micro Hei",SimSun,sans-serif;min-width: 1200px;} body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;} h1, h2, h3, h4, h5, h6 {font-size:100%;font-weight: normal} section, article, aside, header, footer, nav, dialog, figure {display: block;} a {color:#333; text-decoration:none;} a:hover { text-decoration:underline;none: pointer} img{border:0; vertical-align:bottom;} ul,ol{list-style:none;} .clear{ clear:both; margin:0; padding:0; height:0; line-height:0; font-size:0;} .clearfix{ zoom:1;} .clearfix:after {clear:both; height:0; overflow:hidden; display:block; visibility:hidden; content:"."; } .hidden{ display:none;} .fl{ float:left;} .fr{ float:right;} .hide{ display:none;} em{ font-style: normal} s,u { text-decoration:none; } .container{ width: 1160px; margin: 0 auto;} .gradient{ height: 6px; background-color: #3a9e77; background: -webkit-linear-gradient(left, #f45454, #3a9e77, #005bac); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(right, #f45454, #3a9e77, #005bac); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(right, #f45454, #3a9e77, #005bac); /* Firefox 3.6 - 15 */ background: linear-gradient(to right, #f45454, #3a9e77, #005bac); /* 鏍囧噯鐨勮娉曪紙蹇呴』鏀惧湪鏈€鍚庯級 */ } .gradient .g1{ width: 49%; height: 100%; filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#f45454,endcolorstr=#3a9e77,gradientType=1); } .gradient .g2{ width: 50%; height: 100%; filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#3a9e77,endcolorstr=#005bac,gradientType=1); } .hidden{ display: none; } /*header S*/ .header{ position: fixed; top: 0; left: 0; right: 0; z-index: 1000; -webkit-box-shadow: 0px 0px 7px rgba(0,0,0,.2); -moz-box-shadow: 0px 0px 7px rgba(0,0,0,.2); box-shadow: 0px 0px 7px rgba(0,0,0,.2); } .header .icon-search{ margin: 25px 25px 0 0; } .header .en-version{ margin: 30px 30px 0 0; } .header .icon-search a{ display: block; } .header .bys-logo{ margin: 15px 26px 0 0; } .header .nav-bg{ height: 84px; background-color: #f5f5f5; /*opacity: .8;*/ } .header .nav{ height: 85px; position: absolute; top: 6px; left: 0; right: 0; left: 50%; margin-left: -580px; } .header .logo h3{ width: 280px; height: 80px; background-image: url(../images/logo_cn3.png); background-repeat: no-repeat; } .header .logo p{ font-size: 10px; font-weight: bold; color: #777; text-align: center; padding-top: 2px; } .header .nav-list{ padding: 0; } .header .nav-list li{ color: #555; height: 84px; } .header .nav-list li a{ display: block; padding: 32px 25px; } .header .nav-list li.active a{ color: #fff; } .header .nav-list li a:hover{ color: #fff; text-decoration: none; } .header .nav-list:hover li.active{ background: transparent; opacity: .75; color: #555; } .header .nav-list:hover li.active a{ color: #333; } .header .nav-list:hover li.active:hover a{ color: #fff; } .header .nav-list:hover li:hover{ color: #fff; background-color: #3a9e77; filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#459a73,endcolorstr=#207892,gradientType=0); background: -webkit-linear-gradient(top, #459a73, #207892); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(bottom, #459a73, #207892); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(bottom, #459a73, #207892); /* Firefox 3.6 - 15 */ background: linear-gradient(to bottom, #459a73, #207892); /* 鏍囧噯鐨勮娉曪紙蹇呴』鏀惧湪鏈€鍚庯級 */ opacity: 1; } .header .nav-list li.active{ color: #fff; background-color: #3a9e77; filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#459a73,endcolorstr=#207892,gradientType=0); background: -webkit-linear-gradient(top, #459a73, #207892); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(bottom, #459a73, #207892); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(bottom, #459a73, #207892); /* Firefox 3.6 - 15 */ background: linear-gradient(to bottom, #459a73, #207892); /* 鏍囧噯鐨勮娉曪紙蹇呴』鏀惧湪鏈€鍚庯級 */ } .header .nav-list li.hover a{ color: #fff; } .header .nav-list li.hover{ color: #fff; background-color: #3a9e77; filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#459a73,endcolorstr=#207892,gradientType=0); background: -webkit-linear-gradient(top, #459a73, #207892); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(bottom, #459a73, #207892); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(bottom, #459a73, #207892); /* Firefox 3.6 - 15 */ background: linear-gradient(to bottom, #459a73, #207892); /* 鏍囧噯鐨勮娉曪紙蹇呴』鏀惧湪鏈€鍚庯級 */ opacity: 1; } .header .nav-list li.active.nohover{ background: transparent; opacity: .75; color: #555; } .header .nav-list li.active.nohover a{ color: #333; } .header .sentence{ margin-top: 18px; height: 50px; width: 120px; background-image: url("../images/sentence.png"); background-repeat: no-repeat; } /*header E*/ /*header涓嬫媺S*/ .sub { z-index: 999; position: relative; width: 100%; } .inner.wrp { width: 1200px; height: 100%; margin: auto; position:relative } .sub .category { min-width: 100px; text-align: center; padding: 15px 20px; position: absolute; top: 0; background-color: #f5f5f5; border: 1px solid rgba(26, 53, 71, .12); -ms-border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; zoom: 1; } .sub .category a { display: block; height: 36px; line-height: 36px; font-size: 16px; text-align: center; } .sub .category a:hover { background-color: #ddd; color: #3a9e77; text-decoration: none; } .sub .category .arrow { background-color: #f5f5f5; position: absolute; top: -7px; right: calc(50% - 7px); right: -moz-calc(50% - 7px); width: 13px; height: 7px; z-index: 4; width: 10px; height: 10px; transform: rotate(45deg); border-left: 1px solid rgba(26, 53, 71, .12); border-top: 1px solid rgba(26, 53, 71, .12); } /*header涓嬫媺E*/ /*footer S*/ .footer{ height: 126px; background: #1c242e; } .footer-box{ padding: 20px; } .footer p{ padding: 4px 0; } .footer p,.footer p a{ color: #8c8e92; font-size: 12px; } /*footer E*/ /*鍒嗛〉S*/ #pageControl{ padding: 15px 0; font-family: 'Microsoft YaHei'; text-align: center; clear: left; } #pageControl a { display: inline-block; height: 28px; line-height: 28px; padding: 0 10px; margin-right: 5px; font-size: 14px; text-align: center; cursor: pointer; color: #333; border: 1px solid #ddd; background-color: #f7f7f7; } #pageControl a:hover { text-decoration: none; } #pageControl .etc { height: 36px; line-height: 36px; padding: 0 14px; margin-right: 5px; font-size: 14px; } #pageControl .select { border: 0 none; background: 0 0; filter: none; color: #e4393c; padding: 0 11px; } #pageControl .disable { background-color: white!important; color: #ddd!important; cursor: default!important; } .jumpContainer { line-height: 38px; font-style: normal; font-size: 14px; } .p-skip{ margin-left: 20px; color: #666; } .p-skip .box { width: 26px; height: 26px; margin: 0 3px; line-height: 26px; font-size: 14px; text-align: center; } .jumpContainer input[type="button"]{ height: 30px; margin-left: 10px; font-size: 14px; line-height: 30px; -ms-border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background: #F7F7F7; text-align: center; border: 1px solid #DDD; padding: 0 5px; color: #666; cursor: pointer; } /*鍒嗛〉E*/