@charset "utf-8";

html {height:100%;}
html,body{font-family:"Microsoft YaHei", Helvitica, Verdana, Tohoma, Arial, san-serif;font-size:14px;color:#666;text-align:left;}
html,body,ol,ul,li,dl,dt,dd,p,h1,h2,h3,h4,h5{margin:0;padding:0;list-style:none;}
li{list-style:none;}
.fl{float:left;}
.fr{float:right;}
.bold{font-weight:bold;}
.cf:after{content:"";display:table;clear:both}
.cf{*zoom:1}
.clear{clear:both;}

.substring{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.nowrap{white-space:nowrap;}
.clear{clear:both;height:0px;font-size:0px;line-height:0px;}
.indent{text-indent:2.4rem;}
.m5{margin:5px;}
.m10{margin:10px;}
.font_gray6{color:#666666}
.font_gray9{color:#999999}
.font_blue{color:#5F8DC9}
.font_green{color:#61AF00}
.font_red{color:#CC3300}
.font_yellow{color:#FF6600}
u{text-decoration:none;}
.phcolor{color:#999;}
.gt_mask{z-index:1050;}

/*分页*/
.qspage{font-size:12px;line-height:450%;text-align:center;margin-top: 20px;}
.qspage a{padding:7px 12px;border:1px #CCCCCC solid;margin-right:5px;text-decoration:none;color:#666666;background-color:#F6F6F6;border-radius:4px;}
.qspage a:hover{background-color:#FFFFFF;color:#333333}
.qspage .current{padding:7px 12px;border:1px #0990EC solid;color:#FFFFFF;margin-right:5px;background-color:#0990EC;border-radius:4px;}

/*列表单元格定义*/
.td1,.td2,.td3,.td4,.td5,.td6,.td7,.td8,.td9,.td10{float:left;width:100px;font-size:13px;}
.th1,.th2,.th3,.th4,.th5,.th6,.th7,.th8,.th9,.th10{float:left;width:100px;font-size:13px;}

/*公用默认超链接*/
a {color:#000;text-decoration:none;outline-style: none;outline-width: 0px;cursor:pointer; -webkit-tap-highlight-color: rgba(0,0,0,0);}
a:link {text-decoration:none;outline-style: none;outline-width: 0px;cursor:pointer; -webkit-tap-highlight-color: rgba(0,0,0,0);}
a:visited {color:#000;text-decoration:none;outline-style: none;outline-width: 0px;cursor:pointer; -webkit-tap-highlight-color: rgba(0,0,0,0);}
a:hover {color:#0B448B;text-decoration:none;outline-style: none;outline-width: 0px;cursor:pointer; -webkit-tap-highlight-color: rgba(0,0,0,0);}
a:active {color:#0B448B;text-decoration:none;outline-style: none;outline-width: 0px;cursor:pointer; -webkit-tap-highlight-color: rgba(0,0,0,0);}

:root{
	--main-color:#0B448B;
	--main-font-color:#666;
}

/*链接定义*/
.link_white a{color:#FFFFFF;text-decoration:none;}
.link_white a:hover{text-decoration:underline;}
.link_gray3 a{color:#333333;text-decoration:none;}
.link_gray3 a:hover{text-decoration:underline;color:#333333}
.link_gray6 a{color:#666666;text-decoration:none;}
.link_gray6 a:hover{text-decoration:underline;color:#333333}
.link_gray9 a{color:#999999;text-decoration:none;}
.link_gray9 a:hover{text-decoration:underline;color:#333333}
.link_yellow a{color:#FF6600;text-decoration:none;}
.link_yellow a:hover{text-decoration:underline;color:#FF6600}
.link_blue a{color:#5F8DC9;text-decoration:none;}
.link_blue a:hover{text-decoration:underline;color:#5F8DC9}
.link_visited a:visited{color:#810081;}

.con-in{
    position: relative;
	width:1200px !important;
	margin:0 auto;
}

#top{
	width:100%;
	background: #FFF;
}
#top .top-box{
	width:100%;
}

#top .top-box .logo{
	float:left;
	margin:39px 0 0;
}

#top .top-box .search{
	float:left;
	margin:39px 0 0 35px;
}

#top .top-box .search .sbox{
	height:47px;
	line-height: 47px;
	border:2px solid #E7EAED;
	background:#FFF;
	border-radius:8px;
}

#top .top-box .search .sbox .search-box select{
	float: left;
	width:80px;
	height:47px;
	padding-left:10px;	
	border:0;
	color:#707070;
	background:none;
	outline: none;
}

#top .top-box .search .sbox .search-box .keyword{
	width:250px;
	height:46px;
	line-height:46px;
	padding:0 9px 0 10px;
	border:0;
	font-size:14px;
	font-family:'微软雅黑';
	color:#707070;
	outline: none;
}

#top .top-box .search .sbox .search-box .search-btn{
	float:right;
	width:100px;
	height:47px;
	line-height:47px;
	border:0;
	background-color: var(--main-color); /* 不支持线性的时候显示 */
    background-image: linear-gradient(to right, var(--main-color) ,#3569AA, #6493CC);
	font-size:14px;
	color:#FFF;
	text-align: center;
	cursor:pointer;
	outline: none;
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
}

#top .top-box .search .hot-keyword{
	height:25px;
	line-height: 25px;
	margin-top:5px;
}

#top .top-box .search .hot-keyword label{
	float: left;
	color:#737982;
}

#top .top-box .search .hot-keyword .hot-ul{
	float: left;
	height: 20px;
}

#top .top-box .search .hot-keyword .hot-ul li{
	float: left;
	padding: 0 6px;
	
}

#top .top-box .search .hot-keyword .hot-ul li a{
	color: #BCC4D3;
}

#top .top-box .search .hot-keyword .hot-ul li a:hover{
	color: #0A438A;
}

#top .top-box .callme{
	padding:30px 22px 0 38px;
	line-height:22px;
	color:#525252;
	font-size:14px;
	overflow:hidden;
	vertical-align:middle;
}

#top .top-box .callme a{
	color:#525252;
	text-decoration:none;
}

#top .top-box .wx-qrcode{
	position: absolute;
	width:157px;
	right: 0;
	top: 15px;
	text-align: center;
	line-height: 15px;
}

#top .top-box .wx-qrcode .follow{
	float: left;
	width: 22px;
	height: 111px;
	line-height: 12px;
	padding-top:2px;
	background: #DFE8F9;
	color: #0A438A;
	font-size: 12px;
	text-align: center;
	vertical-align: middle;
}

#top .top-box .wx-qrcode .qrcode img{
	float: left;
	width:111px;
	height:111px;
	border:1px solid #D2D7DD;
	background:#FFF;
}

#top .top-box .wx-qrcode .info{
	float: right;
	width: 22px;
	height: 105px;
	line-height: 12px;
	padding-top:8px;
	background: #DFE8F9;
	color: #0A438A;
	font-size: 12px;
	text-align: center;
	vertical-align: middle;
}

#top .nav-menu{
	height:57px;
	margin-top:40px;
	background:#DFE8F9;
}

#top .nav-menu ul .line{
	float:left;
	width:1px;
	height:10px;
	margin-top:25px;
	background: #C6CDDA;
}

#top .nav-menu ul li{
	float:left;
	width:149px;
	line-height:57px;
	text-align:center;
}

#top .nav-menu ul li a{
	display:block;
	font-size:18px;
	color:#3A4554;
}

#top .nav-menu ul li a.kw{
	font-weight: bold;
}

#top .nav-menu ul li a::after{
	float:right;
    content:"";
    display:inline;
    width:1px;
    height:10px;
	margin-top:25px;
    background: #C6CDDA;
}

#top .nav-menu ul li:last-child a::after{
	width:0;
}

#top .nav-menu ul li a:hover{
	background-color: var(--main-color); /* 不支持线性的时候显示 */
    background-image: linear-gradient(to right, var(--main-color) ,#396CAD, #6895CE);
	color:#FFF;
	text-decoration:none;
}

#top .nav-menu ul li a:hover::after{
	width:0;
}

#top .nav-menu ul li.on a{
	display:block;
	color:#FFF;
	background-color: var(--main-color); /* 不支持线性的时候显示 */
    background-image: linear-gradient(to right, var(--main-color) ,#396CAD, #6895CE);
	text-decoration:none;
}

#top .nav-menu ul li.on a::after{
	width:0;
}

