@charset "utf-8";

/************************************************************************************
RESET
*************************************************************************************/

* {
    margin: 0;
    padding: 0;
}

img {
    max-width: 100%;
    height: auto;
    width: auto\9;
    border: none;
    /* ie8 */
}

select::-ms-expand {
    display: none;
}

select {
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    border: none;
    width: 180px;
    height: 20px;
    float: right;
    margin-top: 20px;
    line-height: 20px;
    margin-right: 10px;
    font-size: 12px;
    color: #999;
    padding-left: 3px;
}

em {
    font-style: normal;
}

::before,
 ::after {
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit;
}


/************************************************************************************
GENERAL STYLING  BEGIN
*************************************************************************************/

body {
    background: #fff;
    margin: 0 auto;
    width: 100%;
    min-width: 1200px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    overflow-x: hidden;
}

.container {
    width: 1200px;
    margin: 0 auto;
}

ul,
ol,
li {
    list-style: none;
}

a {
    text-decoration: none;
    outline: none;
    cursor: pointer;
}

.clear {
    clear: both;
    overflow: hidden;
    zoom: 1;
    float: none;
}


/* 导航栏 */

.navbar {
    width: 100%;
    height: 110px;
    background: #fff;
    overflow: hidden;
}

.navbar .container {
    position: relative;
}

.logo {
    display: block;
    float: left;
}

.nav {
    float: right;
}

.nav li {
    float: left;
}

.nav li a {
    display: block;
    line-height: 2.3;
    font-size: 16px;
    color: #111;
    padding: 49px 0 0 29px;
}

.nav li a:hover,
.nav li a.navOn {
    color: #0084d1;
}

.que-phone {
    position: absolute;
    right: 0;
    top: 9px;
    font-size: 16px;
    line-height: 24px;
    color: #e56814;
    padding-left: 32px;
    background: url(../images/phone.png) left center no-repeat;
}


/* 轮播图 */

.flexslider {
    margin: 0px auto;
    position: relative;
    width: 100%;
    height: 500px;
    overflow: hidden;
    zoom: 1;
}

.flexslider .slides li {
    width: 100%;
    height: 100%;
}

.flex-direction-nav a {
    width: 70px;
    height: 70px;
    line-height: 99em;
    overflow: hidden;
    margin: -35px 0 0;
    display: block;
    background: url(../images/ad_ctr.png) no-repeat;
    position: absolute;
    top: 50%;
    z-index: 10;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    border-radius: 35px;
}

.flex-direction-nav .flex-next {
    background-position: 0 -70px;
    right: 0;
}

.flex-direction-nav .flex-prev {
    left: 0;
}

.flexslider:hover .flex-next {
    opacity: 0.8;
    filter: alpha(opacity=25);
}

.flexslider:hover .flex-prev {
    opacity: 0.8;
    filter: alpha(opacity=25);
}

.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover {
    opacity: 1;
    filter: alpha(opacity=50);
}

.flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: 10px;
    text-align: center;
}

.flex-control-nav li {
    margin: 0 2px;
    display: inline-block;
    zoom: 1;
    *display: inline;
}

.flex-control-paging li a {
    background: url(../images/dot.png) no-repeat 0 -16px;
    display: block;
    height: 16px;
    overflow: hidden;
    text-indent: -99em;
    width: 16px;
    cursor: pointer;
}

.flex-control-paging li a.flex-active,
.flex-control-paging li.active a {
    background-position: 0 0;
}

.flexslider .slides a img {
    width: 100%;
    height: 500px;
    display: block;
}


/* 产品中心 */

#product {
    width: 100%;
    padding: 40px 0;
    background-color: #fff;
    overflow: hidden;
}

#product .container {
    width: 1230px;
}

.proClass {
    float: left;
    width: 240px;
    margin-left: 15px;
}

.proCfir {
    width: 175px;
    height: 73px;
    padding: 17px 0 0 65px;
    background: #0084d1 url(../images/proCfir.png) 18px center no-repeat;
    color: #fff;
}

