/* reset css */ /* ---------- 主体布局样式 ----------*/ /*.container{ padding: 30px 0; } .container.notpd{ padding:0; } .col-left { float: left; width: 250px; min-height: 500px; } .col-right{ float: right; width: 890px; } .col-main{ float:left; width:850px; border-right:1px solid #eee; padding-right:28px; padding-bottom:20px; } .col-right-sm{ float:right; width:270px; padding-top:30px; } /* 右 侧 悬 浮 栏 */ .right-link { position:fixed; bottom:140px; right:0; z-index:20; } .right-link ul li{ position:relative; width:50px; height:50px; margin-bottom:5px; } .right-link ul li a{ display:block; height:50px; line-height: 120%; text-align:center; background:#c0c0c0; } .right-link ul li a span{ padding:5px; font-size:14px; color:#fff; font-family:"汉仪旗黑"; text-align:center; display:none; } .right-link li a.cur span{ display:inline-block; } .right-link li a.cur{ background:#e34920; } .right-link li a.cur i{ display:none; } .right-link li i.ico{ display:inline-block; width:25px; height:25px; margin-top:13px; } .right-link li.link1 i.ico{ background-position:-60px 0px;} .right-link li.link2 i.ico{ background-position:-90px 0px; margin-top:16px;} .right-link li.link3 i.ico{ background-position:-120px 0px;} .right-link li.link3 .call{ position:absolute; width:180px; height:61px; line-height:61px; color:#666; font-size:18px; text-align:center; font-family:"汉仪旗黑"; bottom:0; right:60px; background:url("/wwwzhongxi-educom/Resource/Template/3/images/call.png") no-repeat; display:none; } .waitingBox{ display:none;} .waitingBox .fixed-bg{ position:fixed; width:100%; height:100%; top:0; z-index:99; background:rgba(0, 0, 0, 0.5); filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#00000000', EndColorStr='#00000000'); } .waitingBox .waitingIco{ position:fixed; top:50%; left:50%; margin-left:-34px; margin-top:-30px; } /*国泰安官网软件(VR专题页)V3.2 20170731 start */ /*重置标签样式*/ *[hidefocus],input,textarea,a{outline:none;} input[type=button]:focus,input[type=submit]:focus{outline:none;} input[type=button]::-moz-focus-inner{outline:0;} /**{ font-family:"Microsoft YaHei",Arial,'Simsun' !important; }*/ *{box-sizing: border-box;word-wrap: break-word;} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{padding:0;margin:0;} fieldset,img,html,body,iframe{border:0;} table{border-collapse:collapse;border-spacing:0;} li,i,b{list-style:none;font-style: normal} b{font-weight:normal} h1,h2,h3,h4,h5,h6{font-size:0;font-weight: normal} caption,th{font-weight:normal;font-style:normal;text-align:left;} em,strong{font-weight:bold;font-style:normal;} body,textarea,select,input,pre{font-family:helvetica,sans-serif,arial;font-size:14px;color:#333;} a,button{cursor:pointer;} textarea{resize:none;overflow:auto;} pre{white-space:pre-wrap;} a{color:#333;text-decoration:none;} html,body{ width: 100%; min-height: 100%; background: #f6f7f9; font-family:"汉仪旗黑",Arial,'Simsun'; } .fl{ float:left; } .fr{ float:right; } .show{ display:block; } .hide{ display:none; } .img_sz_0{ font-size:0; } .clearfix:before,.clearfix:after{ content: ""; display: table; } .clearfix:after{ clear: both; visibility: hidden; } .miss{ visibility: hidden; } /*复用 css*/ .ft_wt{ color:#fff; } .ft_16{ font-size:16px; } .ft_18{ font-size:18px; } .ft_20{ font-size:20px; } .ft_24{ font-size:24px; } .ft_30{ font-size:30px; } .ft_36{ font-size: 36px; } .mar_t_5{ margin-top:5px; } .mar_t_10{ margin-top:10px; } .mar_b_10{ margin-bottom:10px; } .mar_t_20{ margin-top:20px; } .mar_b_20{ margin-bottom:20px; } .mar_t_30{ margin-top:30px; } .mar_b_30{ margin-bottom:30px; } .mar_t_40{ margin-top:40px; } .mar_b_40{ margin-bottom:40px; } .mar_t_50{ margin-top:50px; } .mar_b_50{ margin-bottom:50px; } .mar_l_30{ margin-left:30px; } .pad_t_10{ padding-top:10px; } .pad_b_10{ padding-bottom:10px; } .pad_t_10{ padding-top:10px; } .pad_b_10{ padding-bottom:10px; } .pad_t_20{ padding-top:20px; } .pad_b_20{ padding-bottom:20px; }.pad_t_30{ padding-top:30px; } .pad_b_30{ padding-bottom:30px; } .pad_t_40{ padding-top:40px; } .pad_b_40{ padding-bottom:40px; } .pad_t_50{ padding-top:50px; } .pad_b_50{ padding-bottom:50px; } .pad_l_10{ padding-left:10px; } .pad_l_65{ padding-left:65px; } .pad_r_65{ padding-right:65px; } /*右侧固定导航*/ .right_link{ position: fixed; top: 50%; margin-top: -119px; width: 105px; height: 238px; background: #168deb; z-index:100;} .right_link .zx{ width: 100%; height: 97px; font: 16px/20px "汉仪旗黑"; color: #FFFFFF; text-align: center; cursor: pointer;padding-top:20px;} .right_link .zx i{ display: block; width: 25px; height: 22px; margin: 0 auto; padding-top: 20px; background: url("/wwwzhongxi-educom/Resource/Template/3/images/rt_nav/zx_ico.png") no-repeat bottom center;} .right_link .zx p{ margin-top: 10px;} .right_link .gta_code{ width: 103px; height: 103px; padding: 3px; background: #FFFFFF; margin: 0 auto;} .right_link .gta_code img{ width: 100%;} .right_link span{display: block; width: 105px; height: 39px; background: #d6d6d6; cursor: pointer; font: 16px/38px "汉仪旗黑"; color: #333333; text-align: center; margin-top: 1px;} .b_style b{ font: 16px/24px "汉仪旗黑"; font-weight: bold;} /*字体垂直居中*/ .dis_table{ display:table; } .dis_table_cel{ display:table-cell; vertical-align: middle; } /*头部导航*/ .wrapper { width:100%; min-width: 1200px; position: relative; } .header{ width: 100%; height: 80px; /*position: absolute; z-index: 1; transition: all .6s ease;*/ background: #fff; } .container { width: 1200px; margin: 0 auto; position: relative; } .logo { margin-top: 17px; width: 251px; } .nav_list .active i { display: block; } .mous_out li a, .mous_out p, .mous_out a, .mous_out li.active a, .mous_out li i { color: #FFFFFF; } .nav_list>li { float: left; width: 110px; text-align: center; position: relative; } .nav_list>li i { display: none; position: absolute; bottom: 5px; left: 50%; margin-left: -4.5px; color: #2871d5; } .nav_slide_menu{ background:none; font-size:16px; position:absolute; top:80px; left:-48px; display:none; overflow: hidden; /*padding:15px 0;*/ transition: background 1s ease; } .hdl_menu{ width:210px; } .gd_pro_menu{ /*width:100%;*/ width:210px; } .hvr_border{ position:absolute; bottom:0; left:0; width:100%; height:2px; background: #2871d5; display:none; } .nav_slide_menu>li{ padding:5px 10px; } .nav_slide_menu>li>a{ color:#666; height:36px; line-height:36px; } .nav_slide_menu>li>a:hover{ color:#2871d5; } .mous_out .nav_list li a, .mous_out .nav_list p, .mous_out .nav_list a, .mous_out .nav_list li.active a, .mous_out .nav_list li i { color: #FFFFFF; } .header .hotline { margin-top: 28px; } .phone { font: 14px/24px "汉仪旗黑"; color: #989898; float:left; margin-right:25px; } .mous_out .online { background: url("/wwwzhongxi-educom/Resource/Template/3/images/head/zx_w.png") left center no-repeat; } .nav_list>li:hover>a, .nav_list .active>a { color: #2871d5; } .nav_list>li>a { display: block; text-align: center; font: 16px/80px "汉仪旗黑" !important; color: #666666; } .online { display: block; padding-left: 23px; margin-top:2px; font: 12px/18px "汉仪旗黑"; color: #1881f7; background: url("/wwwzhongxi-educom/Resource/Template/3/images/head/zx.png") left center no-repeat; } .online:hover{ text-decoration: underline; } .mous_out { background: url(about:blank); transition: all .6s ease; } /*页脚*/ /*页脚样式1*/ /* .footer{ height:140px; width:100%; min-width: 1200px; color:#a4a5a8; background: #091930; padding-bottom:20px; font-size:12px; } .footer .container{ height:100%; width:1200px; margin:0 auto; position:relative; } .footer .container>img{ margin:50px 20px; vertical-align: top; } .f_word{ display:inline-block; height:100%; padding-top:30px; /!*修改*!/ margin-left:265px; } /!*.f_word>p:hover{ color:#666; }*!/ .f_word>p{ height:20px; line-height:20px; } .f_word>p.police_p{ margin-top:10px; } .f_word>p.police_p>a{ color:#a4a5a8; } .f_word>p.police_p>a:first-child{ text-decoration: underline; padding-left:5px; } .f_word>p.police_p>a>span{ display:inline-block; *display:inline; *zoom:1; margin-left:30px; } .f_word>p.police_p>a>span>i{ display:inline-block; *display:inline; *zoom:1; height:20px; width:20px; background:url("/wwwzhongxi-educom/Resource/Template/3/images/foot_police.png") no-repeat; position:relative; top:3px; margin-right:10px; } span.space{ display:inline-block; width:5px; } .icon{ display:inline-block; *display:inline; *zoom:1; /!*margin-top:32px;*!/ padding:0 0 5px 60px; float:left; } .icon>img{ height:30px; width:136px; /!*修改*!/ position: absolute; top: 52px; left: 0; } .icon_box{ margin-top:32px; position:relative; } .icon_box>li{ display:inline-block; width:30px; height:25px; margin-right:15px; } .icon_box>li>a{ display:inline-block; width:27px; height:23px; } .icon_box>li>a>i{ display:inline-block; height:23px; width:27px; } /!*tubiao yejiao*!/ .icon_box .ico{ /!*background:url("/wwwzhongxi-educom/Resource/Template/3/images/foot_Pic_hvr.png") no-repeat;*!/ background: url("/wwwzhongxi-educom/Resource/Template/3/images/sprite.png") no-repeat; } .icon_box .ico1{ background-position:0 -30px; } .icon_box .ico1:hover{ background-position: -30px -30px; } .icon_box .ico2{ background-position:0 -58px; } .icon_box .ico2:hover{ background-position:-30px -58px; } .icon_box .ico3{ background-position:0 -88px; position:relative; } .icon_box .ico3:hover{ background-position:-30px -88px; position:relative; } .icon_box .ico4{ background-position:0 -118px; } .icon_box .ico4:hover{ background-position:-30px -118px; } .code_box{ display: none; position: absolute; width: 132px; height: 130px; left: 45px; bottom:30px; } .code_box>img{ width:100%; height:100%; } .police_icon{ position:relative; top:15px; padding-left:35px; } .police_icon>a>img{ vertical-align:text-bottom; position:absolute; top:-4px; left:0; } .police_icon>a>span{ display:inline-block; margin-bottom:12px; color:#787878; } .police_icon>a:hover span{ color:#999; }*/ /*页脚样式 2*/ .footer{ /*height:140px;*/ width:100%; min-width: 1200px; /*background: url("/wwwzhongxi-educom/Resource/Template/3/images/foot_b.png");*/ background:#091930; color:#c8c8c8; } .footer .container{ height:100%; width:1200px; margin:0 auto; position:relative; padding:50px 0; } .footer .container>img{ margin:50px 20px; vertical-align: top; } .f_word{ display:inline-block; height:100%; } .f_word>p:hover{ /*color:#666;*/ } .f_word>p{ height:30px; line-height:30px; font-size:14px; } .f_word>p.police_p{ margin-top:15px; } .f_word>p.police_p>a>span{ display:inline-block; *display:inline; *zoom:1; margin-left:30px; } .f_word>p.police_p>a{ color:#c8c8c8; } .f_word>p.police_p>a:hover{ /*color:#666;*/ } .f_word>p.police_p>a>span>i{ display:inline-block; *display:inline; *zoom:1; height:20px; width:25px; background:url("/wwwzhongxi-educom/Resource/Template/3/images/foot_police.png") no-repeat; position:relative; top:3px; margin-right:10px; } span.space{ display:inline-block; width:25px; } .footer .icon{ display:inline-block; *display:inline; *zoom:1; padding:0 0 0 60px; text-align: right; } .footer .icon>img{ height:35px; width:150px; margin-right:12px; } .footer .icon_box{ margin-top:30px; position:relative; } .footer .icon_box>li{ display:inline-block; width:30px; height:25px; margin-right:15px; } .icon_box>li>a{ display:inline-block; } .footer .icon_box>li>a>i{ display:inline-block; height:24px; width:28px; } /*tubiao yejiao*/ .footer .icon_box .ico{ background: url("/wwwzhongxi-educom/Resource/Template/3/images/sprite.png") no-repeat; } .footer .icon_box .ico1{ background-position:0 -31px; } .footer .icon_box .ico2{ background-position:0 -60px; } .footer .icon_box .ico3{ background-position:0 -90px; } .footer .icon_box .ico4{ background-position:0 -120px; } /*hover*/ .footer .icon_box .ico1:hover{ background-position:-30px -31px; } .footer .icon_box .ico2:hover{ background-position:-30px -60px; } .footer .icon_box .ico3:hover{ background-position:-30px -90px; position:relative; } .footer .icon_box .ico4:hover{ background-position:-30px -120px; } .footer .code_box{ display: none; position: absolute; width: 132px; height: 140px; left: 45px; bottom:30px; } .footer .code_box>img{ width:100%; height:100%; } .footer .police_icon{ position:relative; top:15px; padding-left:35px; } .footer .police_icon>a>img{ vertical-align:text-bottom; position:absolute; top:-4px; left:0; } .footer .police_icon>a>span{ display:inline-block; margin-bottom:12px; color:#787878; } .police_icon>a:hover span{ /*color:#999;*/ } /*国泰安官网软件(VR专题页)V3.2 20170731 end */