/*footer*/
#footer{
	width:100%;
	background:#F6F7FB;
}
#footer .foot{
	width:100%;
	height:auto;
}

#footer .foot .links{
	clear:both;
	width:100%;
	height:32px;
	padding-top:34px;
	padding-bottom:29px;
	border-bottom:1px solid #E3E4E8;
}

#footer .foot .links label{
	float: left;
	height:32px;
	line-height:32px;
	margin-right:40px;
	padding-left:10px;
	text-align:left;
	font-size:16px;
	color:#2A2A2A;
}

#footer .foot .links ul{
	margin:0;
	padding:0;
	list-style:0;
}

#footer .foot .links ul li{
	float:left;
	width:318px;
	height:32px;
	line-height:32px;
	margin-right:55px;
}

#footer .foot .links ul li:last-child{
	margin-right:0;
}


#footer .foot .links ul li select{
	width:318px;
	height:32px;
	line-height:32px;
	border:1px solid #E1E1E1;
	background:#FFF;
	border-radius:5px;
	outline: 0;
	margin: 0;
	display: inline-block;  
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
}

#footer .foot .links ul li select.classic {
	padding:0 0 0 10px; 
	background-image:
	  linear-gradient(45deg, transparent 50%, #AAAAAA 50%),
	  linear-gradient(135deg, #AAAAAA 50%, transparent 50%),
	  linear-gradient(to right, #FFF, #FFF);
	background-position:
	  calc(100% - 20px) calc(1em + 2px),
	  calc(100% - 15px) calc(1em + 2px),
	  100% 0;
	background-size:
	  5px 5px,
	  5px 5px,
	  2.5em 2.5em;
	background-repeat: no-repeat;
}
  
#footer .foot .links ul li select.classic:focus {
	background-image:
		linear-gradient(45deg, var(--main-color) 50%, transparent 50%),
		linear-gradient(135deg, transparent 50%, var(--main-color) 50%),
		linear-gradient(to right, #FFF, #FFF);
	background-position:
		calc(100% - 15px) 1em,
		calc(100% - 20px) 1em,
		100% 0;
	background-size:
		5px 5px,
		5px 5px,
		2.5em 2.5em;
	background-repeat: no-repeat;
	border-color: #E8EEFC;
	color:var(--main-color);
	box-shadow:0 9px 20px 2px rgba(11, 68, 139, 0.1);
	outline: 0;
}
  
  
#footer .foot .links ul li select:-moz-focusring {
	color: transparent;
	text-shadow: 0 0 0 #000;
}

#footer .foot .mbox{
	clear:both;
	width:100%;
	height:auto;
}

