

body {
    margin: 0;
    padding: 0;
    width: 100%;
    position: relative;
    overflow-x: hidden;
    font-size: 14px;
    font-family: "Microsoft Yahei";
    color: #444444;
    background-color: #EBF1F5;
    min-width: 1200px;

}

p, ul, li, h1, h2, h3, h4, h5, h6, dl, dd, dt, button, input, img {
    margin: 0;
    padding: 0;
    list-style: none;
}

img {
    border: none;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.clear {
    clear: both;
}

input, textarea, select {
    font-family: "Microsoft Yahei";

}

input[type=submit], input[type=reset] {
    border: none;
    cursor: pointer;
}

a {
    text-decoration: none;
    color: #444444;
}

a:hover {
    text-decoration: none;
    color: #00499D;
}

h1, h2, h3, h4, h5, h6, i, b {
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
}

.arial {
    font-family: "Arial";
}

.conta {
    width: 1200px;
    position: relative;
    height: 100%;
    margin: 0 auto;

}

/**, :after, :before {*/
/*-webkit-box-sizing: border-box;*/
/*-moz-box-sizing: border-box;*/
/*box-sizing: border-box;*/
/*}*/

.text-cen {
    text-align: center;
}

.disp-inli {
    display: inline-block;
}

.over-hid {
    overflow: hidden;
}

.tex-rig {
    text-align: right;
}

.width-all {
    width: 100%;
}

.font-bold {
    font-weight: bold;
}

/*头部*/
.header {
    height: 106px;

}

.header .d-logo {
    height: 100%;
    line-height: 106px;
    float: left;
}

.header .d-logo img {
    vertical-align: middle;
}

.header .d-alist {
    float: left;
    margin: 0 0 0 20px;
    height: 100%;
}

.header .d-alist li {
    float: left;
    position: relative;
    /*padding: 0 5px 10px;*/
    margin: 54px 25px 0;
    /*display: block;*/
    /*box-sizing: border-box;*/
    /*-moz-box-sizing: border-box;*/
    /*-webkit-box-sizing: border-box;*/
}

.header .d-alist li .a-fist {
    padding: 0 5px 10px;
    position: relative;
    display: block;
    /*width: 100%;*/
    height: 100%;
}

.header .d-alist li .a-fist:after {
    content: '';
    position: absolute;
    width: 0;
    height: 3px;
    background-color: #7DCD46;
    bottom: 0;
    left: 0;
    transition: .4s;
}

.header .d-alist li .a-fist:hover:after, .header .d-alist li .a-fist.act:after {
    width: 100%;
}

.header .d-alist li .xiala {
    position: absolute;
    width: 215px;
    z-index: 100;
    background-color: #002347;
    top: 29px;
    left: 0;
    display: none;
    overflow: hidden;
    z-index: 9999;
}

.header .d-alist .li2 .xiala {
    width: 430px;
}

.header .d-alist li .xiala a {
    border-right: 1px solid #4F657C;
    float: left;
    display: block;
    height: 38px;
    line-height: 38px;
    border-bottom: 1px solid #4F657C;
    color: #ffffff;
    padding: 0 0 0 25px;
    position: relative;
    overflow: hidden;
    width: 189px;
}

.header .d-alist li .xiala a:hover {
    color: #7DCD46;
}

.header .d-alist li .xiala a:before {
    width: 3px;
    height: 0;
    transition: .4s;
    content: '';
    position: absolute;
    left: 0;
    background-color: #7DCD46;

    top: 0;
}

.header .d-alist li .xiala a:hover:before, .header .d-alist li .xiala a.actt:before {
    height: 100%;
}

.header .d-alist li .xiala a:after {
    content: '';
    width: 7px;
    height: 12px;
    background: url("../img/about_03.png") no-repeat center;
    position: absolute;
    right: -10px;
    top: 12px;
    transition: .4s;
}

.header .d-alist li .xiala a:hover:after, .header .d-alist li .xiala a.actt:after {
    right: 8px;
}

.header .d-you-sou {
    float: right;
}

.header .d-top-one {
    overflow: hidden;
    margin: 14px 0 10px;
}

.header .d-top-one p {
    float: left;
    margin: 0 0 0 30px;
}

.header .d-top-one .p1 a {
    display: inline-block;
    width: 26px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    border-radius: 50%;
    /*background-color: #00499D;*/
    margin: 0 0 0 6px;
    position: relative;
}
.header .d-top-one .p1 .a-wx img{
    width:80px;
    display: none;

}
.header .d-top-one .a-wx {
    background: #00499D url('../img/weixin_03.png') no-repeat center;
}

.header .d-top-one .a-wb {
    background: #00499D url('../img/weibo_05.png') no-repeat center;
}

.header .d-top-one .b-ren {
    display: inline-block;
    vertical-align: middle;
    width: 18px;
    height: 18px;
    background: url("../img/dengluren_03.png") no-repeat center;
    margin: -2px 5px 0 0;
}

.header .d-top-one .p3 a {
    color: #00499D;

}

.header .d-you-sou .for-bot {
    float: right;
    overflow: hidden;
    border: 1px solid #A0A0A0;
    border-radius: 20px;
}
.header .d-you-sou .for-bot .sel1{
    float: left;
    height: 26px;
    border:none;
    border-right: 1px solid #A0A0A0;
    text-align: center;
    outline:none;
    padding:0 0 0 10px;
}

.header .d-you-sou .for-bot .inp1 {
    width: 160px;
    height: 26px;
    padding: 0 0 0 10px;
    border:none;
    outline: none;
    transition: .2s;
    float: left;
}
.header .d-you-sou .for-bot .inp-sub{
    height: 26px;
    width:26px;
    background: url("../img/sousuofangda_17.png") no-repeat center;
    border:none;
    float: left;
    outline:none;
}

.header .d-you-sou .for-bot .inp-sub:hover{
    background: url("../img/lansousuofangda_17.png") no-repeat center;
}


.h1-tit1 {
    color: #00479d;
    font-size: 30px;
    text-align: center;
    padding: 30px 0 10px;
}

.h1-tit2 {
    background: url("../img/h2-bg_03.png") no-repeat center;
    width: 410px;
    height: 6px;
    margin: 0 auto;
}

.h1-tit3 {
    color: #787878;
    font-size: 18px;
    text-align: center;
    margin: 10px 0 30px;
    text-transform: uppercase;
    font-family: 'Arial';
}

.footer {
    height: 390px;
    background-color: #EBF0F5;

}

.footer .d-top-top {
    position: relative;
    padding: 0 0 17px;
}

.footer .d-top-top .div-rbot {
    position: absolute;
    right: 0;
    bottom: 0;
    text-align: right;

}

.footer .d-top-top .div-rbot img {
    max-width: 80px;
    margin: 0 0 10px;
}

.footer .d-zuo1 {
    float: left;
}

.footer .d-zuo1 .a-logo {
    margin: 28px 0;
    display: block;
}

.footer .d-zuo1 .ul-foo {
    color: #5b6870;
}

.footer .d-zuo1 .ul-foo li {
    margin: 0 0 20px;
    line-height: 26px;
}

.footer .d-zuo1 .ul-foo li h3 {

    font-size: 16px;
}

.footer .d-zuo1 .ul-foo li p {

    font-size: 12px;
}

.footer .ul-list {
    margin: 40px -40px 0 0;
    float: left;
}

.footer .ul-list li {
    float: left;
    position: relative;
    padding: 0 0 0 41px;
}

.footer .ul-list li:after {
    content: '';
    position: absolute;
    height: 176px;
    border-left: 1px solid #D1D8DE;
    right: 0;
    top: 0;
}

.footer .ul-list li h1 {
    color: #2d373c;
    font-size: 16px;
    margin: 0 0 26px;
}

.footer .ul-list .li2{
    width:500px;
}

.footer .ul-list .d-list-a {
    margin: 0 41px 0 0;
}
.footer .ul-list .li2 .d-list-a{
    margin:0;
}
.footer .ul-list .d-list-a a {
    display: block;
    margin: 0 0 10px;
}
.footer .ul-list .li2 .d-list-a a{
    float: left;
    width:30%;
}
.ban-com {
    width: 100%;
    height: 100%;
    position: relative;
}

.ban-com img {
    display: block;
    width: 100%;

}

.ban-com p {
    color: #ffffff;
    position: absolute;
    width: 100%;
    text-align: center;
    font-size: 26px;
}

.ban-com .p1 {
    font-size: 30px;
    text-transform: uppercase;
    top: 37%;

}

.ban-com .p2 {
    top: 50%;
}

.h1-tt1 {
    color: #444444;
    font-size: 28px;
    padding: 30px 0 10px;
    text-align: center;

}

.h1-tt1 span {
    position: relative;
}

.h1-tt1 span:before, .h1-tt1 span:after {
    content: '';
    position: absolute;
    width: 100px;
    border-top: 1px solid #cccccc;
    top: 21px;
}

.h1-tt1 span:before {
    left: -125px;
}

.h1-tt1 span:after {
    right: -125px;
}

.h1-tt2 {
    color: #777777;
    font-size: 22px;
    margin: 0 0 40px;
    text-align: center;
    text-transform: uppercase;
}

.h1-img {
    width: 425px;
    height: 48px;
    line-height: 48px;
    text-align: center;

    background: url("../img/product_detail_03.png") no-repeat center;
    color: #005bac;
    font-size: 22px;
    margin: 50px auto;
}

.bg-hui {
    background-color: #fafafa;
}

/*产品详情*/
.product-xq .ul-pro-xq .div-zong {
    overflow: hidden;
    background-color: #ffffff;
}

.product-xq .ul-pro-xq .li-top {
    margin: 0 auto 40px;
}

.product-xq .ul-pro-xq .div-zong h1 {
    float: left;
    width: 480px;
    height: 300px;
    overflow: hidden;
}

.product-xq .ul-pro-xq .div-zong h1 img {
    display: block;
    width: 100%;
    height: 100%;
    transition: .4s;
}

.product-xq .ul-pro-xq .div-zong:hover h1 img {
    transform: scale(1.1);
}

.product-xq .ul-pro-xq .d-you-zong {
    width: 685px;
    float: right;
/*    height: 300px;*/
    overflow: hidden;
    margin: 0 5px 0 0;
}

.product-xq .ul-pro-xq .d-you-zong h2 {
    color: #555555;
    font-size: 22px;
    margin: 40px 0 0;
}

.product-xq .ul-pro-xq .d-you-zong h3 {
    border-top: 1px solid #74BB2E;
    width: 100%;
    margin: 30px 0 30px;
}

.product-xq .ul-pro-xq .d-you-zong p {
    line-height: 22px;
/*    text-align: justify;*/
    -ms-text-justify: inter-ideograph;
    text-justify: inter-ideograph;
}

.product-xq .ul-pro-xq .div-fen-bot {
    overflow: hidden;
    margin: 32px 0 0;
    width: 1214px;
    display: none;
}

.product-xq .ul-pro-xq .div-fen-bot a {
    float: left;
    width: 228px;
    height: 228px;
    border: 1px solid #E6E6E6;
    background-color: #ffffff;
    position: relative;
    margin: 0 12px 12px 0;
}

.product-xq .ul-pro-xq .div-fen-bot h3 {
    width: 100%;
    height: 100%;
    line-height: 228px;
    text-align: center;
    overflow: hidden;
}

.product-xq .ul-pro-xq .div-fen-bot h3 img {
    max-width: 96%;
    max-height: 96%;
    vertical-align: middle;
    transition: .4s;
}

.product-xq .ul-pro-xq .div-fen-bot a:hover h3 img {
    transform: scale(1.1);
}

.product-xq .ul-pro-xq .div-fen-bot p {
    width: 100%;
    height: 100%;
    text-align: center;
    background: rgba(51, 51, 51, .7);
    position: absolute;
    top: 0;
    left: 0;
    color: #ffffff;
    font-size: 18px;
    padding: 40% 0 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    transform: scale(0);
    transition: .4s;
}

.product-xq .ul-pro-xq .div-fen-bot a:hover p {
    transform: scale(1);
}

/*分页样式*/
.pager_linkBox {
    text-align: center;
    margin: 0 auto 100px;
}

.pager_linkBox a {
    transition: .5s;
    display: inline-block;
    text-align: center;
    height: 30px;
    line-height: 30px;
    margin: 0 5px;
    position: relative;
    z-index: 100;
    border: 1px solid #E0E0E0;
    padding: 0 13px;
}

.pager_linkBox .current, .pager_linkBox a:hover {
    background-color: #0077CC;
    color: #ffffff;
    border: 1px solid #0077CC;
}

.download-com {
    border-top: 1px solid #E5E5E5;
    padding: 0 0 40px;
}

.download-com h1 {
    color: #00479d;
    font-size: 20px;
    margin: 20px 0 20px;
}

.download-com .down-ne {
    font-size: 0;
}

.download-com .down-ne li {
    display: inline-block;
    vertical-align: top;
    width: 33.33%;
    line-height: 26px;
    font-size: 14px;
    margin: 0 0 20px;
}

.download-com .down-ne a {
    padding: 0 0 0 32px;
    display: block;
    width: 260px;
    background: url("../img/xiazai_03.png") no-repeat left 3px;
}










