@charset "utf-8"; /* CSS Document */ html{background:#FFF;} body{font-size:14px;/*font-family:"\5FAE\8F6F\96C5\9ED1", SimSun;*/background-color:#fff;color: #323232;font-family: Calibri,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: #323232;} a:hover{color: #e60012;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:12px;} .f14px{font-size:14px;} .f16px{font-size:16px;} .f18px{font-size:18px;} .f20px{font-size:20px;} .f22px{font-size: 22px;} .f24px{font-size:24px;} .f48px{font-size:48px;} /*float */ .fl{float:left;} .fr{float:right;} 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%;/*font-weight:400;*/} q:before,q:after{content:'';content:none;} input,textarea,select{font-weight:inherit;font-size:100%;} 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;} .mt5px{margin-top: 1.57%;} .mt4px{margin-top: 4px;} .mr5px{margin-right: 0.86%;} img.exper_rt_pic {display: block; transition: all 1s ease 0s;} img.exper_rt_pic:hover {filter:alpha(opacity=80);-moz-opacity:0.9;opacity:0.9; transform:scale(1.2);-webkit-transform:scale(1.2); } /* 低版本浏览器 */ .ie_bg{width:100%;height:100%;position:fixed;top:0;left:0;background-color:#000;opacity:0.85;filter:alpha(opacity=85);z-index:99998;} .ie9tips{width:400px;height:300px;position:fixed;top:50%;left:50%;margin:-150px 0 0 -200px;line-height: 1.8;color:#fff;z-index:99999;text-align:center;} .ie9tips a{color:red;} .ie9tips img{display:block;margin:0 auto;opactiy:0.9;filter:alpha(opacity=90);} .ie9tips p{padding-top:10px;} .box_lf01a_trsfrn {display: block; transition: all 1s ease 0s;} .box_lf01a_trsfrn:hover {filter:alpha(opacity=80);-moz-opacity:0.9;opacity:0.9; transform:scale(1.2);-webkit-transform:scale(1.2); } /*hearder*/ .header{ width:100%; min-width:320px; position:relative; z-index:9991;} .header .top1{margin:0 auto;color:#fff;background-color: #b03228;height:38px;line-height:38px;z-index:999;overflow: hidden;position:relative;} .header .top1_w{width:1200px; margin:0px auto;} .header .top_nav{ width:auto; font-size:13px; left:3px; top:0px;font-size:11px;float:left;} .header .top_nav a{font-size: 14px;margin:0px 10px 0 10px;color:#fff;font-family:Arial, Helvetica, sans-serif;border-right: 1px solid white;padding-right: 10px;} .header .top_nav a:hover{color: #fff;} .header .top_nav #datetimeNode{display: inline-block;} .header .top_nav #datetimeNode span{display: inline-block;height: 14px;font-size: 14px;} .header .english{ float: right; color: #163a1d; background: white; width: 50px; height: 26px; margin-top: 5px; line-height: 26px; text-align: center; border-radius: 20px; margin-right: 20px; font-size: 14px; } .top1_rt{ width:225px; height: 38px; right:50px; top:0px;line-height:38px;} .search{width: 240px;height: 26px;/* position:absolute; */float: right;margin-top: 5px;} .search .fm_search{border: 1px solid #ffffff;border-radius: 19px;height: 26px;color: #333;background:url(../../images/gb20190712/sea_btn1.png) no-repeat right center #fff;position:relative;} .search .fm_search input{position:absolute;width:190px;height: 26px;line-height:28px;color:#3c98cc;border:none;background:none;left:0px;top:0px;padding-left:0px;font-family: 'Microsoft YaHei',"Lucida Grande", Tahoma,Arial, Helvetica, sans-serif;font-size: 14px;color:#888;z-index: 2;} .search .fm_search input.notxt{padding:0px;padding-left:10px;line-height: 26px;font-family: 'Microsoft YaHei',"Lucida Grande", Tahoma,Arial, Helvetica, sans-serif;font-size: 14px;color: #999999;outline:none;} .search .fm_search input.notxt1{width:30px;left: 197px;top:0px;cursor:pointer;} .top2{margin:0px auto;position:relative;height: 120px;border-bottom:1px solid #c9c9c9;background: #992c23;background-size: contain;display: flex;align-items: center;} .top2_w{margin:0px auto;width:1160px;height: 120px;overflow:hidden;} .top2 .logo{width:948px;overflow: hidden;margin: 0 auto;/* padding-top: 10px; */} .top2 .logo a{ display: block; } .top2 .logo a img{display:block;margin: 0 auto;max-height: 100px;} /*手机端导航*/ .mbtn{width:20px;height: 40px;color:#fff;text-align: center;font-size: 16px;line-height: 42px;cursor: pointer;padding:0px 0px 0px 10px;display:none;position:absolute;right:0px;} .navm{width:100%;line-height: 30px;background: #992c23;overflow: hidden;text-align: left;display: none;} .navm ul{padding:0PX;} .navm li{border-bottom: 1px solid #9060b6;} .navm li a { font-size: 14px; width:120px; line-height:18px; padding:10px 0px; color:#fff; padding-left:13px; display:inline-block; } .navm li span { padding:10px 10px 0 0;float:right;margin-right:7px;color: #fff;cursor: pointer;} .navm li a{ font-size: 14px; line-height:18px; color:#fff; padding-left:13px; font-family:"微软雅黑", Microsoft YaHei;} .navm li a:hover{color:#FFF;} .navm li.sub_has span{ float: right;} /*.navm li.on a{ color:#fff; display:block; width:100%;}*/ .navm ul li .subNavs{ display: none; background-color:#fff; padding:5px 0px;} .navm dl dd{ line-height:18px; padding:8px 0px 8px 20px; background-color:#FFF;} .navm li.on dl dd a{ font-size: 14px; color:#333;font-weight:normal;display:inline; border:none; padding:0px;} .navm li dl dd a{ font-size: 14px; color:#333; font-weight:normal; display:inline; border:none; padding:0px;} .navm li dl dd a:hover{ color:#000059} /*导航*/ .nav { width:100%; height:59px; right:0px; top:143px;z-index:1111;background-color:#fff; } .nav ul{ width:1200px; margin:0px auto;} .nav ul li{float: left;position: relative;text-align: center;/* width: 9%; */} .nav ul li:last-child{ background:none;} .nav ul li a{ padding:0px; height: 59px; line-height: 59px;} .nav ul li a{font-size: 16px;color:#333;display:block;font-weight:bolder;padding: 0 20px;} .nav ul li.on div,.nav ul li div.on_nav{} .nav ul li.on div a,.nav ul li div.on_nav a{color:#163a1d; font-weight:bolder; } .nav ul li.on dl{display: block;} .nav ul li dl{ width:135px; position: absolute; left:-20px; top:59px; overflow: hidden; display: none; text-align: left; background:url(../../images/gb20190712/sub_nav_bg.png) repeat; padding: 10px 15px;overflow: hidden;z-index:99999999;} .nav ul li:last-child dl{left:-16px;} .nav ul li.on dl dd{ width: 94%; line-height: 36px; padding:0 2%; text-align:center; border-bottom:1px dashed #ccc;} .nav ul li.on dl dd:first-child{ border-top:none;} .nav ul li.on dl dd a{ color:#333; font-size: 14px; font-weight: normal; background: none; padding:0px; text-align:center; } .nav ul li.on dl dd a:hover{ color:#163a1d;font-weight:bold; background: none;} .footer_W{ background:url(../../images/gb20190712/footerBG.png) no-repeat center center; overflow:hidden;background-size: cover;} .footer{ width:1200px; margin:0px auto;} .footer_links{padding: 48px 0 0 0 ;} .footer_links .home{padding: 10px 65px 10px 83px;border-right: 1px white solid;display: block;float: left;} .footer_links .home img{display: block;} .footer_links ul{float: left;width: 630px;} .footer_links ul a{color: white;padding:22px 0 0 50px;font-size: 16px;color: white;display: block;} .footer_links ul li{float: left;} .footerBottom{clear: both;margin-top: 33px;border-top: 1px solid white;padding-bottom: 35px;} .footer_lf{ width:100%; float:left;} .footer_lf ul{width: 630px;padding-top: 8px;overflow: hidden;} .footer_lf li{width: 315px;float: left;color: white;font-size: 14px;padding-top: 16px;} .footer_text{ margin-right:389px; line-height:22px; margin-top:15px;} .footer_text span{ display:inline-block} .footer_rt{float: right;margin-left: -420px;position: relative;text-align: right;width: 420px;color: white;font-size: 16px;padding-top: 30px;} .footer_rt .download{ float:left; margin-right:40px} .footer_rt .weixin{ float:left; margin-right:20px} .footer_rt .weixin img{ float:left;} .footer_rt .weixin span{ display:block; margin-left:82px;} @media screen and (max-width: 1386px) { .header .top1_w,.top2_w,.top2 .logo,.nav ul,.footer{width: 1000px;} .nav ul li a{padding: 0 11px;} .nav ul li dl{ left:-28px;} .footer_links .home{padding-left: 0;padding-right: 45px;} .footer_links ul{width: 600px;} .footer_links ul a,.footer_rt{font-size: 15px;} } @media screen and (max-width:1020px) { .header .top1_w,.top2_w,.top2 .logo,.nav ul,.footer{width: 100%;} .nav ul li a{padding:0 14px; font-size:14px;} .nav ul li dl{ left:-35px;} } @media screen and (max-width:992px){ .mbtn{display:block;right: 16px;} .header .top_nav a{border: 0;} .header .top_nav #datetimeNode,.search,.header .english{ display: none;} .nav{ display:none;} .top2 .logo a img{width: 72%;} .top2{height: 96px;} .footer_W{ padding: 0 15px;} .footer_links ul{float: none;margin-left: 400px;width: auto;} .footer_rt{width: 240px;text-align: right;line-height: 33px;padding-top: 18px;} } @media screen and (max-width:900px){ .nav ul li a{padding:0 16px; font-size:14px;} .nav ul li dl{ left:-40px;} .footer_text{margin-top:0px;} } @media screen and (max-width:767px) { .footer_text{margin-top:0px;} .footer_lf{float:none;/* height: 60px; */} .footer_rt{margin: 34px auto 0px;float:none;clear: both;border-top: white 1px solid;width: 100%;text-align: center;padding-top: 14px;} .footer_text{ width:auto; margin:0px; text-align:center;} .footer_links .home{float: none;border: 0;display: block;padding: 0;} .footer_links .home img{} .footer_links ul{margin: 0;} .footer_links ul a{text-align: center;padding: 22px 50px 0 0px;} .footer_lf li{width: 50%;} .footer_lf ul{width: auto;} } @media screen and (max-width:640px) { .top2 .logo a img{width: 90%;margin: 0 auto;} .footer_lf li{width: auto;clear: right;} .footer_lf li:nth-child(2n){float: right;} } @media screen and (max-width:422px) { .top2{ height:80px;} .top2_w{ height:80px;} .top2 .logo{/* margin-top:20px; */} } @media screen and (max-width:413px){ .footer_lf li{width: 100%;} } @media screen and (max-width:350px) { .top2{ height:80px;} .top2_w{ height:80px;} .top2 .logo{/* margin-top:25px; */} .footer_rt .download{ margin-right:15px;} .footer_rt .weixin{ margin-right:10px;} .footer_rt .weixin span{ margin-left: 78px;} }