﻿@charset "UTF-8";
* {
    padding: 0;
    margin: 0;
    text-align: left;
    font-family: 'microsoft yahei';
    color: #3D3D3D;
}

img {
    border: 0;
}

ul {
    margin: 0;
}

p {
    margin: 0;
}

a,
a:Hover {
    text-decoration: none;
    color: #333333;
}

a:hover {
    color: #1977df;
}

li {
    list-style: none;
}

.mt10 {
    margin-top: 10px;
}

.mt20 {
    margin-top: 20px !important;
}

.mt30 {
    margin-top: 30px !important;
}

.mt40 {
    margin-top: 40px !important;
}

.mt50 {
    margin-top: 50px !important;
}

.mt60 {
    margin-top: 60px !important;
}

.mt80 {
    margin-top: 80px !important;
}

.mt90 {
    margin-top: 90px!important;
}

.mt100 {
    margin-top: 100px!important;
}

.mt110 {
    margin-top: 110px!important;
}
.mt120 {
    margin-top: 120px!important;
}
.mt130 {
    margin-top: 130px!important;
}
.mt140 {
    margin-top: 140px!important;
}
.mt220 {
    margin-top: 220px !important;
}


.mb10 {
    margin-bottom: 10px;
}

.mb20 {
    margin-bottom: 20px;
}

.mb30 {
    margin-bottom: 30px;
}

.mb40 {
    margin-bottom: 40px;
}

.mb50 {
    margin-bottom: 50px;
}

.mb20 {
    margin-bottom: 20px;
}

.pt10 {
    padding-top: 10px;
}

.pt20 {
    padding-top: 20px;
}

.pt30 {
    padding-top: 30px;
}

.pt40 {
    padding-top: 40px;
}

.pt50 {
    padding-top: 50px;
}

.pt60 {
    padding-top: 60px;
}

.pb10 {
    padding-bottom: 10px;
}

.pb20 {
    padding-bottom: 20px;
}

.pb30 {
    padding-bottom: 30px;
}

.pb40 {
    padding-bottom: 40px;
}

.pl10 {
    padding-left: 10px !important;
}

.pl20 {
    padding-left: 20px !important;
}

.pr10 {
    padding-right: 10px !important;
}

.pr20 {
    padding-right: 20px !important;
}

