@charset "utf-8";
/*头部样式*/

.wellcome {
    width: 100%;
    height: 30px;
    line-height: 30px;
    background: #033b98;
    font-size: 12px;
}

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

.wel {
    float: left;
    color: #fff;
    opacity: .9;
}

.k1 {
    width: 50%;
    float: right;
    text-align: right;
    color: #fff;
    opacity: .9;
}

.k1 a {
    color: #fff;
    opacity: .9;
}

.k1 a:hover {
    opacity: 1;
}

.k2 {
    float: right;
    padding-left: 44px;
    background: url(/uploads/image/tdimages/tel.png) no-repeat 0px 0px;
    font-family: impact;
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 1px;
    color: #033b98;
}

.k2 h2{
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #2c2c2c;
    line-height: 7px;
}


#header {
    background: #eaeaea;
    line-height: 40px;
}

#header .k2 {
    text-align: right;
}

.logo {
    float: left;
    margin-top: 46px;
}

.top{
    position: relative;
}
.lang{
    position: absolute;
    top: 55px;
    right: 213px;
    width: 180px;
    cursor: pointer
}
.lang td{
    margin-right: 25px;
    width: 96px;
}

.lang a:hover{
    color:#033b98;
}

.toplink {}


.link-version {
    line-height: 30px;
    text-align: right;
    float: right;
    margin-top: 5%;
}

.link-version a {
    color: #fff;
    font-size: 14px;
    padding: 0 6px;
}

.link-version a:hover {
    color: #e87518;
}

.c-home {
    float: right;
    line-height: 34px;
    padding-right: 13px;
}

.c-home a {
    color: #3064ac;
}




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

.tbdh{
    height: 58px;
    background-color: #033b98;
}



#menu {
    width: 100%;
    float: right;
}

.navs {display: flex;justify-content: space-between;flex-wrap: wrap;}

.navs li {
    line-height: 58px;
    float: left;
    width: 11%;
}

.navs li a {
    display: block;
    text-align: center;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 58px;
    letter-spacing: 0px;
    color: #ffffff;
}

.navs li:hover a {
}

.navs li:hover {
    background: #032a6c;
}

.navs li.lxff a {
    border: none;
}

.search1 {
    width: 100%;
    background: url(/uploads/image/tdimages/sbj.png) no-repeat center;
    border-bottom: 1px solid #eeeeee;
}

.tel1 {
    width: 50%;
    float: left;
}

.tel1 p {
    font-size: 18px;
    line-height: 72px;
    color: #fff;
}

.tel1 p span {
    font-size: 28px;
    font-family: "impact";
}

.search {
    width: 50%;
    float: right;
    margin-top: 42px;
}

#formsearch {
    width: 270px;
    float: right;
    position: relative;
}

#formsearch input {
    height: 28px;
    background: #fff;
    line-height: 28px;
    display: block;
    border: none;
    outline: none;
}

#formsearch input#keyword {
    padding-left: 4px;
    color: #666;
    width: 228px;
    height: 35px;
    border: 1px solid #c9c9c9;
    border-radius: 4px;
}

#formsearch input#s_btn {
    height: 35px;
    width: 35px;
    line-height: 35px;
    overflow: hidden;
    background: none;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
    background: url(/uploads/image/tdimages/ss1.png) no-repeat 3px 3px #033b98;
    border-radius: 5px;
}

/*热门搜索*/

.hotsearch {
    float: right;
    height: 24px;
    line-height: 24px;
    font-weight: normal;
    font-size: 12px;
    margin: 0px;
    margin-top: 5px;
    color:#666;
}

.hotsearch a {
    font-size: 12px;
    color: #666;
    padding-right: 10px;
    padding-left: 3px;
    background: url(/uploads/image/tdimages/hbj.png) no-repeat right;
}

.hotsearch a:last-child {
    background: none;
}

.hotsearch a:hover {
    color: #033b98;
}

.about-center {
    width: 100%;
}

.aboutus {
    width: 1200px;
    margin: 0 auto;
    padding: 50px 0px;
    text-align: center;
}

