﻿.websitemenu{display: block;width: 100%;height: 30px;margin: 0;background-color: #e3e4e5}
.websitemenu .menumain{display: block;width: 1200px;height: 30px;margin: 0 auto;}
.websitemenu .menumain ul{display: block;width:100%;height: 30px;margin: 0;padding: 0}
.websitemenu .menumain ul li{display: block;width: 150px;height: 30px;margin: 0;float: left;background: url("../../../../images/business/website/menu/menuline.png") no-repeat right center;}
.websitemenu .menumain ul li a{display: block;width: 150px;height: 30px;margin: 0;line-height:30px;text-align: center;font-size: 14px;color: #333;cursor: pointer;font-weight: bolder}
.websitemenu .menumain ul li a:hover{color: #0662b1}
.websitemenufixed{position: fixed;top: 0;left: 0;z-index:9999 }

.websitetop{display: block;width: 100%;height: 250px;margin: 0}
.websitetop .header{display: block;width: 100%;height: 200px;margin: 0;background-image: url("../../../../images/business/website/menu/headbg.jpg");background-size: 100%;background-position-y: -60px;}
.websitetop .header .headermain{display: block;width: 1200px;height: 200px;margin: 0 auto;position: relative}
.websitetop .header .headermain .foreignlink{display: block;width: 700px;height: 68px;position: absolute;left: 0;top: 10px}
.websitetop .header .headermain .foreignlink a{display: block;float: left;line-height: 24px;font-size: 14px;color: #fff;cursor: pointer;text-decoration: none}
.websitetop .header .headermain .foreignlink a:hover{color: #3cbdf5}
.websitetop .header .headermain .logo{display: block;width: 700px;height: 64px;margin: 68px 0;float: left;background: url("../../../../images/business/website/menu/logo.png") no-repeat;cursor: pointer}
.websitetop .header .headermain .toolsbar{display: block;width: 450px;height: 200px;margin: 0;float: right;}
.websitetop .header .headermain .toolsbar .authbar{display: block;width: 450px;height: 50px;float: left;}
.websitetop .header .headermain .toolsbar .authbar ul{display: block;width: 450px;height: 30px;float: left;margin-top: 5px}
.websitetop .header .headermain .toolsbar .authbar ul li{display: block;width: 90px;height: 30px;float: right;position: relative}
.websitetop .header .headermain .toolsbar .authbar ul .logined{width: 250px;}
.websitetop .header .headermain .toolsbar .authbar ul li a{display: block;width: 90px;height: 30px;float: right;line-height: 30px;text-align:center;color: #fff;font-size: 16px;background: url("../../../../images/business/website/menu/clickdown.png") no-repeat 70px center}
.websitetop .header .headermain .toolsbar .authbar ul .logined a{width: 250px;background: none;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.websitetop .header .headermain .toolsbar .authbar ul li a:hover{background: url("../../../../images/business/website/menu/clickup.png") no-repeat 70px center}
.websitetop .header .headermain .toolsbar .authbar ul .logined a:hover{background: none}
.websitetop .header .headermain .toolsbar .authbar ul li dl{display: none;position: absolute;top: 27px;left:0px;width: 90px;height: 50px;background-color: #0662b1;}
.websitetop .header .headermain .toolsbar .authbar ul .logined dl{width: 250px;}
.websitetop .header .headermain .toolsbar .authbar ul li dl dt{display: inline-block;width: 90px;height: 25px;line-height: 25px;text-align: center;color: #fff;font-size: 14px;border-bottom: 1px dotted #fff;cursor: pointer;font-weight: normal}
.websitetop .header .headermain .toolsbar .authbar ul .logined dl dt{width: 250px;}
.websitetop .header .headermain .toolsbar .authbar ul li dl dt:hover{color: #42d5d5}
.websitetop .header .headermain .toolsbar .authbar ul li:hover dl{display: inline-block}
.websitetop .header .headermain .toolsbar .authbar .registerlabel{background: url("../../../../images/business/website/menu/registerlabel.png") no-repeat left center;margin-right: 20px}
.websitetop .header .headermain .toolsbar .authbar .loginlabel{background: url("../../../../images/business/website/menu/loginlabel.png") no-repeat left center}

.websitetop .header .headermain .toolsbar .authbar .nav{float: right;}
.websitetop .header .headermain .toolsbar .authbar .nav>li>a {color: #333;padding: 0 15px;line-height: 50px;font-size: 16px}
.websitetop .header .headermain .toolsbar .authbar .nav>li {width: 120px;text-align: center}

.websitetop .header .headermain .toolsbar .authbar .nav .open>a, .websitetop .header .headermain .toolsbar .authbar .nav .open>a:focus, .websitetop .header .headermain .toolsbar .authbar .nav .open>a:hover{background-color: transparent}
.websitetop .header .headermain .toolsbar .authbar .nav>li>a:focus, .websitetop .header .headermain .toolsbar .authbar .nav>li>a:hover {background-color: transparent;}
.websitetop .header .headermain .toolsbar .searchbar{display: block;width: 448px;height: 48px;margin: 45px 0 0 0;float: left;border: 1px solid #0662b1;border-radius: 5px;background-color: #fff; filter:alpha(Opacity=80);-moz-opacity:0.8;opacity: 0.8;}
.websitetop .header .headermain .toolsbar .searchbar input{display: inline;width: 370px;height: 46px;border: none;line-height: 48px;float: left;border-top-left-radius: 5px;border-bottom-left-radius: 5px;background-color: #f8fbff;padding: 0;margin: 0;text-indent: 15px;font-size: 16px}
.websitetop .header .headermain .toolsbar .searchbar input:focus {border:none}
.websitetop .header .headermain .toolsbar .searchbar a{display: inline;width: 75px;height: 46px;border: none;line-height: 48px;float: right;background-color: #0662b1;border-top-right-radius: 5px;border-bottom-right-radius: 5px;color: #fff;text-align: center;cursor: pointer;font-size: 16px}
.websitetop .navbar{display: block;width: 100%;height: 50px;margin: 0;background-color: #0662b1;border-radius: 0}
.websitetop .navbar .navmain{display: block;width: 1200px;height: 50px;margin: 0 auto;background: url("../../../../images/business/website/menu/navline.png") no-repeat 0 0;}
.websitetop .navbar .navmain ul{display: none;width:100%;height: 50px;margin: 0;padding: 0}
.websitetop .navbar .navmain .navshow{display: block}
.websitetop .navbar .navmain ul li{display: block;width: 150px;height: 50px;margin: 0;float: left;background: url("../../../../images/business/website/menu/navline.png") no-repeat right center;}
.websitetop .navbar .navmain #navjob li {width: 120px;}
.websitetop .navbar .navmain #navjob .onlinejobfair{width: 120px;}
.websitetop .navbar .navmain ul li a{display: block;width: 150px;height: 50px;margin: 0;line-height: 50px;text-align: center;font-size: 16px;color: #fff;cursor: pointer}
.websitetop .navbar .navmain #navjob li a {width: 118px;}
.websitetop .navbar .navmain #navjob .onlinejobfair a{width: 118px;}
.websitetop .navbar .navmain ul li .active{width: 148px;background-color: #1275ca;height:48px;border-radius: 0px}
.websitetop .navbar .navmain #navjob li .active {width: 118px;}
.websitetop .navbar .navmain #navjob .onlinejobfair .active{width: 118px;}
.websitetop .navbar .navmain ul li a:hover{width: 150px;text-decoration: none;background-color: #1275ca;height:48px}
.websitetop .navbar .navmain #navjob li a:hover{width: 118px;}
.websitetop .navbar .navmain #navjob .onlinejobfair a:hover{width: 118px;}

/*创业标题栏样式*/
#navStartUp li, #navStartUp li a {width: 120px; }
#navStartUp li .active, #navStartUp li a:hover {width: 117px; margin: 0 1px; }

.websitemain{display: block;width: 1200px;margin: 15px auto;padding: 15px 0;background-color: #fff;min-height: 400px}
.websitebottom{display: block;width: 100%;height: 245px;margin: 0;background-color: #0662b1}
.websitebottom .bottomfriendlink{display: block;width: 1200px;height: 79px;margin: 0 auto;border-bottom: 1px solid #4484bb}
.websitebottom .bottomfriendlink .linktype{display: block;width: 240px;height: 79px;float: left}
.websitebottom .bottomfriendlink .linktype span{display: block;width: 140px;height: 60px;margin: 20px auto 0;color: #fff;line-height: 60px;cursor: pointer;background: url("../../../../images/business/website/menu/clickdown.png") no-repeat  90px center}
.websitebottom .bottomfriendlink .linktype .dropdown-menu{top: -150px;height: 180px;width: 220px;left: 10px;overflow-y: auto}
.websitebottom .bottombar{display: block;width: 1200px;height: 165px;margin: 0 auto;}
.websitebottom .bottombar .maininfo{display:inline-block;width: 900px;height: 120px;margin: 22px 0 0 0;}
.websitebottom .bottombar .maininfo span{display: block;width: 950px;height: 40px;margin:0;padding: 0;float: left;line-height: 40px;color: #fff;font-size: 14px}
.websitebottom .bottombar .maininfo span a{font-size: 16px;color: #ffffff;text-decoration:none;position: relative}
.websitebottom .bottombar .maininfo span a .qrcode{display: none;position: absolute;width: 120px;height: 120px;top: -130px;left: 0px;background: url("../../../../images/business/website/menu/cqjyqrcode.jpg") no-repeat;background-size: 100%}
.websitebottom .bottombar .maininfo span a:hover .qrcode{display: inline-block}
.websitebottom .bottombar .netinfo{display:inline-block;width: 277px;height: 120px;margin: 22px 0 0 0;float: right}
.websitebottom .bottombar .netinfo a {display:inline-block;width: 80px;height: 80px;margin: 20px 22px;float: left}
.websitebottom .bottombar .netinfo .govment{background: url("../../../../images/business/website/menu/govment.png") no-repeat;background-size: 100%;margin-left: 4px;margin-right: 5px}
.websitebottom .bottombar .netinfo .businessoffice{background: url("../../../../images/business/website/menu/businessoffice.png") no-repeat;background-size: 100%;margin-left: 4px;margin-right: 5px}
.websitebottom .bottombar .netinfo .jiucuo{background: url("../../../../images/business/website/menu/jiucuo.png") no-repeat;background-size: 100%;margin-left: 4px;margin-right: 5px;margin-top: 38px;}
.websitebottom .bottombar .netinfo  .zfga{background: url("../../../../images/business/website/menu/zwgk_gaba.png") no-repeat;background-size: 90%;margin-left: 4px;margin-right: 5px}

@media (min-width: 1440px){
    .websitetop .header{background-position-y: -80px;}
}

@media (min-width: 1920px){
    .websitetop .header{background-position-y: -120px;}
}

@media screen and (max-width: 400px) {
    .websitemenu{width: 1200px;}
    .websitetop{width: 1200px;}
    .websitebottom{width: 1200px;}
}
