/*================基本样式重置================*/
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,p,img,span,i,a,em,strong,b,input,textarea,select { margin:0; padding:0; }
i,em { font-weight:normal; font-style:normal; }
b{font-weight: normal;}
a,i,em,b,img{display: block;}
body { font-family:"Microsoft Yahei","PingFang SC"; }
li { list-style:none; }
a,img,input { border:0 none; }
a { text-decoration:none; outline:none; }
a:hover { text-decoration:none; }
a:focus,input:focus { outline:0 none;}
input::-webkit-search-cancel-button{display: none;}/*清除谷歌浏览器下的 search 叉号*/
input::-ms-clear{display: none;}/*清除IE下的 search 叉号*/
textarea { resize:none; font-size:12px; } /*去掉火狐和谷歌浏览器的Textarea改变尺寸大小功能*/
table { border-collapse: collapse; } /*边框合并*/
/*html5*/
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
/*========定义基础样式========*/
.hide { display:none;}
.vis{visibility: hidden;}
.fl { float:left;}
.fr { float:right;}
.clearfix:after { content:" "; display:block; clear:both; height:0; }
.clearfix { zoom:1; }
/*a标签鼠标hover高亮显示状态(可选用)*/
a .opacity { filter:alpha(opacity=100); opacity:1; -moz-opacity:1; }
a:hover .opacity { filter:alpha(opacity=80); opacity:0.8; -moz-opacity:0.8; }
/*主体宽度样式(可选用)如有新宽度,命名规则以小写w开头,后接具体宽度数据,例:*/
.w1200{width: 1200px; margin: 0px auto; }
.w1220{width: 1220px; margin: 0px auto; }
.header{position: fixed; left: 0px;top: 0px;z-index: 9; width: 100%;height: 133px; background: #fff;
-webkit-transition:all .8s cubic-bezier(0.22, 0.61, 0.36, 1); -moz-transition:all .8s cubic-bezier(0.22, 0.61, 0.36, 1); -ms-transition:all .8s cubic-bezier(0.22, 0.61, 0.36, 1); -o-transition:all .8s cubic-bezier(0.22, 0.61, 0.36, 1); transition:all .8s cubic-bezier(0.22, 0.61, 0.36, 1);}
.header .w1220{position: relative;}
.header .logo{float: left;}
.header .logo .big_img{display: block; margin-top: 35px;height: 63px;}
.header .logo .small_img{display: none; }
.header .nav{ float: right;margin: 49px 0px 0 0;}
.header .nav .one{position: relative; float: left;}
.header .nav .one .lis{margin:0 10px 34px; font-size: 16px;color: #444;line-height: 48px;border-bottom: #fff 2px solid;}
.header .nav .one .lis.cur,.header .nav .one .lis:hover{color: #004990;border-bottom: #004990 2px solid;}
.header .nav .one .pos{position: absolute;left: 50%;top: 84px;z-index: 11; transform: translateX(-50%); width: 1200px;height: 0px;overflow: hidden;}
.header .nav .one .pos ul{display: inline-block;text-align: center;}
.header .nav .one .pos li{float: left; height: 60px;}
.header .nav .one .pos a{transition: all 0.5s; padding:0px 21px;line-height: 60px; font-size: 14px;color: #fff;}
.header .nav .one .pos a:hover{line-height: 50px;}
.header .nav_bac{ position: absolute;left: 0px;z-index: 8; width: 100%;height: 0px;background: #004990;}
.header .search_icon{float: right;margin-top: 50px; width: 50px;height: 42px;font-size: 14px;color: #9d9c9c; background: url(../image/icon_1.png) center no-repeat;border:none;cursor: pointer;}
.header .search{transition: all 0.5s;opacity: 0; position: absolute;top: 0px;right: 0px;z-index: 2; width: 0px;height: 133px;background: #fff; overflow: hidden;}
.header .search .next{ position: absolute;top: 0px;left: 0px;z-index: 2;width: 680px;padding-top: 50px;}
.header .search .next .bor{float: left; width: 628px;height: 48px; border: #c3c0c3 1px solid;border-radius: 42px;}
.header .search .next input{float: left; margin-left: 15px;width: 510px; height: 48px;line-height: 48px;background: none;}
.header .search .next .but{margin: 0 0 0 12px; float: left;width: 50px;height: 48px;font-size: 14px;color: #9d9c9c; background: url(../image/icon_1.png) center no-repeat;border:none;cursor: pointer;}
.header .search .next .delete{float: left;width: 48px;height: 48px;background: url(../image/icon_20.png) center no-repeat;cursor: pointer;}
.header .search.cur{transition: all 0.5s;opacity: 1; width: 680px;}
/* .header_fixed,.header_fixed .search{height: 88px;} */
.header_fixed .logo .big_img{ margin-top: 35px;height: 63px;}
/* .header_fixed .logo .small_img{display:block;margin-top: 23px;height: 42px; } */
/* .header_fixed .nav{margin-top: 19px;} */
/* .header_fixed .search_icon{margin-top:23px; } */
/* .header_fixed .search .next{padding-top: 19px;} */
/* .header_fixed .nav .one .lis{margin-bottom: 19px;} */
/* .header_fixed .nav .one .pos{top: 69px;} */
/* .header_fixed .nav_bac{top: 88px;} */
.footer{background: #004990;color: #d9d9d9; text-align: center;}
.footer .t{position: relative; padding: 40px 0 18px;}
.footer .t .list{ font-size: 14px;height: 27px;overflow: hidden;}
.footer .t .list a{transition: all 0.5s; display: inline-block;opacity: 1; padding: 0 12px;line-height: 27px; color: #d9d9d9;}
.footer .t .list a:hover{transition: all 0.5s;opacity: 0.6;}
.footer .t .list i{display: inline-block;text-indent: -99999px;width: 34px;line-height: 27px; background: url(../image/icon_8.png) center no-repeat;}
.footer .t p{padding: 18px 0 20px;}
.footer .t .weixin{
position: absolute;
top: 46px;
right: 0px;
}
.footer .t .weixin img{width:75px;}
.footer .t .weixin p{line-height: 20px;
text-align: center;
font-size: 14px;
padding: 12px 0 0;}
.footer .b{border-top: #185999 1px solid;line-height: 68px;font-size: 14px;}
.footer_color{color: #444;background: #f6f6f6;}
.footer_color .t .list a{color: #444;}
.footer_color .t .list i{background: url(../image/icon_8s.jpg) center no-repeat;}
.footer_color .b{border-top: #e0e0e0 1px solid;}
/* 悬浮 */
.suspension{display: none; position: fixed;right: 3%;top: 50%;z-index: 13;width: 45px;height: 188px; margin-top: -94px;cursor: pointer;}
.suspension_fixed{display: block;}
.suspension .sus{position: relative; width: 100%;}
.suspension .sus p{margin-bottom: 2px; width: 45px;height: 45px;}
.suspension .sus p a{display: block;width: 100%;height: 100%;}
.suspension .sus1 p{ background:#015196 url(../image/icon_21.png) center no-repeat;}
.suspension .sus2 p{ background:#015196 url(../image/icon_22.png) center no-repeat;}
.suspension .sus3 p{ background:#015196 url(../image/icon_23.png) center no-repeat;}
.suspension .sus4 p{ background:#015196 url(../image/icon_24.png) center no-repeat;}
.suspension .sus1:hover p{background:#015196 url(../image/icon_21.png) center no-repeat;}
.suspension .sus2:hover p{background:#015196 url(../image/icon_22.png) center no-repeat;}
.suspension .sus3:hover p{background:#015196 url(../image/icon_23.png) center no-repeat;}
.suspension .sus4:hover p{background:#015196 url(../image/icon_24.png) center no-repeat;}
.suspension .sus .pos{display: block; position: absolute;top: 50%;right: 56px;margin-top: -59px; width: 0px;height: 118px;overflow: hidden; background: url(../image/icon_25.png) left center no-repeat;}
.suspension .sus .pos img{display: block;margin:8px 0 0 6px;width: 105px;height: 105px;}
.sImgA{margin: 40px 0;}
.sImgA img{display: block;margin: 0 auto;width: 400px;}