.aboutus h2 {
    font-size: 20px;
    color: #333333;
    font-weight: bold;
    background: url(/uploads/image/tdimages/abbj.png) no-repeat center;
    line-height: 35px;
    margin-bottom: 20px;
    text-indent: 121px;
    margin-left: -85px;
}

.content8 {

    padding: 10px 80px;
    font-size: 15px;
    line-height: 32px;
}

.aboutus ul {
    width: 70%;
    margin: 0 auto;
}

.aboutus ul li {
    width: 25%;
    float: left;
    text-align: center;
    line-height: 40px;
    padding-top: 100px;
    font-size: 15px;
    font-weight: bold;
    color: #333;
}

.g1 {
    background: url(/uploads/image/tdimages/g1.png) no-repeat center;
}

.g1:hover {
    background: url(/uploads/image/tdimages/g11.png) no-repeat center;
}

.g2 {
    background: url(/uploads/image/tdimages/g2.png) no-repeat center;
}

.g2:hover {
    background: url(/uploads/image/tdimages/g22.png) no-repeat center;
}

.g3 {
    background: url(/uploads/image/tdimages/g3.png) no-repeat center;
}

.g3:hover {
    background: url(/uploads/image/tdimages/g33.png) no-repeat center;
}

.g4 {
    background: url(/uploads/image/tdimages/g4.png) no-repeat center;
}

.g4:hover {
    background: url(/uploads/image/tdimages/g44.png) no-repeat center;
}



#nav-fiexd {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 9999;
    background: rgba(248, 238, 238, 0.9);
}

#nav-fiexd.navbar-default {
    background: #fff;
}

#nav-fiexd a.navbar-brand {
    display: block;
    width: 70%;
    padding: 0;
    height: 50px;
}

#nav-fiexd a.navbar-brand img {
    width: auto;
    max-height: 100%;
}

.swiper-container .swiper-slide a {
    display: block;
    width: 100%;
}

.swiper-container .swiper-slide img {
    width: 100%;
    height: auto;
}

/*----- 产品中心 ------*/

.product-title {
    text-align: center;
    padding-top: 12px;
}

.product-title h2 {
    font-size: 30px;
}

.product-title p {
    background:  0 50% repeat-x;
    line-height: 46px;
}

.product-title p span {
    display: block;
    background: #fff;
    width: 200px;
    margin: 0 auto;
    line-height: 30px;
    color: #a3b0d0;
    font-size: 20px;
}

.menu-tabs {
    margin-top: 25px;
    position: relative;
    height: 50px;
}

.menu-tabs a.product-a {
    width: 10%;
    line-height: 34px;
    display: block;
    position: absolute;
    right: 40px;
    top: 16px;
    background: #012676;
    border-radius: 4px;
    text-align: center;
    color: #fff;
}

.menu-tabs li {
    margin-top: 10px;
    padding: 0 5px !important;
}

.menu-tabs li.active a {
    background: #014099;
    font-size: 12px;
}

.menu-tabs li a {
    display: block;
    background: #515151;
    line-height: 50px;
    height: 50px;
    overflow: hidden;
    font-size: 13px;
    text-align: center;
    color: #fff;
}

.product-list {
    padding-top: 30px;
}

.product-list li {
    padding: 0 7px !important;
    margin-bottom: 12px;
}

.product-list li a.img {
    position: relative;
    display: block;
    border: 1px solid #cccccc;
    border-radius: 6px;
    overflow: hidden;
    padding-bottom: 50px;
}

.product-list li a.img img {
    width: 100%;
    height: auto;
}

.product-list li .cont-p {
    position: absolute;
    left: 0;
    width: 100%;
    padding: 2%;
    bottom: 0;
    background: #012676;
    color: #fff;
    display: block;
}

.product-list li:hover .cont-p {
    display: block;
}

.product-list li .cont-p h3 {
    font-size: 14px;
    line-height: 26px;
    height: 26px;
    overflow: hidden;
    margin: 0;
}

.product-list li .cont-p p {
    line-height: 22px;
    height: 40px;
    overflow: hidden;
    margin: 0;
}

.tab-more {
    text-align: center;
}

