*{
	margin: 0;
	padding: 0;
}
a{
	text-decoration: none;
}
a:hover{
	text-decoration: none;
    color: #333;
}
body{
	font-family: "微软雅黑";
}

ul{
    list-style: none;
}

img{
    max-width: 100%;
}

.pootop{
    max-width: 1520px;
    margin: auto;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    margin-top: 5rem;
}
.pootop a{
    background: #012385;
    color: #fff;
    width: 9%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 30px;
    margin-right: 2.37%;
    transition: all 0.3s;
    margin-bottom: 1rem;
}
.pootop a:nth-child(9n){
    margin-right: 0;
}
.pootop a:hover{
    background: #FFCD00;
}
.pootop a.on{
    background: #FFCD00;
}

.partner-lsit-mm{
    display: none;
}
/*缓存*/
.myPhone{
    position: absolute;
    top: 108px;
    width: 301px;
    overflow: hidden;
    transform: translate(0,0);
    display: none;
    transition: transform 500ms, opacity 500ms 100ms, left 0s 0s;
    transform: translate(0,10px);
    right: 0;
    z-index: 10;
}

.tel-bar {
    display: inline-block;
    background: #008DD5;
    color: #fff;
    padding: 2em 4em;
    text-align: center;
}

.tel-bar img {
    width: 4em;
    margin-bottom: 1em;
}

.tel-bar .tel-link {
    font-size: 2em;
    display: block;
    color: #fff!important;
}
.tel-bar p {
    display: inline-block;
    font-size: 0.9em;
    padding: 0.5em;
    line-height: 1;
    margin: auto;
    /* background-color: #34B7FB; */
}
.load_box {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 99999;
    top: 0;
    left: 0;
    background: #fff;
    text-align: center;
}

.load_box .loader_loader {
    width: 100%;
    height: 100%;
    max-width: 100%;
}
.loader_loader {
    box-sizing: border-box;
    display: flex;
    flex: 0 1 auto;
    flex-direction: column;
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 25%;
    max-width: 25%;
    height: 200px;
    align-items: center;
    justify-content: center;
}
@-webkit-keyframes line-scale-party {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }

  50% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5); }

  100% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes line-scale-party {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }

  50% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5); }

  100% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

.line-scale-party > div:nth-child(1) {
  -webkit-animation-delay: 0.77s;
          animation-delay: 0.77s;
  -webkit-animation-duration: 1.26s;
          animation-duration: 1.26s; }
.line-scale-party > div:nth-child(2) {
  -webkit-animation-delay: 0.29s;
          animation-delay: 0.29s;
  -webkit-animation-duration: 0.43s;
          animation-duration: 0.43s; }
.line-scale-party > div:nth-child(3) {
  -webkit-animation-delay: 0.28s;
          animation-delay: 0.28s;
  -webkit-animation-duration: 1.01s;
          animation-duration: 1.01s; }
.line-scale-party > div:nth-child(4) {
  -webkit-animation-delay: 0.74s;
          animation-delay: 0.74s;
  -webkit-animation-duration: 0.73s;
          animation-duration: 0.73s; }
.line-scale-party > div {
  background-color: #7aba1e;
  width: 4px;
  height: 35px;
  border-radius: 2px;
  margin: 2px;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  display: inline-block;
  -webkit-animation-name: line-scale-party;
          animation-name: line-scale-party;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-delay: 0;
          animation-delay: 0; }


/*end*/


/*头部*/

/**/
.clear {
    clear: both;
}


.listheader{
    max-width: 1520px;
    margin: auto;
    height: 152px;
    position: relative;
    background: #fff;
}

.listheader>a{
    float: left;
}
.listheader>a img{

}
.listheaderRight{
    float: right;
    margin-right: 6rem;
}


.listheaderRight ul{
    font-size: 0;
    width: 100%;
    margin: 0;
    height: 152px;
}
.listheaderRight ul>li{
display: inline-block;
    font-size: 16px;
    position: relative;
    height: 152px;
    line-height: 152px;
}
.listheaderRight ul>li>a{
    color: #333333;
    padding-left: 2.5rem;
	text-transform:uppercase;
	font-size:18px;
}

.index_aright{
    float: right;
    height: 152px;
    line-height: 152px;
}


.index_aright a:nth-child(1){
    margin-right: 1rem;
}













