﻿@charset "utf-8";
/* 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(../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(../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(../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(../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('../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('../images/foot_Pic_hvr.png') no-repeat;*!/
    background: url(../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("../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('../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(../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 */