.proCzh {
    font-size: 24px;
    font-weight: bold;
    line-height: 1.6;
}

.proCen {
    font-size: 12px;
    line-height: 1.4;
}

.proClist {
    width: 100%;
    padding: 0 17px 0 19px;
    box-sizing: border-box;
    border: 1px solid #bfbfbf;
    border-bottom: none;
    background: #fff;
    margin: 0;
}

.proCli {
    width: 100%;
    box-sizing: border-box;
    padding-left: 39px;
    font-size: 14px;
    line-height: 59px;
    border-bottom: 1px dashed #dddddd;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: url(../images/proCli.png) 5px center no-repeat;
}

.proCli a {
    color: #333;
    display: block;
}

.proCli:hover,
.proCliOn {
    background: url(../images/proCliH.png) 5px center no-repeat;
}

.proCli:hover a,
.proCliOn a {
    color: #0084d1;
}

.proCbot {
    width: 220px;
    height: 89px;
    padding: 49px 0 0 20px;
    background: url(../images/proCbot.png) center no-repeat;
    color: #fff;
}

.proChot {
    font-size: 18px;
    line-height: 27px;
}

.proCnum {
    font-size: 26px;
    font-weight: bold;
    line-height: 40px;
}

.proCont {
    width: 960px;
    float: right;
}

.proConFir {
    width: 930px;
    font-size: 14px;
    margin-bottom: 31px;
    margin-left: 15px;
}

.txtScroll {
    width: 374px;
    padding-left: 29px;
    background: url(../images/txtScroll.png) left center no-repeat;
    line-height: 36px;
    overflow: hidden;
    float: left;
}

.proConFir a {
    color: #333;
}

.proConFir a:hover {
    color: #e56814;
}

.hot-product {
    max-width: 500px;
    line-height: 36px;
    float: right;
    margin-right: -5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.hot-product span {
    color: #e56814;
}

.hot-Li {
    padding: 0 5px;
}

.proLi {
    width: 290px;
    margin: 0 15px 2px;
    float: left;
}

.pro-pic {
    width: 288px;
    height: 216px;
    border: 1px solid #bfbfbf;
    text-align: center;
    line-height: 213px;
}

.pro-pic img {
    display: inline-block;
    vertical-align: middle;
    max-height: 216px;
}

.proName {
    width: 100%;
    font-size: 16px;
    color: #333;
    line-height: 37px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.proList a:hover .proName {
    color: #0084d1;
}


/* 广告区 */

#ad {
    width: 100%;
    height: 127px;
    background: url(../images/ad.jpg) center no-repeat;
    overflow: hidden;
}

.adFir {
    font-size: 31px;
    color: #e56814;
    line-height: 2.2;
    padding-top: 3px;
    text-align: center;
}

.adSec {
    text-align: center;
}

.adSec span {
    font-size: 16px;
    color: #e56814;
    line-height: 2.2;
    padding: 0 13px;
    border: 1px solid #e56814;
    display: inline-block;
}


/* 优势 */

#adv {
    width: 100%;
    height: 850px;
    background-color: #eeeeee;
    overflow: hidden;
    position: relative;
}

#adv .container {
    width: 1204px;
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -602px;
}

#adv img {
    margin: 0 auto;
}

.adv-pic {
    width: 100%;
    height: 300px;
    background: url(../images/advan.jpg) center no-repeat;
}

.adv-tit-fir {
    font-size: 40px;
    font-weight: bold;
    color: #0084d1;
    line-height: 1.35;
    padding-top: 33px;
    text-align: center;
}

.adv-tit-sec {
    font-size: 26px;
    color: #333333;
    line-height: 1.3;
    text-align: center;
    padding-bottom: 35px;
}

.adv-fir-li {
    padding-bottom: 61px;
    float: left;
    width: 283px;
    margin: 0 9px;
}

.adv-con {
    margin-top: 24px;
    position: relative;
}

