/*
* @ description: 网站的基础样式+公用样式，每个页面必须引用
* @ author: Selvin 
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal}
ol,ul,li{list-style:none;margin: 0;}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
q:before,q:after{content:''}
abbr,acronym{border:0}
input[type=submit],botton,input[type=botton]{cursor: pointer;}
body{width:100%;height:100%;font-family:"microsoft yahei",Arial;}
header,section{width:100%;}
header{background-color: #fff;}
i{display:block;font-style: normal;}
a,a:hover,a:link{color:#333;text-decoration: none;}
a:focus{outline:none;}
/***S important***/
html{width:100%;}
body{line-height:1;font:12px "microsoft yahei", Tahoma, Arial, Helvetica, Sans-serif;color:#666;min-width: 1200px;}
a{color:#333333;text-decoration:none;outline:none;}
a:hover{color:#333;}
.bd-bg{background-color: #f6f6f6;}
/***E important***/
/*fonts text*/
.fb{font-weight:bold}
.fn{font-weight:normal}
.f18{font-size: 18px;}
.f16{font-size: 16px;}
.f14{font-size: 14px;}
.fyahei{font-family:"microsoft yahei", Sans-serif;}
.through{text-decoration: line-through;}
.t2{text-indent:2em}
.lh150{line-height:1.5}
.lh180{line-height:1.8}
.lh200{line-height:2}
h1,h2,h3,h4,h5,h6{font: 12px "microsoft yahei","\5b8b\4f53";}
h1{font-size:20px;}
h2 {
    font-size: 30px;
    padding: 30px 0 5px;
}
h3{font-size:14px;}
.center{text-align: center;}
.cl{height: 0px;line-height: 0;font-size: 0px;clear: both;}
.clearfix{display: block;}
.none{display: none;}
.mb10{margin-bottom: 10px;}
.mb20{margin-bottom: 20px;}
.mb30{margin-bottom: 30px;}
.pb20{padding-bottom: 20px;}
.btn{border-radius: 0px;}
.white{color: #fff;}
/*浮动*/
.fl { float: left;}
.lt{float: left;}
.rt{float: right;}
.fr{float: right;}
/*=============================================================== iconfont ===============================================================*/
@font-face {font-family: "iconfont";
  src: url('fonts/iconfont.eot?t=1491038892181'); /* IE9*/
  src: url('fonts/iconfont.eot?t=1491038892181#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('fonts/iconfont.woff?t=1491038892181') format('woff'), /* chrome, firefox */
  url('fonts/iconfont.ttf?t=1491038892181') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('fonts/iconfont.svg?t=1491038892181#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont {
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/*=============================================================== base CSS Over===============================================================*/
/*通用头部样式*/
.container{width: 1200px;padding: 0;}
.container-fluid{padding: 0;}
.top{min-height: 40px;background-color: #0d6fb8;}
.toolbar{color: #fff;font-size: 14px;line-height: 40px;height: 40px;}
.toolbar h1{background: url(../img/top-icon.png) 0px no-repeat;font-size: 14px;line-height: 40px;text-indent: 22px;margin: 0;float: left;}
.toolbar span{background: url(../img/tel-icon.png) 0px no-repeat;float: right;margin-right: 10px;text-indent:24px}
.toolbar a{float: right;padding-left:10px;color: #fff;}

nav{height: 80px;line-height: 80px;}
nav ul{float: right;position: relative;}
nav ul li{float: left;height: 80px;cursor: pointer;padding-left: 20px;}
nav ul li dt{line-height: 80px;font-size: 15px;font-weight: bold;text-align: center;}
nav ul li:hover a dt{color: #0d6fb8;}
nav ul li:hover dd{display: block;}
@-webkit-keyframes subnavshow{0%{-webkit-transform:scaleY(0);opacity:0;}
100%{-webkit-transform:scaleY(1);opacity:1;}}
@-moz-keyframes subnavshow{0%{-moz-transform:scaleY(0);opacity:0;}
100%{-moz-transform:scaleY(1);opacity:1;}}
@-ms-keyframes subnavshow{0%{-ms-transform:scaleY(0);opacity:0;}
100%{-ms-transform:scaleY(1);opacity:1;}}
@-o-keyframes subnavshow{0%{-o-transform:scaleY(0);opacity:0;}
100%{-o-transform:scaleY(1);opacity:1;}}
@keyframes subnavshow{0%{transform:scaleY(0);opacity:0;}
100%{transform:scaleY(1);opacity:1;}}
nav ul li dd{position: absolute;right: 0;display: none;width: 960px;border-top: 4px solid #0d6fb8;border-bottom: 3px solid #dcdcdc\9;border-right: 3px solid #dcdcdc\9;background: #ffffff;box-shadow: 0px 1px 2px 1px rgba(0,0,0,.25);z-index: 99;}
nav ul li:hover i{ background: url(../img/arr.png) no-repeat 100% 100%;background-size:24px; width: 42px;height: 27px;position: absolute;left:56%;bottom:-4px;margin-left: -21px;z-index: 110;}
.submenu{padding: 24px 40px 24px 35px;}
.submenu-links{float: left;width: 127px;}
.submenu-links p{margin-bottom: 8px;}
.submenu-links a{font-size: 14px;color: #333333;}
.submenu-links a:hover{color: #ff503f;}
.submenu-desc{float: left;width: 680px;border-left: 1px solid #dddddd;margin-left: 44px;padding-left: 45px;padding-bottom: 20px;}
.submenu-desc img{float: left;margin-right: 42px;}
.submenu-desc h2{margin-bottom: 10px;padding:0;font-size: 18px;font-weight: 700;}
.submenu-desc p{font-size: 14px;line-height: 1.5;color: #999999;}
.submenu-desc-bg{float: left;width: 680px;padding: 20px 0;border-left: 1px solid #dddddd;margin-left: 44px;padding-left: 25px;}
.submenu-desc-bg .table{width: 100%;color: #999999;}
.submenu-desc-bg h2{padding:0;margin-top:0;margin-bottom: 10px;font-size: 30px;color: #666;}
.submenu-desc-bg p{line-height: 1.8;font-size: 14px;color: #999999;}
.submenu-desc-bg img{float: right;margin-left: 30px;vertical-align: middle;}
.apply{
	height: 330px;
    color: #fff;
    background-color: #005cb9;
    background-image: url(../img/apply-bg.png);
    background-repeat: no-repeat;
    background-position: center bottom;
}
.apply .title{
	margin: 103px 0 0;
    height: 70px;
    text-align: center;
    font-size: 26px;
}
.apply .go{
	display: block;
    margin: 0 auto;
    width: 194px;
    height: 56px;
    line-height: 50px;
    color: #fff;
    font-size: 16px;
    text-align: center;
    background-color: #33cd4d;
    border: 3px solid #0154a7;
    -webkit-border-radius: 100px;
    border-radius: 100px;
}
.apply .go:hover { background: #46bd5a; }
/*底部*/
footer{
	background-color: #353535;
}
footer .foot-det{
	padding: 50px 0 0;
}
footer .foot-cont {
	color: #a9a9a9;
	background-color: #353535;
}
.foot-cont .all {
	padding: 50px 0 0;
}
footer .foot-copy {
	padding: 18px 0;
	font-size: 12px;
	color: #fff;
	background-color: #282828;
}
footer .foot-copy a{
	color: #909090;
}
.foot-block {
	margin: 0 30px 45px 0;
	display: inline-block;
	vertical-align: top;
	line-height: 1.8;
}
.foot-second{
	width: 648px;
}
.foot-last{
	margin-right: 0;
}

.layout-vcenter {
	font-size: 0;
}
.layout-ib {
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
}
.layout-vcenter:after {
	content: '';
	height: 100%;
	display: inline-block;
	vertical-align: middle;
}
.foot-tit {
	position: relative;
	margin-bottom: 5px;
	padding: 0 0 16px 2px;
	line-height: 28px;
	font-size: 18px;
	color: #fff;
	border-bottom: 1px solid #282828;
}
.foot-tit:after {
	content: '';
	position: absolute;
	bottom: -2px;
	left: 0;
	width: 1.7em;
	height: 3px;
	background-color: #5c5c5c;
}
.ftd-cont .item {
	padding-top: 13px;
	line-height: 30px;
	font-size: 14px;
}
.ftd-cont .item .iconfont {
	margin-right: 5px;
	line-height: 30px;
	text-align: center;
	color: #bababa;
	font-size: 22px;
}
.ftd-cont .item .tel {
	font-size: 20px;
	color: #f29700;
}
.ftd-cont .item .fs20 {
	font-size: 20px;
}
.ftd-focus {
	margin-top: 22px;
	line-height: 22px;
	font-size: 12px;
}
.ftd-focus a{
	color: #666;
}
.ftd-focus .mt15 {
	margin-top: 15px;
}

.ftd-focus .icon-weixin img {
	width: 120px;
	height: 120px;
}
.foot-item {
	margin-top: 20px;
}
.foot-item .foot-item-img {
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
	width: 60px;
	height: 60px;
}
.foot-item p {
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	line-height:28px;
}
.floatbox { z-index:89;position:fixed;width:42px;top:60%;right:5px;_display:none;}
.floatbox a {display:block;width:42px;height:42px;margin-bottom:2px;filter:alpha(Opacity=50);-moz-opacity:0.5;opacity: 0.5;position: relative;}
.floatbox span {position:absolute;right:45px;top:0;display:none;}
.floatbox span img{ position: relative;}
.floatbox a:hover {filter:alpha(Opacity=100);-moz-opacity:1;opacity:1;}
.floatbox a:hover span {display:block;}
@media screen and (max-width:1150px) {
	.floatbox { display:none;}
}