@charset "utf-8";
/* CSS Document */
body, div, address, blockquote, iframe,datalist,footer,header,nav,time, ul, ol, dl, dt, dd, li, dl, h1, h2, h3, h4, h5, h6, p, pre, table, caption, th, td, form, legend, fieldset, input, button, select, textarea {margin:0; padding:0; font-weight: normal;font-style: normal;font-size: 100%; font-family:"微软雅黑",Arial, Helvetica, sans-serif;}
article, aside, details, figcaption, figure, footer,header, hgroup, menu, nav, section,summary, time, mark, audio, video 
{ display: block;margin: 0; padding: 0;}/* 重置 HTML5 元素 */
table{ border-collapse:collapse;}
input,button,select,textarea{outline:none}
textarea{resize:none}
ol, ul ,li{list-style: none;}
img {border: 0; margin:0; padding:0;}
body {text-align:left; font-size:12px; overflow-x:hidden;}
a,em{ text-decoration:none; font-style:normal;}
.clear{ clear:both;}


/*->主体框架类
*********************/
.box{ width:1400px; margin:0 auto;}
.left{ float:left;}
.right{ float:right;}

/*->LESS 动态变量
*********************/
@color: #f00;


/*->网站标题
*********************/
.index_title{}
.zy_title{}

/*->宽度
*********************/
.wd_10{ width:10px;}

/*->间距填充
*********************/
.hg_10{ height:10px; clear:both;}


/*->字体样式
*********************/
.font_1{}


/*->按钮样式
*********************/
.btn_1{}

/*->Header 头部
*********************/
#header{ height:100px; position:relative; height:130px;}
.logo{ position:absolute; left:0; top:19px;}
.search{}

/*->Nav 导航
*********************/
#Nav{ position:absolute; top:65px; left:369px;}
#Nav li{ width:100px; text-align:center; float:left; font-size:16px;}
#Nav li a{ color:#333333;}
#Nav li a:hover{ color:#17438a; font-weight:bold;}


/*->SubNav 侧导航
*********************/
#subNavw{ height:80px; box-shadow:0 0 10px #CCC;}
#subNav{ padding-top:3px;}
#subNav li{ height:74px; line-height:74px; display:inline-block; margin-right:37px;}
#subNav li a{ display:block; font-size:18px; padding:0 3px;}
#subNav li a:hover{ color:#16428b; border-bottom:3px solid #16428b; font-weight:bold;}
#subNav li a.hover{ color:#16428b; border-bottom:3px solid #16428b; font-weight:bold;}

/*Banner*/
#Banner{}
.ban{ height:449px;}
.bg1{ background:url(../images/about.jpg) no-repeat center;}

/*->网站首页样式类
*********************/