.clear {
    clear: both;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

body {
    position: relative;
}

.container {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
    margin: 0 auto;
    right: 0;
    position: relative;
}

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

.big-row {
    width: 1250px;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

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

.transition {
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
}


/*
box model;
*/

ul.gdao li ul.pro-list li,
.product-show ul li {
    float: left;
}

.product-one .prolist ul li,
.product-show .second-list a,
.six-left .six-tel img {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

html {
    position: relative;
    width: 100%;
}

body {
    min-width: 1200px;
    position: relative;
}

.fp-section.fp-table {
    table-layout: inherit !important;
}

.top-logo {
    height: 96px;
    background: #fff;
    position: absolute;
    text-align: center;
    top: 0;
    left: 0;
    z-index: 999;
    -moz-box-shadow: 1px 0px 2px #000000;
    /* 鑰佺殑 Firefox */
    box-shadow: 1px 0px 2px #000000;
    width: 100%;
    min-width: 1200px;

}



.toplogo {
    margin-top: 10px;
}

.toplogo img {
    position: relative;
    /*max-width: 372px;*/
    height: auto;
}

.toptel {
    position: absolute;
    right: 0;
    top: 0;
    width: 9%;
    padding-left: 1%;
    background: #2d3e98;
    height: 96px;
}

.toptel span {
    font-size: .12rem;
    line-height: 1em;
    color: #ffffff;
}

.toptel p {
    color: #ffec13;
    font-size: 24px;
    line-height: 36px;
    font-family: 'impact';
}

.nav_green {
    width: 800px;
}

ul.gdao > li {
    float: left;
    list-style: none;
    text-align: center;
    line-height: 96px;
    height: 96px!important;
    position: relative;
    height: auto;

    width: 130px;
}

ul.gdao li > a {
    display: block;
    height: 96px;
    text-align: center;
    position: relative;
    color: #000;
    font-size: 18px;
    font-weight: normal;
    text-align: center;
    line-height: 96px;
    display: inline-block;
}

ul.gdao li a:hover {
    color: #d5251a;
}

ul.gdao li .sec{height:0;background:#d5251a;color:#fff;overflow:hidden;z-index:999999;position:absolute;top:96px;left:0px;}
ul.gdao li .sec a{    display: block;
    text-align: center;
    line-height: 50px;
    color: #ffffff;
    font-size: 16px;float: left;width: 130px;}
ul.gdao li .sec a:hover{text-decoration:none;color: #ff8624}

.fp-controlArrow.fp-prev {
    left: 10% !important;
    border-width: 0 !important;
    background: url(../images/slide-prev.png) no-repeat !important;
    width: 70px !important;
    height: 192px !important;
}

.fp-controlArrow.fp-next {
    right: 10% !important;
    border-width: 0 !important;
    background: url(../images/slide-next.png) no-repeat !important;
    width: 70px !important;
    height: 192px !important;
}

.slide .fp-tableCell {
    position: absolute !important;
}

.fp-slide {
    background-size: auto !important;
}

.section-three .fp-tableCell {
    background: url(../images/section-three.jpg) no-repeat;
}

.section-three .row {}

.slogan {
    position: relative;
    width: 60.5%;
    margin-top: 20%;
}

.purpose-title {
    width: 100%;
    position: relative;
    text-align: center;
}

.purpose-title p {
    color: #fff;
    font-size: .2rem;
    line-height: .5rem;
    text-align: center;
    margin-bottom: .4rem;
}

.purpose-title h2 {
    font-size: .6rem;
    margin-top: .2rem;
    color: #fff;
    text-align: center;
}

ul.ys {
    width: 7.5rem;
    position: relative;
    margin: 0 auto;
}

ul.ys li {
    width: 2.1rem;
    height: 2.1rem;
    background: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    margin: .2rem;
    float: left;
    display: block;
    text-align: center;
}

ul.ys img {
    padding-top: .4rem;
    width: .8rem;
}

ul.ys li p {
    text-align: center;
    font-size: .25rem;
}


/*.slogan .one {
    background-color: #17b2bb; }
.slogan .one .icon img {
      width: 19%; }
.slogan .one h4 {
      color: #ffffff; }
.slogan .one p {
      color: #ffffff; }


.slogan .two {
    background-color: #fff58b; }
.slogan .two .icon img {
      width: 24.8%; }
.slogan .two h4 {
      color: #000; }
.slogan .two p {
      color: #000; }

.slogan .three{
    background-color: #fff; }
.slogan .three .icon img {
      width: 17.6%; }
.slogan .three h4 {
      color: #17b2bb; }
.slogan .three p {
      color: #000; }


.slogan .four {
    background-color: #17b2bb; }
.slogan .four .icon img {
      width: 18.8%; }
.slogan .four h4 {
      color: #ffffff; }
.slogan .four p {
      color: #ffffff; }*/

.section-two .fp-tableCell {
    background: #fff;
    height: 100%;
    position: relative;
    background: url(../images/section-two.jpg) no-repeat;
}

.section-two .row,
.section-two .fp-tableCell {

    position: relative;
}

.product-one {
    position: relative;
}

.product-one .prolist {
    overflow: hidden;
}

.product-one .prolist > p {

    text-align: center;
    width: 1200px;
    margin: 0 auto;
    text-align: center;
    color: #fff;
    font: normal 18px/30px 'Baskerville Old Face';
    text-transform:uppercase;
}
.product-one .prolist h2{
    text-align: center;
    width: 1200px;
    margin: 0 auto;
    text-align: center;
    font: normal 30px/40px '微软雅黑';
    color: #fff;
}
.product-one .prolist h2 span{
    color: #e01d12;
    padding-right: 10px;
}

.product-show {
    overflow: hidden;
    margin-top: .3rem;
    position: relative;
    height: 100%;
}

.product-show .second-list {
    margin: 10px 0;
}

.product-show .second-list a {
    border: 1px solid #fff;
    padding: 0 10px;
    margin: 0 10px;
    line-height: 30px;
}

.product-show .second-list a:hover {
    color: #ffffff;
    background-color: #0b5a9f;
}

.product-show ul {
    width: 1200px;
    overflow: hidden;
    position: relative;
    height: 100%;
}

.product-show ul li{text-align:center;float:left;margin-left:17px;margin-right:17px;height: 240px;width:338px; background-color:rgba(255, 255, 255, 0.2); height:600px;overflow: hidden;}
.product-show ul li dt img{width:64px;height:64px;}
.product-show ul li dt{width:64px;height:64px;overflow:hidden;margin: 16px auto;}
.product-show ul li dd{width: 100%;height: 40px;padding-top: 42px;padding-bottom: 20px;text-align: center;color: #ffffff;font-size: 24px;
    font-weight: normal;background: url(../images/line01.png) no-repeat bottom center;}
.product-show ul li h3{text-align:center;color: #ffffff;font-size: 15px;line-height: 24px;text-align: center;font-weight: normal;
    padding-top: 20px;width: 250px;margin: 0 auto;}
.product-show ul li h3 a{font-weight:normal;}
.product-show ul li a{display:block;}

.product-show ul li a.img:hover{border-color:#00afad;}
.product-show ul{width: 1200px;overflow:hidden;float:left;height: 300px;}
.ln_nr{width: 1200px;margin-top: 75px;}
.pre_left{cursor:pointer;float:left;margin-top:100px;_display:inline;margin-right:12px;background: url(../images/left01.png) no-repeat center;width: 33px;height: 63px;}
.pre_right{cursor:pointer;float:right;margin-top:100px;background: url(../images/right01.png) no-repeat center;width: 33px;height: 63px;}


.pro .tabli li{float: left;width: 150px;}
.pro .tabli li h3{text-align: center;font-size:18px;color: #5f5f5f;padding-top: 100px;}
.pro .tabli li h3 a{margin-top: -80px;display: block;text-align: center;}
.pro .tabli li h3:hover a{color:#d5251a;}
.pro .tab li a.img{display: block;float: left;padding: 0 60px;overflow: hidden;}
.pro .tab li a.img img{width: 493px;height: 375px;transition: .8s;}
.pro .tab li a.img:hover img{-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-transform:scale(1.1,1.1);}
.pro .tab li{padding-top: 2px;}
.pro .tab li .pro-right{width: 510px;float: right;}
.pro .tab li .pro-right h3{font: bold 37px/50px "微软雅黑";padding: 10px 0;}
.pro .tab li .pro-right h3 a{color: #b31a12;}
.pro .tab li .pro-right p{font: normal 18px/30px "微软雅黑";color: #1e1e1e;}
.pro .tab li .pro-right .ljxq{display: block;width: 188px;height: 46px;background: #d5251a;color: #fff;font: normal 18px/46px "宋体";
text-align: center;margin-top: 40px;}
.pro .tab li .pro-right .ljxq span{padding-left: 40px;color: #fff;}

.cpzx{text-align:center;}
.cpzx p{font: normal 18px/30px 'Baskerville Old Face';color: #aaa49e;text-align:center;}
.cpzx h2{font: normal 30px/30px "微软雅黑";color:#d5251a;text-align:center;
    background: url(../images/line02.png) no-repeat center bottom;padding-bottom: 30px;}












/*.product-show ul li.first {
        width: 44.3%;
        height: 87%; }
        .product-show ul li.first a span {
          text-align: left; }
        .product-show ul li.first a img {
          height: 100%;
          position: relative; }*/

.section-four .fp-tableCell {
    background: url(../images/section-four.jpg) no-repeat;
}
.zsjm-img{
    position: relative;
    width: 1200px;
    height: 625px;
    margin-top: 30px;
}

.zsjm p{
    text-align: center;
    width: 1200px;
    margin: 0 auto;
    text-align: center;
    color: #d5251a;
    font: normal 18px/30px 'Baskerville Old Face';
    text-transform: uppercase;
}
.zsjm h2{text-align: center;
    width: 1200px;
    margin: 0 auto;
    text-align: center;
    color: #fff;
    font: normal 30px/40px 'Baskerville Old Face';
    background: url(../images/line02.png) no-repeat center bottom;
    padding-bottom: 30px;
    font-family: "微软雅黑";
}

.zsjm-wz{width: 556px;float: left;margin-top: 20px;}
.zsjm-right{width: 540px;float: right;position: relative;height: 540px;}
.zsjm-wz h3{font: normal 49px/60px "华文细黑";color: #fff;}
.zsjm-wz h3 p{font: normal 49px/60px "微软雅黑";color: #fff;}
.zsjm-wz .wz p{font: normal 14px/24px "微软雅黑";color: #999;margin-top: 50px;}
.zsjm-right .img1{position: absolute;top: 0 ;left: 0;overflow: hidden;}
.zsjm-right .img2{position: absolute;top: 0 ;left: 185px;overflow: hidden;}
.zsjm-right .img3{position: absolute;top: 0 ;right: 0;overflow: hidden;}
.zsjm-right .img4{position: absolute;top: 182px ;left: 185px;overflow: hidden;}
.zsjm-right .img5{position: absolute;top: 0px ;right: 0;overflow: hidden;}
.zsjm-right .img6{position: absolute;bottom: 186px ;left: 185px;overflow: hidden;}
.zsjm-right .img7{position: absolute;bottom: 0 ;left: 182px;overflow: hidden;}
.zsjm-right .img8{position: absolute;bottom: 186px ;right: 0;overflow: hidden;}
.zsjm-img img{ width: 172px;
    height: 172px;
    transition: .8s;}
.zsjm-img .img1 img{ width: 172px;
    height: 354px;}
.zsjm-img .img1:hover img{-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-transform:scale(1.1,1.1);}
.zsjm-img .img2:hover img{-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-transform:scale(1.1,1.1);}
.zsjm-img .img3:hover img{-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-transform:scale(1.1,1.1);}
.zsjm-img .img4:hover img{-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-transform:scale(1.1,1.1);}
.zsjm-img .img5:hover img{-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-transform:scale(1.1,1.1);}
.zsjm-img .img6:hover img{-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-transform:scale(1.1,1.1);}
.zsjm-img .img7:hover img{-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-transform:scale(1.1,1.1);}
.zsjm-img .img8:hover img{-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-transform:scale(1.1,1.1);}


.section-five .fp-tableCell {
    background: #fbfbfb;
    overflow: hidden;
    height: 100%;
}

.section-five .row {
    width: 1200px !important;

    overflow: hidden;
}
.fwzc h2{
    font: normal 30px/50px "微软雅黑";
    color: #b31a12;
    text-align: center;
    background: url(../images/line03.png) no-repeat center bottom;
    padding-bottom: 30px;
    margin-bottom: 30px;
}
.fwzc h2 p{
    text-align: center;
    width: 1200px;
    margin: 0 auto;
    text-align: center;
    color: rgba(24,24,24,0.58);
    font: normal 18px/30px 'Baskerville Old Face';
    text-transform: uppercase;
}
.fwzc > p{
     text-align: center;
     font: normal 16px/30px '宋体';
     color: #2f2f2f;
}
.case-show ul{
    width: 1200px;
    margin: 0 auto;
    padding-top:50px;
}
.case-show ul li{
    width: 135px;
    float: left;
    margin-left: 82px;
    margin-right: 82px;

    font: normal 18px/40px "微软雅黑";
    color: #555555;
    text-align: center;
}
.case-show ul li a{
    display: block;
    text-align: center;
    padding-top: 150px;
}
.case-show ul li:first-child a{
    background: url(../images/fw01.png) no-repeat center top;
}
.case-show ul li:nth-child(2) a{
    background: url(../images/fw02.png) no-repeat center top;
}
.case-show ul li:nth-child(3) a{
    background: url(../images/fw03.png) no-repeat center top;
}
.case-show ul li:last-child a{
    background: url(../images/fw04.png) no-repeat center top;
}
.case-show ul li:first-child:hover a{
    background: url(../images/fw01_h.png) no-repeat center top;
}
.case-show ul li:nth-child(2):hover a{
    background: url(../images/fw02_h.png) no-repeat center top;
}
.case-show ul li:nth-child(3):hover a{
    background: url(../images/fw03_h.png) no-repeat center top;
}
.case-show ul li:last-child:hover a{
    background: url(../images/fw04_h.png) no-repeat center top;
}




.jcImg {
    height: 460px;
    position: relative;
    overflow: hidden;
}

#myRoundabout {
    position: relative;
}

#myRoundabout ul {
    position: relative;
}

#myRoundabout ul li {
    height: 307px;
    width: 410px;
}

.slider_carousel {
    position: absolute;
    width: 900px;
}

.roundabout-holder {
    padding: 0;
    height: 400px;
    position: absolute;
    width: 800px;
    margin: 0 0 0 140px;
}

.roundabout-moveable-item {
    border: 0;
    list-style: none;
    width: 383px;
    height: 306px;
    -moz-box-shadow: 0 20px 20px -10px #000000;
    box-shadow: 0 20px 20px -10px #000000;
    -webkit-box-shadow: 0px 20px 20px -10px #000000;
}

.roundabout-moveable-item img {
    width: 100%;
    height: 100%;
    display: block;
}

.round_conrol {
    position: relative;
    width: 1200px;
    margin: 0 auto;
    height: 34px;
    padding: 0 0 0 0;
}

#bt-previous {
    position: absolute;
    width: 34px;
    height: 34px;
    display: block !important;
    background: url(../images/fan_left.png) no-repeat left;
    left: 0;
    top: -200px;
    cursor: pointer;
    text-indent: -9999px;
}

#bt-next {
    position: absolute;
    width: 34px;
    height: 34px;
    display: block !important;
    background: url(../images/fan_right.png) no-repeat left;
    right: 120px;
    top: -200px;
    cursor: pointer;
    text-indent: -9999px;
}

.round_but {
    position: absolute;
    display: block;
    width: 24px;
    height: 22px;
    cursor: pointer;
}

.section-six .fp-tableCell {
    background: url(../images/section-six.jpg) no-repeat;
    height: 80%;
    position: relative;
}

.section-six .fp-tableCell .row {
    position: relative;
    overflow: hidden;
}

.section-six h2 {
    font: normal 30px/50px "微软雅黑";
    color: #b31a12;
    text-align: center;
    background: url(../images/line02.png) no-repeat center bottom;
    padding-bottom: 30px;
    margin-bottom: 30px;
}

.section-six h2 p {
    text-align: center;
    width: 1200px;
    margin: 0 auto;
    text-align: center;
    color: #fff;
    font: normal 18px/30px 'Baskerville Old Face';
    text-transform: uppercase;
}

.section-six ul {
    width: 1200px;
    margin-top: 40px;
}

.section-six ul li{
    width: 200px;
    float: left;
    margin: 0 100px;
    transition: 0.5s;
}
.section-six ul li a.img{
    display: block;
    width: 172px;
    height: 172px;
    margin: 0 auto;

}
.section-six ul li img{
    width: 66px;
    height: 68px;
    margin: 0 auto;
    display: block;
    padding-top: 50px;
}
.section-six ul li:hover a.img{
    background: rgba(0,0,0,0.21);
    border-radius: 50%;
    border: 1px solid #939393;
}
.section-six ul li h3{
    font: normal 24px/30px "微软雅黑";
    color: #fff;
    text-align: center;
    padding-top: 20px;
    background: url(../images/line01.png) no-repeat center bottom;
    padding-bottom: 20px;
}
.section-six ul li p{
    font: normal 14px/30px "宋体";
    color: #fff;
    text-align: center;
    padding: 20px 0;
}
.section-six ul li:hover{
    margin-top: -10px;
}
.section-six .more{
    display: block;
    width: 294px;
    height: 42px;
    border: 1px solid #a9a9a9;
    font: normal 14px/42px "微软雅黑";
    color: #b31a12;
    text-align: center;
    margin: 0 auto;
    margin-top: 50px;
}
.lx{
    width: 555px;
    margin: 50px auto;
}
.lx a{
    display: block;
    text-align: center;
}
.lx .zxkf{
    width: 183px;
    height: 64px;
    background: #d5251a;
    color: #fff;
    font: normal 16px/64px "微软雅黑";
    float: left;
}
.lx .tel{
    width:  276px;
    height: 62px;
    border: 1px solid #d5251a;
    color: #222222;
    font: Bold 16px/30px "微软雅黑";
    float: right;
}
.lx .tel p{
    font-size: 18px;
    text-align: center;
}
.fnav .ful{
    width: 852px;
    float: left;
}
.fnav .ful > li{
    width: 142px;
    text-align: center;
    float: left;

}
.fnav .ful li > a{
    font: normal 18px/40px "微软雅黑";
    color: #707070;
}
.fnav .ful li .sec{
    margin-top: 15px;
}
.fnav .ful li .sec a{
    display: block;
    text-align: center;
    font: normal 14px/24px "微软雅黑";
    color: #707070;
}
.fnav .ful li a:hover{
    color: #d5251a;
}

.fnav .fnav-right{
    width: 280px;
}
.fnav .fnav-right h3{
    margin-bottom: 15px;
    font: normal 18px/40px "微软雅黑";
    color: #707070;
}
.fnav .fnav-right .fewm{

}
.fx{
    position: relative;
}
.fx li{
   font: normal 14px/30px "微软雅黑";
   text-align: right;
   width: 60px;
   padding: 5px 0;
}
.fx li img{
   display: block;
   float: left;
}
.fx .content a{
    opacity: 0;
}
.fx .bds_tsina{
    padding: 5px 30px;
    position: absolute;
    left: 0;
    top: 0;
}
.fx .bds_weixin{
    padding: 5px 30px;
    position: absolute;
    left: 0;
    top: 40px;
}
.fx .bds_qzone{
    padding: 5px 30px;
    position: absolute;
    left: 0;
    top: 80px;
}
.fx .content a:hover{
    opacity: 0;
}
.fnav{
    padding-top: 60px;
    border-top: 1px solid #f3f3f3;
    margin-top: 20px;
}






.section-seven .fp-tableCell {
    background: url(../images/section-seven.jpg) no-repeat;
    height: 100%;
    position: relative;
}
.lxwm h2 {
    font: normal 30px/50px "微软雅黑";
    color: #b31a12;
    text-align: center;
    background: url(../images/line02.png) no-repeat center bottom;
    padding-bottom: 30px;
    margin-bottom: 30px;
}

.lxwm h2 p {
    text-align: center;
    width: 1200px;
    margin: 0 auto;
    text-align: center;
    color: rgba(68,68,68,0.65);
    font: normal 18px/30px 'Baskerville Old Face';
    text-transform: uppercase;
}



.bottom {
    background: #1a1a1a;
    height: 100px;
    position: absolute;
    z-index: 9999;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
}

.bottom p {
    color: #666;
    text-align: center;
    font-size: .14rem;
    line-height: 56px;
    position: relative;
}

@media screen and (max-width: 1540px) {
    .toptel p {
        font-size: 19px;
        line-height: 30px;
    }
}

@media screen and (max-width: 1240px) {
    .toptel p {
        font-size: 17px;
    }
}

@media screen and (max-width: 1200px) {
    .toptel {
        right: 111px;
    }
    .toplogo {}
    .bottom p {
        transform: scale(0.9);
        transform-origin: 0 0;
        -ms-transform: scale(0.9);
        /* IE 9 */
        -ms-transform-origin: 0 0;
        /* IE 9 */
        -webkit-transform: scale(0.9);
        -webkit-transform-origin: 0 0;
        -moz-transform: scale(0.9);
        /* Firefox */
        -moz-transform-origin: 0 0;
        /* Firefox */
        -o-transform: scale(0.9);
        /* Opera */
        -o-transform-origin: 0 0;
        /* Opera */
    }
}


/*# sourceMappingURL=index.css.map */


/*内页样式wy添加*/

.h20 {
    width: 100%;
    height: 20px;
    margin: 0 auto;
}

.h30 {
    width: 100%;
    height: 30px;
    margin: 0 auto;
}

.h50 {
    width: 100%;
    height: 50px;
    margin: 0 auto;
}

.h80 {
    width: 100%;
    height: 80px;
    margin: 0 auto;
}

.h150 {
    width: 100%;
    height: 150px;
    margin: 0 auto;
}

.nr16 {
    font-size: 16px !important;
    line-height: 30px;
    color: #333;
    padding: 20px;
}

.nr162 {
    font-size: 16px;
    line-height: 30px;
    color: #333;
}

.nr18 {
    font-size: 18px;
    line-height: 40px;
    color: #333;
}

.nr18 td {
    border-bottom: solid 1px #ddd;
    font-size: 18px;
    line-height: 40px;
}

#bass_box {
    width: 100%;
    height: 60px;
    background: #fff;
    border-bottom: solid 1px #ddd;
    margin-bottom: 50px;
}

#bass_box .bass {
    width: 1175px;
    height: 60px;
    margin: 0 auto;
    font-size: 16px;
    line-height: 60px;
    color: #333;
    background: url(../images/home.png) left center no-repeat;
    padding-left: 25px;
}

#bass_box .bass a {
    color: #1653c4;
    text-decoration: none;
}

.news3 li {
    width: 1170px;
    height: 180px;
    font-family: "Microsoft Yahei";
    font-weight: normal;
    margin: 40px 10px;
    border: solid 1px #ddd;
    -webkit-transition: 0.4s;
    -webkit-transition: -webkit-transform 0.4s ease-out;
    transition: transform 0.4s ease-out;
    -moz-transition: -moz-transform 0.4s ease-out;
}

.news_l {
    width: 220px;
    height: 180px;
    float: left;
}

.news_l img {
    width: 200px;
    height: 160px;
    margin: 10px;
}

.news_r {
    width: 940px;
    height: 180px;
    float: left;
}

.news_tt {
    color: #3765ba;
}

.news_tt a {
    color: #3765ba;
    line-height: 40px;
    text-decoration: none;
    font-size: 16px;
    padding-top: 10px;
}

.news_tt a:hover {
    color: #ff0000;
}

.news_nr {
    font-size: 14px;
    color: #555;
    line-height: 24px;
}

.news_time {
    font-size: 14px;
    text-align: left;
    line-height: 30px;
    color: #999;
    font: italic;
}

.news3 li:hover {
    transform: scaleX(1.1) scaleY(1.1);
    -webkit-box-shadow: 0 2px 20px rgba(8, 104, 193, .55);
    -moz-box-shadow: 0 2px 20px rgba(8, 104, 193, .55);
    box-shadow: 0 2px 20px rgba(8, 104, 193, .55);
}

.ny_title3 {
    width: 880px;
    height: 40px;
    background: #1e60c0;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    margin: 0 auto;
    clear: both;
    line-height: 40px;
    padding-left: 10px;
}

.ny_love {
    width: 888px;
    height: 220px;
    border: solid 1px #ccc;
    margin: 0 auto;
}

.page22 {
    width: 100%;
    height: 40px;
    margin: 0 auto;
    line-height: 40px;
    font-size: 16px;
}

.page22 li {
    width: 46%;
    height: 40px;
    float: left;
    text-align: center;
    margin: 1%;
    font-size: 16px;
    border: solid 1px #ccc;
}

.page11 {
    line-height: 40px;
    font-weight: bold;
    color: #333;
}

.page11 i {
    color: #999;
    font-size: 16px;
    font-weight: normal;
}

#nyba {
    width: 100%;
    height: 360px;
    background: url(../images/nyba.jpg) top center no-repeat;
    margin-top: 110px;
}

#xwba {
    width: 100%;
    height: 360px;
    background: url(../images/xwba.jpg) top center no-repeat;
}

#contactba {
    width: 100%;
    height: 360px;
    background: url(../images/contactba.jpg) top center no-repeat;
}

.ny_cplei {
    width: 1200px;
    height: 100px;
    margin: 0 auto 20px auto;
}

.ny_cplei ul li {
    width: 280px;
    height: 40px;
    background: #ddd;
    text-align: center;
    float: left;
    margin: 5px 10px;
    display: block;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
}

.ny_cplei ul li a {
    width: 280px;
    height: 40px;
    background: #ddd;
    text-align: center;
    display: block;
    font-size: 16px;
    line-height: 40px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    transition-duration: .5s;
    -ms-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -webkit-transition-duration: .5s;
}

.ny_cplei ul li a:hover {
    background: #3765ba;
    color: #fff;
}

.ny_cplei ul li .curument {
    background: #3765ba;
    color: #fff;
    font-weight: bold;
}

.product-show2 {
    width: 1100px;
    height: 260px;
    margin: 0 auto 30px auto;
}

.product-show2 li {
    width: 260px;
    height: 240px;
    background: #ff0000;
    float: left;
    margin: 7px;
}

.product-show2 li a img {
    width: 260px;
    height: 210px;
    border: 0;
    margin: 0;
    padding: 0;
}

.product-show2 li a span {
    font-size: 14px;
    background: #ddd;
    color: #000;
    height: 40px;
    width: 260px;
    line-height: 40px;
    display: block;
    text-align: center;
    bottom: 10px;
    position: relative;
}

.product-show2 .transition:hover {
    background: #1c2661;
    color: #fff;
    height: 40px;
    width: 260px;
}

.news-in .tit {border-bottom: 1px solid #FFF;line-height: 55px;color: #FFF;font-size: 20px;margin-bottom: 20px;}
.news-in .tit img {display: inline-block;vertical-align: top;margin-top: 8px;}
.news-in .tit .more {float: right;font-size: 14px;color: #FFF;}

.news-in dl {margin: 0;overflow: hidden;}
.news-in dt {float: left;width: 266px;overflow: hidden;}
.news-in dt img {display: block;width: 100%;height: auto;transition: all 0.3s;}
.news-in dt a:hover img {transform: scale(1.1);}
.news-in dd {/*margin-left: 286px;*/}
.news-in dd h4 {margin: 0;font-size: 16px;}
.news-in dd h4 a{color:#FFF;}
.news-in dd p {color: #FFF;line-height: 24px;}
.news-in dd .more {display: inline-block;padding: 6px 12px;border: 1px solid #FFF; color:#FFF;}
.news-in .list {margin-top: 20px;}
.news-in .list li {line-height: 40px;background: url(../images/ico08.gif) no-repeat 0 center;padding-left: 20px;border-bottom: 1px dashed #ddd;font-size: 16px;}
.news-in .list li a{ color:#FFF;}
.news-in .list span {float: right;color: #FFF;}
.news-in .qa li {border-bottom: 1px dashed #ddd;padding-bottom: 13px;margin-bottom: 13px;}
.news-in .qa h4 {margin: 0 0 5px;font-size: 16px;background: url(../images/wen.png) no-repeat 0 center;padding-left: 35px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.news-in .qa h4 a{color:#FFF;}
.news-in .qa p {margin: 0;background: url(../images/da.png) no-repeat 0 0;padding-left: 35px;height: 60px;overflow: hidden; color:#FFF;}

