@charset "utf-8";


html { -ms-touch-action: none; overflow-x: hidden;}
body { font-family: Heiti, Heiti SC, DroidSans, DroidSansFallback, Arial, "Microsoft YaHei"; background-color: #fff;}
input { font-family: Arial, "Microsoft YaHei", sans-serif;}
a { text-decoration: none;  -webkit-touch-callout: none;}
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, span, a { margin: 0; padding: 0;}
table { border-collapse: collapse; border-spacing: 0;}
fieldset, img, iframe { border: 0;}
img { vertical-align: middle;}
i, address, caption, cite, code, dfn, em, strong, th, var { font-style: normal;}
ol, ul, li { list-style: none;}
caption, th { text-align: left;}
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after { content: '';}
abbr, acronym { border: 0; font-variant: normal;}
input, textarea { -webkit-user-select: text; -ms-user-select: text; user-select: text; -webkit-appearance: none;}
input:focus, select:focus, textarea:focus, button:focus { outline: none;}

.pull-left { float: left;}
.pull-right { float: right;}

.text-left { text-align: left;}
.text-right { text-align: right;}

.row:after, .row:before { display: table; content: " ";}
.row:after { clear: both;}
.col { float: left;}
.clearfix{clear: both;}

/*页面头部*/

body{overflow: hidden;}
.content-wrap { width: 1200px; height: 100%; margin: auto;}
.header .m-nav{display: none;}
.header .top-nav { width: 100%; height: 40px; line-height: 40px; background: #003b64;}
.top-nav li { float: left; padding: 0 10px 0;}
.top-nav li a{ font-size: 14px; color: #fff; padding: 2px;}
.top-nav li a img { width: 15px; height: 15px;}
#window
        {
            margin:0;
            padding:0;
            width:300px;
            height:80px;
            background:url(../images/66.jpg) no-repeat;
            position:fixed;
            left:0px;
            top:186px;
            z-index:999;}
#cl{ width:200px;
            height:80px;
float:left;}
 #close
        {
            font-size: 15px;
            background-color: transparent;
            padding:0;
            width: 17px;
            border:solid 1px;}

.header .nav { width: 100%; height: 60px; background: #fff; position: relative; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);transition: all 300ms ease;}
.nav li { float: left; margin: 0 15px; transition: all 300ms ease;}
.nav li:first-child { margin-left: 0;}
.nav li:last-child { margin-right: 0;}
.nav li>a { display: block; width: 80px; height: 60px; font-size: 16px; font-weight: 600; color: #003b64; line-height: 60px; text-align: center;}
.nav li>a:hover { color: #fff; background: #003b64;}
.nav li:hover .subMenu { display: block;}
.subMenu{ position: absolute; left: 0; z-index: 99; display: none; width: 100%; padding: 24px 0; font-size: 14px; text-align: center; background: #fff;}
.subMenu .slogan>span{display: block;font-size: 13px;}
.subMenu img { width: 330px;}
.subMenu .slogan { display: inline-block; width: 100px; margin-left: 60px; vertical-align: middle; color: #003b64; line-height: 28px;}
.subMenu .item-list { float: left; margin-right: 40px;}
.subMenu .item-list:last-child { margin-right: 0;}
.subMenu .item { line-height: 28px;}
.subMenu .item a{ display: block; color: #666;white-space: nowrap;padding: 0 10px;}
.subMenu .item a:hover{ color: #003b64;}
.nav-hover{ color: #fff!important;background: #003b64;}
.header{ width: 100%; background: #fff;}
.header .logo { position: absolute; top: -30px; left: 0; right: 0; margin: auto; width: 160px; height: 160px; background: #fff; border-radius: 100%; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2); text-align: center; z-index: 100;overflow: hidden;}
.header .logo img { width: 160px; margin: 0px auto 0;}
.header.header-current{ position: fixed; z-index: 99;}
.header.header-current .logo{ width: 120px!important; height: 120px!important; transition: all 300ms ease;}
.header.header-current .logo img{ width: 120px!important; transition: all 300ms ease;}
.header.header-current .nav{ height: 60px;}
.side-nav{ position: fixed; top: 0; left: 0; bottom: 0; width: 50%; display: none; font-size: 14px; background: #252525; z-index: 999;overflow: scroll;}
.side-nav.right{ -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); transition: all 300ms ease;}
.side-nav.left{ -webkit-transform: translateX(-110%); -moz-transform: translateX(-110%); -o-transform: translateX(-110%); transform: translateX(-110%); transition: all 300ms ease;}
.header.right,.container-fluid.right{ -webkit-transform: translateX(50%); -moz-transform: translateX(50%); -o-transform: translateX(50%); transform: translateX(50%); transition: all 300ms ease;}
.header.left,.container-fluid.left{ -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); transition: all 300ms ease;}
.side-nav dl{z-index: 2;}
.side-nav dt{ height: 35px; line-height: 35px; color: #8e8e8e; padding-left: 12px; border-bottom: 1px solid #141414; box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.15) inset, 1px 1px 3px rgba(0,0,0,0.2); background: #333;}
.side-nav dd li{ line-height: 20px; border-bottom: 1px solid #141414; box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.15) inset, 1px 1px 3px rgba(0,0,0,0.2);}
.side-nav dd li a{ position: relative; display: block; padding: 12px 0 12px 18px; color: #fff;}
.side-nav i{ position: absolute; top: 50%; right: 18px; display: block; width: 12px; height: 12px; background: url(../images/logo/jiantou.jpg) no-repeat; background-size: 100% 100%; transform: translateY(-50%); transition: all 300ms ease;}
.dropdown-menu{ height: 0;overflow: hidden;transition: all 300ms ease;}
.dropdown-menu li{ padding-left: 12px; border-bottom: 1px solid #333!important; box-shadow: 0px 0px 0px rgb(29, 29, 29)!important; background: #1d1d1d;}

/*页面尾部*/
.go-to-top{ position: fixed; right: 50px; bottom: 26%; z-index: 20;opacity:0.85; display: none;}
.go-to-top i{ display: block; width: 60px; height: 60px; background: url(../images/logo/top.jpg) no-repeat; background-size: 100% 100%; cursor: pointer;}
.go-to-top:hover i{ background: url(../images/logo/top_sel.jpg) no-repeat; background-size: 100% 100%;}

.footer{ width: 100%; height: auto;}
.footer .footer-wrap{ width: 100%; height: 200px; background: #003b64; background-size: 100% 100%!important;}
.footer-wrap .col{ width: 50%;}
.footer-wrap .logo{ margin-top: 20px; display: block;}
.footer-wrap .m-logo{ margin-top: 20px; display: none;}
.footer-wrap .logo img {margin-top: 25px; width: 550px;}
.footer-wrap .link-list{ margin-top: 60px; text-align: right;}
.link-list li{ display: inline-block; margin-right: 50px; font-size: 16px;}
.link-list li a:hover{ color: #008dee;}
.link-list li a{ color: #51b8ff;}
.link-list li:last-child{ margin-right: 0;}
.link-list li i{ display: block; width: 60px; height: 60px; margin: 0 auto 5px; background-size: 100% 100%!important;}
.link-list .study i{ background: url(../images/logo/xiaomei_sel.jpg) no-repeat;}
.link-list .study:hover i{ background: url(../images/logo/xiaomei.jpg) no-repeat;}
.link-list .talents i{ background: url(../images/logo/zhaopin_sel.jpg) no-repeat;}
.link-list .talents:hover i{ background: url(../images/logo/zhaopin.jpg) no-repeat;}
.link-list .announcement i{ background: url(../images/logo/zhaobiao_sel.jpg) no-repeat;}
.link-list .announcement:hover i{ background: url(../images/logo/zhaobiao.jpg) no-repeat;}
.link-list .links i{ background: url(../images/logo/lianjie_sel.jpg) no-repeat;}
.link-list .links:hover i{ background: url(../images/logo/lianjie.jpg) no-repeat;}
.link-list .old-url i{ background: url(../images/logo/jiuwang_sel.jpg) no-repeat;}
.link-list .old-url:hover i{ background: url(../images/logo/jiuwang.jpg) no-repeat;}
.footer .copyright{ width: 100%; min-height: 20px; padding: 20px 0; font-size: 14px; color: #fff; line-height: 20px; text-align: center; background: #002138;}
.copyright li{ position: relative; display: inline; padding: 0 18px;}
.copyright li:after{ content: " "; display: block; position: absolute; top: 50%; right: 0; height: 15px; border-right: 1px solid #fff; transform: translateY(-50%);}
.copyright li:first-child{ padding-left: 0;}
.copyright li:last-child{ padding-right: 0;}
.copyright li:last-child:after{ border: 0;}
.copyright li:last-child div a{padding-left:20px;background:url(../images/police10.png) no-repeat left center;} 

/*自适应*/
@media screen and (min-width: 1680px){
	.content-wrap { width: 1200px;}
}
@media screen and (min-width: 1000px) and (max-width: 1679px){
    .content-wrap { width: 1000px;}
	.header .top-nav { height: 35px; line-height: 34px;}
	.header .nav { height: 60px;}
	.nav li { margin: 0 10px;}
	.nav li>a { height: 60px; line-height: 60px;}
	.header .logo { width: 150px; height: 150px;transition: all 300ms ease;}
	.header .logo img { width: 150px;transition: all 300ms ease;}
.subMenu img { width: 280px;}
.subMenu .slogan { margin-left: 30px; line-height: 25px;}
.subMenu .item-list { margin-right: 20px;}
.subMenu .item { line-height: 24px;}
	.go-to-top i{ width: 50px; height: 50px;}
	.footer .footer-wrap { height: 175px;}
	.footer-wrap .logo img { width: 440px;}
	.footer-wrap .link-list { margin-top: 50px;}
	.link-list li { margin-right: 40px; font-size: 14px;}
	.link-list li i { width: 50px; height: 50px;}
	.footer .copyright { font-size: 12px; padding: 12px 0;}
	.copyright li{ padding: 0 12px;}
}
@media screen and (min-width: 770px) and (max-width: 999px){
	.content-wrap { width: 770px;}
	.header .top-nav { height: 32px; line-height: 32px;}
	.header .nav { height: 60px;}
	.nav li { margin: 0 6px;}
	.nav li>a { width: 70px; height: 60px; font-size: 15px; line-height: 60px;}
	.header .logo { top: -25px; width: 120px; height: 120px;}
	.header .logo img { width: 120px;}
	.subMenu { font-size: 13px;}
	.subMenu img { width: 230px;}
	.subMenu .slogan { margin-left: 25px;}
	.subMenu .item-list { margin-right: 0px;}
	.go-to-top{ right: 20px;}
	.go-to-top i{ width: 40px; height: 40px;}
	.footer .footer-wrap { height: 120px;}
	.footer-wrap .logo { margin-top: 10px;}
	.footer-wrap .logo img { width: 380px;}
	.footer-wrap .link-list { margin-top: 30px;}
	.link-list li { margin-right: 20px; font-size: 12px;}
	.link-list li i { width: 35px; height: 35px;}
    .footer .copyright { font-size: 12px; padding: 12px 0;}
    .copyright li{ padding: 0 12px;}
}
@media screen and (min-width: 320px) and (max-width: 769px){
	.content-wrap { width: 340px;}
    .header .top-nav { display: none;}
    .header .nav { display: none;}
    .header .m-nav{display: block; display: block;background: #003b64; width: 100%;}
    .header .m-nav .m-nav-top{color: #FFFFFF;}
    .header .m-nav .m-nav-top .nav-tip{width: 64px; height: 35px; text-align: center; vertical-align: middle; line-height: 35px; border: 1px solid #fff; border-radius: 4px; margin: 20px 0 0 20px; display: inline-block;}
    .header .m-nav .m-nav-top .mail{display: inline-block; position: absolute; right: 20px; top: 20px; height: 30px; line-height: 35px;}
    .header .m-nav .m-nav-top .mail>a{color: #FFFFFF;}
    .header .m-nav .m-nav-bottom{text-align: center; padding-bottom: 30px; background: #003b64; overflow: hidden;}
    .header .m-nav .m-nav-bottom>img:first-child{float: left; margin: 35px 0 0 25px;}
    .header .m-nav .m-nav-bottom>img:last-child{float: right; margin: 35px 25px 0 0;}
    .header .m-nav .m-nav-bottom>img:first-child,.header .m-nav .m-nav-bottom>img:last-child{width: 25%;display: inline-block;}
    .header .m-nav .m-nav-bottom .m-logo{ width: 110px; height: 110px; display: inline-block; margin: 0 5%; background: #FFF; border-radius: 100%; position: absolute; left: 0; right: 0; margin: auto; top: 25px;overflow: hidden;}
    .header .m-nav .m-nav-bottom .m-logo img{width: 100%;}
    .news-list>ul:last-child{ display: none!important;}
    .news-list>ul:first-child{width: 100%!important;}
    .m-nav-close{float: right; margin-right: 12px;}
    .news-list{padding-left: 0!important;}
    .side-nav{display: block;}
    .go-to-top{right: 30px;bottom: 10%;}
    .go-to-top i{ width: 40px; height: 40px;}
    .footer .footer-wrap { height: 148px;}
    .footer-wrap .col { width: 100%;}
    .footer-wrap .logo { display: none;}
    .footer-wrap .m-logo { display: block; margin-top: 15px; text-align: center;}
    .footer-wrap .m-logo img { width: 240px;}
    .footer-wrap .link-list { margin-top: 18px; text-align: center;}
    .link-list li { margin-right: 16px; font-size: 12px;}
    .link-list li i { width: 30px; height: 30px;}
    .footer .copyright { font-size: 12px; padding: 12px 0; line-height: 22px;}
    .copyright li{ display: block; padding: 0;}
    .copyright li:after{ border-right: 0;}
}