.tab-more a {
    color: #014099;
    font-weight: bold;
    font-size: 14px;
}

/*----- 关于我们 ------*/

.about-top-bg {
    height: 84px;
    background:  0 0 no-repeat #515151;
    margin-top: 35px;
}

.about-top-bg p {
    height: 84px;
    background:  50% 0 no-repeat;
}

.about-bottom-bg {
    height: 83px;
    background:  92% 0 no-repeat;
}

.about-bottom-bg p {
    height: 83px;
    background:  0 0 no-repeat;
}

.about-center-bg {
    background: #515151;
}

.about-center-bg .title {
    color: #fedd00;
    font-size: 20px;
    padding: 40px 15px 20px;
    text-align: center;
    line-height: 32px;
}

.about-us {
    padding-top: 42px;
}

.about-us>div {
    padding-bottom: 55px;
}

.about {
    position: relative;
    background:  50% 0 no-repeat #fff;
    padding: 53px 10px 20px;
}

.about-title {
    font-size: 30px;
    line-height: 80px;
    text-align: center;
}

.about .contents {
    height: 88px;
    overflow: hidden;
    line-height: 22px;
}

.about .contents p {
    margin: 0;
    font-size: 15px;
}

.about .contents p {
    margin: 0;
    font-size: 15px;
}

.about .bg {
    width: 106px;
    height: 106px;
    background:  50% 50% no-repeat;
    position: absolute;
    left: 50%;
    margin-left: -53px;
    top: -53px;
}

.about .bg2 {
    background:  50% 50% no-repeat;
}

.about .bg3 {
    background:  50% 50% no-repeat;
}

.about .bg4 {
    background:  50% 50% no-repeat;
}

.about:hover {
    background:  50% 0 no-repeat #014099;
    color: #fff;
}

.about:hover .bg1 {
    background:  50% 50% no-repeat;
}

.about:hover .bg2 {
    background:  50% 50% no-repeat;
}

.about:hover .bg3 {
    background:  50% 50% no-repeat;
}

.about:hover .bg4 {
    background:  50% 50% no-repeat;
}

.video .content {
    padding: 15px 0 0 0;
    text-align: center;
}


/*----- 底部通用 ------*/

.foot-bg {
    background:  95% 0 no-repeat #515151;
    padding-bottom: 15px;
    margin-top: 30px;
}

.contact-us {
    position: relative;
    z-index: 99;
}

.contact-us .logos {
    width: 30%;
    padding: 16px 0 0 20px;
}



.contact-us .contact {
    color: #fff;
    font-size: 16px;
    padding-top: 10px;
}

.contact-us .contact p {
    margin: 0;
    line-height: 36px;
}

.quyu {
    color: #fff;
    line-height: 24px;
    font-size: 13px;
}

.quyu a {
    color: #fff;
}

.menu-sort {
    padding-top: 50px;
}

.f-sort {
    border-bottom: 1px solid #e5e5e5;
    background:  right 18px no-repeat;
}

#menu-sorts .f-sort {
    padding: 0 5px;
}

.f-sort h2 {
    margin: 0;
    line-height: 54px;
    font-size: 20px;
    color: #d8d8d8;
}

.f-sort .content {
    display: none;
}

.f-sort .content a {
    display: block;
    font-size: 14px;
    color: #848b92;
    line-height: 28px;
}

.f-sort .content a:hover {
    color: #e87518;
}

.nav-foot {
    color: #ffffff;
    line-height: 30px;
    font-size: 16px;
    padding: 20px 0;
}

.nav-foot p {
    margin: 0;
}

.shares {
    padding-top: 9px;
}

.shares a {
    display: block;
    width: 52px;
    height: 52px;
    float: right;
    margin-left: 20px;
    background:  0 0 no-repeat;
}

.shares a.jiathis_button_weixin {
    background:  -84px 0 no-repeat;
}

.shares a.jiathis_button_tsina {
    background:  -163px 0 no-repeat;
}

/*----- common css ------*/

.di {
    _display: inline;
}

.fwn {
    font-weight: normal;
}

.dib {
    *display: inline;
    _zoom: 1;
    _display: inline;
    _font-size: 0;
}