/*->网站二级页样式类
*********************/
.contentinfo{ color:#494949; font-size:14px; line-height:28px;}
.qywh{ height:760px; position:relative;}
.qywh>div{ position:absolute; background:#f7f7f7;}
.qywh>div .qhead{ height:167px; line-height:167px; text-align:center; color:#FFF; font-size:32px;}
.qywh>div .qcontent{ text-align:center; font-size:22px; color:#333333; padding-top:50px; line-height:35px;}
.qywh>div:hover .qhead{ font-weight:bold;}
.qywh>div:hover .qcontent{ color:#16428a; font-weight:bold;}
.qywh .a1{ left:0; top:0; width:438px; height:352px;}
.qywh .a1 .qhead{ background:url(../images/a1.jpg) no-repeat;}
.qywh .a2{ left:480px; top:0; width:440px; height:352px;}
.qywh .a2 .qhead{ background:url(../images/a2.jpg) no-repeat;}
.qywh .a3{ right:0; top:0; width:440px; height:352px;}
.qywh .a3 .qhead{ background:url(../images/a3.jpg) no-repeat;}
.qywh .a4{ left:0; bottom:0; width:672px; height:352px;}
.qywh .a4 .qhead{ background:url(../images/a4.jpg) no-repeat;}
.qywh .a5{ right:0; bottom:0; width:672px; height:352px;}
.qywh .a5 .qhead{ background:url(../images/a5.jpg) no-repeat;}
.zfsh{ height:934px; background:url(../images/zfsh.jpg) no-repeat center;}
.zfsh .box{ position:relative;}
.zfsh .z1{ position:absolute; left:592px; top:71px;}
.zfsh .z2{ position:absolute; left:592px; top:221px;}
.zfsh .z3{ position:absolute; left:592px; top:372px;}
.zfsh .z4{ position:absolute; left:592px; top:550px;}
.zfsh span{ display:inline-block; color:#4c4c4c; font-size:16px; padding-left:30px;}
.Yyly li{ position:relative; width:330px; margin:0 26px 26px 0; float:left;}
.Yyly li img{ width:100%; height:100%;}
.Yyly li a{ width:100%; display:block; height:52px; background:#f0f5f8; font-size:20px; text-align:center; line-height:52px; color:#2f2f2f;}
.Lxwmw{ height:763px; background:url(../images/lxwm.jpg) no-repeat center;}
.Lxwmw .box{ position:relative;}
.Lxwmw .lxwm{ position:absolute; left:913px;}
.Lxwmw .lxwm td{ font-size:20px; color:#666666; line-height:30px; padding:36px 0;}

/*->Body
*********************/
#body{ padding:60px 0;}
#body_left{ width:; float:left;}
#body_right{ width:; float:right;}

/*->Copyright 底部版权
*********************/
#copyright_w{ background:#373737;}
#copyright_w>p{ text-align:center; line-height:59px; font-size:14px; border-top:1px solid #484848; color:#989898;}
#copyright{ position:relative; height:281px;}
#copyright .botlogo{ position:absolute; top:67px; left:0;}
#copyright .border{ border-right:1px solid #575757; height:69px; width:0; top:121px; position:absolute;}
#copyright .bd1{ left:291px;}
#copyright .bd2{ left:815px;}
#copyright .bd3{ left:1153px;}
#copyright .lxwm{ position:absolute; left:394px; top:70px; width:353px; color:#f2f2f2;}
#copyright .lxwm .bottitle{ font-size:24px; padding-bottom:20px;}
#copyright .lxwm article{ line-height:26px; font-size:14px; color:#f2f2f2;}
#copyright .botnav{ position:absolute; left:905px; top:110px; width:210px;}
#copyright .botnav a{ display:block; float:left; width:50%; line-height:26px; font-size:14px; color:#ffffff;}
#copyright .ewm{ position:absolute; top:91px; right:0;}
#copyright .ewm img{ max-width:130px;}

/*->底部页码
*********************/
.page{ padding:10px; clear:both; text-align:center;}
.page a{ padding:0 10px; color:#000;}
.page_fy{ padding:20px 0; line-height:24px;}

/*->News
*********************/
.News_list{}
.News_list li{ clear:both;}
.News_list li span{ float:left;}
.News_list li em{ float:right;}


/*->Products
*********************/
.Products_list li{ position:relative; width:330px; height:264px; margin:0 26px 26px 0; float:left;}
.Products_list li img{ width:100%; height:100%;}
.Products_list li a{ display:none; position:absolute;left:0; top:0; width:100%; height:100%; background:#0c3c67; opacity:0.8; font-size:22px; text-align:center; line-height:264px; color:#FFF;}
.Products_list li:hover a{ display:block;}




.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 17px 0;
    border-radius: 3px;
}
.pagination > li {
    display: inline;
}
.pagination > li > a,
.pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    line-height: 1.42857143;
    text-decoration: none;
    color: #2c3e50;
    background-color: #fff;
    border: 1px solid #ddd;
    margin-left: -1px;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
    margin-left: 0;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
    z-index: 2;
    color: #11181f;
    background-color: #eeeeee;
    border-color: #ddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    z-index: 3;
    color: #fff;
    background-color: #373737;
    border-color: #373737;
    cursor: default;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
    color: #777777;
    background-color: #fff;
    border-color: #ddd;
    cursor: not-allowed;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
    padding: 10px 16px;
    font-size: 15px;
    line-height: 1.3333333;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
    padding: 5px 10px;
    font-size: 11px;
    line-height: 1.5;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px;
}



.icon-font:after {
    content: "";
    width: 30px;
    height: 30px;
    background-image: url(../images/icon_spirit.png);
    background-repeat: no-repeat;
    position: absolute;
    left: calc(50% - 15px);
    top: calc(50% - 15px);
}


/*左侧工具条*/
#toolbar {
    position: fixed;
    z-index: 9999;
    right: 60px;
    bottom: 10%;
}

#toolbar li {
    margin-bottom: 3px;
    font-size: 0;
    width: 57px;
    height: 57px;
    right: 0;
    position: relative;
}

#toolbar li a {
    display: block;
    position: absolute;
    z-index: 9;
    right: 0;
    top: 0;
    width: 57px;
    height: 57px;
    overflow: hidden;
    background: #292e39;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    white-space: nowrap;
    font-size: 0;
}

#toolbar li .icon-font {
    display: inline-block;
    vertical-align: middle;
    width: 57px;
    height: 57px;
    background-color: #d9d9d9;
}

#toolbar li .icon-qq:after {
    background-position: 0 -150px;
}

#toolbar li .icon-phone:after {
    background-position: 0 -90px;
}

#toolbar li .icon-ewm:after {
    background-position: 0 -30px;
}

#toolbar li .icon-message:after {
    background-position: 0 -120px;
}

