.head{

    width: 100%; height:auto; position: fixed; z-index: 10000;

}

.head-top{ 

    width: 100%; height: 50px; background-color: #1262AB; line-height: 50px; overflow: hidden;

}
.head-Bg{width: 100%; height: 150px;}
.head-Bgs{width: 100%; height: 50px;}
.head-body{padding-left: 73px; padding-right: 73px;}
.head-top .top-right{ background: url(../image/w.jpg) no-repeat left center; height: 50px; width: auto; padding-left: 68px;}
.head-top .top-right a.shop{width: 40px; height: 50px; display: block; margin-right: 24px;}

.head-top .top-right a.search{width: 40px; height: 50px; display: block; margin-right: 18px;}
.seachBody{ width: 0; overflow:hidden; height: 50px; line-height:50px; display:none; padding-top:5px;}
.seachBody .box{ width:350px; height:50px;}
.seachBody form{float:left;}
.seachBody .closeDiv{ width:20px; height:40px; line-height:40px; margin-left:10px; float:left;  cursor:pointer; text-align:center;}
.seachBody .keys{width: 240px; height: 40px;float:left;  background:#fff;line-height: 40px; border: 0px; background-color:#fff; padding: 0px 10px;border-radius:5px 0px 0px 5px; }
.seachBody .ands{width: 60px; height: 40px;float:left;  border: 0px; line-height:40px; background-color: fff;  color:#333;border-radius:0px 5px 5px 0px; }

.head-top .top-right a.lang{width: 80px; height: 50px; background: url(../image/lang.png) no-repeat center center; padding-left: 25px; display: block; color: #333 !important; position:relative; display:block;}
.head-top .top-right a.lang img{ position:absolute; top:15px; right:8px;}

.head-main{width: 100%; height: 100px; background-color: rgba(255, 255, 255, 0.9); }
.logo{ height:100%;display: table; }
.logo span {
    display: table-cell;
    vertical-align: middle;
}


.nav{width:auto; height:100px;}
.nav li{position: relative; width:auto; float: left; line-height: 100px;}

.nav li a{width: auto; height: 100%; padding:0px 35px; display:block;}
.nav li:last-child a{padding-right: 0px;}


.nav li:hover a::after{display: none;}

.nav li ul{ position:absolute; left:50%; top:100px;width:220px;  display:none; opacity:0;}

.nav li ul li{ width:100%; height:auto; line-height:26px; text-align:center; background:rgba(18,98,171,0.8); border-bottom:1px solid #1262AB;}

.nav li ul li a{height:auto;padding:10px 5px; color:#fff !important; }

.nav li ul li a:hover{ background:#235AAC; color:#fff;}

.nav li ul li a::after{ display:none; }


.nav li:hover ul{ display:block; opacity:1;}

	/*------------------------flash4-----------------------------------*/

.flash{ width:100%; height:auto; overflow:hidden;  }
.flash .swiper-container{ width:100%; height:auto;overflow: hidden;}
.flash .swiper-slide a{ width:calc(100% + 17px); height:100%; display:block;}
.flash .swiper-slide a img{ width:100%; height:auto;object-fit: contain;}
.flash .swiper-slide{ width:100%; height:auto; background-size:cover; background-repeat:no-repeat; background-position:center center;}
.flash .swiper-pagination-bullet { 

        opacity:1; background:#fff;-webkit-transition:500ms; -moz-transition:400ms; -ms-transition:400ms; transition:400ms; width:8px;border-radius:5px; height:8px;

    }

.flash .swiper-pagination{ bottom:50px;}
.flash .swiper-pagination-bullet-active::after{ width:14px; height: 14px; border-radius: 8px; content: ''; display: block; top:-3px; left: -3px; border: 1px solid #fff; position: relative; }

/*-----------------*/

.IndexProMain{width: 100%; height: auto; padding-top: 88px; position: relative; padding-bottom: 70px;}
.IndexTitle{ padding-top: 5px;}
.IndexTitles{ padding-top: 8px; padding-bottom: 8px;}
.IndexProMain::after{ content: ''; width: 100%; height: 388px; background:url(../image/sb1.jpg) no-repeat center top;
	background-size:cover;
	-moz-background-size:cover;
   -webkit-background-size:cover;
   -o-background-size:cover;

position: absolute; left: 0px; bottom: 0; z-index: -1;}
.IndexProMain a.mores{width: 160px; height: 50px; display: block; line-height: 48px; border:1px solid #fff; color: #fff !important;}
.IndexProMain a.mores:after {
    content: ">";
    font-family: "宋体";
    padding-left: 24px;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
}
.IndexProMain  a.mores:hover::after{ padding-left:35px;}
.IndexProMainBody{width: 100%; height: auto; padding: 40px 0px;}
.IndexProMainBody li{width: 25%; height: auto;}
.IndexProMainBody li .imgs{width: 100%; height: auto; overflow:hidden;}

.IndexProMainBody li:hover .imgs img{	
-webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
	}
.IndexProMainBody li .coms{width: 100%; padding: 40px 0px; background-color: #fff; height: auto; position: relative;}
.IndexProMainBody li .coms .icon{width: 90px;height: 90px; line-height: 86px;  border: 2px solid #fff; background-color: #0076BC; border-radius: 45px; position: absolute; left: 50%; top:0; margin-left: -45px; margin-top: -50px;} 
.IndexProMainBody li:hover .coms .icon{ background-color: #E89314;}
.IndexProMainBody li .title{width: 100%; height: 60px; line-height: 60px; position: relative;}
.IndexProMainBody li .title::after{ content: ''; width: 50px; height: 2px; background-color: #CFD1D0; position: absolute; left: 50%; bottom: 0; margin-left: -25px;}
.IndexProMainBody li .bodycoms{width: 280px; height: auto; line-height: 24px; padding-top: 16px;}

.IndexCompany{width: 100%; height: auto; padding: 126px 0px 75px;background:url(../image/sb2.jpg) no-repeat center top;
	background-size:cover;
	-moz-background-size:cover;
   -webkit-background-size:cover;
   -o-background-size:cover;
}

.IndexCompany .lefts{ width: 705px; height: 345px; margin-bottom: 95px;}
.IndexCompany .lefts .title{ width: 100%; height: 114px; line-height: 48px;}
.IndexCompany .lefts .title b{display: block;}
.IndexCompany .lefts .coms{width: 100%; height: 128px; line-height: 32px;}
.IndexCompany .lefts a.mores{ margin-top: 32px; width: 160px; height: 45px; color: #fff !important; line-height: 45px; display: block; background-color: #0076BC;}

.IndexCompany .lefts a.mores::after {
    content: ">";
    font-family: "宋体";
    padding-left: 24px;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
}
.IndexCompany .lefts a.mores:hover::after{ padding-left:35px;}

.IndexCompany .rights{width: 610px; height: 355px; background: url(../image/pf.png) no-repeat center center; position:relative;}
.IndexCompany .rights a{ display:block; width:100%; height:100%;}
.IndexCompany .rights .videoBox{width: 100%; height: 100%; position:absolute; background-color: #0071C1; display: none; z-index:100; top:0; left:0;}
.IndexCompany .rights .videoBox .close{ width: 45px; height: 45px; position: absolute; top:-22px; right: -22px;}
.bottomBody{width: 100%; height: 70px;}
.bottomBody .box{width: 25%; height: 70px; line-height: 20px; position: relative;}
.bottomBody .box::after{ width: 1px; content: ''; height: 82px;position: absolute; background-color: #E6791A;top:-5px; right: -6px;
	transform:rotate(204deg); 
	-webkit-transform:rotate(204deg); 
	-moz-transform:rotate(204deg); 
	-ms-transform: rotate(204deg); 
	-o-transform: rotate(204deg); 
}
.bottomBody .box:last-child::after{display: none;}
.bottomBody .box-top{ width: auto; padding: 0px 20px; display: inline-block; line-height: 46px; height: 46px; position: relative;}
.fots{font-family:'BEBASNEUE';}
.bottomBody .box-top .tops{width: 30px; height: 50px; position: absolute; right: 0px; top:5px; line-height: 20px;}

.IndexSerMain{width: 100%; height: auto; background: url(../image/mm1.jpg) no-repeat center top; background-size: 100% 100%;}
.IndexSerMap{ width: 100%; height: auto; position: relative; }
.IndexSerMap .china{ width: 16.8%; height: 25%; left:25.3%; top:26.29%;  position: absolute; display: block; z-index: 1;}
.IndexSerMap .boxMap{ width: 6px; height: 6px;position: absolute; background-color: #EF5F09; display: block; z-index: 10; border-radius: 3px;}

.maptop{ display:none;}

.IndexSerMap .boxMap::before {
    width: 20px; position: absolute;
    height: 20px;content: ''; border-radius: 50%;
	border:1px solid #EF5F09;
    margin-top: -7px;
    margin-left: -7px;
    -webkit-animation: warn 2s linear 0.4s infinite;
    -moz-animation: warn 2s linear 0.4s infinite;
    animation: warn 2s linear 0.4s infinite;
    opacity: 0;
}

.IndexSerMap .boxMap::after {
    width: 36px; content: '';
    height: 36px;position: absolute;
    border-radius: 50%;
    /* background: #7e9ec3; */
    border:1px solid #EF5F09;
    margin-left: -15px;
    margin-top: -15px;
    -webkit-animation: warn 2s linear 0s infinite;
    -moz-animation: warn 2s linear 0s infinite;
    animation: warn 2s linear 0s infinite;
	opacity: 0;
}
@keyframes warn {
    0% {
        transform:scale(0.5);
        opacity:0;
    }
    25% {
        transform:scale(1);
        opacity:0.4;
    }
    50% {
        transform:scale(1.2);
        opacity:0.8;
    }
    75% {
        transform:scale(1.3);
        opacity:0.4;
    }
    100% {
        transform:scale(1.4);
        opacity:0;
    }
}
@-webkit-keyframes warn {
    0% {
        transform:scale(0.5);
        opacity:0;
    }
    25% {
        transform:scale(1);
        opacity:0.4;
    }
    50% {
        transform:scale(1.2);
        opacity:0.8;
    }
    75% {
        transform:scale(1.3);
        opacity:0.4;
    }
    100% {
        transform:scale(1.4);
        opacity:0;
    }
}
.IndexSerMap .boxMap .title{height: 24px; line-height: 24px; top:-10px; position: absolute;text-shadow:#ffc1ab 0px 0px 5px; }
.IndexSerMap .hskst{ left:24.2%; top:29.9%;}
.IndexSerMap .hskst .title{width: 115px; left:-115px;}

.IndexSerMap .wzbkst{ left:22.6%; top:37%;}
.IndexSerMap .wzbkst .title{width: 135px; left:-135px;}

.IndexSerMap .yl{ left:19.6%; top:43%;}
.IndexSerMap .yl .title{width: 65px; left:-65px;}

.IndexSerMap .bels{ left:12.6%; top:25.6%;}
.IndexSerMap .bels .title{width: 95px; left:-95px;}

.IndexSerMap .tg{ left:32.4%; top:52.9%;}
.IndexSerMap .tg .title{width: 65px; left:-65px;}

.IndexSerMap .nf{ left:11.5%; top:79.2%; z-index:1000;}
.IndexSerMap .nf .title{width: 65px; left:35px;}

.IndexSerMap .bx{ right:11%; top:68%;}
.IndexSerMap .bx .title{width: 65px; left:35px;}
.mapBody{ position:relative;}
.IndexScoms{width: 640px; height: 330px; position: absolute; z-index:1000; right: 16px;top:17.5%;}
.IndexScoms .title{width: 100%; height: 100px; line-height: 50px;}
.IndexScoms .title b{display: block;}
.IndexScoms .bodys{width: 100%; height: 168px; margin-top: 15px; line-height:42px; font-weight: bold;}
.IndexScoms  a.mores { 
	float:right;
    width: 160px;
    height: 45px;
    color: #000 !important;
    line-height: 43px;
    display: block; border:1px solid #000;

}
.IndexScoms  a.mores::after {
    content: ">";
    font-family: "宋体";
    padding-left: 24px;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
}
.IndexScoms a.mores:hover::after{ padding-left:35px;}

.IndexSerBottom{ width: 100%; height: 245px; border-top: 1px solid #ACD1E4; margin-top: -80px; position: relative; z-index: 10; padding-top: 28px; line-height: 32px; font-weight: bold;}
.IndexBottom{width: 100%; position: relative; height: 200px; z-index:100; background:url(../image/sb3.jpg) no-repeat center top; 
	background-size:cover;
	-moz-background-size:cover;
   -webkit-background-size:cover;
   -o-background-size:cover;
}

.IndexBottom .body{position: relative;}
.IndexBottom .bodys{ position: absolute; width: 100%; height: auto; left: 0px; }
.IndexBottom .swiper-container{ width: 100%; padding: 30px 0px 20px ;}
.IndexBottom .swiper-slide {width: 25%;}
.IndexBottom .swiper-slide .title{ width: calc(100% - 32px); height:auto; line-height: 30px; opacity:0; color:#fff; background:rgba(18,98,171,0.9); padding:10px; position:absolute; bottom:0;}
.IndexBottom .swiper-slide a{display: block;}
.IndexBottom .swiper-slide .imgs{ overflow:hidden;}
.IndexBottom .swiper-slide:hover img{
	-webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
	}
.IndexBottom .swiper-slide:hover .title{opacity:1;}
.IndexBottom .swiper-button-next,
.IndexBottom .swiper-button-prev{ width:50px; height:50px; line-height:50px; border-radius:25px; top:50%; margin-top:-25px; background:rgba(255,255,255,0.8); }
.IndexBottom .swiper-button-next{ right:-60px;}
.IndexBottom  .swiper-button-prev{left:-60px;}

.IndexRybody{width: 100%; height: auto; padding-top: 90px; padding-bottom: 70px; background:url(../image/sb4.jpg) no-repeat center top;
	background-size:cover;
	-moz-background-size:cover;
   -webkit-background-size:cover;
   -o-background-size:cover;
}
.IndexRybody .title{ width: 100%; height: 110px; line-height: 48px;}
.IndexRybody .title b{display: block;}
.IndexRybody .titCom{width: 100%; height: 64px; line-height: 20px;}
.IndexRybody .bodys{height: auto;}
.IndexRybody .bodys .box{width: 25%; height: auto;}
.IndexRybody .bodys .imgs{width: 100%; height: auto; overflow:hidden;}
.IndexRybody .bodys  .swiper-slide:hover .imgs img{
	-webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
	}
.IndexRybody .bodys .title{width: 100%; height: 36px; margin:15px 0px; line-height: 36px;}
.IndexRybody .bodys .swiper-button-next,
.IndexRybody .bodys .swiper-button-prev{ width:50px; height:52px; top:50%; margin-top:-26px; line-height:52px; text-align:center; background:none; }
.IndexRybody .bodys .swiper-button-next{ right:-60px;}
.IndexRybody .bodys  .swiper-button-prev{left:-60px;}

.newTitle{ padding-top: 80px;}
.newTitle .title{ width: 100%; height: 110px; line-height: 48px;}
.newTitle .title b{display: block;}
.newTitle .titCom{width: 100%; height: 44px; line-height: 20px;}
.newTitle  li{width: 100%; height: 38px; line-height: 38px;}
.newTitle  li a::before{content: '/'; padding-right: 8px; }
.newTitle a.more{width: 160px; height: 45px; margin-top: 30px; display: block; color: #fff; background-color: #0076BC; line-height: 45px;}
.newTitle a.more::after {
    content: ">";
    font-family: "宋体";
    padding-left: 24px;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
}
.newTitle a.more:hover::after{ padding-left:35px;}



.IndexNewBody{width: 100%; height: auto; min-height:500px; padding-top: 15px; padding-bottom: 100px;} 
.IndexNewBody .body{width: 62%; height: auto;}
.IndexNewBody .body li{width: 100%; height: 71px; line-height: 70px; border-bottom: 1px solid #C1C4CB;}
.IndexNewBody .body li a{display: block; width: 100%; height: 70px; position:relative;

}
.IndexNewBody .body li a::after{ content:""; width:0; height:100%; left:0; position:absolute; background-color: #0076BC; z-index:-1;
  -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
}
.IndexNewBody .body li a:hover::after{ width:100%;}
.IndexNewBody .body li .times{width:170px; height: 70px; color: #666; text-align: center;}
.IndexNewBody .body li .nameClass{width: 136px; height: 70px; color: #666;}
.IndexNewBody .body li .nameClass span{color:#333;}
.IndexNewBody .body li .coms{width: calc(100% - 356px); height: 70px; color: #333;}

.IndexNewBody .body li:hover .times,
.IndexNewBody .body li:hover .nameClass,
.IndexNewBody .body li:hover .coms{color: #fff !important; }

.footer{  height:auto; width: 100%; padding-top: 56px; padding-bottom: 56px;background:url(../image/sb5.jpg) no-repeat center top;
	background-size:cover;
	-moz-background-size:cover;
   -webkit-background-size:cover;
   -o-background-size:cover;

}
.footer .bottomLogo{width: 100%; height: auto; line-height: 36px; color: #EE9213;}
.footer .fxtitle{width: 100%; height:auto ; line-height: 34px; padding-top: 20px;}
.footer .fxBody{width: 100%; height: auto; padding: 21px 0px;}
.footer .fxBody img{display: inline-block; padding:0px 11px;}
.footer .Botmenu{width: 100%; height: 60px; line-height: 60px;}


.footer  .fxBox{ position:relative; display:inline-block;margin-right:20px;}
.footer  .fxBox:last-child{ margin-right:0px;}
 .wxbox{
      position: absolute;
      bottom: 70px;
    
      background: #fff;
      width: 130px;
      border-radius: 5px;
      left: calc(50% - 65px);
      opacity: 0;
      visibility: hidden;
      -webkit-transform: rotateY(-90deg);
      transform: rotateY(-90deg);
      -webkit-transition: all .3s linear;
      transition: all .3s linear;
    }
    .wxbox:before {
      content: "";
      position: absolute;
      bottom: -6px;
      left: 50%;
      margin-left: -6px;
      width: 0;
      height: 0;
      border-left: 6px solid transparent;
      border-right: 6px solid transparent;
      border-top: 6px solid #fff;
    }
    .wxbox img {
      width: 100%; padding:0px !important;
    }
.footer  .fxBox:hover .wxbox {
        opacity: 1;
        visibility: visible;
        -webkit-transform: rotateY(0);
        transform: rotateY(0);
    }



.copyright{ width: 100%; height:auto; line-height: 30px; }
.copyBottom{width: 100%; height: auto; padding-top: 6px; line-height: 30px;}
.go_top{ cursor:pointer; width:50px; height:45px; z-index: 1000; position: fixed; display: none; top:auto; bottom: 20px; right: 10px; opacity: 0.6; background:#0071C1 url(../image/r6_c7.png) no-repeat center center;border-radius:5px 5px 0px 0px;}
.go_top:hover{ background-color:#0071C1;}
.getFlvTop{ width:100%; height:40px; text-align:right; padding:0px 20px; line-height:40px;}
.getFlv{ width:60%; height:auto; position:fixed; top:50%; left:50%; background:#fff; z-index:123000; display:none;}
.getFlv video{ background:#000; width:100%; height:auto;}
.getFlvbj{ width:100%; height:100%; background:rgba(0,0,0,0.6); position:fixed; z-index:120000; left:0px; top:0px; display:none;}
.getFlv p{ margin:0px; display:block;}
/*---------子页公用--------*/

.zyflash{width: 100%; min-height: 500px; background-color: #0075BB;}
.zyflash .n-title{width: 640px; height: 160px; top:50%; left: 50%;  margin-left: -320px;}
.zyflash .n-title .tops{width: 100%; height:auto; line-height: 54px; }
.zyflash .n-title .coms{width: 100%; height: auto; line-height: 24px; padding:12px 10px;}
.zyflash .n-title .bottoms{width: 100%; height: auto; line-height: 40px; opacity: 0.8; position: relative;}

.breadcrumb{ display: block; margin:0px;}
.breadcrumb li{display: inline-block;}
.breadcrumb li a,.breadcrumb-item.active{ color: #fff;}
.breadcrumb::before {
    content: "";  width: 30px; height: 16px; display: inline-block;
    vertical-align: middle;  
    background: url(../image/nav-icon.png) no-repeat center;
}
.breadcrumb-item+.breadcrumb-item::before{content: '-'; color: #fff;}


.mouse {
  position: absolute;
  left: 50%;
  bottom: 0;
  z-index: 8;
  line-height: 20px;
  height: 90px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.mouse > b {
  position: absolute;
  bottom: 0;
  width: 1px;
  right: 0;
  overflow: hidden;
  background-color: rgba(255, 255, 255, 0.2);
}
.mouse > b.i1 {
  left: 50%;
  height: 50px;
}
.mouse > b.i1:after {
  content: "";
  position: absolute;
  height: 40%;
  width: 100%;
  background-color: #fff;
  bottom: 100%;
  left: 0;
  -webkit-animation: rise1 1.6s linear infinite;
          animation: rise1 1.6s linear infinite;
}
@-webkit-keyframes rise1 {
  0% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  100% {
    -webkit-transform: translateY(80px);
            transform: translateY(80px);
  }
}
@keyframes rise1 {
  0% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  100% {
    -webkit-transform: translateY(80px);
            transform: translateY(80px);
  }
}



.zyMenu{width: 100%; height: 71px; border-bottom: 1px solid #F1F1F1;  }
.zyMenu li{width: auto; height: 70px; line-height: 70px;float: left;}
.zyMenu li a{width: auto; height: 71px; display: block; padding: 0px 48px; color: #333; position: relative;}
.zyMenu li a::before{position: absolute; content: ""; right: 0px; height: 16px; width: 1px; background-color: #E9E9E9; top:27px;}
.zyMenu li:last-child a::before{display: none;}
.zyMenu li a::after{content: ''; height: 1px; background-color: #1262A9; width: 6px;position: absolute; bottom: 0px; left:50%; margin-left:-3px;
    transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s; /* Firefox 4 */
    -webkit-transition:all .3s ease-out 0s; /* Safari 和 Chrome */
    -o-transition: all .3s ease-out 0s; /* Opera */
}
.zyMenu li a:hover::after,.zyMenu li a.cur::after{width: 80px; margin-left: -40px;  background-color: #1262A9;}
.zyMenu li a:hover,.zyMenu li a.cur{ color: #1262A9; }
.zybg{background-color: #FAFBFF;}

.zyBody{width: 100%; height: auto; padding-top: 70px; padding-bottom: 100px;}
.zyBodyTitle{ width: 100%; height: auto; line-height: 46px; }
.zyBodyTitle b{display: block;}

.zyMain{width: 100%; height: auto; line-height: 30px; padding-top: 30px; padding-bottom: 80px;}

.aboutImg{ margin-right: 45px; margin-bottom: 15px; float: left;}
.zyBody .bottomBody{ background-color: #F7F7F7; padding: 40px 0px; height: 150px;}


.ryBody{width: 100%; height: auto; padding-top: 70px; padding-bottom: 100px;}
.ryBody  .bodys{ width: 100%; height: auto; background-color: #F1F2F4;}

.ryBody  .title{width: 150px; height: 80px; line-height: 80px; top:-80px; right: 0; position: absolute; display:none;}
.ryBody .lefts{width: 718px; height: auto;}
.ryBody .rights{width: calc(100% - 718px); height: 100%; padding:82px 80px 0px;}
.ryBody .rights .line{width: 100%; height: auto;  position: relative; padding: 8px 0px 8px 90px; }
.ryBody .rights .line .icons{width:52px; height: 54px; position: absolute; left: 0px; top:50%;}
.ryBody .rights .lineTop{width: 100%; height: 44px; line-height: 44px;}
.ryBody .rights .linebox{width: 100%; height:auto; line-height: 26px;}

.ryBottom{width: 100%; height:auto; padding:50px 0 60px; background: #034A8A url(../image/whbj1.jpg) no-repeat left center; }
.ryBottom .DivW{position:relative;}
.ryBottom .blefts{width: 750px; height: auto;}
.ryBottom .blefts .titBox{width: 100%; height: 88px; line-height: 88px;}
.ryBottom .blefts .box{width: 100%; height: auto; line-height: 36px; padding-left: 90px;}
.ryBottom .brights{width: calc(100% - 782px); height: auto; position:absolute; right:0px;}
.ryBottom .brights img{margin-top: -96px;}

.zzBody{width: 100%; height: auto; line-height: 30px; padding-top:20px; padding-bottom: 50px; color:#666; }
.zzMains{width: 100%; height: auto; line-height: 30px; }
.zzMains .box{width: 25%; height: auto; float: left; margin-bottom: 32px;}

.zzMains .box .imgs{width: 100%; height: auto; border: 1px solid #E1E1E1; border-bottom: 0px; position: relative;}
.zzMains .box .imgs i{display: block; width: 100%; height: 100%; background:rgba(0, 118, 188, 0.7) url(../image/tsr2_c2.png) no-repeat center center;position: absolute; top: 0px; left: 0; opacity: 0;} 
.zzMains .box .title{width: 100%; height: 52px; line-height: 52px;border: 1px solid #E1E1E1; border-top: 0px; padding: 0px 20px;}
.zzMains .box:hover .imgs i{ opacity: 1;}
.zzMains .box:hover .title{background-color: #E77918; color: #fff; border: 1px solid  #E77918;}

.Pages{ height:auto; width:100%; padding-top: 30px;}
.Pages a,.Pages span{ display:inline-block; width:auto; height:auto; background:#fff; padding:5px 13px; line-height:24px;   color:#555555;  }
.laypage_curr{ background:#1262A9 !important; color:#fff!important;}

.zzImgs .box .imgs{ border: 0;}
.zzImgs .box .imgs i{ opacity: 0;}

/*------------------新闻列表--------------------------*/

.NewMain{  height:auto;  }

.NewMain li{  height:auto; margin-bottom:40px; border-bottom: 1px solid #E1E1E1; padding-bottom: 40px; position:relative; }
.NewMain li::after{    content: " ";
    position: absolute;
    z-index: 1;
    pointer-events: none;
    -webkit-transition: all 250ms ease-out 0s;
    transition: all 250ms ease-out 0s;
    left: 100%;
    bottom: -1px;
    width: 0;
    height: 1px;
    background-color: #f29700;}
	
.NewMain li:hover::after {
    left: 0;
    width: 100%;
    -webkit-transition: left 0ms ease-out 0s, width 220ms ease-out 0s;
    transition: left 0ms ease-out 0s, width 220ms ease-out 0s;
  }
	
	
.NewMain li.first{background:#F1F2F4; border-bottom: 0; margin-top: 58px; padding-bottom: 0px; margin-bottom: 80px;}
.NewMain li.first::after{ display:none;}
.NewMain li.first .imgs{ width:700px;  height:auto;}
.NewMain li.first .rights{ width:calc(100% - 700px);padding:50px;  height:auto;}
.NewMain li.first .rights h3{ line-height:36px; padding-top: 6px;  margin: 0  0px 16px 0px;}
.NewMain li.first .rights .times{ padding-bottom: 14px;  line-height:24px; }
.NewMain li.first .rights .coms{ line-height:24px;}
.NewMain li.first .rights  a.more {
    margin-top: 34px; width: 150px;  line-height: 46px;  height: 48px;color: #333; display: block; border: 1px solid #333;
}
.NewMain li.first .rights  a.more:hover{color:#fff; background-color: #333;}
.NewMain li a{display: block;}
.NewMain li .imgs{ width:375px; height:auto; padding: 0px; }


.NewMain li .liRight{ width:calc(100% - 375px); height:auto; padding-left: 60px; }
.NewMain li .liRight h3{ padding:25px 0px; line-height:30px; margin: 0; color: #333; }
.NewMain li .liRight .times{ width:100%; height:40px; line-height:24px;}
.NewMain li .liRight .com{ line-height:24px;  margin-bottom: 20px;}
.NewMain li .mores{width: 100%; height: 24px; line-height: 24px;}
.NewMain li:hover .liRight h3{ color: #1361AB;}

.NewMain li:hover .mores{ color:#F2A742;}
/*------------------新闻详情--------------------------*/

.showMain{  height:auto;  line-height:24px; padding-top:30px; padding-bottom:60px;}
.showMain .bodys{ padding:20px 0px 50px;line-height:28px;}
.showMaintops{ width:100%; height:auto; padding-bottom:20px; position:relative; text-align:center;padding-top:5px; border-bottom:1px solid #eee;margin-bottom:10px;}
.showMaintops s{ display:block; position:absolute; width:80px; height:3px; background:#297479; bottom:0px; left:50%; margin-left:-40px;}
.bsync-custom{ display:inline-block;}
.bsync-custom.icon-blue .bshare-bsync{ background:none; padding-left:20px;}

.showMaintops h1{ line-height:30px; padding-top:10px; padding-bottom:13px;  }
.showMaintops .titls{ line-height:26px; width:auto;}
.showMaintops .titls i{ display:inline-block; width:24px; position:relative; height:12px; padding-right:10px; text-align:center; }
.showMaintops .titls i img{  position:absolute;top:1px; left:0px;}
.showMaintops .titls .ds{  display:inline-block; float:left;}
.showMaintops .titls .rights i{
	width: 20px;height: 14px; padding:0px; cursor:pointer;
}
.showMaintops .bdsharebuttonbox{ display:inline-block; float:left;}
.showMaintops .bdshare-button-style2-16 a{ background:url(../../model3/image/fx.png) no-repeat; font-size:14px;}
.bsync-custom .bshare-share-count{ display:none;}

.NextPage{ height:auto;  width:100%; line-height:30px; margin-bottom:15px;  margin-top:30px; padding:20px 0px; border-top:1px solid #eee; }
.NextPage .backs{ width:160px; height:90px; }
.NextPage .backs a{ width:100%; height:52px; line-height:48px; display:block;  border:2px solid #EA9214; color: #EA9214; color:#666;  text-align:center; }
.NextPage .backs a:link,.NextPage .backs a:visited,.NextPage .backs a:active{color:#EA9214 ;}
.NextPage .backs a:hover{ background-color:#EA9214 ;color: #fff;}
.showTops{ width:100%; height:auto; background:#fff;}
.showTops .lefts{ width:690px; }
.showTops .lefts img{border:1px solid #DEDEDE;}
.showTops .rights{height:auto; width:calc(100% - 690px); padding-left:40px; padding-right:40px; }
.showTops .rights h1{ height:auto; width:100%; padding:40px 0px 20px; line-height:36px;}

.contBs{padding-bottom: 0px;}
.contectTop{ padding-bottom: 55px;}
.contMap{width: 100%; height: 600px;}
.contMapBodys{width: 360px; height: 520px; background-color: #2970B2; left: 60px; top:40px; z-index: 1000;}
.contMapBox{ width: 220px; height: auto; left: 50%; top:50%;}
.contMapBox .box{  height: auto; padding: 22px 0px 22px  70px; line-height: 22px;}
.contMapBox .box .top{ width: 100%; height: 30px; line-height: 26px; padding-top: 3px; color:#D7ECFF;}
.contMapBox .Icon{width: 57px; height: 57px; left:0px; top:50%;}
.mapline{ line-height:28px;}
.maplines{ line-height:24px;}
.contBjMain{width: 100%; height: auto; padding-top: 50px; padding-bottom: 64px;}
.contBjMain .title{width: 100%; height: 72px; line-height: 44px;}
.contBjMain .bodys{width: 252px; height: 54px; padding-left: 20px; border-left: 3px solid #2970B2;line-height: 32px;}
.contBjMain .leftBody{width: calc(100% - 756px); }
.contBjMain .bodys .titles{ display: block; line-height: 22px;}

.contComBody{width: 100%; height: auto; background-color: #F0F3FA; padding: 50px 0px 40px;}
.contComBody .coTop{width: 100%; height: 158px; line-height: 54px;}
.contComBody .comTops{ padding-top: 5px; line-height: 28px;}
.contComBody .BoxMain{width: 100%; height: auto;}
.contComBody .Box{width: 25%; height: auto;}
.contComBody .BoxImg{width: 130px; height: 130px;}
.contComBody .Boxtit{width: 100%; height: auto; line-height: 36px; padding-top: 5px;}
.contComBody .Boxtits{width: 100%; height: auto; line-height: 24px;}
.contComBody .BoxBot{width: 100%; height: auto; line-height: 32px;}

.msgBody{ padding-top:52px; padding-bottom:0.8rem; line-height:60px; height:auto;}
.msgBody .title{width: 100%; height: 44px; line-height: 44px;}
.msgBodys{ padding-bottom: 80px;}
.msgBody .bodys{ background-color: #ECECEC; padding: 70px 70px 40px;}
.msgBody .lines{ width:100%; height:auto; margin-bottom:30px; line-height:60px;}
.msgBody .lines .boxs{width: 50%; height:auto;}
.msgBody .lines .lefts{ width: 88px; height: auto;}
.msgBody .lines .rights{ width: calc(100% - 88px); height: auto;}
.msgBody .lines .yzs{width: 136px; padding-right: 16px;}
.msgBody .topline{ line-height:30px; height:auto;padding-bottom:25px; width:100%;}
.msgBody .inputs{ width:100%; height:60px; line-height:50px; border:1px solid #DCDCDC; background:#fff; border-radius:3px; padding:5px 10px;}
.msgBody .inputDi{ width:100%; height:168px; line-height:50px; border-radius:3px; border:1px solid #dedede; outline: none;color:#6C584D; display:block; padding:5px 10px; }
.msgBody .andsBox{width: 200px; height: 60px;}
.msgBody .ands{ width:200px; height:60px;  background:#1262AB; color:#fff; border:0px; border-radius:3px; }
.msgBody .por{ position: relative;}

.productBody{width: 100%; height: auto;}
.proLine{width: 100%; height: auto; padding: 40px 0px 60px; margin-bottom: 60px;position: relative;}
.proLine  a{ display:block; width:100%; height:100%;}
.proLine::before{ width: 842px; height: 100%; content: ""; position: absolute; background-color: #F8F7FC; top:0px; right: 0px; z-index: -1;}

.proLine::after{ content: ''; width: 6px; height: 90px; background-color: #1262AB; position: absolute; top:60px; right: 0; }
.proLine .imgs{ width: 842px; height: auto; overflow:hidden;} 
.proLine:hover .imgs img{
	-webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
	}

.proLine .box{width: calc(100% - 842px); height: 100%; padding: 42px 80px; }
.proLine .box .title{ width:100%; height: auto; line-height: 50px; padding-bottom: 30px;}
.proLine:hover .box .title{ color:#1262aa;}
.proLine .box .coms{ width: 100%; height: auto;}
.proLine .box .coms .lines{ padding-left: 20px; position: relative;}
.proLine .box .coms .lin1{margin-top: 10px; margin-bottom: 10px; font-weight: bold;color: #333;font-size: 18px;}
.proLine .box .coms .lin1 span{font-size: 12px;font-weight: normal;}
.proLine .box .coms .lin1:before{ content: "";  position: absolute; top:22px; left:0; width: 8px; height: 8px; margin-top: -12px; background: #F49900;}
.proLine .box .coms .lin2{line-height: 22px;font-size: 14px; margin-bottom: 24px;}
.proLine .box  em{display: block; width: 150px; height: 44px; border: 1px solid #333; line-height: 42px; text-align: center;}
.proLine:hover .box  em{border: 1px solid #333; background:#333; color:#fff;}

.proLines::before{ width: 842px; height: 100%; content: ""; position: absolute; background-color: #F8F7FC; top:0px; left: 0px; z-index: -1;}
.proLines::after{ content: ''; width: 6px; height: 90px; background-color: #1262AB; position: absolute; top:60px; left: 0; }






.proShow{ width: 100%; min-height: 600px; }
.thisUrl{width: 100%; height: 115px; line-height: 115px;}
.thisUrl a.blanck{ width: 92px; height: 100%;display: block; background: url(../image/blck.png) no-repeat left center; }

.showGg{background-color: #F9F9F9;} 
.showGg::after{ content: ''; width: 100%; height: 620px; position: absolute; left: 0px; top: 0px; background-color: #6D8FAB; z-index: -1;}

.proshowTop{ width: 100%; height: auto; padding: 80px 60px 105px ; background: #fff url(../image/showtop.jpg) no-repeat right bottom; margin-bottom: 30px;}
.proshowTop .imgs{ width: 650px; height: auto;}
.proshowTop .rights{width: calc(100% - 650px); padding-left: 68px ; height: auto;}
.proshowTop .rightsTop{padding:18px 0px 38px; border-bottom: 1px solid #eee; line-height: 24px;}
.proshowTop .rightsTop h1{ font-weight: bold; padding-bottom: 10px;}
.proshowTop .rightsTopCom{width: 100%; height: auto; padding: 34px 0px; line-height: 28px;}
.proshowTop .phoneDiv{width: 100%; height: 50px;}
.proshowTop a.phone{width: 180px; height: 50px; margin-right: 36px; line-height: 48px; display: block; text-align: center; border: 1px solid #999999;}
.proshowTop a.phone:hover{ background: #333; color:#fff;}

.proshowTop .phoneNumber{width: 200px; height: 50px; line-height: 50px; padding-left: 33px; background: url(../image/phone.jpg) no-repeat left center;}
.proshowMain{width: 100%; height: auto;}
.proshowMenu{width: 100%; height: 78px; background-color: #D9DDDE; padding: 8px 60px 0px;}
.proshowMenu a{ width: 230px; height: 70px; line-height: 80px; display: block; float: left; }
.proshowMenu a.cur{background-color: #fff; color: #1262AB !important; font-weight: bold;}
.proshowBody{width: 100%; height: auto; padding: 60px; margin-bottom: 80px; background-color: #fff;}

.proshowBodyTit{width: 100%; height: 55px; border-bottom: 1px solid #1262AB; line-height: 54px; margin-bottom: 28px;}
.TitDiv{ width: 134px; height: 54px; background-color: #1262AB;}
.TitDivs{ width: auto; height: 54px; padding-left: 40px;}

.showM{ width: 100%; height: 49px; line-height: 48px; border-bottom: 1px solid #eee;}
.showM a{width:auto; height: 48px; display: block; margin-right:40px; float: left; color:#333 !important;}
.showM a.cur{ color: #1262AB !important; position: relative;}
.showM a.cur::after{width: 100%; height: 1px; background-color: #1262AB; position: absolute; content: ''; left: 0px; bottom: 0px;}
.showBox{width: 100%; height: auto;padding: 20px 0px 60px; line-height: 32px;}
.showBoxs{width: 100%; height: auto;padding: 0px 0px 60px; line-height: 32px;}

.showprolist{ padding-bottom: 50px;}
.showprolist .swiper-slide{ width: 33.33%;}
.showprolist .swiper-slide a{ display:block; overflow:hidden;}
.showprolist .swiper-slide a:hover img{
	-webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
	}

.showprolist .swiper-slide .title{width: 100%; height: 80px; border: 1px solid #eee; line-height: 78px; padding: 0px 20px; font-weight: bold;}
.showprolist .swiper-pagination{ bottom: 0px; position: absolute; border: 0px; height: 3px; width: 70%; background-color: #eee; left: 50%; margin-left: -35%;}
.showprolist .swiper-pagination-progressbar-fill{ height: 3px !important; background-color: #F29702;}
.showprolist .swiper-container{ margin-left: -16px; margin-right: -16px;}

.showprolist .swiper-button-next,.showprolist  .swiper-button-prev{ top:auto; opacity: 1; height: 14px; width: 10px; bottom:-5px; background-size: 100%;}
.showprolist .swiper-button-prev{ left: calc(15% - 30px);}
.showprolist .swiper-button-next{ right: calc(15% - 30px);}

.caseBody{width: 100%; height: auto; line-height: 30px; padding-bottom: 50px; }
.caseBodyTop{ padding-top: 40px;}
.caseBody .box {width: 33.33%; float: left; margin-bottom: 32px;}
.caseBody .box a{display: block;}
.caseBody .box .imgs{width: 100%; height: auto; border: 1px solid #E1E1E1; border-bottom: 0px; position: relative;}
.caseBody .box .imgs img.imgThis{
    position:absolute; left: 50%; top:50%;
}
.caseBody .box .title{width: 100%; height:auto;background-color: #F6F6F6; border-top: 0px; padding: 20px 35px;}
.caseBody .box .title h3{width: 100%; line-height: 30px; padding-bottom: 6px; margin: 0; color: #0076BC;}
.caseBody .box .title .coms{width: 100%; height: 56px; margin-bottom: 14px; line-height: 28px; color: #666;}
.caseBody .box .title em{width: 110px; height: 40px; border: 1px solid #0076BC; color: #0076BC; line-height: 38px; text-align: center; display: block; }
.caseBody .box:hover .title{background-color: #f29700; color: #fff; }
.caseBody .box:hover .title h3,
.caseBody .box:hover .title .coms{color: #fff;}
.caseBody .box:hover em{  border: 1px solid #fff; color: #fff; }
.caseBody .box:hover .imgs img.imgThis{
    transform:translate(-50%,-50%) scale(1.1, 1.1);
    -ms-transform:translate(-50%,-50%) scale(1.1, 1.1); 	/* IE 9 */
    -moz-transform:translate(-50%,-50%) scale(1.1, 1.1);	/* Firefox */ 
    -webkit-transform:translate(-50%,-50%) scale(1.1, 1.1); /* Safari �� Chrome */
    -o-transform:translate(-50%,-50%) scale(1.1, 1.1);	/* Opera */
}
.jszjMain{ padding-bottom: 120px;}
.jszjMain .box{ width: 25%; height:auto;}
.jszjMain .coms{width: 100%; height: auto;}
.jszjMain .imgBg{ width: 100%; height: 100%; left: 0px; top: 0; background-color: rgba(241,242,244,1); z-index: 100;}
.jszjMain .BoxTit{width: 90%; height: 120px; left: 50%; top:50%; color:#333;}
.jszjMain .BoxTit .Icon{width: 60px; height: 60px; line-height:60px; color:#1262AB; background-color:#fff; border-radius: 30px; overflow: hidden;}
.jszjMain .BoxTit .title{ width: 100%; height: 60px; padding-top: 30px; line-height: 30px;}
.jszjMain .BoxTit .coms{width: 100%; height: 150px; line-height: 30px; display: none; }

.jszjMain .coms:hover .imgBg{background-color: rgba(241,242,244,0);}
.jszjMain .coms:hover .BoxTit{ height: auto; color: #fff;}
.jszjMain .coms:hover .BoxTit .Icon{display: none;}
.jszjMain .coms:hover .title{ padding-top: 5px; padding-bottom: 25px;}
.jszjMain .coms:hover .coms{display: block; color: #fff; }

.serviceBody .box{width: 33.33%; height: auto;}
.serviceBody .box .body{background-color: #F9F9F9;}
.serviceBody .box .Icon{width: 106px; height: 106px;background-color:rgba(17, 99, 172, 0.9) ; line-height:106px; text-align:center; border-radius: 53px; left: 50%; margin-top: -106px;  margin-left: -53px;}
.serviceBody .box .body:hover .Icon{background-color: rgba(242, 167, 66, 0.9);}
.serviceBody .box .imgs{width: 100%; height: auto;}
.serviceBody .box .bodys{width: 100%; height: auto; padding: 45px; line-height: 24px;}
.serviceBody .box .title{width: 100%; height:auto; line-height: 72px;}
.serviceBody .box .Tbs{width: 100%; height: 200px;}
.serviceBody .titleBox{width: 100%; height: auto; padding-top: 50px; line-height: 40px; padding-bottom: 16px;font-weight: bold;}
.serviceBody .titleBox h1{line-height: 56px; font-weight: bold; }

.BottomSerBox{ width: 100%; height: auto;}
.BottomSerBox .swiper-slide{width: 53.34%; }

.BottomSerBox .swiper-slide::after{width: 100%; height: 100%;content: ''; position: absolute;left: 0px; top: 0px; background-color:rgba(255, 255, 255, 0.8);
	transition: all .3s ease-out 0s; z-index:1;
		-moz-transition: all .3s ease-out 0s; /* Firefox 4 */
		-webkit-transition:all .3s ease-out 0s; /* Safari 和 Chrome */
		-o-transition: all .3s ease-out 0s; /* Opera */
}
.BottomSerBox .swiper-slide-active::after{ background-color: rgba(255, 255, 255, 0); z-index:-1;}
.BottomSerBox .swiper-button-next,.BottomSerBox  .swiper-button-prev{opacity: 1; height: 36px; width: 36px; top:50%; margin-top:-18px;  background-size: 100%; border-radius: 18px; background:none; line-height:36px; text-align:center; color:#EBF5F7; background-color: #0076BC; background-position: center center;}
.BottomSerBox .swiper-button-prev{ left: 15px;}
.BottomSerBox .swiper-button-next{ right: 15px;}
.showMain table,
.proshowBody table{width:100%; height:auto;}
.showMain table td,
.proshowBody table td{ padding:2px 10px;}