@charset "utf-8";
/* CSS Document */
/**
 * Created by fy on 2018/6/14.
 */
/*CSS reset*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,blockquote,th,td,p{margin:0;padding:0; font-family:"微软雅黑"; font-size:16px; cursor:default; color:#000;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;border:none;}
ul,li,dl ,dt,dd ,ol,p,img{ list-style: none;border: none; vertical-align:middle;}
address,caption,cite,code,dfn,em,th,var,optgroup{font-style:normal;font-weight:normal;}
del,ins{text-decoration:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
button,input,select,textarea{font-size:100%;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;}
a{text-decoration:none; outline:none; color:#4c4c4c;}
a:hover{ text-decoration:none;}
a:active{outline: none;star:expression(this.onFocus=this.blur());}
i{font-style:normal}

.clear{ clear:both;}
.fl{ float: left;}
.fr{ float: right;}
.pr{position:relative;}
.mt15{ margin-top: 15px!important; }

.container{ width: 100%; }
@media screen and ( max-width: 1200px ) {
    .container{ width: 1200px; }
}
body{ background: url(2018cssmzj_bj.jpg) no-repeat center; background-attachment:fixed; }

/*--头部--*/
.top{ width: 1160px; height: 173px; margin: 0 auto; color: #323232; }
.top a,.top .top_left{ color: #323232; }
.top .top_left{ height: 50px; line-height: 50px; }
#logo{ margin-top: 10px; margin-left: -5px; float: left; }
.top .top_right{ float: right; margin-top: 37px; margin-right: 20px; }
.top .top_right .search{ width: 308px; height: 38px; border: 1px solid #2481ad; border-radius: 20px; background: #fff; }
.top .top_right .search .sr{display: inline-block; float: left; width: 218px; height: 38px; line-height:38px; border: none; outline: none; color: #2481ad; background:none; padding: 0 20px; font-size:14px;}
.top .top_right .search .btn{display: inline-block; float: right; width: 50px; height: 38px; border: none; outline: none; background:url(2018cssmzj_search.png) no-repeat center; cursor: pointer; }
.search-focus,.sr-focus{ -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all .3s ease-out; }
.search-focus{ box-shadow:0 0 9px rgba(233, 0, 0, 0.9);-webkit-box-shadow:0 0 9px rgba(233, 0, 0, 0.9); border: 1px solid #E90000!important; }
.sr-focus:focus::-webkit-input-placeholder{ color: #e90000; }    /* 使用webkit内核的浏览器 */
.sr-focus:focus:-moz-placeholder{ color: #e90000; }              /* Firefox版本4-18 */
.sr-focus:focus::-moz-placeholder{ color: #e90000; }             /* Firefox版本19+ */
.sr-focus:focus:-ms-input-placeholder{ color: #e90000; }         /* IE浏览器 */


/* 导航 logo*/
.nav{ width: 100%; height: 82px; background: url(2018cssmzj_nav.png) no-repeat center top; position: relative; }
.nav ul { width: 1200px; height: 70px; line-height: 70px; margin: 0 auto; padding-top: 3px; position: relative; z-index: 1; }
.nav ul li{ float:left; width: 25%; height: 70px; line-height: 70px; text-align: center; }
.nav ul li a{ display: inline-block; width: 100%; height: 100%; color: #fff; font-size: 24px; }
.nav ul a{font-size: 24px !important;}
.nav .rubberBand{ animation-duration: 0.7s; }
#nav_bj{ display: block; background: #13699b url(2018cssmzj_nav_hover.png) no-repeat center 55px; position: absolute; left: 0; top: 3px; width: 184px; margin: 0 58px; height: 70px; z-index: -1; }


.main{ min-height: 500px; }


.footer{ background: #2390cc; }
.footer ul{display:table;margin:0 auto;padding: 20px 0;overflow: hidden; *width:900px; *display:block;}
.footer ul li{ display: table-cell; *display:inline-block; *text-align: center; *float: left }
.footer ul li img{ height: 55px; padding-left: 20px; *margin-top: 5px; }
.footer ul li p{ padding: 0 40px; line-height: 30px; font-size: 14px; color: #fff; text-align: center; }


.toolbar{position:fixed;right:20px; top:50%;margin-top:-168px;z-index:99999;}
@media screen and ( max-width:1200px ){
    .toolbar{right:13px;margin-right:0;}
}
.toolbar-item{ display:block;width:56px;height:56px;border-radius: 50%;background:#484a4b;position:relative; margin-bottom: 15px; color:#FFFFFF; line-height: 56px; text-align: center; font-size: 26px; }
.toolbar-item:hover{background:#5593b7;}
.toolbar-item i{ display:inline-block;width:56px;height:56px;background:url(page_bb.png) no-repeat center top;}
.toolbar-item .toolbar-tb1{ background-position: center 15px!important;}
.toolbar-item .toolbar-tb2{ background-position: center -57px!important;}
.toolbar-item .toolbar-tb3{/* background-position: center -128px!important; */background: url(page_bb3.png) no-repeat center top;}
.toolbar-item .toolbar-tb4{ background-position: center -200px!important;}
.toolbar-item .toolbar-tb5{ background:url(page_bb2.png) no-repeat;}

#top{ line-height: 52px; }
.toolbar-layer{position:absolute;right:65px;bottom:-280px;display:none;}
.toolbar-layer img{width:100px;height:100px; margin-bottom:10px;}
.toolbar-layer1{position:absolute;right:65px;bottom: -40px;display:none;}
.toolbar-layer1 img{width:100px;height:100px; margin-bottom:10px;}
         
.footer img.jinghui{height: unset;padding: 0px;padding-right: 5px;}