body{margin:0;padding:0px;}
.footer{background:#063d8d; }
.flexBox {  display: -webkit-box;  display: -webkit-flex;  display: -ms-flexbox;  display: flex;  flex-wrap: wrap;   }

 .footer-top {height:520px;padding-top:110px;  }
  .footer-top .footer-top-left {    flex: 0 0 calc(100% - 250px); }
  .footer-top .footer-top-right { display:inline-block; float:left;   margin:0 0 0 220px; }
  
.i-pptixi{font-size:36px; line-height:40px;margin-top:7%;}
.i-pptixi span{font-size:16px;}
.i-pptixi img{margin-bottom:2%;margin-top:2%;}
 
@media screen and (min-width:1600px) and (max-width:2000px){
	 
	.book-email {
  width: 382px;margin-top:45px;
  color: rgba(0, 0, 0, 0.5);
  font-size: 14px;
  line-height: 48px; }
  
  
  

} 


@media screen and (min-width:1441px) and (max-width:1600px){
	.footer-top {height:480px;padding:60px 0px;  }

   .i-pptixi{font-size:26px;line-height:20px;margin-top:7%;}
	.i-pptixi span{font-size:12px;}
	.i-pptixi img{width:60%;margin-bottom:2%;margin-top:1%;}
	
	.book-email {
  width: 382px;margin-top:45px;
  color: rgba(0, 0, 0, 0.5);
  font-size: 14px;
  line-height: 48px; }

} 


@media screen and (max-width:1440px){
   .i-pptixi{font-size:26px;line-height:20px;margin-top:7%;}
	.i-pptixi span{font-size:12px;}
	.i-pptixi img{width:60%;margin-bottom:2%;margin-top:1%;}

.footer-top {height:330px;padding:20px 0px;  }

.book-email {
  width: 382px;margin-top:5px;
  color: rgba(0, 0, 0, 0.5);
  font-size: 14px;
  line-height:30px; }
  
  .book-email .book-input {
    width: 100%;
    background: #fff;
    border: none;
    display: block;
    height:30px;
    padding: 0 22px;
    box-sizing: border-box; }
	
	
	.footer-bot {   padding:8px 0;  font-size: 12px;  line-height:22px;     background: #06357a;color:#fff; }
.footer-top .footer-nav {    width:328px;float:left; }
.footer-top .footer-nav-a1 {  
    display: block;
    font-size: 15px;
    line-height: 22px;
    margin-bottom: 1rem;
    color: #fff; }
	
  .footer-top .footer-nav-a11 {
    color: #e60039;
    font-size: 14px;
    margin-bottom: 6px;
    background: url(../img/footer-ico1.png) no-repeat left center;
    padding-left: 28px;
    transition-duration: .3s; }	
 .footer-top .footer-nav-a2 {
    display: block;
    font-size: 13px;
    height:22px;
    line-height: 22px;
    color: rgba(255, 255, 255, 0.6);
    transition-duration: .3s; }
.footer-top .footer-nav-a2:hover {
      color: #fff; }
	
	.footer-right-address {  font-size: 14px;  line-height:22px;color:#fff;  }
	.footer-right-address .footer-company, .footer-right-address .work-h5, .footer-right-address .ser-line {
    color: #fff;    margin-top:0rem; }
	
	
} 




  .footer-top .footer-nav {
    width:328px;float:left; }
  .footer-top .footer-nav-a1 {  
    display: block;
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 1rem;
    color: #fff; }
  .footer-top .footer-nav-a11 {
    color: #e60039;
    font-size: 14px;
    margin-bottom: 12px;
    background: url(../img/footer-ico1.png) no-repeat left center;
    padding-left: 28px;
    transition-duration: .3s; }
    .footer-top .footer-nav-a11:hover {
      padding-left: 24px; }
  .footer-top .footer-nav-a2 {
    display: block;
    font-size: 14px;
    height: 32px;
    line-height: 32px;
    color: rgba(255, 255, 255, 0.6);
    transition-duration: .3s; }
    .footer-top .footer-nav-a2:hover {
      color: #fff; }  
  .footer-top .tele-h5 {
    text-align: right; }
  .footer-top .ewm-btns {
    justify-content: flex-end; }
  .footer-top .tele-num {
    font-size: 30px;
    line-height: 1.3;
    color: #e60039;
    margin-bottom: 1.1rem; }

.footer-right-address {  font-size: 14px;  line-height: 24px;color:#fff;  }
  .footer-right-address .footer-company, .footer-right-address .work-h5, .footer-right-address .ser-line {
    color: #fff;
    margin-top: 1rem; }
  .footer-right-address .footer-add-h5 {
    padding-left: 15px;
    color: #e9ff72;
    margin-top: 1rem;
    background: url(../images/add2.png) no-repeat left center; }

.footer-bot {   padding: 20px 0;  font-size: 14px;  line-height: 32px;   background: #06357a;color:#fff; }
     .footer-bot a {      color: #fff; }
  .footer-bot .footer-bot-dl {
    flex: 0 0 auto; }
  .footer-bot .footer-bot-dr {
    position: relative;
    flex: 0 0 230px; }
  .footer-bot .friend-name {
    cursor: pointer;
    color: rgba(255, 255, 255, 0.5);
    padding-left: 15px;
    background: url(../img/sectiontopon.png) no-repeat left 80px center; }
  .footer-bot .friend-a {
    display: block;
    color: #333;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    transition-duration: .3s;
    padding: 0 10px; }
    .footer-bot .friend-a:hover {
      background: #fff;
      color: #e60039; }
  .footer-bot .friend-hides {
    position: absolute;
    z-index: 3;
    width: 100%;
    bottom: 100%;
    left: 0;
    display: none;
    background: #fff;
    color: #333;
    height: auto;
    line-height: 40px; }

  .book-email .book-title {
    font-size: 18px;
    line-height: 22px;
    color: #fff;
    margin-bottom: 1rem; }
  .book-email .book-mains {
    position: relative;
    padding-right: 110px;
    background: #d8d7d7; }
  .book-email .book-input {
    width: 100%;
    background: #fff;
    border: none;
    display: block;
    height: 48px;
    padding: 0 22px;
    box-sizing: border-box; }
    .book-email .book-input::placeHolder {
      color: rgba(0, 0, 0, 0.5); }
  .book-email .book-submit {
    padding: 0;    border: none;
    position: absolute;
    right: 0;    top: 0;    width: 110px;
    height: 48px;    background: #1965d3;
    text-align: center;
    color: #fff;    
    display: block; } 

	
.header{width:100%;position:fixed;top:0;left:0;z-index:999;padding:0 30px}
.header .left{width:12%}
.header .left a img{height:65px;margin-top:6px}
.header .left .img2{display:none}
.header .nav{-webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s;transition:.5s;height:100%;line-height:50px;display:block;margin-top:20px;}
.header .navbar_nav li{float:left;position:relative;display:block}
.header .navbar_nav li:after{content:"";width:0;height:2px;background:#0068fe;position:absolute;bottom:0;left:0;transition:all .5s ease 0s}
.header .navbar_nav li:hover:after{width:100%}
.header .navbar_nav li a{text-decoration:none;height:100%;padding:0 25px;display:block;-webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s;transition:.5s;color:#fff;font-size:16px}
.header .navbar_nav li:hover a{color:#0068fe}
.header .navbar_nav li.dropdown{display:inherit;position:relative}
.header .navbar_nav li.dropdown .jt{width:20px;height:20px;background:url(i/top.png) no-repeat;background-size:100% 100%;display:block}
.header .navbar_nav li.dropdown .dropdown_menu{display:none;position:absolute;top:50px;width:100%;background:#fff;box-shadow:0 15px 27px 0 rgba(167,165,165,.38);width:120%;left:-10%}
.header .navbar_nav li.dropdown .dropdown_menu a{font-size:14px;color:#666;padding:0 10px;line-height:40px;text-align:center;background:white(0,0,0,0.5);;margin-bottom:2px}
.header .navbar_nav li.dropdown:hover .dropdown_menu{display:block;background:white(0,0,0,0.5);-webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s;transition:.5s}
.header .navbar_nav li.dropdown:hover .dropdown_menu a{color:#666}
.header .navbar_nav li.dropdown:hover .dropdown_menu a:hover{color:#fff;background:#0068fe}
.header.on{background:#fff;border-bottom:1px solid #ccc;}
.header.on .left .img1{display:none}
.header.on .left .img2{display:block}
.header.on .navbar_nav li a{color:#333;padding-bottom:7px;}
.header.on .navbar_nav li:hover a{color:#0068fe}#navToggle{display:none}
.m_nav{position:fixed;top:0;box-shadow:0 15px 27px 0 rgba(167,165,165,.38);width:100%;height:100%;background:#fff;transition:all ease .5s;-webkit-transition:all ease .5s;z-index:1000;opacity:1;visibility:visible;margin-top:0;overflow-y:auto;transition:all .6s cubic-bezier(.77,0,.175,1) 0ms;top:0;transform:translateX(100%)}
.m_nav.open{transform:translateX(0)}
.m_nav .top{height:60px;padding:20px;box-sizing:border-box}
.m_nav .top .closed{width:30px;height:30px;vertical-align:middle;float:right;cursor:pointer}
.m_nav .logo{width:100%;margin:0 auto}
.m_nav .logo img{height:50px;display:block;margin:30px auto}
.m_nav .ul{margin-top:30px}
.m_nav .ul li{padding:0 20px;border-bottom:1px solid #f5f5f5;transform:translateY(0);-webkit-transform:translateY(100%);transform:translateY(100%);-webkit-transition:all .6s cubic-bezier(.77,0,.175,1) 0ms;transition:all .6s cubic-bezier(.77,0,.175,1) 0ms;opacity:0}
.m_nav.open .ul li{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
.m_nav .ul li:nth-child(1){-webkit-transition:all .2s cubic-bezier(.77,0,.175,1) 0ms;transition:all .2s cubic-bezier(.77,0,.175,1) 0ms}
.m_nav .ul li:nth-child(2){-webkit-transition:all .4s cubic-bezier(.77,0,.175,1) 0ms;transition:all .4s cubic-bezier(.77,0,.175,1) 0ms}
.m_nav .ul li:nth-child(3){-webkit-transition:all .6s cubic-bezier(.77,0,.175,1) 0ms;transition:all .6s cubic-bezier(.77,0,.175,1) 0ms}
.m_nav .ul li:nth-child(4){-webkit-transition:all .8s cubic-bezier(.77,0,.175,1) 0ms;transition:all .8s cubic-bezier(.77,0,.175,1) 0ms}
.m_nav .ul li:nth-child(5){-webkit-transition:all 1s cubic-bezier(.77,0,.175,1) 0ms;transition:all 1s cubic-bezier(.77,0,.175,1) 0ms}
.m_nav .ul li:nth-child(6){-webkit-transition:all 1.2s cubic-bezier(.77,0,.175,1) 0ms;transition:all 1.2s cubic-bezier(.77,0,.175,1) 0ms}
.m_nav .ul li a{display:block;text-decoration:none;color:#333;font-size:16px;height:50px;line-height:50px;width:100%}
.m_nav .ul li .dropdown_menu{display:none}
.m_nav .ul li.dropdown.active .dropdown_menu{display:block}
.m_nav .ul li .dropdown_menu a{display:block;height:50px;line-height:50px;padding:0 40px;box-sizing:border-box;border-bottom:1px solid #f5f5f5}
.m_nav .ul li .dropdown_menu a:last-child{border:0}
.banner{width:100%}
.banner img{width:100%}@media screen and (max-width:992px){.header{padding:0 10px}
.header #navToggle{height:100%;padding:9px 15px;margin-right:-15px;display:inline-block;float:right}
.header #navToggle span{position:relative;width:25px;height:1px;margin-top:19px}
.header #navToggle span:before,.header #navToggle span:after{content:'';position:relative;width:100%;height:1px;left:0}
.header #navToggle span,.header #navToggle span:before,.header #navToggle span:after{-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;display:block;background:#4f4f4f}
.header #navToggle span:before{top:8px}
.header #navToggle span:after{bottom:10px}
.header #navToggle.open span:before{top:10px;-webkit-transform:translateY(-11px) rotate(-45deg);-moz-transform:translateY(-11px) rotate(-45deg);-ms-transform:translateY(-11px) rotate(-45deg);-o-transform:translateY(-11px) rotate(-45deg);transform:translateY(-11px) rotate(-45deg)}
.header #navToggle.open span:after{bottom:12px;-webkit-transform:translateY(10px) rotate(45deg);-moz-transform:translateY(10px) rotate(45deg);-ms-transform:translateY(10px) rotate(45deg);-o-transform:translateY(10px) rotate(45deg);transform:translateY(10px) rotate(45deg)}
.header #navToggle.open span{background:0 0}
.header #navToggle.open span:before,.header #navToggle.open span:after{background:#4f4f4f}
.header .nav{display:none}
.banner img{height:600px;object-fit:cover}}




.side-always {
  position: fixed;
  z-index: 3;
  width: 56px;
  height: 260px;
  right: 12px;
  top: 50%;
  margin-top: -130px;
  box-sizing: border-box; }
  .side-always .side-items {
    display: block;
    position: relative;
    overflow: visible;
    background-color: #f5f5f5;
    cursor: pointer;
    width: 56px;
    height: 56px;
    transition-duration: .3s;
    margin-bottom: 12px; }
    .side-always .side-items:hover {
      background: #e60039; }
  .side-always .side-ico {
    position: relative;
    z-index: 4;
    width: 56px;
    height: 56px;
    transition-duration: .3s;
    background-size: 23px !important;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }
  .side-always .tele-item .side-ico {
    background: url(../images/side-tele.png) no-repeat center; }
  .side-always .tele-item:hover .side-ico {
    background: url(../images/side-teleon.png) no-repeat center; }
  .side-always .qq-item .side-ico {
    background: url(../images/side-qq.png) no-repeat center; }
  .side-always .qq-item:hover .side-ico {
    background: url(../images/side-qqon.png) no-repeat center; }
  .side-always .ewm-item .side-ico {
    background: url(../images/side-ewm.png) no-repeat center; }
  .side-always .ewm-item:hover .side-ico {
    background: url(../images/side-ewmon.png) no-repeat center; }
  .side-always .toTop-item .side-ico {
    background: url(../images/side-toTop-item.png) no-repeat center; }
  .side-always .toTop-item:hover .side-ico {
    background: url(../images/side-toTop-itemon.png) no-repeat center; }
  .side-always .side-tele {
    position: absolute;
    display: none;
    width: 170px;
    height: 56px;
    box-sizing: border-box;
    font-size: 18px;
    font-weight: bold;
    line-height: 56px;
    color: #fff;
    left: -171px;
    top: 50%;
    margin-top: -28px;
    background-color: #e60039; }
  .side-always .side-tele-content {
    display: block;
    padding: 0 10px;
    text-align: center; }
  .side-always .side-ewm {
    position: absolute;
    display: none;
     
    background: #fff;
    padding: 5px;
    box-sizing: border-box;
    right: 104%;
    top: 50%;
    margin-top: -55px; }

.njjbj{background:url(../images/njjbj.jpg) no-repeat center;height:750px; }
.proban{background:url(../images/proban.jpg) no-repeat center;height:750px; }
.newban{background:url(../images/newban.jpg) no-repeat center;height:750px; }

.cf7f7f7{background:#f7f7f7;}


.nablc{background:url(../images/njj2.jpg) no-repeat center #fff;height:450px; }


.nfootbj{background:url(../images/foot.jpg) no-repeat bottom;height:850px;  }
.huibj{background:#f7f7f7;padding:20px 0px 50px 0px;min-height:1000px;_height:1000px;}
.baibj{background:#fff;}





.mar{margin:auto;clear:both;width:100%;} 
.mar1200{margin:auto;clear:both;width:1200px;} 
.mar1160{margin:auto;clear:both;width:1160px;} 
.mar1070{margin:auto;clear:both;width:1070px;} 

.cl{clear:both;}
.cf{clear:both;float:left;}
.fl{float:left;}
.fr{float:right;}
.tc{text-align:center;}
.tr{text-align:right;}
.c063d8d{color:#063d8d;} 
.font36{font-size:36px;}
.i-tit-span {font-size:36px;line-height:30px;padding-top:20px;}
.i-tit-span span{font-size:16px;}
.h60{height:60px;}

.ml30{margin-left:30px;} 
.mt13{margin-top:13px;}

