/*global settings*/

body{background:#fafafa; min-width:1260px;}
.container{ width:100%; min-width:1200px; margin:0 auto; position:relative;}
.w{width:1200px; margin:0 auto; position:relative;}

#header{width:100%; position:relative; z-index:3;}
#main{width:100%; background:url("/_vivi/source/aHR0cHM6Ly96aGdsLm5hbmthaS5lZHUuY24/sfw_cms/res/cms/images/gradient.png") 0 0 repeat-x; padding-top:35px; padding-bottom:20px; position:relative; z-index:2;}
#footer{width:100%; position:relative; z-index:1;}

a.more:link,a.more:visited{display:block; line-height:24px; font-size:12px; color:#aaa; position:absolute; top:9px; right:16px;}
a.more:after{
	font-family:"iconfont" !important;
	font-size:13px;
	font-style:normal;
	-webkit-font-smoothing:antialiased;
	-webkit-text-stroke-width:0.2px;
	-moz-osx-font-smoothing:grayscale;
	content:"\e607";
}

/*===========background===========*/
.orange{ background:#e68d5d;}
.blue{ background:#61b4e5;}
.purple{ background:#8281db;}
.red{ background:#f46956;}

.btn-blue{ background:#2196f3;}


/*===========list style===========*/
.textlist{width:100%; padding-top:3px;}
.textlist > li{line-height:34px; font-size:14px; padding:0 110px 0 18px; position:relative; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.r .textlist > li {padding: 0 60px 0 18px;}
.textlist.small > li{ font-size:12px;}
.textlist.small > li a:hover{ text-decoration:underline;}
.textlist > li:before{content:""; display:block; width:4px; height:4px; background:#ddd; position:absolute; top:12px; left:3px;}
.textlist > li > span{display:block; font-size:12px; color:#bbb; position:absolute; top:0; right:2px;}
.textlist > li > span.timing{ color:#666;}
.textlist > li > span.timing span{ color:#fa6f2b;}

.textlist.hideTime > li{padding-right:0;}
.textlist.hideTime > li span{ display:none;}

.textlist > li.topline{ padding:0 0 0 24px; margin-bottom:13px;}
.textlist > li.topline:before{ display:none;}
.textlist > li.topline a{ display:block; font-size:17px; font-weight:800; font-style:normal; color:#333; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.textlist > li.topline span{ display:none;}


/*===========top===========*/
#header{ background:#fff; box-shadow: 0 2px 8px rgba(0,0,0,0.1);}
.logoBar{height:80px; position:relative; z-index:3;}
.logobox{ width:400px; height:122px; background:url("/_vivi/source/aHR0cHM6Ly96aGdsLm5hbmthaS5lZHUuY24/sfw_cms/res/cms/images/bg.png") 0 20px no-repeat #fff; position:absolute; top:0; left:0;}
.logobox:before{ content:""; display:block; border-right:0; border-left:20px solid transparent; border-top:42px solid #fff; position:absolute; top:80px; left:-20px;}
.logobox:after{ content:""; display:block; border-left:0; border-right:20px solid transparent; border-top:42px solid #fff; position:absolute; top:80px; right:-20px;}
.logo{display:block; width:375px; height:70px; background:url("/_vivi/source/aHR0cHM6Ly96aGdsLm5hbmthaS5lZHUuY24/sfw_cms/res/cms/images/logo.png") 0 0 no-repeat; text-indent:-999em; overflow:hidden; position:relative; top:26px;left:10px;}
.logoBar .tools{ position:absolute; top:28px; right:0;}
.logoBar .tools li{ display:inline-block; position:relative;}
.logoBar .tools li:before{ content:"|"; display:inline; margin:0 10px;}
.logoBar .tools li:first-child:before{ display:none;}
.logoBar .tools li a{ color:#777;}

.nav{ line-height:42px; background:#032a7a; position:relative;}
.nav .menu{ padding-left:415px;}
.nav .menu > .item{ float:left;}
.nav .menu > .item > a{ display:block; font-size:16px; color:#fff; padding:0 16px; position:relative;}
.nav .menu > .item > a:hover{ background:#032467;}
.nav .menu > .item > a.active{ color:#e45454;}
/*
.nav .menu > .item > a.active:after{ content:""; display:block; width:100%; height:3px; background:#e45454; position:absolute; left:0; bottom:0;}
*/

.search-top{ width:200px; box-sizing:border-box; border:1px solid #b2bfd9; border-radius:20px; padding-right:34px; overflow:hidden; position:absolute; top:5px; right:0;}
.search-top > input{display:block; width:100%; line-height:22px; height:30px; font-size:12px; color:#666; padding:4px 10px; background:none; border:0; float:left;}
.search-top > button{display:block; width:34px; line-height:32px; font-size:14px; color:#ccc; background:none; border:0; overflow:hidden; position:absolute; top:0; right:0;}
.search-top > button:hover{ color:#fff; cursor:pointer;}
.search-top > button > i{font-size:18px; position:relative; top:1px;}



/*===========main===========*/
.bod1{ border:1px solid #ebebeb;}
.tab{ line-height:40px; border-bottom:1px solid #f2f2f2; padding-top:4px;}
.tab a{ display:block; text-align:center; font-size:16px; font-weight:700; color:#444; padding:0 10px; position:relative; float:left;}
.tab a.active{ color:#437df6;}
.tab a.active:before{ content:""; display:block; width:100%; height:2px; background:#437df6; position:absolute; left:0; bottom:-1px;}

.leftbox{ width:950px; float:left;}
.rightbox{ width:230px; float:right;}

.management{ width:100%; height:244px; background:#fff;}
.management .loginbar{ background:#f7f7f7; border-bottom:1px solid #ddd; padding:0 15px; box-shadow:0 2px 5px rgba(0,0,0,0.06); position:relative;}
.management .loginbar h3{ line-height:58px; font-size:18px; font-weight:700; color:#5884de;}
.management .loginbar .formbox{ position:absolute; top:12px; right:15px;}
.management .loginbar .formbox li{ display:block; float:left; background:#fff; padding:0 10px; padding-left:27px; border:1px solid #ddd; margin-left:5px; position:relative;}
.management .loginbar .formbox li i{ position:absolute; top:5px; left:5px;}
.management .loginbar .formbox input{ display:block; width:180px; height:32px; background:none; border:0;}
.management .loginbar .formbox li.checkbox{ width:90px; padding-left:10px;}
.management .loginbar .formbox li.checkbox i{ left:auto; right:7px;}
.management .loginbar .formbox .menu{ background:#fff; border:1px solid #ddd; position:absolute; top:36px; left:-1px; right:-1px; z-index:99;}
.management .loginbar .formbox .menu a{ display:block; line-height:32px; padding:0 10px;}
.management .loginbar .formbox .menu a:hover{ background:#eee;}
.management .loginbar .formbox li.text{ padding:0; border:0; background:none;line-height:34px; font-size:14px; font-weight:800;}
.management .loginbar .formbox li.btn{ padding:0; border:0; background:none;}
.management .loginbar .formbox li.btn button{ display:block; width:70px; line-height:34px; font-size:14px; font-weight:800; color:#fff; background:#3b6dd2; border:0; cursor:pointer;}
.management .loginbar .formbox li.btn button:hover{ background:#4a7ce0;}
.management .menubar{ padding:10px;}
.management .menubar ul{ overflow:hidden; zoom:1; margin-left:7px; position:relative;}
.management .menubar ul:after{ content:""; display:block; width:1px; background:#fff; position:absolute; top:0; bottom:0; right:7px; z-index:8;}
.management .menubar li{ width:25%; height:82px; float:left; background:#fff; border:1px solid #f7f7f7; padding:10px 0; margin:-1px;}
.management .menubar li > a{ display:block; height:60px; line-height:60px; font-size:14px; padding-left:94px; position:relative;}
.management .menubar li .ml{ height:60px;position: relative; padding-left:94px;}
.management .menubar li > a > i, .management .menubar .ml > i{ display:block; width:42px; height:42px; line-height:42px; font-size:24px; color:#fff; text-align:center; background:#2196f3; border-radius:6px; position:absolute; top:50%; margin-top:-21px; left:30px;}
.management .menubar li .ml a{ display:inline-block; line-height:24px; margin-top:3px; position:relative;}
.management .menubar li .ml a i{ position:relative; top:1px;}
.management .menubar li .ml a + a{ border-top:1px solid #eee;}

.info-bar{ width:100%;}
.info-bar .cloumn{ width:465px; background:#fff; float:left;}
.info-bar .cloumn.r{ float:right;}

.slider{ width:100%; height:280px; position:relative; overflow:hidden;}
.slider img{ display:block; width:100%; height:100%;}

.news , .many{ width:100%; height:280px; padding:0 20px; position:relative;}
.many{ height:418px;}

.sys{ height:244px;}
/* #wenhao:hover ~div{ display:block; } */
.sys a{ display:block; height:76px; line-height:76px; font-size:16px; color:#fff; background:#f2932d; margin-bottom:8px; padding:0 15px; padding-left:82px; position:relative;}
.sys a div { text-align:center; height:22px; margin-right:15px; margin-top:48px; float:right;}
.sys a div span{font-size:14px; color:#fff; margin-top:-26px; float:right;}
.sys a.ml{ line-height:24px; padding-top:14px;}
.sys a.ml2{ line-height:24px;}
.sys a i{ display:block; width:42px; height:42px; line-height:42px; text-align:center; font-size:22px; border:1px solid #fff; border-radius:40px; position:absolute; top:16px; left:24px;}
.sys a.red{ background:#ef6b6b;}
.sys a.blue{ background:#3b6dd2;}

.weixin{ background:#fff; font-size:14px; padding:15px; overflow:hidden;zoom:1;}
.weixin img{ display:block; width:80px; float:left; margin-right:14px;}

.lab{ background:#fff; padding:0 20px;}
.lab > .title{ line-height:30px; font-size:16px; font-weight:700; color:#888; padding:10px 0;}
.lab > .list{ padding-bottom:20px;}
.lab > .list a{ display:block; line-height:44px; font-size:14px; color:#666; padding:0 10px; background:#e8f3fc; border:1px solid #dbebf9; margin-bottom:3px; overflow:hidden;white-space: nowrap;overflow: hidden; text-overflow: ellipsis;}
.lab > .list a:hover{ background:#cde7fb; border:1px solid #badcf5;}

.safety{ width:100%;}
.safety img{ display:block; width:100%;}






/*===========foot===========*/
#footer{line-height:2em; font-size:14px; min-height:226px; text-align:center; color:#8f98a0; background:#405568;}
#footer ul{ line-height:38px; background:#33485b; overflow:hidden;zoom:1; margin-bottom:55px;}
#footer li{ display:inline-block; margin:0 9px;}
#footer li:after{ content:""; display:inline-block; width:1px; height:12px; border-left:1px solid #777; margin-left:20px; position:relative; top:1px;}
#footer li:last-child:after{ display:none;}
#footer li a{ color:#aeb8c2; font-size:14px;}
#footer li a:hover{ color:#e2e5e8;}
#footer p{ margin-bottom:0;}
#footer p span{ margin:0 10px;}








/*===========二级页面===========*/
.subpage{background:url("/_vivi/source/aHR0cHM6Ly96aGdsLm5hbmthaS5lZHUuY24/sfw_cms/res/cms/images/lider.png") 5px 0 repeat-y #fcfdff; border:1px solid #e5e5e5; box-shadow:0 5px 5px rgba(0,0,0,0.03); position:relative; padding-left:200px;}
.subpage.no-sider{background:#fff; padding-left:0;}
.subpage.no-sider .siderBar{display:none;}
.subpage.no-sider > .contant{border-left:0;}
.subpage > .contant{min-height:400px; background:#fff; border-left:1px solid #e5e5e5;}
.subpage > .siderBar{width:200px; position:absolute; left:0; top:0;}
.subpage > .siderBar > .title{line-height:40px; font-size:14px; font-weight:bold; padding:0 10px; margin:0 10px; margin-bottom:15px; border-bottom:2px solid #bcbcbc;}
.subpage > .siderBar > .menu{padding:0 8px;}
.subpage > .siderBar > .menu li{padding:3px 0;}
.subpage > .siderBar > .menu a{display:block; line-height:30px; padding:2px 10px; border-radius:5px; position:relative;}
.subpage > .siderBar > .menu a > i{display:block; line-height:24px; font-size:12px; position:absolute; top:5px; right:10px;}
.subpage > .siderBar > .menu a.default:link,.subpage > .siderBar > .menu a.default:visited{color:#666; border:1px solid #e2e2e2;}
.subpage > .siderBar > .menu a.default:hover{background:#f4f4f4; text-decoration:none; border:1px solid #dadada;}
.subpage > .siderBar > .menu a.active:link,.subpage > .siderBar > .menu a.active:visited{color:#fff; background:#2196f3; border:1px solid #2196f3;}
.subpage > .siderBar > .menu a.red:hover{text-decoration:none;}

.subpage .listbar{margin:0 30px;}
.subpage .listbar > .title{font-size:14px; color:#555; margin-bottom:15px; border-bottom:1px solid #ddd;}
.subpage .listbar > .title > span{display:inline-block; line-height:40px; font-weight:bold; border-bottom:2px solid #2196f3; margin-bottom:-1px;}
.subpage .listbar > .list{width:100%; padding-bottom:50px;}
.subpage .listbar > .list td{display:block; line-height:24px; padding:7px 115px 7px 24px; border-bottom:1px dotted #eee; position:relative; white-space:nowrap; overflow:hidden; text-overflow: ellipsis;}
.subpage .listbar > .list td a{color:#444;}
.subpage .listbar > .list td a:hover{ color:#e45454;}
.subpage .listbar > .list td:before{content:"\e635"; font-family:"iconfont" !important; font-size:12px;font-style:normal; line-height:24px; color:#aaa; -webkit-font-smoothing: antialiased;-webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing:grayscale; position:absolute; top:8px; left:0;}
.subpage .listbar > .list td:hover{background:#f8f8f8;}
.subpage .listbar > .list td span{color:#aaa; display:block; position:absolute; top:7px; right:0;}
/*text页面*/
.subpage .textbox{min-height:700px; padding:20px;}
.subpage .textbox > .title{border-bottom:1px solid #f5f5f5; text-align:center; padding:35px;}
.subpage .textbox > .title h1{font-size:24px; font-weight:800; color:#444; line-height:1.5em;}
.subpage .textbox > .title > span{color:#999; line-height:2em;margin:0 1em;}
.subpage .textbox > .msbox{width:auto; font-size:14px; line-height:2em;padding:30px;}
.subpage .textbox > .msbox p{text-indent:2em; margin-bottom:1em;}

.subpage .search-bar{padding:50px 0; border-bottom:1px solid #eee; margin:0 30px; margin-bottom:40px;}
.subpage .search-bar > .search-tool{width:500px; margin:0 auto;}
.subpage .search-bar > .search-tool > input{display:block; width:410px; line-height:22px; height:42px; font-size:12px; padding:8px 12px; background:#fff; border:2px solid #9e9e9e; border-radius:3px 0 0 3px; float:left;}
.subpage .search-bar > .search-tool > button{display:block; width:62px; line-height:42px; font-size:14px; color:#fff; background:#2196f3; border:0; border-radius:0 3px 3px 0; float:left; overflow:hidden;}
.subpage .search-bar > .search-tool > button:hover{background:#1786dd; cursor:pointer;}





/*===========media===========*/
@media(max-width:1025px){


}