#footer .foot .left{
	float:left;
	width:240px;
	line-height:22px;
	text-align:center;
	margin-top:30px;
}
#footer .foot .left img{
	display:block;
	width:76px;
	height:76px;
	margin:0 auto;
}
#footer .foot .left span{
	font-size:12px;
	color:var(--main-color);
}
#footer .foot .left .tel{
	font-size:16px;
	font-weight:bold;
	color:#707070;
}
#footer .foot .left .time{
	width:150px;
	height:45px;
	line-height:22px;
	border:1px solid #D5D5D5;
	border-radius:5px;
	font-size:12px;
	color:#959595;
	margin:10px auto;
}
#footer .foot .footline1{
	display:block;
	float:left;
	width:1px;
	height:160px;
	background:#D2D2D2;
	margin:45px 0;
}
#footer .foot .footline2{
	display:block;
	float:left;
	width:1px;
	height:50px;
	background:#D2D2D2;
	margin:15px 0;
}
#footer .foot .middle{
	float:left;
	width:690px;
}
#footer .foot .middle .footnav{
	width:100%;
	height:100px;
	margin-top:30px;
}
#footer .foot .middle .footnav ul li{
	float:left;
	width:170px;
	text-align:center;
}
#footer .foot .middle .footnav ul li label{
	display:block;
	width:100%;
	font-size:14px;
	font-weight:bold;
	color:#434343;
	margin-bottom:15px;
}
#footer .foot .middle .footnav ul li a{
	display:block;
	width:100%;
	line-height:25px;
	font-size:12px;
	color:#959595;
}
#footer .foot .middle .footinfo{
	float:left;
	width:430px;
	line-height:25px;
	font-size:12px;
	color:#959595;
	padding:5px 0 5px 50px;
}
#footer .foot .middle .footinfo .fwb{
	font-weight: bold;
	color: #707070;
}
#footer .foot .middle .brand{
	float:left;
	text-align:center;
	width:200px;
}
#footer .foot .right{
	float:right;
	width:160px;
	line-height:25px;
	text-align:center;
	font-size:12px;
	color:var(--main-color);
	margin-top:30px;
}
#footer .foot .right img{
	display:block;
	width:99px;
	height:99px;
	margin:0 auto;
}
#footer .bottom{
	width:100%;
	height:40px;
	line-height:40px;
	padding:10px 0;
	text-align:center;
	font-size:12px;
	color:#434343;
	background:#FFF;
}
#footer .bottom a{
	font-size:12px;
	color:#434343;
}
#footer .bottom_page{
	width:100%;
	height:90px;
	line-height:25px;
	text-align:center;
	font-size:12px;
	color:#E5E5E5;
	padding-top:40px;
	background:#383838;
}
#footer .bottom_page a{
	font-size:12px;
	color:#e5e5e5;
}
#footer .bottom_reg{
	width:100%;
	height:90px;
	line-height:25px;
	text-align:center;
	background:#F9FCFC;
	font-size:12px;
	color:#aaaaaa;
	padding-top:40px;
}
#footer .bottom_reg a{
	font-size:12px;
	color:#aaaaaa;
}

