@charset "utf-8";

* {
    padding:0;
    margin:0;
}
body {
    padding:0;
    font-family:"微软雅黑";
    font-size:14px;
    min-width:1200px;
}
a,a:visited {
    /*color:#999;*/
    text-decoration:none;
}
ul {
    list-style-type:none;
}
img {
    border:0;
}
a:hover {
    color:#f00;
}
.clear {
    clear:both;
}
#head .top,#head #toper .top_r,#logo_area .sx,#nav,#nav .navs li {
    background-image:url(../images/bg_img.png)!important;
}

#head .top {
    width:100%;
    background:#F3F1F2 url() repeat-x 0 0;
    height:30px;
    overflow:hidden;
    clear:both;
}
#head #toper {
    font-size:12px;
    color:#5b5b5b;
    line-height:30px;
    width:1200px;
    height:30px;
    margin:0 auto;
    overflow:hidden;
    clear:both;
}
#head #toper a {
    color:#666;
    text-decoration:none;
}
#head #toper a:hover {
    color:#f00;
}
#head #toper .top_l {
    float:left;
    display:inline;
    width:780px;
    letter-spacing:1.5px;
}
#head #toper .top_l span {
    padding:0 2px;
    margin-right:5px;
    background:#2B99FF;
    color:#fff;
}
#head #toper .top_r {
    float:right;
    display:inline;

    background:url() no-repeat -3px -37px;
}
#head #toper .top_r a {
    padding:12px;
    margin:0 auto;
}

#logo_area_bg {
    width:100%;
    height:114px;
    background:#FFF !important;
    overflow:hidden;
    clear:both;
}
#logo_area {
    width:1200px;
    height:114px;
    margin:0 auto;
    overflow:hidden;
    clear:both;
}
#logo_area .logo {
    width:365px;
    height:114px;
    float:left;
    display:inline;
}
#logo_area .sx {
    width:30px;
    height:114px;
    background:url() no-repeat 6px -58px;
    float:left;
    display:inline;
}

#logo_area .qqhz a {
    width:85px;
    height:40px;
    position:absolute;
    top:6px;
    right:69px;
}

#nav {
    width:100%;
    height:60px;
    background:#126FBD url() repeat-x 0 -180px;
    margin:0 auto;
}
#nav .navs ul {
    height:60px;
    width:1200px;
    margin:0 auto;
}
#nav .navs li {
    float:left;
    display:inline;
    list-style:none;
    line-height:60px;
    width:120px;
    background:url() right -242px no-repeat;
}
#nav .navs li a {
    color:#FFFFFF;
    font-family:"微软雅黑";
    text-decoration:none;
    font-size:16px;
    text-align:center;
    display:block;
    width:120px;
    text-align:center;
}
#nav .navs li a:hover {
    color:#FFff00;
}


#nav {
    line-height:24px;
    list-style-type:none;
}
#nav li ul {
    width:80px;
}
#nav a {
    display:block;
    width:80px;
    text-align:center;
}
#nav a:link {
    text-decoration:none;
}
#nav a:visited {
    text-decoration:none;
}
#nav a:hover {
    text-decoration:none;
    font-weight:bold;
}
#nav li {
    float:left;
    width:80px;
    background:#999999;
}
#nav li a:hover {
    background:#126FBD;
    color:#FFF !important;
}
#nav li ul {
    line-height:27px;
    list-style-type:none;
    text-align:left;
    left:-999em;
    width:180px !important;
    position:absolute;
    z-index:9999;
}
#nav
li ul li {
    float:left;
    width:180px;
    background-color:#126FBD !important;
}
#nav li ul a {
    display:block;
    width:156px;
    text-align:left;
    overflow:hidden;
    color:#FFF !important;
}
#nav li ul a:link {
    color:#666;
    text-decoration:none;
}
#nav li ul a:visited {
    color:#666;
    text-decoration:none;
}
#nav li ul a:hover {
    color:#FFF !important;
    text-decoration:none;
    font-weight:normal;
    background:#0068B2;
}
#nav li:hover ul {
    left:auto;
}
/*@charset "UTF-8";*/
/*body {*/
/*    background-color:#f8f8f8;*/
/*}*/
html {
    min-width:1200px;
}
body,p,h2,h3 {
    margin:0px;
}
ul {
    margin:0px;
    padding:0px;
}
body {
    font-size:14px;
    line-height:28px;
    font-family:"microsoft yahei","Arial";
    color:#333333;
}
h2,h3 {
    font-size:14px;
    font-weight:normal;
}
ul,li {
    list-style:none;
}
img {
    border:0px;
}
em {
    font-style:normal;
}
.fl {
    float:left;
}
.fr {
    float:right;
}
.w1200 {
    width:1200px;
    margin:0 auto;
}
.ico {
    background:url(../images/ico.png) no-repeat;
    display:inline-block;
    vertical-align:middle;
}
.icon {
    background:url(../images/icon.png) no-repeat;
    display:inline-block;
    vertical-align:middle;
}
a {
    color:#000;
    text-decoration:none;
}
a:hover {
    color:#d9261d;
    text-decoration:none;
}
a:visited {
    text-decoration:none;
}
:-moz-placeholder {
    color:#aaa;
}
::-moz-placeholder {
    color:#aaa;
}

.clearfix {
    *zoom:1;
}
.clearfix:after {
    visibility:hidden;
    display:block;
    font-size:0;
    content:" ";
    clear:both;
    height:0;
}