.adv-con-txt {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    overflow: hidden;
}

.adv-con-fir {
    width: 100%;
    margin: 64px auto 0;
    font-size: 22px;
    font-weight: bold;
    line-height: 3;
    color: #0084d1;
    text-align: center;
}

.adv-con-sec {
    width: 81%;
    margin: 0 auto;
    font-size: 14px;
    line-height: 2.1;
    color: #333333;
    text-align: center;
}


/* 综合区 */

#part {
    width: 100%;
    background-color: #fff;
    padding: 40px 0 40px 0;
    overflow: hidden;
}

.part-tit {
    font-size: 24px;
    font-weight: bold;
    color: #0084d1;
    line-height: 1.2;
    padding-left: 11px;
    border-left: 5px solid #0084d1;
    position: relative;
}

.part-more {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 14px;
    color: #666;
    line-height: 2.8;
    font-weight: normal;
}

.part-more:hover {
    color: #0084d1;
}

.part-left {
    width: 843px;
    height: 617px;
    border: 1px solid #dcdcdc;
    overflow: hidden;
    float: left;
}

.about {
    width: 788px;
    margin: 0 0 0 20px;
    padding: 30px 0 15px 0;
    border-bottom: 1px solid #e5e5e5;
}

.about .part-tit {
    margin-bottom: 10px;
}

.abt-pic {
    width: 251px;
    height: 189px;
    float: left;
    overflow: hidden;
    margin-top: 15px;
}

.abt-con {
    width: 508px;
    float: right;
}

.abt-tit {
    font-size: 16px;
    color: #0084d1;
    line-height: 48px;
}

.abt-des {
    font-size: 14px;
    color: #333;
    line-height: 26px;
    text-align: justify;
}

.abt-more {
    display: block;
    font-size: 14px;
    color: #e56814;
    line-height: 44px;
    margin-top: 23px;
}

.abt-more:hover {
    color: #0084d1;
}

.honor {
    width: 813px;
    margin-left: 20px;
    margin-top: 30px;
}

.honor .part-tit {
    margin-bottom: 20px;
}

.honor-li {
    width: 242px;
    float: left;
    margin-right: 29px;
}

.honor-pic {
    width: 240px;
    height: 180px;
    line-height: 175px;
    text-align: center;
    border: 1px solid #bfbfbf;
}

.honor-pic img {
    display: inline-block;
    vertical-align: middle;
    max-height: 180px;
}

.honor-name {
    width: 100%;
    line-height: 38px;
    text-align: center;
    font-size: 14px;
    color: #333;
}

.honor-list a:hover .honor-name {
    color: #0084d1;
}

.honor .part-more {
    right: 31px;
}

.part-right {
    width: 315px;
    height: 619px;
    float: right;
    background: url(../images/env-bg.jpg) center no-repeat;
}

.env {
    width: 264px;
    margin: 31px auto 36px;
    position: relative;
}

.env .part-tit {
    margin-bottom: 45px;
}

.env-bd {
    width: 100%;
    height: 480px;
    overflow: hidden;
}

.env-li {
    width: 100%;
    height: 240px;
}

.env-pic {
    width: 100%;
    height: 195px;
    line-height: 190px;
    text-align: center;
    overflow: hidden;
}

.env-pic img {
    display: inline-block;
    vertical-align: middle;
    max-height: 195px;
}

.env-tit {
    width: 100%;
    text-align: center;
    font-size: 16px;
    color: #333;
    line-height: 2.1;
    margin-bottom: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.env-li:hover .env-tit {
    color: #0084d1;
}

.env-next {
    position: absolute;
    left: 50%;
    margin-left: -18px;
    top: 42px;
}

.env-prev {
    position: absolute;
    left: 50%;
    margin-left: -18px;
    bottom: -28px;
}


/* 新闻信息 */

#information {
    width: 100%;
    background-color: #fff;
    padding: 41px 0 27px 0;
    overflow: hidden;
}