#toolbar li .icon-top:after {
    background-position: 0 -60px;
}

#toolbar li .icon-wangwang:after {
    background-position: 0 0;
}

#toolbar li .wz {
    display: inline-block;
    line-height: 57px;
    font-size: 14px;
    color: #fff;
    vertical-align: middle;
    padding-left: 10px;
}

#toolbar li.ewm .ewm-box {
    position: absolute;
    z-index: 1;
    padding: 5px;
    background: #292e39;
    width: 100px;
    right: 120%;
    bottom: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: all .7s;
    transition: all .7s;
}

#toolbar li.ewm .ewm-box p {
    margin-bottom: 0;
}

#toolbar li.ewm .ewm-box img {
    max-width: 100%;
}

#toolbar li.ewm .ewm-box:after {
    content: '';
    position: absolute;
    right: -5px;
    bottom: 20px;
    width: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
    border-width: 5px;
    cursor: pointer;
    border-style: dashed dashed dashed solid;
    border-color: transparent transparent transparent #292e39;
    border-right: none;
}

#toolbar li.ewm:hover .icon {
    background-position: -57px -180px;
}

#toolbar li.ewm:hover .ewm-box {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

#toolbar li.backtop {
    cursor: pointer;
}

#toolbar li.backtop .iconfont {
    color: #fff;
    background-color: #292e39;
}

#toolbar li:hover a {
    width: 200px;
}

#toolbar li:hover .icon-font {
    background-color: #292e39;
}

#toolbar li:hover .icon-qq:after {
    background-position: -30px -150px;
}

#toolbar li:hover .icon-phone:after {
    background-position: -30px -90px;
    left: calc(50% - 80px);
    top: calc(50% - 18px);
}

#toolbar li:hover .icon-ewm:after {
    background-position: -30px -30px;
}

#toolbar li:hover .icon-message:after {
    background-position: -30px -120px;
}

#toolbar li:hover .icon-wangwang:after {
    background-position: -30px 0;
}

#toolbar li:hover .icon-top:after {
    background-position: -30px -60px;
}


.lxfs {
    color: #fff;
    position: absolute;
    right: 145px;
    top: 10px;
    font-size: 24px;
    background: url(../images/icon_spirit.png) no-repeat -33px -88px;
    /* background-size: 57px 57px; */
    padding-left: 33px;
    font-weight: bold;
}

.lxfs_2 {
    color: #000;
    position: absolute;
    right: 145px;
    top: 10px;
    font-size: 24px;
    background: url(../images/icon_spirit.png) no-repeat -2px -88px;
    /* background-size: 57px 57px; */
    padding-left: 33px;
    font-weight: bold;
}


.topewm {
    position: absolute;
    right: 26px;
    top: 8px;
    font-weight: bold;
}



.topewm  img {
    width: 80px;
    height: 80px;
}