html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
a,button{cursor:pointer;}
h1,h2,h3{font-weight: normal;}
del,ins,u,s,a,a:hover{text-decoration:none;}
body,textarea,input,button,select,keygen,legend{font:16px/1.14 "Microsoft YaHei",,Verdana,arial,\5FAE\8F6F\96C5\9ED1;color:#383838;outline:0;}
input,select,textarea{outline:none;border:none;background:none;}
a{color:#444;} 
a:hover{color:#0f66bb; xcolor:#1f84d3 0068b7;}
.clearfix:after{content:"";display:block;clear:both;}
.clearfix{zoom:1;}
/*light-blue: #01569b; dark-blue: #0068b7;*/
.usn{-moz-user-select: none; -webkit-user-select: none;-ms-user-select: none;-khtml-user-select: none;user-select: none;} 
.hide,.hidden{display: none;}
body{ background: #fff; }
.wrapper{width: 100%;min-width: 1280px;}
.wrap{width: 1280px;  margin: 0 auto;}
.ftl{float: left;}
.ftr{float: right;}
.pd16{padding: 0 16px;}
.mcolor {color:#0058a6;}
.mbgc {background-color: #0058a6;}
.shadow { box-shadow: 3px 3px 10px #eee, -2px -2px 5px #eee;
    border-radius: 5px;
    border: 1px solid #e9e9e9;}


/*header */
.header-top {height: 28px;line-height: 28px;background: #013b6e;color: #fff;font-size: 14px; display: none;}
.header-top a{ color: #fff;}
.top-link ul {/* padding-left: 70px; */}
.top-link ul span {padding-right: 12px;float: left;width: 70px;text-align: center;line-height: 28px; white-space:nowrap;}
.header{position: relative;color: #fff;/* z-index: 999; */height: 120px;background: #0f66bb;background: #01559e url(../img/header.png) no-repeat right center;}
.header a {color: #fff;}
.header > .wrap {height: 120px; background: url(../img/headbg.png) no-repeat right; position: relative;}
.change-old {position: absolute;top: 15px;right: 75px;font-size: 13px;padding-right: 19px;background: url(../img/back.png) no-repeat right 0px;}
.change-old a{}
.header-bg{position: absolute;display: none; width: 300px;height: 120px;left: 50%;background: url(../img/header_bg.png) no-repeat 0;margin-left: -786px;}

.logo{font-size: 0;}
.logo a img{height: 72px;  margin: 25px 0 0 70px;}
.logo > img {margin: 24px;}
.top-link {
    width: 410px;
    margin-top: 35px;
}

.search-wrap {
    margin-top: 44px;
    border-left: 1px solid #fff;
    padding-left: 16px;
    margin-right: 42px;
    height: 40px;
}

.search{margin: 16px 0px 0 2px;/* border-radius: 12px; *//* background: #fff; *//*background: url(../img/search_bg.png) no-repeat;width: 213px;height: 36px;*/position: relative;overflow: visible;z-index: 1;height: 16px;}
.search_img{width: 14px;height: 14px;position: relative;cursor: pointer;margin-top: -5px;}
.search_img img {margin-top: 2px;}
.search_box{display: none;width: 400px;background: #fff;padding: 0px 7px;position: absolute;right: 26px;top: -14px;height: 43px;line-height: 36px;font-size: 26px;border: 1px solid #fff;}
.search_box input.search_key{width: 334px;/* font-size: 12px; */padding: 3px 4px;/* background: #fff; */border: 0;outline: none;border-radius: 5px;margin-right: 7px;/* color: #fff; */}
.search_box .search_sub{/* color: #003262; */border:none;/* font-size: 14px; *//* color: #fff; */ cursor: pointer; }
.search_box:before {content: "";display: block;position: absolute;width: 0;height: 0;border: 8px solid transparent;border-left-color: #fff;top: 15px;right: -17px;/* opacity: 0.9; */}

.search .search-input{height: 14px;line-height: 14px;font-size: 14px;width: 125px;padding: 2px 0 3px 15px;color: #fff;float: right;border: 1px solid #fff;margin-top: -4px;/* padding-bottom: 2px; */position: absolute;top: 27px;right: 5px;}
.search .submit{height: 17px;vertical-align: middle;width: 16px;background: url(../img/search1.png) no-repeat 0 0px /14px;cursor: pointer;float: left;padding-right: 22px;}
/* 
.search{margin: 16px 0px 0 6px;position: relative;overflow: visible;z-index: 1;height: 16px;}
.search_img{width: 14px;height: 14px;position: relative;cursor: pointer;margin-top: -5px;}
.search_box{display: none;width: 140px;padding: 0px 7px;position: absolute;right: 37px;top: 24px;height: 22px;line-height: 19px;border: 1px solid #fff;}
.search_box input.search_key{width: 91px;font-size: 12px;padding: 3px 4px;border: 0;outline: none;border-radius: 5px;margin-right: 7px;color: #fff;}
.search_box .search_sub{border:none;font-size: 14px;color: #fff;}
.search_box:before {content: "";display: block;position: absolute;width: 0;height: 0;border: 6px solid transparent;border-bottom-color: #fff;top: -12px;right: 10px;opacity: 0.9;}

.search .search-input{height: 14px;line-height: 14px;font-size: 14px;width: 125px;p;padding: 2px 0 3px 15px;color: #fff;float: right;border: 1px solid #fff;margin-top: -4px;position: absolute;top: 27px;right: 5px;}
.search .submit{height: 17px;vertical-align: middle;width: 16px;background: url(../img/search1.png) no-repeat 0 0px /14px;cursor: pointer;float: left;padding-right: 22px;}
 */

/*nav */
.nav-wrap {background: #fff;min-width: 1280px;position: relative;z-index: 999;}
.nav-wrap:after{content: '';height: 30px;position: absolute;z-index:2;display: none;left: 0;bottom:-30px;right: 0;-moz-box-shadow:0px 13px 54px -17px #000 inset;-webkit-box-shadow:0px 13px 54px -26px #000 inset;box-shadow:0px 13px 54px -26pxpx #000 inset;}
.nav{height: 42px;position: relative;z-index: 999;}
/*.nav .nav-on{background-color: #ffc054;}*/
.nav .nav-first{margin-left: 12px; height: 1px;}
/*.nav .nav-on a{color:#002863;}*/
.nav>ul>li{float:left;line-height: 42px;text-align: center;padding: 0 32px;/*width: 12.2%; margin-left: 4px;*/position: relative;z-index: 999;}
.nav>ul>li>a{font-size: 17px;display: block;color: #333;}
.nav>ul>li:hover{background-color: #0058a6; background-color: #0058a6; }
.nav>ul>li:hover>a{color: #fff;}
.nav>ul>li:hover>ul{display: block; }
.nav>ul>li>ul{display: none;xfilter: alpha(opacity=90);box-shadow: 1px 1px 4px #ccc;background: #ffffff;xbackground: rgba(0, 74, 134, 0.9);position: absolute;z-index: 999;left:0px;top: 42px;width: auto;}
.nav>ul>li>ul>li{xbackground: #004986;white-space: nowrap;display: block;font-size: 16px;padding: 0 42px;border-top: 0px solid transparent;line-height: 38px;xmin-width:95px;text-align: left;}
.nav>ul>li>ul>li:hover{background: #0058a6;border-top: 0px solid #fff;}
.nav>ul>li>ul>li:hover>a{color: #fff;}
.nav>ul>li>ul>li>a{white-space: nowrap;  color: #333; display: block;  background: url(about:blank);}
.nav .has-subnav:after{ position: absolute;right:6px;  top: 18px; content: ""; width: 0px;  height: 0px; border-top: 6px solid #b9b9b9; border-left: 6px solid transparent; border-right: 6px solid transparent;}
.nav .has-subnav:hover::after{border-top: 6px solid #1f84d3;}
.nav>ul>li.li-home{padding: 0 10px 0 27px;width: 42px;}
.nav>ul>li.li-home:hover { background-color: #fff;}
.nav>ul>li.li-home img { display: block; padding: 9px; }
.nav>ul>li:before{content: " ";display: block;width: 4px;height: 4px;background: #aaa;position: absolute;left: 20px;top: 19px;border-radius: 2px;}
.nav>ul>li:hover:before {background: #fff;}
.nav>ul>li.li-home:before{display: none;}



/*footer */
.footer{height: 70px;background: url(../img/footer_bg.jpg) no-repeat center;min-width: 1280px;color: #fff;padding: 40px 0;}
.footer span{ color: #fff;}
.footer .wrap {/* padding-top: 20px; */}
.friend-links {margin-bottom: 34px;}
.friend-link {position: relative;margin: 24px 50px 0 50px;width: 290px;background: #fff;xborder: 2px solid #1b61a6;line-height: 32px;}
.friend-link p {text-align: center; color: #333; }
.friend-link p span{float: right;/* padding-right: 6px; */width: 52px;height: 32px;font-size: 28px;font-weight: bold;background: #1b61a6;text-align: center;color: #fff;line-height: 28px;-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none;-khtml-user-select: none;user-select: none;}
.friend-link ul {display: none;background: #fff;position: absolute;z-index: 999;left:0px;top: 32px;width: 290px;max-height: 330px;overflow-y: auto;overflow-x: hidden;}
.friend-link ul li {background: #fff;white-space: nowrap;width: 350px;text-indent: 20px;text-align: left;border-top: 1px solid #ddd;}
.friend-link ul li:hover {background: #1b61a6;}
.friend-link ul li:hover a{color: #fff;}
.friend-link ul li a {white-space: nowrap;  color: #333; display: block;  background: url(about:blank);}

.btm-logo {width: 322px;height: 80px;margin-left: 67px;    margin-top: 10px;}
.btm-logo img {height: 60px;}

.quick-link {width:400px;/* border-left: 1px solid #fff; *//* border-right: 1px solid #fff; */line-height: 38px;padding-left: 35px;}
.quick-link ul li {float: left;width: 33%;text-align: left;text-indent: 40px;white-space: nowrap;line-height: 40px; }
.quick-link ul li a{ color: #fff;}

.qrcode { margin-top: 20px;}
.qrcode li {float: left;padding: 0 18px;position: relative;}
.qrcode ul li span {position: absolute; top: -110px; left: -20px; display: none}
.qrcode ul li:hover span {display: block;}
.qrcode ul li span img {height: 100px;}

.qrcode-img.second {/* border: none; */padding: 0 32px 0 40px;margin: -10px 0 0 30px;display: block;}

.qrcode-img{border-left: 1px solid #fff;/* border-right: 1px solid #fff; */padding: 0 38px 0 54px;margin: -10px 0 0 33px;text-align: center;line-height: 21px;display: none;}
.qrcode-img img {/* margin: 3px 0px 0 26px; */width: 66px;}

.shiye img {height: 80px;margin: -3px 0 0 0px;}

.copyright {color: #fff;text-align: center;line-height: 36px; background: #01284a;}
.copyright .conac {float: right;}
.copyright .conac img {max-height: 36px;}
.copyright a {color: #fff;} 
.wsc{
    position: absolute;
    left: 0;
    top: 100%;
    background: #7abdf7;
    color: #fff;
    width: 100%;
    transition: all .3s;
    padding-left: 15px;
    transform: translateY(10px);
    box-sizing: border-box;
    opacity: 0;
    visibility: hidden;
}
.showWsc{
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}