.news {
    width: 720px;
    float: left;
}

.info-tit {
    width: 100%;
    height: 42px;
    overflow: hidden;
    position: relative;
    border-bottom: 1px solid #c7c7c7;
}

.info-more {
    font-size: 14px;
    color: #666;
    line-height: 2.8;
    position: absolute;
    right: 0;
    top: 3px;
}

.info-more:hover {
    color: #1289d2;
}

.news-fir {
    width: 702px;
    margin-top: 30px;
    margin-bottom: 18px;
}

.news-fir a:hover .news-des {
    color: #1289d2;
}

.news-pic {
    width: 168px;
    height: 138px;
    overflow: hidden;
    float: left;
}

.news-con {
    width: 503px;
    float: right;
}

.news-fir-tit {
    font-size: 16px;
    color: #0084d1;
    line-height: 2.2;
    padding-top: 5px;
}

.news-des {
    text-align: justify;
    font-size: 14px;
    color: #666;
    line-height: 1.9;
}

.news-li {
    width: 702px;
    font-size: 14px;
    line-height: 2.7;
}

.news-li-tit {
    width: 70%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    float: left;
    color: #333;
}

.news-date {
    float: right;
    color: #333;
}

.news-li:hover .news-li-tit,
.news-li:hover .news-date {
    color: #0084d1;
}

.question {
    width: 421px;
    float: right;
}

.que-list {
    width: 100%;
    margin-top: 30px;
    margin-bottom: 35px;
    height: 370px;
    overflow: hidden;
}

.quesLi {
    width: 100%;
    border-bottom: 1px dashed #b9b9b9;
    margin-bottom: 31px;
}

.quesL {
    float: left;
}

.quesR {
    width: 380px;
    float: right;
}

.qName {
    font-size: 16px;
    color: #333;
    line-height: 1.5;
    margin-bottom: 11px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.answer {
    font-size: 14px;
    color: #666;
    line-height: 1.8;
    margin-bottom: 16px;
}

.quesLi:hover .qName {
    color: #e56814;
}


/* 友情链接 */

#linkUrl {
    width: 100%;
    height: 76px;
    background: #eeeeee;
    overflow: hidden;
}

.linkFir {
    float: left;
    margin-right: 99px;
}

.linkCh {
    height: 24px;
    line-height: 24px;
    font-size: 18px;
    color: #0084d1;
    font-weight: bold;
    margin-top: 19px;
}

.linkEn {
    height: 14px;
    line-height: 14px;
    font-size: 14px;
    color: #666;
    font-family: "Arial";
    letter-spacing: 8px;
}

.linkSec {
    float: left;
    line-height: 73px;
}

.linkLi {
    float: left;
    margin-right: 51px;
}

.linkLi a {
    font-size: 14px;
    color: #333;
}

.linkLi a:hover {
    color: #0084d1;
}


/* 底部 */

#foot {
    width: 100%;
    background: #333;
}

.foot-top {
    width: 100%;
    padding: 22px 0 14px;
    border-bottom: 1px solid #494949;
    position: relative;
}

.foot-fir {
    float: left;
    width: 34.1%;
    overflow: hidden;
}

.foot-fir-pic {
    width: 14.18%;
    float: left;
    margin: 29px 7.09% 45px 0;
}

.foot-fir-r {
    width: 49.63%;
    text-align: center;
    float: left;
    margin-top: 16px;
}

.foot-fir-txt {
    width: 100%;
    font-size: 14px;
    color: #fff;
    line-height: 2.9;
    border: 1px solid #494949;
}

.foot-fir-num {
    font-size: 26px;
    color: #fff;
    line-height: 2;
}

.foot-sec {
    width: 43%;
    float: left;
    margin: 12px 0 22px;
}

.foot-sec-p {
    font-size: 14px;
    color: #fff;
    line-height: 2.3;
}

.foot-thi {
    width: 22.9%;
    float: left;
}