.roll_product li {
    padding-bottom: 0;
}

.wd96 {
    width: 100%;
    margin: 0 auto;
    height: 127px;
    background: #fff;
}

.tabsel {
    width: 1200px;
    margin: 0 auto;
    position: relative;
}

/*------------内页-------------------*/

.n_banner {
    text-align: center;
}

.n_banner img {
    width: 100%;
    height: auto;
}

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



.container h1,
.container h2,
.container h3,
.container h4 {
    margin: 0;
    font-size: 12px;
}



.product-cate {
    width: 100%;
    background: #e5e5e5;
}

.sortt {
    width: 73%;
    margin: 0 auto;
    padding: 40px 0px 30px;
}

.sortt1 {
    width: 73%;
    margin: 0 auto;
    padding: 20px 0px 20px;
}

.sortt li {
    box-shadow: 0px 4px 5px rgba(0, 0, 0, .3);
    padding: 0px;
    margin-right: 48px;
    margin: 0px 1.5%;
    opacity: 0;
    margin-bottom: 2.5%;
}

.sortt li img {
    width: 100%;
    height: auto;
}

.sortt li h3 {
    width: 100%;
    height: auto;
    background: #fff;
    margin: 0px;
    text-align: center;
    padding-bottom: 22px;
}

.sortt li h3 span {
    font-size: 14px;
    color: #000;
    font-weight: bold;
    line-height: 50px;
    padding-top: 14px;
    display: block;
}

.sortt li h3 p {
    width: 118px;
    height: 26px;
    margin: 0 auto;
    line-height: 26px;
    font-weight: normal;
    font-size: 12px;
    color: #a3a3a3;
    border: 1px solid #dcdcdc;
}

.box-product {
    width: 100%;
    background: url(/uploads/image/tdimages/cpbj.png) repeat;
    padding-top:40px;
    margin-top:40px;
    margin-bottom:40px;
}

.pro-list {
    width: 1200px;
    margin: 0 auto;
}

.pro-list h2 {
    line-height: 40px;
    color: #fff;
}

.pro-list h2 span {
    float: left;
    font-size: 20px;
    padding-left: 40px;
    background: url(/uploads/image/tdimages/spanbj1.png) no-repeat 0px;
}

.pro-list h2 a {
    float: right;
    display: block;
    width: 88px;
    height: 23px;
    line-height: 21px;
    text-align: center;
    font-weight: normal;
    font-size: 13px;
    border: 1px solid #a3b3d1;
    margin-top: 8px;
    color: #fff;
}

.pro-list h2 a:hover {
    color: #ccc;
}

.xian11 {
    width: 100%;
    background: url(/uploads/image/tdimages/xian11.png) no-repeat center;
}

.xian11 h2 {
    width: 1200px;
    margin: 0 auto;
    font-size: 13px;
    color: #fff;
    opacity: .6;
    padding-left: 22px;
    font-weight: 400;
}

.pro-pic {
    width: 1200px;
    margin: 0 auto;
}

.bannerx {
    width: 600px;
    float: left;
    height: auto;
    padding: 40px 0px !important;
    position: relative;
}

.prolist1 {
    width: 600px;
    float: right;
    padding: 40px 0px !important;
}

.prolist1 li {
    padding-left: 0px;
    padding-right: 0px;
    position: relative;
    margin-left: 9px;
    margin-bottom: 14px;
    float: left;
}

.prolist1 li a img {
    width: 288px;
    height: 218px;
}

.prolist1 li h3 {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    position: absolute;
    margin: 0px;
    top: 0;
    text-align: center;
    color: #fff;
    opacity: 0;
    transition: all 0.8s ease;
}

.prolist1 li h3 span {
    color: #fff;
    line-height: 60px;
    font-size: 13px;
    display: block;
    padding-top: 54px;
    font-weight: 400;
}

.prolist1 li h3 a {
    display: block;
    width: 98px;
    height: 24px;
    border: 1px solid #fff;
    color: #fff;
    line-height: 22px;
    text-align: center;
    font-size: 12px;
    margin: 0 auto;
    font-weight: 400;
}