.footer_main {
    width:100%;
    background:#2d3646;
    margin-top:64px;
}
.footer_main .footer {
    padding:50px 0 0;
    height:452px;
    color:#b3b6bc;
}
.footer_main .footer .blogoTel {
    width:398px;
    color:#fff;
    font-size:28px;
    font-family:arial;
}
.footer_main .footer .blogoTel .blogo {
    display:block;
    margin-bottom:25px;
}
.footer_main .footer .blogoTel .tel {
    margin-bottom:7px;
    font-size:34px;
    color:#FFFFFF;
    font-weight:bold;
}
.footer_main .footer .blogoTel s {
    width:26px;
    height:26px;
    margin-right:14px;
    background-position:-0px -0px;
    margin-top:-4px;
}
.footer_main .footer .item {
    width:110px;
    float:left;
}
.footer_main .footer .item a {
    color:#b3b6bc;
    display:block;
    font-size:12px;
    line-height:26px;
}
.footer_main .footer .item a:hover {
    color:#fff;
}
.footer_main .footer .item h3 {
    margin-bottom:12px;
}
.footer_main .footer .item h3 a {
    color:#fff;
    font-size:16px;
    font-weight:bold;
}
.footer_main .footer .ewm {
    width:142px;
    height:170px;
    float:right;
    font-size:12px;
    text-align:center;
    color:#fff;
    border:1px solid #656c77;
}
.footer_main .footer .ewm .img {
    width:120px;
    height:120px;
    background-color:#fff;
    margin:10px;
}
.footer_main .footer .ewm img {
    width:100px;
    height:100px;
    display:block;
    padding:10px;
}
.footer_main .footer .ewm h2 {
    font-size:12px;
    color:#fff;
    text-align:center;
}
.footer_main .copyright {
    width:100%;
    height:50px;
    line-height:50px;
    border-top:1px solid #485364;
    color:#b3b6bc;
    font-size:12px;
}
.footer_main .copyright a {
    color:#b3b6bc;
}
.footer_main .copyright a:hover {
    color:#fff;
}
.llink {
}.llink {
     float:left;
     border:1px solid #656c77;
     height:120px;
     width:100%;
     width:1198px;
     margin-top:70px;
 }
.llink  .bd {
    position:relative;
    overflow:hidden;
    margin:0 35px;
}
.llink .bd .list {
    width:104%;
    overflow:hidden;
}
.llink .bd .list li {
    position:relative;
    float:left;
    display:block;
    width:178px;
    height:44px;
    border:1px solid #e6e6e6;
    margin-right:14px;
    overflow:hidden;
}
.llink .bd .list li a {
    display:block;
    width:178px;
    height:44px;
}
.llink .bd .list li img {
    width:178px;
    height:44px;
    transition:all ease 600ms;
    overflow:hidden;
}
.llink .bd .list li:hover img {
    transform:scale(1.05);
    transition:all ease 600ms;
    overflow:hidden;
}
.llink .tit {
    font-size:16px;
    color:#FFFFFF;
    font-weight:bold;
    padding:16px 20px 16px 35px;
}

.rightFix {
    width:48px;
    position:fixed;
    right:20px;
    top:50%;
    margin-top:-100px;
    z-index:99;
}
@media (max-width:1366px) {
    .rightFix {
        right:8px;
    }
}.rightFix .ico {
     width:48px;
     height:48px;
     display:block;
     position:relative;
     overflow:hidden;
     margin:0px;
     transition:all ease 300ms;
     margin-top:1px;
     padding:0px;
     border-radius:48px;
     margin-bottom:5px;
     background:#282c33 url(../images/fix-ico.png) no-repeat center 0;
     cursor:pointer;
 }
.rightFix .ico .imgBox {
    width:200px;
    height:230px;
    position:absolute;
    left:-200px;
    top:0;
    padding:6px;
    background:#fff;
    border:1px solid #ddd;
    background:#fff;
    display:block;
    opacity:0;
    filter:alpha(opacity=0);
    transition:all ease-in-out 0.2s;
    border-radius:5px;
}
.rightFix .ico .imgBox img {
    display:block;
    width:190px;
    height:190px;
    margin:0 auto;
    margin-top:0;
}
.rightFix .ico .imgBox em {
    width:100%;
    display:block;
    height:40px;
    line-height:40px;
    color:#333;
    text-align:center;
    background:#fff;
    font-style:normal;
    font-size:16px;
    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px;
}
.rightFix .ico span {
    width:210px;
    text-align:center;
    height:48px;
    line-height:48px;
    position:absolute;
    left:-78px;
    top:0;
    background:#008bcb;
    color:#fff;
    display:block;
    font-weight:bold;
    font-size:18px;
    opacity:0;
    filter:alpha(opacity=0);
    transition:all ease-in-out 0.2s;
    border-radius:48px;
}
.rightFix .ico:hover {
    background-color:#008bcb;
    border-color:#008bcb;
    overflow:visible;
}
.rightFix .ico:hover .imgBox {
    opacity:1;
    filter:alpha(opacity=100);
    left:-230px;
}
.rightFix .ico:hover span {
    opacity:1;
    filter:alpha(opacity=100);
    left:-215px;
}
.rightFix .fix-tel {
    background-position:11px 12px;
}
.rightFix .fix-tel:hover {
    background-position:-33px 12px;
}
.rightFix .fix-ewm {
    background-position:11px -96px;
}
.rightFix .fix-ewm:hover {
    background-position:-33px -96px;
}
.rightFix .fix_top {
    background-position:11px -150px;
}
.rightFix .fix_top:hover {
    background-position:-33px -150px;
}