.ewm {
    width: 35.3%;
    margin-left: 14.7%;
    float: right;
    overflow: hidden;
}

.ewm img {
    display: block;
    margin: 0 auto;
}

.ewmTxt {
    font-size: 14px;
    color: #fff;
    text-align: center;
    line-height: 2.3;
}

.foot-line-a {
    position: absolute;
    left: 29.42%;
    top: 33px;
    width: 1px;
    height: 103px;
    background: #494949;
}

.foot-line-b {
    position: absolute;
    left: 74.83%;
    top: 33px;
    width: 1px;
    height: 103px;
    background: #494949;
}


/* 版权区 */

.copyRight {
    width: 100%;
    line-height: 4.2;
    font-size: 14px;
    color: #999;
    margin: 0 auto;
}

.copyL {
    float: left;
}

.copyR {
    float: right;
}

.copyRight a {
    color: #999;
}

.copyRight a:hover {
    color: #0084d1;
}


/* 子页内容区*/

.subBan {
    width: 100%;
    height: 350px;
    background: url(../images/subBan.jpg) center no-repeat;
}

.main {
    width: 1200px;
    margin: 0 auto;
    background: #fff;
}

.right {
    width: 890px;
    float: right;
    margin-bottom: 50px;
}

.subTit {
    width: 100%;
    height: 42px;
    border-bottom: 1px solid #bfbfbf;
    margin: 37px 0 20px;
    overflow: hidden;
}

.subTitL {
    line-height: 42px;
    font-size: 20px;
    font-weight: bold;
    color: #333;
    float: left;
}

.subTitR {
    float: right;
    font-size: 14px;
    color: #333;
    height: 34px;
    line-height: 34px;
    margin-top: 8px;
}

.subTitR a {
    color: #333;
}

.subTitR a:hover {
    color: #0084d1;
}

.subCon {
    width: 100%;
    font-size: 16px;
    color: #000;
    line-height: 2;
    text-align: justify;
    min-height: 500px;
    font-family: "Classic Grotesque W01", "Hiragino Sans GB", "Microsoft YaHei", "STHeiti", "WenQuanYi Micro Hei", sans-serif;
}

.subCon p {
    margin: 0.63em 0 0 0;
}


/* 分页 */

.page_list {
    width: 100%;
    margin: 20px auto 50px;
    text-align: center;
    font-size: 14px;
    display: block;
}

.page_list a {
    display: inline-block;
    margin-left: 10px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: #e5e5e5;
    color: #333333;
}

.page_list a.prev,
.page_list a.next {
    width: 81px;
}

.page_list .on,
.page_list a:hover {
    background: #0084d1;
    color: #fefefe;
}


/* 上下条 */

.preAnex {
    width: 100%;
    font-size: 16px;
}

.preAnex span {
    color: #0084d1;
}

.preAnex a {
    max-width: 49%;
    display: block;
    line-height: 57px;
    color: #333333;
    margin-bottom: 90px;
}

.preAnex a.prev {
    display: block;
    float: left;
}

.preAnex a.next {
    display: block;
    float: right;
}

.preAnex a:hover,
.preAnex a:hover span {
    color: #0084d1;
}


/* 侧边栏 */

.left {
    width: 278px;
    margin: 30px 0 30px 0;
}

.left .proCfir {
    width: 214px;
}

.left .proCli {
    padding-left: 25px;
}

.proLast {
    width: 100%;
    height: 138px;
    position: relative;
}

.left .proCbot {
    position: absolute;
    left: 0;
    top: 0;
    background: none;
}

.box-l {
    width: 0px;
    height: 0px;
    border-right: 139px solid #fff;
    border-bottom: 35px solid #0084d1;
    float: left;
}

.box-r {
    width: 0px;
    height: 0px;
    border-top: 35px solid #fff;
    border-right: 139px solid #0084d1;
    float: left;
}

.proCol {
    width: 100%;
    height: 103px;
    background-color: #0084d1;
}