.prolist1 li:hover h3 {
    opacity: 1;
}

.news-center {
    width: 100%;
}

.news-list {
   width: 1200px;
    margin: 0 auto;
    padding: 20px 0px 30px;
    text-align: center;
}

.news-list h2 {
    font-size: 20px;
    color: #333333;
    font-weight: bold;
    background: url(/uploads/image/tdimages/newbj.png) no-repeat center;
    line-height: 35px;
    margin-bottom: 40px;
    text-indent: 121px;
    margin-left: -85px;
}

.newimg {
    width: 360px;
    float: left;
}



.new-right {
    width: 816px;
    float: left;
}

.new-right li {
    float: left;
    border: 1px solid #dcdcdc;
    margin-left: 16px;
    margin-bottom: 29px;
}

.new-right li:hover h3 {
    background: #033b98;
}

.new-right li:hover a {
    color: #033b98;
}

.bn2 {
    width: 47%;
}

.new-right li h3 {
    width: 80px;
    height: 80px;
    float: left;
    background: #bdbdbd;
    margin: 9px;
}

.new-right li h3 span {
    display: block;
    text-align: center;
    font-size: 30px;
    color: #fff;
    font-weight: bold;
    line-height: 44px;
    padding-top: 6px;
}

.new-right li h3 p {
    width: 100%;
    text-align: center;
    font-size: 13px;
    font-weight: normal;
    color: #fff;
    padding: 0px;
}

.new-right li .newname {
    display: block;
    text-align: left;
    font-size: 13px;
    color: #666666;
    line-height: 33px;
    padding-top: 6px;
}

.new-right li p {
    text-align: left;
    font-size: 12px;
    color: #999999;
    padding: 0px 16px;
}

.icon-3,
.icon-4 {
    margin-top: 28px;
}

.box-case {
    width: 100%;
    background: #f1f1f1;
    padding-top:40px;
}

.case-list {
    width: 1200px;
    margin: 0 auto;
    text-align: center;
}

.case-list h2 {
    line-height: 40px;
    color: #333333;
}

.case-list h2 span {
    float: left;
    font-size: 20px;
    padding-left: 46px;
    background: url(/uploads/image/tdimages/case1.png) no-repeat 0px;
    font-weight: bold;
}

.xian111 {
    width: 100%;
    background: url(/uploads/image/tdimages/xian111.png) no-repeat center;
}

.xian111 h2 {
   width: 1200px;
    margin: 0 auto;
    font-size: 13px;
    color: #5c5c5c;
    padding-left: 22px;
    font-weight: 400;
}

.case-pic {
    width: 1200px;
    margin: 0 auto;
    margin-top: 40px;
}

.case-pic li {
    float: left;
    text-align: center;
    margin: 0 1%;
}



.case-pic li img {
    width: 272px;
    height: 206px;
    border:2px solid #033b98;
}
.case-pic li:hover img{
    border:2px solid #000;
}
.case-pic li h3 {
    margin: 0;
    line-height: 50px;
    margin-bottom: 20px;
   
}

.case-pic li h3 a {
    font-size: 13px;
    color: #333;
     font-weight: 400;
}

.case-pic li:hover h3 a {
    color: #033b98;
}

.box-link {
    width: 100%;

}

/*友情链接*/

.f_link {
    line-height: 40px;
    font-size: 13px;
    font-weight: normal;
    width: 63%;
    margin: 0 auto;
}

.navfoot {
    width: 100%;
    background: #033b98;
    padding: 72px 0px 39px;
}

.foot-bt {
    width: 1200px;
    margin: 0 auto;
    padding: 0px 0px;
}

.fotmessage {
    float: left;
    width: 426px;
}

.fotmessage h2 {
    font-size: 24px;
    color: #fff;
    line-height: 25px;
    text-indent: 0;
    font-weight:normal;
}

.fotcontact {
    width: 322px;
    float: left;
    line-height: 32px;
    text-indent: 10px;
    color: #fff;
    margin-left: 94px;
    height: 306px;
    border-left: 1px solid rgba(255, 255, 255, 0.22);
    padding-left: 80px;
    border-right: 1px solid rgba(255, 255, 255, 0.22);
}