.search {

}
.search-box {
    width: 28%;
    position: fixed;
    right: 0;
    top: 152px;
    display: none;
    z-index: 10;
    background: #0a448d;
    padding: 18px 2%;
}
.search-box .close {
    float: right;
    width: 35px;
    height: 35px;
    background: url(../img/wel26.png) no-repeat center;
    background-size: 100%;
    margin-top: 2px;
    opacity: 1;
}
.search-box form {
    width: 76%;
    height: 40px;
    line-height: 40px;
    position: relative;
    border: 1px solid rgba(255,255,255,.2);
}
.search-box form .text {
    font-size: 12px;
    color: #fff;
    border: none;
    background: none;
    padding: 0 28px 0 18px;
    width: 100%;
    height: 40px;
    color: #fff;
    line-height: 40px;
}
.search-box form .submit {
    width: 14px;
    height: 30px;
    position: absolute;
    top: 50%;
    right: 14px;
    margin-top: -15px;
    background: url(../img/wel25.png) no-repeat center;
    border: none;
}
.search-box form .text::-webkit-input-placeholder{
    color: #fff;
}
.search-box form .text:-moz-placeholder{
    color: #fff;
}
.search-box form .text::-moz-placeholder{
    color: #fff;
}
.search-box form .text:-ms-input-placeholder{
    color: #fff;
}
/*.clickPhone:hover .myPhone{
    opacity: 1;
    transition: transform 500ms, opacity 500ms 100ms, left 0s 0s;
}*/


.nas .more{
    position: absolute;
    left: 50%;
    top: 118px;
    width: 200px;
    margin-left: -69px;
    background-color: rgba(255, 255, 255, 0.9);
    padding: 7px 0 21px;
    z-index: 100;
    display: none;
}
.nas .more a{
    display: block;
    color: #6d6d6d;
    font-size: 14px;
    height: 41px;
    line-height: 41px;
    padding-left: 60px;
    transition: all 0.3s linear 0s;
}

.nas .more a:hover{
    color: #039d41;
}














.bannerText{
    position: absolute;
    text-align: center;
    color: #fff;
    top: 43%;
    width: 100%;
    cursor: pointer;
}
.bannerText label{
    font-size: 44px;
}
.bannerText div{
    font-size: 30px;
}
.bannerText span{
    display: block;
    width: 40px;
    height: 2px;
    background: #fff;
    margin: auto;
    margin-top: 2rem;
    transition: 0.3s linear;
}
.bannerText:hover span{
    width: 240px;
    transition: 0.3s linear;
}




/*banner*/
.banner{
/*    margin-top: 9rem!important;*/
    width: 100%;
}
.banner img{
    width: 100%;
}

.bannerswiperpagination .swiper-pagination-bullet{
    width: 28px;
    height: 4px;
    border-radius: 0;
}
.bannerswiperpagination span.swiper-pagination-bullet-active{
    background: #008a79;
}
/*.bannernext{
    width: 69px!important;
    height: 69px!important;
    background: url(../image/4.png) no-repeat!important;
    background-size: 69px 69px!important;
    right: 20%!important;
}
.bannerprev{
    width: 69px!important;
    height: 69px!important;
    background: url(../image/5.png) no-repeat!important;
    background-size: 69px 69px!important;
    left: 17%!important;
}*/


/*end*/


.clearfix{
    zoom:1;
}



/*index-advantage*/
.index-advantage {
    width:100%;
    text-align:center;
    padding: 38px 0 40px 0;
}
.advantage-box {
    display:inline-block;
    box-sizing:border-box;
    height:60px;
    text-align:left;
}
.advantage-box .title {
    font-size:20px;
    color:#0a448d;
    line-height:30px;
}
.advantage-box .txt {
    font-size:14px;
    color:#666;
    line-height:22px;
}
.advantage-box.b1 {
    width:420px;
    border-right:1px solid #ccc;
    padding:3px 0 5px 159px;
    background:url(../img/4.png) 85px center no-repeat;
}
.advantage-box.b2 {
    width: 450px;
    padding: 3px 0 5px 143px;
    background: url(../img/5.png) 64px center no-repeat;
}
.advantage-box.b3 {
    width: 434px;
    border-left: 1px solid #ccc;
    padding: 3px 0 5px 150px;
    background: url(../img/6.png) 51px center no-repeat;
}

.advantage-box.b4 {
    width:434px;
    border-left:1px solid #ccc;
    padding:3px 0 5px 179px;
    background:url(../img/7.png) 98px center no-repeat;
}



