/*public*/ /* public */ @charset "utf-8"; html, body, div, p, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td {margin: 0; padding: 0; } img { border: 0 none; vertical-align: top;width:100%;} ul,li,dl,dd,dt { list-style-type: none; } i,em,cite { font-style: normal; } body {margin: 0 auto; -webkit-tap-highlight-color: rgba(0,0,0,0); /* 解决点击链接时候在安卓系统下出现蓝色框 */ -webkit-text-size-adjust: none;/*苹果移动设备上会识别,用于保证文字大小*/} a{ text-decoration: none; } .clear,.cle {clear:both;} html{font-size: 62.5%;margin:0rem auto;} /* end_public */ /*public*/ /*ea_h*/ /*logo*/ .logo{width: 100%;clear: both;display: block;height: 1.71875rem; background:; background: -moz-linear-gradient(bottom, #e2e2e2 0%, #fff 100%); /* gradient overlay */ background: -o-linear-gradient(bottom, #e2e2e2 0%, #fff 100%); /* gradient overlay */ background: -webkit-linear-gradient(bottom, #e2e2e2 0%, #fff 100%); /* gradient overlay */ background: linear-gradient(bottom, #e2e2e2 0%, #fff 100%); /* gradient overlay */ } #logo{width: 100%;min-height: 1.15625rem;text-align:center;} .logoimg{width:3.75rem;height:1.5625rem;} /*end_logo*/ /*ea_h*/ /*ea_n*/ /*xn_mn_1_wrap*/ .xn_mn_1_wrap{ overflow: hidden; background-image: ; background: -moz-linear-gradient(bottom, #004d84 0%, #3896d9 100%); /* gradient overlay */ background: -o-linear-gradient(bottom, #004d84 0%, #3896d9 100%); /* gradient overlay */ background: -webkit-linear-gradient(bottom, #004d84 0%, #3896d9 100%); /* gradient overlay */ background: linear-gradient(bottom, #004d84 0%, #3896d9 100%); /* gradient overlay */ } .xn_mn_1_wrap ul { margin:0rem auto; width: 100%; } .xn_mn_1_wrap ul li { width: 20%; height:1rem; float: left; } .xn_mn_1_wrap ul li a { display: block; width: 100%; height: 1rem; line-height:1rem; text-align: center; float: left; color: #fff !important; font-size:0.4375rem; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; text-transform:uppercase; } .xn_mn_1_wrap ul li a:hover { -moz-box-shadow: inset 1px 0.0625rem 0.09375rem rgba(0,0,0,.3); /* inner shadow */ -webkit-box-shadow: inset 1px 0.0625rem 0.09375rem rgba(0,0,0,.3); /* inner shadow */ box-shadow: inset 1px 0.0625rem 0.09375rem rgba(0,0,0,.3); /* inner shadow */ background-image: ; /* gradient overlay */ background: -moz-linear-gradient(bottom, #3591d3 0%, #014f87 100%); /* gradient overlay */ background: -o-linear-gradient(bottom, #3591d3 0%, #014f87 100%); /* gradient overlay */ background: -webkit-linear-gradient(bottom, #3591d3 0%, #014f87 100%); /* gradient overlay */ background: linear-gradient(bottom, #3591d3 0%, #014f87 100%); /* gradient overlay */ color:#fff; } /*导航当前焦点*/ .nav_cur, .nav_cur a{ -moz-box-shadow: inset 1px 0.0625rem 0.09375rem rgba(0,0,0,.3); /* inner shadow */ -webkit-box-shadow: inset 1px 0.0625rem 0.09375rem rgba(0,0,0,.3); /* inner shadow */ box-shadow: inset 1px 0.0625rem 0.09375rem rgba(0,0,0,.3); /* inner shadow */ background-image: ; /* gradient overlay */ background: -moz-linear-gradient(bottom, #3591d3 0%, #014f87 100%); /* gradient overlay */ background: -o-linear-gradient(bottom, #3591d3 0%, #014f87 100%); /* gradient overlay */ background: -webkit-linear-gradient(bottom, #3591d3 0%, #014f87 100%); /* gradient overlay */ background: linear-gradient(bottom, #3591d3 0%, #014f87 100%); /* gradient overlay */ color:#fff; } /*导航线*/ .nav_line{ width:0rem; background: #ccc; border-right:0rem solid #000;} /*end_xn_mn_1_wrap*/ /*ea_n*/ /*ea_ba*/ /*xn_index_mba_1_wrap*/ .xn_index_mba_1_wrap{position:relative; overflow:hidden; margin-bottom: 0.1875rem;} .xn_index_mba_1_main{width:100%;margin:0 auto;overflow: hidden;} .xn_index_mba_1_ul{overflow: hidden;position: relative;} .xn_index_mba_1_li{float: left;background:#fff;} .xn_index_mba_1_li img{width: 100%; background-color:#fff; } .xn_index_mba_1_lights{width:100%;position:absolute; bottom:0.3125rem;text-align:center;} .xn_index_mba_1_lights span{display:inline-block; height:0.25rem;width:0.25rem; background-color:#004d84; margin:0 0.15625rem;cursor: pointer; border-radius: 0.09375rem; -webkit-border-radius: 0.09375rem; -moz-border-radius: 0.09375rem; } .xn_index_mba_1_lightscurr{background:#bbb !important;} /*end_xn_index_mba_1_wrap*/ /*ea_ba*/ /*ea_c*/ /*xn_mc_index_1_wrap*/ .xn_mc_index_1_wrap{width:100%;margin:0.25rem auto;} .xn_mc_index_1_title{margin:0 auto;width: 96%;height:0.96875rem;font-size:0.4375rem;color: #fff;text-shadow: 1px 0.0625rem 0.09375rem rgba(0,0,0,.27); /* drop shadow */text-align:center; line-height: 0.96875rem;text-align:center; -moz-border-radius: 0.15625rem 0.15625rem 0rem 0rem; -webkit-border-radius: 0.15625rem 0.15625rem 0rem 0rem; border-radius: 0.15625rem 0.15625rem 0rem 0rem; /* border radius */ -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; /* prevents bg color from leaking outside the border */ background-image: ; /* gradient overlay */ background: -moz-linear-gradient(bottom, #035189 0%, #3795d7 100%); /* gradient overlay */ background: -o-linear-gradient(bottom, #035189 0%, #3795d7 100%); /* gradient overlay */ background: -webkit-linear-gradient(bottom, #035189 0%, #3795d7 100%); /* gradient overlay */ background: linear-gradient(bottom, #035189 0%, #3795d7 100%); /* gradient overlay */} .xn_mc_index_1_conten{margin:0 auto;width: 96%;background: #fff;} .xn_mc_index_1_bigbox{float:left;width:48%;margin:0rem 1%;padding-top:0.1875rem;} .xn_mc_index_1_intr{display:none;} .xn_mc_index_1_neirong{font-size:0.4375rem;height:0.9375rem;line-height:0.9375rem;color: #666;text-align:center;padding:0rem 0.15625rem;max-height:1.125rem;overflow:hidden;} .xn_mc_index_1_pic{height:auto;overflow:hidden;border: 1px solid #dedede;} .xn_mc_index_1_more { width:96%;margin:auto;font-size:0.4375rem;text-align: center;line-height: 1.09375rem;height: 1.09375rem;display:block;cursor: pointer;font-family: 微软雅黑, verdana, geneva, sans-serif;border: 1px solid #d5d5d5; /* stroke */ background:;/* gradient overlay */ background:-moz-linear-gradient(bottom, #e4e4e4 0%, #fff 100%); /* gradient overlay */ background:-o-linear-gradient(bottom, #e4e4e4 0%, #fff 100%); /* gradient overlay */ background:-webkit-linear-gradient(bottom, #e4e4e4 0%, #fff 100%); /* gradient overlay */ background:linear-gradient(bottom, #e4e4e4 0%, #fff 100%); /* gradient overlay */ } .xn_mc_index_1_more a{ width:100%; height:100%; display:block; text-align:center; color:#595959;} /*end_xn_mc_index_1_wrap*/ /*xn_mc_index_2_wrap*/ .xn_mc_index_2_wrap{width:100%;margin:0.25rem auto;} .xn_mc_index_2_main{width:96%;margin:0rem auto;} .xn_mc_index_2_ul{width:100%;overflow:hidden;} .xn_mc_index_2_li{float:left;width:50%;cursor:pointer;line-height: 1rem;text-align: center;color: #fff;font-size:0.4375rem; -moz-border-radius:0.15625rem 0.15625rem 0rem 0rem; -webkit-border-radius:0.15625rem 0.15625rem 0rem 0rem; border-radius: 0.15625rem 0.15625rem 0rem 0rem; /* border radius */ -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; /* prevents bg color from leaking outside the border */ background-color: #fff; /* layer fill content */ background: ; /* gradient overlay */ background: -o-linear-gradient(bottom, #3f3f3f 0%, #8f8f8f 100%); /* gradient overlay */ background: -webkit-linear-gradient(bottom, #3f3f3f 0%, #8f8f8f 100%); /* gradient overlay */ background: linear-gradient(bottom, #3f3f3f 0%, #8f8f8f 100%); /* gradient overlay */ height:1rem; overflow:hidden;} .xn_mc_index_2_tcurr{float: left;font-size:0.4375rem;cursor: pointer;line-height:1rem;text-align:center; color:#fff;width:50%; -moz-border-radius: 0.15625rem 0rem 0rem 0rem; -webkit-border-radius:0.15625rem 0rem 0rem 0rem; border-radius: 0.15625rem 0.15625rem 0rem 0rem; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; /* prevents bg color from leaking outside the border */ background: ; /* gradient overlay */ background: -moz-linear-gradient(bottom, #035189 0%, #3795d7 100%); /* gradient overlay */ background: -o-linear-gradient(bottom, #035189 0%, #3795d7 100%); /* gradient overlay */ background: -webkit-linear-gradient(bottom, #035189 0%, #3795d7 100%); /* gradient overlay */ background: linear-gradient(bottom, #035189 0%, #3795d7 100%); /* gradient overlay */} .xn_mc_index_2_sub{overflow: hidden;background: #fff;} .xn_mc_index_2_subul{overflow: hidden;} .xn_mc_index_2_subli{float:left;} .xn_mc_index_2_neirowbox{margin:0rem 0.1875rem;} .xn_mc_index_2_subctbgbox{width:100%;clear:both;margin:0.46875rem auto;} .xn_mc_index_2_subimg{float:left;width:35%;height: auto;overflow: hidden;} .xn_mc_index_2_subintro{float:left;width:61%;margin-left:3%;} .xn_mc_index_2_coent{ line-height: 0.5625rem;max-height:1.6875rem;font-size: 0.4375rem;color: #999;overflow: hidden;padding-top:0.25rem;} .xn_mc_index_2_nrtitle{line-height: 0.5625rem;max-height: 0.5625rem;font-size: 0.4375rem;color: #666;overflow: hidden;} .xn_mc_index_2_time{display:none;} .xn_mc_index_2_more{ width:100%;margin:auto;font-size:0.4375rem;text-align: center;line-height: 1.09375rem;height: 1.09375rem;display:block;cursor: pointer;font-family: 微软雅黑, verdana, geneva, sans-serif;border: 1px solid #d5d5d5; /* stroke */ background: ; /* gradient overlay */ background:-moz-linear-gradient(bottom, #e4e4e4 0%, #fff 100%); /* gradient overlay */ background:-o-linear-gradient(bottom, #e4e4e4 0%, #fff 100%); /* gradient overlay */ background:-webkit-linear-gradient(bottom, #e4e4e4 0%, #fff 100%); /* gradient overlay */ background:linear-gradient(bottom, #e4e4e4 0%, #fff 100%); /* gradient overlay */ } .xn_mc_index_2_more a{ width:100%; height:100%; display:block; text-align:center; color:#595959;} /*end_xn_mc_index_2_wrap*/ /*ea_c*/ /*ea_b*/ /*xn_mb_1_wrap*/ .xn_mb_1_wrap{width: 100%;background: #fff;color: #666; padding-bottom:0.9375rem; clear:both; height:1.03125rem;border-top:1px solid #ececec;border-bottom:1px solid #ececec;} .xn_mb_1_copy{width:90%;margin-left:0.46875rem;padding-top:0.3125rem;font-size:0.375rem;line-height:0.5rem;display:block;} .xn_brand{width: 53%;margin: 0 auto;display: block;} /*end_xn_mb_1_wrap*/ /*ea_b*/ /*ea_bg*/ /*ea_bg*/ /*ea_sh*/ /*ea_sh*/ /*ea_mu*/ /*xn_mu_1_wrap*/ .xn_mu_1_wrap{width: 100%; color:#fff; height:1.40625rem; background: ; /* gradient overlay */ background: -moz-linear-gradient(bottom, #0b5b95 0%, #0b5b95 0.51%, #3593d5 100%); /* gradient overlay */ background: -o-linear-gradient(bottom, #0b5b95 0%, #0b5b95 0.51%, #3593d5 100%); /* gradient overlay */ background: -webkit-linear-gradient(bottom, #0b5b95 0%, #0b5b95 0.51%, #3593d5 100%); /* gradient overlay */ background: linear-gradient(bottom, #0b5b95 0%, #0b5b95 0.51%, #3593d5 100%); /* gradient overlay */ } .xn_mu_1_wrap ul {width:100%;height:100%;margin:auto;} .xn_mu_1_wrap ul li {float: left;font-size:0.4375rem;width:16%;text-align:center; } .xn_mu_1_li5{width:15%;} .xn_mu_1_li6{background:none } .xn_mu_1_line{width:1px !important; height:1.25rem; margin:0 !important; padding:0 !important; background: #690000; border-right:1px solid #ff0000;} .xn_mu_1_bottom_bq1,.xn_mu_1_bottom_bq2,.xn_mu_1_bottom_bq3,.xn_mu_1_bottom_bq4,.xn_mu_1_bottom_bq5,.xn_mu_1_bottom_bq6,.xn_mu_1_bottom_bq7,.xn_mu_1_bottom_bq8,.xn_mu_1_bottom_bq9,.xn_mu_1_bottom_bq10{ display:none;} .xn_mu_1_bottom_bq2,.xn_mu_1_bottom_bq4,.xn_mu_1_bottom_bq6,.xn_mu_1_bottom_bq8{ display:none;} /*图标生成样式*/ @font-face { font-family: 'icomoon'; src:; src: format('embedded-opentype'), format('woff'), format('truetype'), format('svg'); font-weight: normal; font-style: normal; } [data-icon]:before { font-family: 'icomoon'; content: attr(data-icon); speak: none; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-envelope, .icon-phone, .icon-screen, .icon-location, .icon-bubbles, .icon-cog,.icon-share,.icon-pencil{ font-family: 'icomoon'; speak: none; font-size:0.5rem; color: #fff; margin-right:0.15625rem; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height:0.5625rem; -webkit-font-smoothing: antialiased; display:block; padding-top:0.46875rem; padding-bottom:0.3125rem; } .icon-undo,.icon-home{ font-family: 'icomoon'; speak: none; font-size:0.5rem; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height:0.125rem; -webkit-font-smoothing: antialiased; display:block; padding-top:0.3125rem; padding-bottom:0.3125rem; text-align:center; color:#29658f; } .icon-cog{padding-top:0.46875rem;float:left;} .icon-pencil{ padding-left:0.25rem;} /*首页*/ .icon-home:before { content: "\e001"; color:#29658f; } /*返回*/ .icon-undo:before { content: "\e003"; color:#29658f; } /*邮箱*/ .icon-envelope:before { content: "\e000"; } /*电话*/ .icon-phone:before { content: "\e004"; } /*电脑*/ .icon-screen:before { content: "\e002"; } /*地图标记*/ .icon-location:before { content: "\e006"; } .icon-bubbles:before { content: "\e005"; } /*设计*/ .icon-cog:before { content: "\e007"; color: #000; font-size:1em; } /*分享*/ .icon-share:before { content: "\e008"; } /*留言*/ .icon-pencil:before { content: "\e009"; } /*end_xn_mu_1_wrap*/ /*ea_mu*/