.fotcontact p{padding: 0;font-size: 16px;font-weight: normal;font-stretch: normal;line-height: 30px;letter-spacing: 0px;color: #ffffff;}

.fotcontact h2 {
    font-size: 24px;
    color: #fff;
    line-height: 25px;
    text-indent: 0;
    font-weight: normal;
    margin-left: 10px;
    padding-bottom: 18px;
}

.n8 {
    font-size: 24px;
    color: #fff;
    line-height: 25px;
    text-indent: 0;
    font-weight: normal;
    margin-bottom: 15px;
}



.navss {
    width: 100%;
}

.navss li {
    text-align: center;
    width: 16.6%;
    float: left;
    position: relative;
    z-index: 999;
}

.navss li a {
    display: block;
    line-height: 32px;
    color: #fff;
    height: 32px;
    font-size: 18px;
    font-weight: bold;
}

.navss .sec {
    color: #fff;
    overflow: hidden;
    z-index: 9999;
}

.navss .sec a {
    color: #fff;
    height: 38px;
    line-height: 38px;
    font-size: 14px;
    font-weight: normal;
    opacity: .8;
}

.fotnav {
    float: left;
    width: 66.66%;
}

.ewm {
    width: 139px;
    float: right;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    line-height: 35px;
}

.foot9 {
    margin: 0 auto;
    padding-top: 10px;
    padding-bottom: 15px;
    text-align: right;
}

#footer {
    background: #033b98;
    border-top: 1px solid rgba(255, 255, 255, 0.22);
}

.copyright {
    text-align: left;
    width: 1200px;
    color: #fff;
    margin: 0 auto;
    position: relative;
    padding: 40px 0 50px;
    line-height: 30px;
}

.copyright a {
    color: #fff;
}
.gsba{text-align: center;margin-top:8px;position: absolute;right: 0;top: 50px;}
.yy {
    background: url(/uploads/image/tdimages/yy.png) repeat;
    width: 100%;
    height: 100%;
    position: absolute;
}

.prodescription {
    display: none;
}


.left {
    width: 220px;
    float: left;
    margin-top: -40px;
    position: relative;
}
.left .box{
    margin-bottom:20px;
}
.right {
    width: 940px;
    float: right;
    padding-top: 30px;
}

.left h3 {
    font-size: 18px;
    font-weight: normal;
    border-bottom: 1px solid #dedede;
    line-height: 40px;
    color: #fff;
    padding-left: 23px;
    background: #033b98;
    margin: 0px;
}

.left .content {
    background: #f6f6f6;
}

.n_contact .content {
    text-indent: 6px;
}

.site {
    font-size: 14px;
}

.site a {
    font-size: 14px;
}

.bb li p {
    position: absolute;
    color: #fff;
}

.bb .e1 {
    top: 25%;
    width: 100%;
    text-align: center;
    font-size: 50px;
}

.bb .e2 {
    top: 45%;
    width: 100%;
    text-align: center;
    font-size: 35px;
    font-weight: normal;
}

.bb .e3 {
    top: 65%;
    width: 100%;
    text-align: center;
    font-size: 15px;
    font-weight: normal;
    background: url(/uploads/image/tdimages/1.png) no-repeat center center;
    line-height: 45px;
}

.e3 a {
    color: #fff;
}

.sitemp {
    line-height: 31px;
    height: 31px;
    overflow: hidden;
    padding-right: 10px;
    border-bottom: 1px solid #e0e0e0;
}

.sitemp h2 {
    width: 340px;
    float: left;
    line-height: 31px;
    text-align: center;
    text-align: left;
    text-indent: 15px;
    color: #666666;
    font-size: 16px;
    margin: 0px;
}

.sitemp .site {
    width: 380px;
    float: right;
    text-align: right;
    line-height: 30px;
}

.right .content{padding-top:15px;}


.swiper-container-horizontal>.swiper-pagination-bullets {
    bottom: 20px !important;
    left: 48% !important;
    width: 156px !important;
    background: rgba(0, 0, 0, .3);
    border-radius: 10px;
    padding:4px 0;
}