/*index-about*/
.index-about {
    width:100%;
    display:table;
}
.index-about .img {
    width:49.5%;
    float:left;
}
.index-about .tboxs {
    width:50.5%;
    float:right;
    background:#f4f6fd;
    box-sizing:border-box;
    padding-left:78px;
}
.index-about .tboxs .title {
    position:relative;
    line-height:32px;
    padding-top:99px;
    margin-bottom:40px;
}
.index-about .tboxs .title i {
    font-family:Arial;
    font-size:100px;
    color:#e5ebf4;

}
.index-about .tboxs .title span {
    font-size:34px;
    color:#0a448d;
    position:absolute;
    z-index:2;
    left:0;
	font-weight:bold;
}
.index-about .tboxs .tbox {
    width:575px;
    font-size:14px;
    line-height:26px;
    color:#555;
    margin-bottom:64px;
    box-sizing:border-box;
}
.index-about .tboxs .tbox span {
    font-size:20px;
    line-height:30px;
    color:#333333;
    display:block;
	margin-bottom:10px;
}
.index-about .tboxs .label-box {
    display:table;
}
.index-about .tboxs .label-box .box {
    padding-left:64px;
    font-size:14px;
    line-height:14px;
    float:left;
    box-sizing:border-box;
    height: 54px;
    margin-right: 69px;
}
.index-about .tboxs .label-box .box.b1 {
    background:url(../img/8.png) left center no-repeat;
}
.index-about .tboxs .label-box .box.b2 {
    background:url(../img/9.png) left center no-repeat;
}
.index-about .tboxs .label-box .box.b3 {
    background:url(../img/10.png) left center no-repeat;
    margin-right: 0;
}
.index-about .tboxs .label-box .box .span1 {
    font-size: 16px;
    line-height: 20px;
    font-weight: bold;
    color: #1b1313;
    display: block;
    margin-bottom: 6px;
    margin-top: 6px;
}
.index-about .tboxs .label-box .box .span2{
	text-transform:uppercase;
color:#5e5a5a;}



/*index-case*/
.index-case {
    width:100%;
}
.index-title-box {
    width:100%;
    position:relative;
    text-align:center;
    padding:92px 0 59px 0;
}
.index-title-box i {
    font-family:Arial;
    font-size:100px;
    color:#f5f5f5;
    line-height:32px;
}
.index-title-box .box {
    position:absolute;
    left:50%;
    transform:translateX(-50%);
    top:92px;
    z-index:2;
}
.index-title-box .box .ch {
    font-size:34px;
    line-height:32px;
    color:#0a448d;
    margin-bottom:18px;
	font-weight:bold;
  text-transform:uppercase;
}
.index-title-box .box s {
    width:150px;
    height:1px;
    background:#eaeaea;
    display:block;
    margin:auto;
    margin-bottom:10px;
}
.index-title-box .box s span {
    width:30px;
    height:1px;
    background:#0a448d;
    display:block;
    margin:auto;
}
.index-title-box .box .en {
    font-size:14px;
    line-height:30px;
    color:#0a448d;
    text-transform:uppercase;
}

@media(min-width:1366px) {
    .index-case .list {
        max-width:1500px;
        margin:auto;
        display:table;
        padding:41px 0 59px 0;
    }
}
.index-case .list li {
    float:left;
    width:480px;
    margin-right:30px;
    margin-bottom:39px;
}
@media(min-width:1366px) {
    .index-case .list li:nth-child(3n) {
        margin-right:0;
    }
}
.index-case .list li .img {
    width:100%;
    position:relative;
    overflow:hidden;
}
.index-case .list li .img .zz {
    width:100%;
    height:100%;
    position:absolute;
    left:0;
    top:100%;
    z-index:2;
    background:rgba(10,68,141,.59);
    transition:all ease .3s;
}
.index-case .list li .img .zz img {
    width:50px;
    height:50px;
    position:absolute;
    left:50%;
    transform:translateX(-50%);
    top:125px;
}
@media(min-width:1024px) {
    .index-case .list li:hover .img .zz {
        top:0;
    }
}
.index-case .list li .tbox {
    width:100%;
    box-sizing:border-box;
    padding:18px 14px 0 14px;
}
.index-case .list li .tbox .tbox-title {
    font-size:18px;
    line-height:30px;
    color:#000;
    margin-bottom:6px;
}
.index-case .list li .tbox .tbox-txt {
    font-size:14px;
    line-height:26px;
    color:#000;
    opacity:.5;
    margin-bottom:17px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.index-case .list li .tbox .tbox-more {
    width:100px;
    height:30px;
    box-sizing:border-box;
    border:1px solid #b5b5b5;
    text-align:center;
    line-height:28px;
    font-size:12px;
    color:#666;
    border-radius:14px;
    margin-left:-4px;
    transition:all ease .3s;
}
.index-case .list li:hover .tbox .tbox-title  {
    color:#0a448d;
}
.index-case .list li:hover .tbox .tbox-more  {
    color:#fff;
    background:#0a448d;
    border:1px solid #0a448d;
}



/*index-product*/
.index-product {
    width:100%;
    display:table;
    background:#f4f6fd;
}
.index-product-menu {
    width:100%;
    text-align:center;
    padding:13px 0 48px 0;
}
.index-product-menu li {
    display:inline-block;
    width:130px;
    height:30px;
    box-sizing:border-box;
    border:1px solid #b5b5b5;
    font-size:14px;
    line-height:28px;
    color:#666;
    margin:0 9px;
    border-radius:15px;
    cursor:pointer;
    transition:all ease .3s;
    background: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.index-product-menu li a{
    color: #333;
}
.index-product-menu li:hover {
    background:#074fa8;
    border:1px solid #074fa8;
    color:#fff;
}
.index-product-menu li:hover a{
    color: #fff;
}
.index-product-menu li.on {
    background:#074fa8;
    border:1px solid #074fa8;
    color:#fff;
}
.index-product .list-boxs {
    width:100%;
}
.mobel-list-box {
    display:none;
}

.index-product-list {
    max-width:1500px;
    margin:auto;
    display:table;
    position:relative;
}
.index-product-box {
    width:365px;
    height:320px;
    float:left;
    background:#074fa8;
    box-sizing:border-box;
    padding:60px 43px;
    position:relative;
}
.index-product-box .title {
    font-size:18px;
    line-height:30px;
    color:#fff;
    margin-bottom:5px;
}
.index-product-box .txt {
    font-size:14px;
    line-height:26px;
    color:#fff;
    opacity:.5;
}
.index-product-box .list {
    border-top:1px solid rgba(255,255,255,.1);
    margin-top:24px;
    padding-top:21px;
    display:table;
}
.partner-lsit-m {
    display:none;
}
.index-product-box .list li {
    /*width:50%;*/
    font-size:14px;
    line-height:36px;
    box-sizing:border-box;
    padding-left:14px;
    padding-right:10px;
    background:url(../img/icon-img13.png) 4px center no-repeat;
    float:left;
}
.index-product-box .list li a {
    display:block;
    color:#fff;
}
.index-product-box .list li a:hover {
    text-decoration:underline;
}

.index-product-list .bd {
    width:1135px;
    float:right;
    overflow:hidden;
}
.index-product-list .bd li {
    width:365px;
    float:left;
    margin-right:20px;
}
.index-product-list .bd li a {
    position:relative;
    display:block;
}
.index-product-list .bd li .img {
    width:100%;
}
.index-product-list .bd li .img img {
    width:100%;
    display:block;
}
.index-product-list .bd li a .title {
width: 100%;
    font-size: 16px;
    color: #333;
    text-align: center;
    z-index: 2;
    left: 0;
    bottom: 15px;
    background: #fff;
    height: 63px;
    line-height: 63px;
}
.index-product-list .hd {
    width:100%;
    text-align:center;
    padding:65px 0 0 0;
    display:table;
}
.index-product-list .hd li {
    width:10px;
    height:10px;
    background:#cbcdd2;
    border-radius:100%;
    display:inline-block;
    margin:0 11px;
}
.index-product-list .hd li.on {
    background:#074fa8;
}

/**/

.about-qye{
    max-width: 1500px;
    margin: auto;
    overflow: hidden;
}

.about-qye ul {
    width: 100%;
    margin: 0;
}
.about-qye ul li{
    width: calc(100%/10);
    box-sizing: border-box;
    background-position:  center top;
    border-left: 1px solid #fff;
    height: 600px;
    float: left;
    position: relative;
    cursor: pointer;
    transition: all 0.5s;
    -webkit-transition: all 0.5s; 
}
.about-qye ul li:first-of-type{
    border-left:none
}
.about-qye ul li::after{
    content: '';
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    /*background: rgba(0, 0, 0, 0.6);*/
    left: 0;
    top: 0;
    z-index: 1;
}
.about-qye ul li h3{
    /*transform: translate3d(-50%,-50%,0);*/
    /*-webkit-transform: translate3d(-50%,-50%,0);*/
    position: absolute;
    left: 50%;
    top: 20%;
    font-size: 32px;
    color: #0a448d;
    font-weight: bold;
    width: 40px;
    text-align: center;
    z-index: 2;
    line-height: 38px;
    margin: 0;
    text-shadow: 0px 1px 0px #fff;
    transform: rotate(90deg);
    margin-left: -20px;

}
.about-qye ul .action {
    width: calc(100%/2);
   /* background-size: 100% 100% !important; */
}
.about-qye ul .action .conent{
    opacity: 1;
    transition: opacity 0.3s , transform 0.3s;
    -webkit-transition: opacity 0.3s ,transform 0.3s;
    transition-delay: 0.2s;
    -webkit-transition-delay: 0.2s;
    transform: translate3d(-50%,0,0) scale(1);
    -webkit-transform: translate3d(-50%,0,0) scale(1);
}
.about-qye ul .action h3{
    opacity: 0;
}
.about-qye ul .action::after{
    background: rgba(0, 97, 175, 0.3)
}
.about-qye ul li .conent{
   position: absolute;
   left: 50%;
   top: 13%;
   width: 80%;
   transform: translate3d(-50%,0,0) scale(0);
   -webkit-transform: translate3d(-50%,0,0) scale(0);
   z-index: 3;
   opacity: 0;
   
}
.about-qye ul li .conent b{
    font-size: 36px;
    color: #fff;
}
.about-qye ul li .conent .txt{
    font-size: 14px;
    color: #fff;
    line-height: 28px;
    margin-top: 2%;
}
























/*index-news*/
.index-news {
    width:100%;
}

@media(min-width:1366px) {
    .index-news-box {
        max-width:1500px;
        margin:auto;
        display:inline-block;
        padding:48px 0 78px 0;
    }
}
@media(min-width:1500px) {
    .index-news-box {
        width:1500px;
        margin:auto;
        display:table;
    }
}
.hot-news {
    width:725px;
    float:left;
}
.hot-news .img {
    width:100%;
}
.hot-news .img img {
    width:100%;
}
.hot-news .tbox {
    width:100%;
    padding:36px 8px 0;
    box-sizing:border-box;
}
.hot-news .tbox span {
    display:block;
}
.hot-news .tbox .time {
    font-size:16px;
    line-height:26px;
    color:#999;
}
.hot-news .tbox .title {
    font-size:18px;
    line-height:26px;
    color:#000;
    margin-bottom:12px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.hot-news .tbox .txt {
    width:100%;
    font-size:14px;
    line-height:22px;
    color:#777;
    margin-bottom:21px;
}
.hot-news .tbox .more {
    font-size:12px;
    color:#666;
    width:100px;
    height:30px;
    box-sizing:border-box;
    border:1px solid #dadada;
    text-align:center;
    line-height:28px;
    border-radius:15px;
}
.news-list {
    width:725px;
    float:right;
    margin-right:5px;
}
.news-list li {
    padding:34px 44px 27px 48px;
    box-shadow: 0 0 10px rgba(222,229,238,.75);
    margin-bottom:25px;
}
.news-list li:hover {
    background:#0a448d;
}
.news-list li span {
    display:block;
}
.news-list li .time {
    font-size:16px;
    line-height:26px;
    color:#999;
}
.news-list li:hover .time {
    color:#fff;
    opacity:.5;
}
.news-list li .title {
    font-size:18px;
    line-height:26px;
    color:#000;
    margin-bottom:12px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.news-list li:hover .title {
    color:#fff;
}
.news-list li .txt {
    width:100%;
    font-size: 14px;
    line-height: 22px;
    color: #777;
    margin-bottom: 21px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.news-list li:hover .txt {
    color:#fff;
    opacity:.5;
}
.news-list li .more {
    font-size:12px;
    color:#666;
    width:100px;
    height:30px;
    box-sizing:border-box;
    border:1px solid #dadada;
    text-align:center;
    line-height:28px;
    border-radius:15px;
}
.news-list li:hover .more {
    color:#fff;
    border:1px solid #fff;
    opacity:.5;
}






/*index-partner*/
.index-partner {
    width:100%;
    background:#f4f6fd;
}
.partner-lsit {
    max-width:1500px;
    margin:62px auto 0;
}
.partner-lsit .bd {
    width:100%;
    overflow:hidden;
}
.partner-lsit .bd li {
    width:340px;
    float:left;
    margin-right:47px;
}
.partner-lsit .bd li .box {
    width:100%;
}
.partner-lsit .bd li .box .img {
    width:100%;
    box-shadow:0 0 10px rgba(222,229,238,.75);
}
.partner-lsit .bd li .box .img:first-child {
    margin-bottom:32px;
}
.partner-lsit .hd {
    width:100%;
    text-align:center;
    padding:55px 0 0 0;
}
.partner-lsit .hd li {
    width:10px;
    height:10px;
    background:#cbcdd2;
    border-radius:100%;
    display:inline-block;
    margin:0 11px;
}
.partner-lsit .hd li.on {
    background:#074fa8;
}




/*index-advisory*/
.index-advisory {
    width:100%;

}
.index-advisory .boxs {
    max-width:1500px;
    margin:auto;
    display:table;
    padding:60px 0 65px 0;
}
.index-advisory .boxs .box {
    width:750px;
    float:left;
    display:table;
}
.index-advisory .boxs .box .tbox {
    line-height: 30px;
    color: #fff;
    float: left;
    margin-left: 10px;
}
.index-advisory .boxs .box .tbox .title {
    padding-left:40px;
    font-size:22px;
}
.index-advisory .boxs .box:first-child .tbox .title {
    background:url(../img/icon-img14.png) left center no-repeat;
}
.index-advisory .boxs .box:last-child .tbox .title {
    background:url(../img/icon-img15.png) left center no-repeat;
}
.index-advisory .boxs .box .tbox .txt {
    font-size:14px;
}
.index-advisory .boxs .box .link {
    width:190px;
    height:45px;
    box-sizing:border-box;
    display:block;
    border:1px solid #fff;
    border-radius:22px;
    font-size:14px;
    color:#fff;
    text-align:center;
    line-height:43px;
    float:right;
    margin-top:6px;
}
.index-advisory .boxs .box:first-child .link {
    margin-right:126px;
}
.index-advisory .boxs .box:last-child .tbox {
    margin-left:125px;
}



/**/
.bottom{
    width: 100%;
    background: #171717;
    overflow: hidden;
}
.bottom>div{
    max-width: 1500px;
    margin:4rem auto;
    overflow: hidden;
}
.bottom_a{
    float: left;
    width: 24%;
    overflow: hidden;
}
.bottom_a span{
    font-size: 18px;
    color: #fff;
    display: block;
    border-bottom: 1px solid #fff;
    padding-bottom: 1rem;
    margin-bottom: 1.5rem;
    width: 100%;
}
.bottom_a a{
    color: #fff;
    display: block;
    float: left;
    margin-right: 12.2%;
    line-height: 30px;

}
.bottom_a a:nth-child(5){
    margin-right: 0;
}


.bottom_b{
    float: left;
    width: 24%;
    overflow: hidden;
    margin-left: 14%;
}
.bottom_b span{
    font-size: 18px;
    color: #fff;
    display: block;
    border-bottom: 1px solid #fff;
    padding-bottom: 1rem;
    margin-bottom: 1.5rem;
    width: 100%;
}
.bottom_b div{
    color: #fff;
    line-height: 30px;
}
.bottom_b b{
    font-size: 24px;
}
.bottom>div>img{
    float: right;
}

.allbotom{
    font-size: 12px;
    line-height: 46px;
    background: #333333;
    width: 100%;
    color: #fff;
    text-align: center;
}
.allbotom a{
    color: #fff;
}






/**/
.listbanner{
    width: 100%;
}
.listbanner img{
    width: 100%;
}
/*new*/
.new_a{
    max-width: 1606px;
    margin: auto;
    overflow: hidden;
    position: relative;
    margin-top: 4.5rem;
    margin-bottom: 4.5rem;
}
.swipernew_a{
    max-width: 1520px;
}
.swipernew_a a{
    display: block;
    background: #eeeeee;
    overflow: hidden;
    padding: 2.6rem;
}
.swipernew_a a img{
    float: left;
    width: 31%;
}
.swipernew_a a div{
    float: right;
    width: 64%;
    overflow: hidden;
    margin-top: 2rem;
    position: relative;
}
.swipernew_a a span{
    font-size: 18px;
    color: #333333;
    display: block;
    border-bottom: 1px solid #ccc;
    height: 4rem;
    line-height: 4rem;
}
.swipernew_a a p{
    color: #555555;
    line-height: 31px;
    margin-top: 1rem;
}
.swipernew_a a i{
    color: #555555;
    font-style: normal;
    display: block;
    margin-top: 3rem;
}
.swipernew_a a label{
    cursor: pointer;
    font-weight: 400;
    float: right;
    display: block;
    width: 99px;
    height: 34px;
    color: #0a448d;
    border: 1px solid #0a448d;
    text-align: center;
    line-height: 34px;
    text-transform: uppercase;
    margin-top: -2rem;
}
.new_a .new_apagination{
    width: 100%;
    position: relative;
    margin-top: 2rem;
}
.new_a .new_apagination span{
    margin: 0 5px;
}
.new_a .new_apagination span.swiper-pagination-bullet-active{
    background: #009fdf;
}

.new_a .new_anext{
    background: url(../img/43.png)center 0 no-repeat;
    width: 21px;
    height: 40px;
}
.new_a .new_aprev{
    background: url(../img/42.png)center 0 no-repeat;
    width: 21px;
    height: 40px;    
}

/**/
.new_b{
    max-width: 1520px;
    margin: auto;
    overflow: hidden;
    overflow: hidden;
}

.new_b a{
    display: block;
    height: 140px;
    width: 100%;
    overflow: hidden;
    border-bottom: 1px dashed #ccc;
    margin-bottom: 50px;
}


.new2Left{
    float: left;
    width: 6.579%;
}

.new2Left div{
    width: 100%;
    height: 34px;
    text-align: center;
    line-height: 34px;
    background: #dddddd;
    color: #fff;
}

.new2Left span{
    display: block;
    width: 100%;
    height: 58px;
    text-align: center;
    font-size: 36px;
    color: #fff;
    background: #aaaaaa;
}

.new2Right{
    float: right;
    width: 90%;
}

.new2Right h5{
 color: #555555;
    font-size: 18px;
    font-weight: 700;
    border-bottom: 1px solid #ccc;
    margin-top: 0;
    margin-bottom: 16px;
    height: 36px;
    line-height: 28px;   
}

.new2Right div{
  color: #555555;  
}


.new_b a:hover .new2Left>div{
    background: #ffcd00;
    transition: 0.3s linear;
}

.new_b a:hover>div>span{
    background: #0a448d;
    transition: 0.3s linear;
}

.new_b a:hover .new2Right h5{
    color: #0a448d;
    transition: 0.3s linear;
}


.listpro{
    max-width: 1520px;
    margin: auto;
    margin-top: 5rem;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
}
.listpro a:nth-child(3n){
    margin-right: 0;
}
.listpro a{
    width: 32%;
    margin-right: 2%;
    text-align: center;
    margin-bottom: 3rem;
}
.listpro a div{
    width: 100%;
    overflow: hidden;
}
.listpro a div img{
    width: 100%;
    transition: all 0.3s;
}
.listpro a span{
    color: #111111;
    display: block;
    font-size: 18px;
    margin-top: 1rem;
}

.listpro a:hover img{
    transform: scale(1.1);
}
/**/
.listpap{
    max-width: 1520px;
    margin: auto;
    margin-top: 4rem;
    margin-bottom: 5rem;
    overflow: hidden;
}
.listpapLeft{
    float: left;
    width: 13%;
    overflow: hidden;
}
.listpapLeft span{
    display: block;
    height: 54px;
    text-align: center;
    line-height: 54px;
    background: #ffcd00;
    color: #fff;
    font-size: 22px;
    font-weight: 700;
}
.listpapLeft ul{
    margin: 0;
    margin-top: 5px;
}
.listpapLeft ul li{
    background: #0a448d;
    height: 42px;
    line-height: 42px;
    border-bottom: 1px solid #ccc;
    padding-left: 1rem;
    cursor: pointer;
}
.listpapLeft ul li a{
    font-size: 18px;
    color: #fff;
}

.listpapLeftxia{
    width: 100%;
    overflow: hidden;
} 
.listpapLeftxia a{
    display: block;
    height: 42px;
    line-height: 42px;
    background: #0a448d;
    color: #fff;
    padding-left: 1rem;
    font-size: 16px;
    border-bottom: 1px solid #ccc;
}
.listpapLeftxia a img{
    margin-right: 1rem;
}


.listpapright{
    float: right;
    width: 83%;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
}
.listpapright>a{
    display: block;
    margin-right: 2.6%;
    margin-bottom: 3rem;
    width: 23%;
}
.listpapright>a div{
    width: 100%;
    overflow: hidden;
    border: 1px solid #ccc;
}
.listpapright>a div img{
    width: 100%;
    transition: all 0.3s;
}
.listpapright>a span{
    font-size: 18px;
    text-align: center;
    display: block;
    color: #fff;
    height: 50px;
    background: #aaaaaa;
    line-height: 50px;
}
.listpapright>a:nth-child(4n){
    margin-right: 0;
}
.listpapright>a:hover img{
    transform: scale(1.1);
}



/**/
.listcontact{
    width: 100%;
    max-width: 1520px;
    margin:4rem auto;
    background: #eeeeee;
    overflow: hidden;
    color: #fff;
    padding: 0 2rem 5rem 3rem;
}

.listcontacttop{
    margin-top: 4rem;
    margin-bottom: 2rem;
    float: left;
    width: 100%;
    color: #0a448d;
}
.listcontacttop label{
    font-size: 49px;
    line-height: 100%;
    display: block;
    margin: 0;
}
.listcontacttop div{
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #0a448d;
	font-size:16px;
}

.listcontactLeft{
    font-size: 16px;
    float: left;
    line-height: 30px;
    width: 22%;
    color: #333;
}

.listcontactLeft div{
    margin-top: 7px;
    margin-bottom: 8px;

}
.listcontactLeft img{
    width: 59%;
    display: block;
}

.listcontactRight{
    float: right;
    width: 75%;
    height: 381px;
    overflow: hidden;
}


.contactliuTop{
    background: url(../img/21.png)center 0 no-repeat;
    width: 742px;
    background-position: 0;
    text-align: center;
    margin: auto;
    margin-bottom: 5rem;
    background-size: 100%;
}
.contactliuTop label{
    color: #0a448d;
    font-family: Arial Bold;
    display: block;
    font-size: 24px;
}
.contactliuTop span{
    color: #04254d;
    font-size: 23px;
}

.liuyan{
    max-width: 1520px;
    margin: auto;
    overflow: hidden;
    margin-bottom: 3rem;
}

.liuyanLeft{
    float: left;
    width: 48%;
    overflow: hidden;
}

.liuyanLeft input{
    display: block;
    width: 100%;
    height: 49px;
    padding-left: 10px;
    margin-bottom: 2rem;
    outline: none;
}

.liuyan textarea{
    display: block;
    float: right;
    width: 49%;
    height: 194px;
    padding: 7px;
    outline: none;  
}

.liuyanbottom{
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 1rem;
}
.liuyanbottom input{
    width: 162px;
    height: 48px;
    background: #0a448d;
    color: #fff;
    border: 0;
    font-size: 18px;
}


/**/

.listabout{
    width: 100%;
    background: url(../img/images/10_03.jpg)center 0 no-repeat;
    height: 980px;
    overflow: hidden;
}
.listabout>div{
    max-width: 1520px;
    margin: auto;
    overflow: hidden;
}
.listabout>div>span {
    display: block;
    text-align: center;
    font-size: 27px;
    color: #333333;
    font-weight: 700;
    margin-top: 3rem;
    margin-bottom: 1rem;
}
.listabout>div>p{
    font-size: 16px;
    color: #555555;
    margin: 0;
    line-height: 34px!important;
    font-size: 14px!important;
  

}
.listabout>div p span{
    color: #555555;
    font-weight: 700;
}
.listabout>div p label{
    
}

.listabouthonor{
    width: 100%;
}
.listabouthonor img{
    width: 100%;
	border:3px solid #ffcd00;
	margin-top:15px;
}


.listaboutTop{
    text-align: center;
    margin-top: 4rem;
    margin-bottom: 3rem;
	padding-top:4rem;
}
.listaboutTop div{
    font-size: 30px;
    color: #333333;
    margin-bottom: 1rem;
    font-weight: 700;
}
.listaboutTop span{
    font-size: 16px;
    display: block;
    color: #555555;
}






















.listabout_c{
    background: #f3f6fd;
    overflow: hidden;
    width: 100%;
}

.listabout_c .listabouhz{
    margin-bottom: 4rem;
    margin-bottom: 6rem;
    max-width: 1520px;
}
.listabouhz img{
    width: 100%;
}


.listabousnasna{
    overflow: hidden;
    max-width: 1520px;
    margin: auto;
    margin-bottom: 7rem;
}
.listabousnasna>img{
    float: right;
    width: 26.711%;
    height: 330px;
}
.listabousnasna01{
    float: left;
    height: 330px;
    border: 1px solid #ccc;
    width: 20%;
    overflow: hidden;
    padding-top: 11rem;
    padding-left: 3rem;

}
.listabousnasna01 img{
    float: left;
}
.listabousnasna01 div{
    float: left;
    margin-left: 10px;
}
.listabousnasna01 div label{
    font-size: 22px;
    display: block;
    margin: 0;
}
.listabousnasna01 div span{
    color: #777777;
    font-size: 16px;
}

.listabousnasna02{
    float: left;
    height: 330px;
    overflow: hidden;
    width: 26.64%;
}
.listabousnasna03{
    overflow: hidden;
    border: 1px solid #ccc;
    padding: 4.6rem 0;
    padding-left: 5rem;
}
.listabousnasna03 img{
    float: left;
}
.listabousnasna03 div{
    float: left;
    margin-left: 10px;
}
.listabousnasna03 div label{
    font-size: 22px;
    display: block;
    margin: 0;
}
.listabousnasna03 div span{
    color: #777777;
    font-size: 16px;
}


/*proshow*/
.proshows{
    max-width: 1080px;
    margin:3rem auto;
    overflow: hidden;
    width: 100%;
}

.proshowLeft{
    float: left;
    width: 50%;
    overflow: hidden;
}

.bigImg{
    width: 100%;
}
.swiper-containerDetail{
    width: 70%;
    margin: auto;
}
.swiper-containerDetail img{
    width: 100%;
    border: 1px solid #ccc;
}
.detailLefts{
    width: 100%;
    overflow: hidden;
    position: relative;
}

.detailnext{
    background: url(../img/images/20_03.jpg)center 0 no-repeat!important;
    width: 14px!important;
    height: 21px!important;
    background-size: 100% 100%!important;
    margin-top: 0!important;
    top: 41%!important;
}

.detailprev{
    background: url(../img/images/21_03.jpg)center 0 no-repeat!important;
    width: 14px!important;
    height: 21px!important;
    background-size: 100% 100%!important;
    margin-top: 0!important;
    top: 41%!important;
}


.proshowRight{
    float: right;
    width: 33%;
    overflow: hidden;
    margin-top: 6rem;
}
.proshowRight span{
    display: block;
    font-size: 26px;
    color: #37383a;
    margin-bottom: 2rem;
}
.proshowRight div{
    font-size: 16px;
    color: #37383a;
    margin-bottom: 9px;
}
.dm {
    max-width: 1543px;
    margin: auto;
    background: #fff;
    overflow: hidden;
    width: 100%;
}

.cpxq_tit{
max-width: 1080px;
    margin: auto;
    margin-bottom: 4rem;
}
.cpxq_tit>span {
    display: inline-block;
    width: 207px;
    height: 45px;
    line-height: 45px;
    background: url(../img/images/prodetail_27.png) no-repeat center center;
    text-align: center;
    color: #fff;
    font-family: "微软雅黑";
    font-size: 20px;
}

.cpxq_tit div{
    line-height: 28px;
}
.cpxq_tit div img{
    max-width: 100%;
}







.listnew{
    max-width: 1520px;
    margin: auto;
    overflow: hidden;
    text-align: left;
    padding-bottom: 5rem;
}
.listnew img{
    text-align: center;
}




.pro_a{
    max-width: 1520px;
    margin:4rem auto;
    overflow: hidden;
}
.pro_aright{
    float: right;
    width: 85%;
    overflow: hidden;
}

.pro_aright>a{
    display: block;
    width: 45%;
    overflow: hidden;
    float: left;
}
.pro_aright>a img{
    width: 100%;
}

.pro_arights{
    width: 54.333333%;
    float: right;
    overflow: hidden;
}
.pro_arights dl {
    margin: 0px;
}

.pro_arights dl dt {
    font-size: 32px;
    line-height: 46px;
    color: #0061b0;
    padding-bottom: 20px;
    border-bottom: 1px solid #ccc;
    text-align: center;
}
.pro_arights dl dd {
    font-size: 14px;
    padding: 30px 0px;
    line-height: 30px;
    border-bottom: 1px solid #ccc;
}


.prodtwillbtn {
    margin: 5rem 0 0;
    box-shadow: 1px 5px 5px #ddd;
    float: left;
    width: 100%;
    overflow: hidden;
}
.prodtwillbtn a {
    display: inline-block;
    float: left;
    width: 20%;
    height: 60px;
    text-align: center;
    line-height: 60px;
    color: #0061b0;
    border-bottom: 2px #0061b0 solid;
    font-size: 16px;
}

.prochanglist {
    color: #666;
    line-height: 26px;
    padding: 35px 0;
    float: left;
    width: 100%;
    overflow: hidden;
}


#art_content p{
	line-height:32px;
	font-size:16px;
	text-indent:24px;
}