/* 自动消失的提示框 */
.disappear_tooltip{display:none;position:absolute;top:0;left:0;z-index:1000000;background:rgba(0,0,0,.7);-pie-background:rgba(0,0,0,.7);padding:0 18px;height:70px;line-height:70px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;color:#fff;text-align:center;font-size:16px;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:.3s;animation-duration:.3s;}
.disappear_tooltip .icon{width:29px;height:29px;float:left;margin-top:20px;}
.disappear_tooltip .content{float:left;padding-left:15px;background: none;}
.disappear_tooltip.remind .icon{background:url(../images/45.png) no-repeat;}
.disappear_tooltip.success .icon{background:url(../images/45.png) 0 -59px no-repeat;}
.disappear_tooltip.goldremind{height:110px;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;}
.disappear_tooltip.goldremind .icon{float:none;display:inline-block;*display:inline;*zoom:1;background:url(../images/92.png) no-repeat;width:30px;height:30px;margin-left:-60px;}
.disappear_tooltip.goldremind .content{float:none;_width:200px;height:50px;line-height:50px;padding-left:0px;font-size:14px;position:relative;}
.disappear_tooltip.goldremind .content .point{position:absolute;color:#f0fd3e;font-size:24px;padding-left:15px;line-height:30px;left:50%;top:-28px;margin-left:-24px;}
@-webkit-keyframes bounceIn{
	0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}
	100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes bounceIn{
	0%{opacity:0;-webkit-transform:scale(.5);-ms-transform:scale(.5);transform:scale(.5)}
	100%{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
}
.tip_anim{display:block;-webkit-animation-name:bounceIn;animation-name:bounceIn}
@-webkit-keyframes bounceOut{
	100%{opacity:0;-webkit-transform:scale(.7);transform:scale(.7)}
	30%{-webkit-transform:scale(1.03);transform:scale(1.03)}
	0%{-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes bounceOut{
	100%{opacity:0;-webkit-transform:scale(.7);-ms-transform:scale(.7);transform:scale(.7)}
	30%{-webkit-transform:scale(1.03);-ms-transform:scale(1.03);transform:scale(1.03)}
	0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
}

.tip_anim_close{z-index:-100;background:rgba(0,0,0,0);-pie-background:rgba(0,0,0,0);-webkit-animation-name:bounceOut;animation-name:bounceOut;-webkit-animation-duration:.2s;animation-duration:.2s;}

/* 左侧浮动 */
.floatmenu{position:fixed;bottom:95px;right:15px;z-index:5000;}
.floatmenu .item{height:42px;width:42px;margin-bottom:5px;position:relative;}
.floatmenu .blk{display:block;height:100%;width:100%;border-radius:3px;background:url(../images/140.png) no-repeat;cursor:pointer;}
.floatmenu .mobile .blk{background-position:0 0;}
.floatmenu .ask .blk{background-position:-42px 0;}
.floatmenu .backtop .blk{background-position:-84px 0;}
.floatmenu .mobile .blk:hover{background-position:0 -42px;}
.floatmenu .ask .blk:hover{background-position:-42px -42px;}
.floatmenu .backtop .blk:hover{background-position:-84px -42px;}
.floatmenu .popover{display:none;position:absolute;right:42px;top:0;padding-right:15px;text-align:center;}
.floatmenu .popover1{right:167px;bottom:0;}
.floatmenu .item:hover .popover{display:block;}
.floatmenu .popover .popover-arr{position:absolute;top:15px;right:9px;background:url(../images/141.png) no-repeat;height:11px;width:7px;}
.floatmenu .ask .popover p i{margin-right:4px;}
.floatmenu .popover .popover-bd{width:120px;padding:2px;border:1px solid #d8d8d8;background:#fff;}
.floatmenu .popover label{display:block;padding:4px 0 0;color:#5e8dc9;font-size:16px;background:url(../images/144.png) no-repeat;background-position:18px 7px;padding-left:15px;}
.floatmenu .popover label.wx{background-position:18px -19px;padding-left:17px;}
.floatmenu .popover p{color:#999;padding:0 5px 4px;font-size:12px}
.floatmenu .popover .btn{display:block;background:#86bf2f;color:#fff;border-radius:3px;margin:5px 5px 10px;height:30px;line-height:28px;}
.floatmenu .backtop{display:block;}
.img-qrcode{display:inline-block;*zoom:1;*display:inline;vertical-align:middle;}
.img-qrcode-wechat,.img-qrcode-mobile{height:100px;width:100px;padding:10px;}
.img-qrcode-wechat img,.img-qrcode-mobile img{height:100px;width:100px;border:0;}