.bb1x{
    margin-top: 60px;
    padding-bottom: 168px;
}
.bbbt1{
    text-align: center;
}
.bbbt1 h2{
    width: 16px;
	height: 8px;
    background: url(/uploads/image/tdimages/bb1bt.png) no-repeat;
    margin: 0 auto;
}
.bbbt1 h3{
    font-family: impact;
    font-size: 72px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    line-height: 61px;
    color: #e9e9e9;
    margin-top: 23px;
}
.bbbt1 h4{
    font-size: 36px;
    font-weight: bold;
    font-stretch: normal;
    letter-spacing: 3px;
    color: #1a1a1a;
    width: 333px;
    height: 48px;
    background-color: #fff;
    margin: -25px auto;
    position: relative;
}
.bbbt1 h4 s1{
    color: #033b98;
}


.bb1nr{
    margin-top: 128px;
}
.bb1nr .bb1tj{
    background-color: #f8f8f8;
}
.bb1nr .bb1tj li{
}
.bb1nr .bb1tj li .img{
    width: 542px;
    float: left;
}
.bb1nr .bb1tj li .img img{
    width: 100%;
}
.bb1nr .bb1tj li .bb1tjwz{
    float: left;
    margin-left: 66px;
    width: 520px;
}
.bb1nr .bb1tj li .bb1tjwz h2{
    font-size: 24px;
    font-weight: bold;
    font-stretch: normal;
    letter-spacing: 2px;
    color: #000000;
    line-height: 26px;
    margin-top: 54px;
}
.bb1nr .bb1tj li .bb1tjwz h3{
    width: 87px;
    height: 7px;
    background-color: #033b98;
    margin-top: 32px;
}
.bb1nr .bb1tj li .bb1tjwz h4{
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 24px;
    letter-spacing: 0px;
    color: #000000;
    margin-top: 20px;
}
.bb1nr .bb1tj li .bb1tjwz h5{
    width: 194px;
    height: 51px;
    background-color: #033b98;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 1px;
    color: #ffffff;
    line-height: 51px;
    text-align: center;
    margin: 34px 0 0;
}

.bb1fl{
    overflow: hidden;
    margin-top: 56px;
}
.bb1fl li{
    width: 31.9%;
    margin: 0 13px;
}
.bb1fl li h2{
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 15px;
    letter-spacing: 0px;
    color: #000000;
    text-align: center;
    margin-top: 35px;
}
.bb1fl li .img{}
.bb1fl li .img img{
    width: 100%;
}







.bb2x{
    background: url(/uploads/image/tdimages/bb2bj.png) no-repeat;
    padding-top: 73px;
    position: relative;
    height: 813px;
}

.bbbt2{
    text-align: center;
}
.bbbt2 h2{
    width: 16px;
	height: 8px;
    background: url(/uploads/image/tdimages/bb1bt.png) no-repeat;
    margin: 0 auto;
}
.bbbt2 h3{
	width: 273px;
	height: 36px;
	background: url(/uploads/image/tdimages/bb2bt1.png) no-repeat;
	margin: 17px auto 0;
}
.bbbt2 h4{
    font-size: 36px;
    font-weight: bold;
    font-stretch: normal;
    letter-spacing: 3px;
    color: #1a1a1a;
    width: 333px;
    height: 48px;
    margin: 0px auto;
    position: relative;
}
.bbbt2 h4 s1{
    color: #033b98;
}


.bb2nr{}
.bb2jj{
    width: 495px;
    margin-top: 67px;
    height: 400px;
}
.bb2jj h2{
    font-size: 30px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 31px;
    letter-spacing: 0px;
    color: #033b98;
}
.bb2jj h3{
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 25px;
    letter-spacing: 0px;
    color: #bfbfbf;
}
.bb2jj h4{
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 24px;
    letter-spacing: 0px;
    color: #525252;
    margin-top: 35px;
}
.bb2jj h5{
    width: 194px;
    height: 51px;
    background-color: #033b98;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 1px;
    color: #ffffff;
    line-height: 51px;
    text-align: center;
    margin: 40px 0 0;
}

.bb2sz{
    margin-top: 65px;
    width: 415px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-left: 58px;
}
.bb2sz li{
    float: left;
    text-align: center;
}
.bb2sz li .img{}
.bb2sz li .img img{}
.bb2sz li h2{
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 18px;
    letter-spacing: 0px;
    color: #fff;
    margin-top: 19px;
}
.bb2sz li h3{
    width: 45px;
    height: 4px;
    background-color: #fff;
    margin: 30px auto 52px;
    opacity: 0;
}

.bb2sz li:hover h3{
    opacity: 1;
}


.bb2img{
    position: absolute;
    right: 0;
    bottom: 0;
    width: 51.4%;
}
.bb2img img{
    width: 100%;
}




















.bb3x{
    margin-top: 97px;
    padding-bottom: 107px;
}



.bb3nr{
    margin-top: 139px;
}
.bb3nr .bb3tj{
    background-color: #f6f6f6;
    width: 518px;
    float: left;
}
.bb3nr .bb3tj li{
}
.bb3nr .bb3tj li .img{
    float: left;
    width: 518px;
}
.bb3nr .bb3tj li .img img{
    width: 100%;
}
.bb3nr .bb3tj li .bb3tjwz{
    float: left;
    margin-left: 20px;
    padding-bottom: 32px;
}
.bb3nr .bb3tj li .bb3tjwz h2{
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    color: #333;
    line-height: 22px;
    margin-top: 34px;
    letter-spacing: 0px;
}
.bb3nr .bb3tj li .bb3tjwz h3{
    width: 87px;
    height: 7px;
    background-color: #033b98;
    margin-top: 32px;
}
.bb3nr .bb3tj li .bb3tjwz h4{
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 26px;
	letter-spacing: 0px;
	color: #666666;
	margin-top: 20px;
}
.bb3nr .bb3tj li .bb3tjwz h5{
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 15px;
	letter-spacing: 0px;
	color: #999999;
	margin: 35px 0 0;
	padding-left: 15px;
	border-left: 1px solid #999;
    background: url(/uploads/image/tdimages/bb3gd.png) no-repeat 80px;
}

.bb3fl{
    overflow: hidden;
    width: 637px;
    float: right;
    height: 600px;
}
.bb3fl li{
    width: 100%;
    height: 110px;
    border-bottom: 1px solid #d8d8d8;
    padding-top: 43px;
}

.bb3fl li:hover{
    box-shadow: 0 0 18px rgba(0,0,0,0.2); 
}

.bb3fl li h2{
	font-size: 18px;
	font-weight: bold;
	font-stretch: normal;
	line-height: 21px;
	letter-spacing: 0px;
	color: #333333;
}
.bb3fl li:hover h2{
    color: #033b98;
}

.bb3fl li h3{
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 34px;
    letter-spacing: 0px;
    color: #666666;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-top: 5px;
}
.bb3fl li h4{
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 14px;
    letter-spacing: 0px;
    color: #999999;
    float: right;
    margin-top: 11px;
    padding-right: 33px;
    background: url(/uploads/image/tdimages/bb3gd.png) no-repeat right;
    position: relative;
}
.bb3fl li h4:after{content: '';width: 1px;height: 14px;position: absolute;right: 23px;top: 0px;background-color: #999;} 








.bb4x{
    margin-top: 0;
    padding-bottom: 121px;
}


.bb4nr{
    margin-top: 103px;
}


.bb4fl{
    overflow: hidden;
}
.bb4fl li{
    width: 31.9%;
    margin: 0 13px;
}
.bb4fl li h2{
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 15px;
    letter-spacing: 0px;
    color: #000000;
    text-align: center;
    margin-top: 35px;
}
.bb4fl li .img{}
.bb4fl li .img img{
    width: 100%;
}



.ewm p{
    font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 50px;
	letter-spacing: 0px;
	color: #ffffff;
    text-align: center;
}





.ht50{position: relative; width: 100%; z-index: 999;}

.ht50.scroll{
    position: fixed;
} 














/* 文字 */