/*header*/
html {padding:0;margin:0;}
body{line-height: 160%; font-size: 14px; font-family: "Microsoft YaHei","寰蒋闆呴粦"}
ul {list-style: none;padding:0;margin:0;}
ul li{ list-style-type: none;}
* {transition: all 0.3s ease 0s;}

a {text-decoration: none; color: #555;}
a:focus, a:hover{ color: #333;}
.topnav{ background: rgba(0,0,0,.3); border-bottom: 1px solid rgba(254,254,254,.4);}
.jjloog{ display: inline-block; padding: 20px; padding-left: 120px;}
.navbar-default{ border: 0; border-radius: 0; height: 96px; background-color: transparent; margin-bottom: 0}
.topbj{ padding: 20px 60px; padding-left: 100px;}
.navbar-default .navbar-nav>li>a{ color: #fff; position: relative; padding: 20px 30px;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover{  color: #6D9EFF; background: transparent;  }

.navbar-default .navbar-collapse, .navbar-default .navbar-form{background-color:transparent;}
.navtel{position: relative}
.navtel:before{position: absolute; content: ''; left: 0px; top: 15px; height: 25px; width: 1px;background: #6D9EFF;}
.dropdown-menu{background: rgba(0,0,0,.5); border: 0px;transition: all 0s ease 0s;}
.navtel .iconfont{ color: #6D9EFF; font-size: 20px;}
.dropdown-menu>li>a{ display: inline-block;}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu>li>a{color:#fff; padding:10px 10px; width: 100%;}
.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover,nav.navbar.bootsnav li.dropdown ul.dropdown-menu>li>a:hover{background:#1B59A6 ;  color: #333;}
.swiper-container-b {
    width: 100%;
    height: 100%; overflow: hidden;
    background: #000;
}
.swiper-pagination-b { position: absolute;
    bottom: 10px;
    left: 0;
    width: 100%;
}
.swiper-container-b .swiper-slide{ overflow: hidden; width: 100%!important;}
.yb-banner{ position: relative;
    width: 100%; height: 100vh; overflow: hidden;}

.yb-banner .text{ display: inline-block; width: 50%; text-align: left;  position: absolute;  top: 34%; left: 14%;}
.yb-banner .texta{ display: inline-block;  font-size: 48px; letter-spacing: 2px; font-weight: bold; width: 100%; line-height: 80px;  }
.yb-banner .textb{ display: inline-block;  font-size: 18px; letter-spacing: 2px; width: 100%; line-height: 30px;  }

.section{ height: 100vh}
.syaboutpage{ background:url("../images/syaboutpageabj.jpg");}
.syywpagebj{ background: url("../images/syywpagebj.jpg");}
.synewpagebj{background: url("../images/synewpagebj.jpg")}
.syshzrpagebj{background: url("../images/syshzrpagebj.jpg")}

#fp-nav ul li .fp-tooltip{color: #999;}
#fp-nav.right{ right: 3%}
.page-tit{ display: inline-block; width: 100%; padding: 10px; text-align: left;}
.tit-baise.page-tit{color: #fff;}
.tit-baise.page-tit .page-en{ color: #fff;}
.page-cn{ font-size: 36px; font-weight:500; line-height: 50px; display: inline-block; }
.page-en{ font-size: 24px; font-weight:500; line-height: 30px; color: #666; display: inline-block; }
.aboutimg{ display:inline-block; padding: 20px 10px;}
.aboutbody{ display:inline-block; padding: 20px 5%; line-height: 30px; color: #666;}

.abmore{display: inline-block; width: 100%; text-align: left;}
.abmore a{ display: inline-block; padding: 6px 30px; background: #fff; margin-top: 20px; box-shadow: 3px 3px 10px rgba(0,0,0,.05)}

.ab-ul li { padding: 0;}

.ab-ul-div{display: inline-block; width: 100%;}
.ab-ul-tit{font-size: 16px; color: #666;}
.ab-ul-val{color: #555; font-size: 30px;}
.ab-ul-val small{ font-size: 12px;}

.yewu-ul {display: inline-block; width: 100%; padding: 20px 0;}
.yewu-ul li{ padding: 8px; position: relative;}
.yewu-ul li:nth-child(2) .div-yewu{position: absolute; height: 576px;  width: calc(100% - 16px)}
.div-yewu{ position: relative;  width: 100%; height: 280px; background: #fff; overflow: hidden;}
.div-yewu .yewu-img{ display: inline-block; width: 100%; height: 100%;}
.yewu-img img{ min-height: 100%; min-width: 100%;}
.yw-tit{ position: relative; background: rgba(0,0,0,.5); bottom: 0; right: 0; padding: 10px 20px; line-height: 20px;
  border-radius: 8px 0 0 0;  height: 40px; overflow: hidden; font-size: 18px ; color: #fff;}
.yw-tit small{color: #f5f5f5; font-size: 14px;}
.yewu-img .yw-tit{position: absolute}
.yw-body{display: inline-block; width: 100%; padding: 20px 10px; background:  rgba(0,0,00,.2); position: absolute; top: 100%; left: 0; z-index: 2; height: 100%;}
.yw-body .yw-tit{ background: transparent; color: #555 }
.yw-body .yw-tit small{color: #666;}
.div-yewu:hover .yewu-img img{ transform: scale(1.2) }
.yw-note{ line-height: 22px; height: 66px; padding: 0px 20px; overflow: hidden; color: #666;}
.div-yewu:hover .yewu-img .yw-tit{ padding: 10px 40px;  border-radius: 80px 0 0 0;  transition: all 0.5s ease 0.5s;}

.synews-l{display: inline-block; width: 100%; text-align: center;}
.newsbody{display: inline-block;width: 96%; margin: 0 auto; text-align: left; padding: 20px; margin-top: -60px; background: #fff; box-shadow: 5px 5px 10px rgba(0,0,0,.05);}
.newstime{font-size: 24px; font-weight: bold; color: #666;}
.newstit{font-size: 14px; font-weight: bold; color: #555; line-height: 30px; padding: 10px 0;}
.newsnote{font-size: 14px; font-weight: 500; color: #666;}
.newsmore{ display: inline-block; width: 100%; text-align: left;}

 .synews-l:hover .newsbody{box-shadow: 5px 5px 10px #6D9EFF;}

 .news-ul{display: inline-block; width: 100%; background: #fff;}
.news-ul li{ display: inline-block;}
.news-ul li .newsbody{width: 100%; margin-top: 10px; padding: 10px; box-shadow: none;}
.news-ul li .newstit{ padding: 0;}
.news-ul li .newstime{ padding: 5px 0; font-size: 12px; font-weight: 500;}


.news-ul li:hover .newsbody{box-shadow: 5px 5px 10px #6D9EFF;}

.newsbody.shxrbody{margin-top: 0; box-shadow: none; background: transparent; padding: 20px 0; padding-top: 40px}
.shxrbody .newstit{ font-size: 16px; line-height: 40px; color: #fff; padding: 0}
.shxrbody .newstit a{ color: #fff;}
.shxrbody .newstime{font-size: 12px; line-height: 25px; color: #fff;}

.shxrbody .newsnote{font-size: 14px; margin-top: 10px; line-height: 25px; color: #fff;}

.video-prev-b{ position: absolute;  color: #fff; right: -20px; top: 45%; margin-top: -40px;}
.video-prev-b .iconfont{ transform: scale(-1)}
.video-next-b{ position: absolute;  color: #fff; right: -20px; top: 50%; margin-top: 40px;}
.swiper-pagination-video{ width: 10px; position: absolute; right: -18px; top: 50%; margin-top: -10px;}





.ny-banner .ny-text{ display: inline-block; width: 50%; text-align: center;  position: absolute;  top: 34%; left: 25%; color: #fff}
.text-en{ font-size: 36px; width: 100%; line-height: 60px; font-weight: bold; display: inline-block; text-transform: uppercase}
.text-cn{ position: relative; font-size: 24px; font-weight: bold; display: inline-block;}
.text-cn:before{position: absolute; left: 50%; width: 40px; height: 3px; border-radius: 10px; margin-left: -20px; bottom: -20px; content: ''; background: #fff;}

/*鍐呴〉*/
.page-ny{ padding: 20px 0; width: 100%}
.page-ny-nav{ width: 100%; padding: 0; display: flex; background: #fafafa; border-bottom: 1px solid #ececec; }
.page-ny-nav-l{display: flex; width: 100%; background: #1D2C55; color: #fff; line-height: 55px;
   font-size: 16px; font-weight: bold; justify-content: center; position: relative; text-align: center;}
.page-ny-nav-l .iconfont{ position: absolute; right: 10px; top: 2px;}
.ny-nav-ul{ margin-top: 0px; width: 100%; display: inline-block; text-align: left; padding-left: 40px;}
.ny-nav-ul li{ margin: 0 20px; display: inline-block;}

.ny-nav-ul li a{  overflow: hidden; z-index: 2; padding: 16px 10px; display: flex; flex-direction: column; position: relative;
    font-size: 16px; line-height: 22px; color: #808080; font-weight: bold;   margin-top:0px;}
.ny-nav-ul li a:before{content: ""; position: absolute; bottom: 0; display: inline-block; height:3px; width: 100%; background: #1D2C55; z-index: 0; left: -100%;}
.ny-nav-ul li a small{ width: 100%; z-index: 2; display: inline-block; line-height: 20px; color: #ccc; font-size: 12px; font-weight: 300;}
.ny-nav-ul li a:hover,.ny-nav-ul li a.active,.ny-nav-ul li a:hover small,.ny-nav-ul li a.active small{ color: #1D2C55;}
.ny-nav-ul li a:hover,.ny-nav-ul li a.active{ color: #1D2C55;}
.ny-nav-ul li a:hover:before,.ny-nav-ul li a.active:before{ left: 0;transition: all 0.5s ease 0s;}

.breadcrumb{ background: transparent; font-size: 12px; color: #ccc;}
.breadcrumb a{ color: #ccc;}
.ab-ny-x{ display: inline-block; width: 100%; margin: 20px 0; height: 1px ;  background: #f5f5f5}

.pagecen{ width: 100%; display: inline-block; padding: 10px 0;}

.yewu-ul-ny {display: flex; width: 100%; padding: 20px 0;}
.yewu-ul-ny li{ padding: 20px 2px; position: relative; height: 416px; width: 20%; float: left; }
.yewu-ul-ny li .yewu-img{ height: 100%;}
.yewu-ul-ny li .yewu-img img{ height: 100%;}
.yewu-ul-ny li .div-yewu{ height: 100%;}
.yewu-ul-ny li .yewu-img .yw-tit{ background: rgba(0,0,0,.4);  height: 60px; width: 100%; text-align: center; justify-content: center; color: #fff; display: flex; flex-direction: column;}
.yewu-ul-ny li .yw-tit small{ color: #ccc;}
.yewu-ul-ny li .yw-body{ background: rgba(0,0,0,.4); text-align: center; padding-top: 100px; color: #fff;}
.yewu-ul-ny li .yw-body .yw-tit{ height: 60px; width: 100%; text-align: center; justify-content: center;  color: #fff; display: flex; flex-direction: column;}
.yewu-ul-ny li .yw-body .yw-x{ display: inline-block; width: 40px; height: 1px; background: #fff; margin: 10px auto}
.yewu-ul-ny li .yw-body  .yw-note{ width: 100%; display: inline-block;}
.yewu-ul-ny li .yw-body  .yw-note .iconfont{ font-size: 24px; color: #fff; text-align: center;}

.qiyewh-a{ display: inline-block; width: 100%; margin-top: 40px; background: #f5f5f5;}
.qiyewh-a .col-md-6:nth-child(1){background: #2C4791; }
.qiyewh-a .col-md-6:nth-child(2) .page-tit{ background: url("../images/qywhimga.png") center right no-repeat; width: 90%}
.qiyewh-a-div{display: inline-block; width: 100%; height: 300px; padding: 60px 40px;}

.page-note{ font-size: 16px; width: 100%; margin-top: 10px;}

.qiyewh-b{ display: inline-block; width: 100%; margin-top: 40px;}

.qywh-ula{display: inline-block; width: 100%; padding: 40px 0;}
.qywh-ula li{ margin: 20px 0; display: inline-block; width: 100%;}
.qywh-tita{display: inline-block; width: 100%;}
.qywh-cn{ font-size: 24px; display: inline-block; padding:0 10px; color: #808080; font-weight: bold;}
.qywh-en{ font-size: 14px; display: inline-block; padding:0 10px; color: #A6A6A6;}
.qywh-note{ font-size: 16px; width: 100%; display: inline-block; padding:0 10px; color: #A6A6A6; margin-top: 10px;}

.qywh-ulb,.qywh-ulb-div{display: inline-block; width: 100%;}
.qywh-ulb-tit{display: flex; flex-direction: column; color: #808080; font-size: 16px;}
.qywh-ulb-tit small{font-size: 14px;}
.qywh-ulb-val{ font-size: 16px; line-height: 40px; font-weight: bold;}


.page-tit.text-center{ text-align: center; font-weight: bold; padding: 20px 0;}
.page-tit.text-center .page-cn{ font-weight: bold;  font-size: 24px;}
.page-tit.text-center .page-en{ font-weight: 500;  font-size: 14px;}

.fazlcpage{ display: inline-block; width: 100%; padding-bottom: 50px; margin-bottom: 50px; position: relative;}
.fazlcpage:after{ width: 1px; height: 100%; background: #2C4791; content: ''; left: 50%; top: 0;position: absolute;}

.fazlc-div{ display: inline-block; width: 45%; min-height: 60px; position: relative;}
.fazlc-div .fzlc-c{ background: #fff; border-radius: 10px; height: 100%; z-index: 12; margin-top: 0px; position: relative; padding: 10px 20px;}
.fazlc-div .fzlc-y{color: #2C4791; z-index: 11; top: 20px; height: 20px;
   display: inline-block; padding: 2px 0; width: 60px; text-align: center; position: absolute;  border-radius: 100px;}
.fazlc-div .fzlc-y:before{width: 40px; height: 1px; position: absolute; top: 50%;  content: '' ;background: #2C4791;}
.fazlc-div .fzlc-y:after{ width: 10px; height: 10px; top: 50%;   margin-top: -5px; border: 1px solid #2C4791; position: absolute;
    background: #fff; border-radius: 100px; content: ''}

.fazlcpage .fazlc-div:nth-child(odd){ margin-left: 55%;  }
.fazlcpage .fazlc-div:nth-child(odd) .fzlc-y{ left: -62px; }
.fazlcpage .fazlc-div:nth-child(odd) .fzlc-y:before{ left: 0px;}
.fazlcpage .fazlc-div:nth-child(odd) .fzlc-y:after{ left: 0px;}

/*.fazlcpage .fazlc-div:nth-child(even){ margin-left: 0%; margin-top: -150px;}*/

.fazlcpage .fazlc-div:nth-child(even) .fzlc-c{ text-align: right;}
.fazlcpage .fazlc-div:nth-child(even) .fzlc-y{ left: 100%; margin-left: 43px; }
.fazlcpage .fazlc-div:nth-child(even) .fzlc-y:before{ left: -22px;}
.fazlcpage .fazlc-div:nth-child(even) .fzlc-y:after{ left: 10px;}

.fazlc-div:hover .fzlc-c{background: #2C4791 ; color: #fff;}
.fazlc-div:hover .fzlc-c .fzlc-tit,.fazlc-div:hover .fzlc-c .fzlc-con{ color: #fff;}
.fazlcpage .fazlc-div:nth-child(1){ margin-left: 55%; margin-top: 0px;}
.fazlcpage .fazlc-div:nth-child(1) .fzlc-c{margin-top: 0;}


.fzlc-ul{ display: inline-block; width: 100%;}
.fzlc-ul li{ display: inline-block; width: 100%; margin: 6px 0;}
.fzlctit{display: inline-block; width: 40px; font-size: 14px; color: #2C4791; font-weight: bold;}
.fzlcc{ display: inline-block; width: calc(100% - 50px);}

.fzlc-tit{ font-size: 16px; font-weight: bold; display: inline-block; width: 100%; color: #2C4791; line-height: 50px;}


.fzpage-b{ width: 120px; height: 120px; background: rgba(40,70,145,.5); color: #fff;position: absolute;
   left: 100%; border-radius: 200px; text-align: center;}
.fzpage-b:before{ width: 100px; height: 100px; background: #2C4791; content: ''; position: absolute; left: 10px; top: 10px; border-radius: 100px; z-index: 1}
.fzpage-b .fzlc-tit{color: #fff; line-height: 30px; font-size: 16px; font-weight: bold; margin-top: 30px; z-index: 2; position: relative;}
.fzpage-b .fzlc-con{z-index: 2;position: relative; font-size: 14px;}



.nynewst{ margin-top: 16px; }
.nynewst .news-time{ font-size: 12px; margin-top: 10px; }

.nynewst .newsmore{ float: left;  margin-left: -10px;}


.news-div{width: 100%; display: inline-block;}
.news-img-s{ width: 100%; height: 200px; overflow: hidden;}
.news-img img{ width: 100%; min-height: 100%;}
.news-img-s img{ min-height: 100%;}
.news-top{ display: inline-block; width: 100%; border-top: 1px solid #f5f5f5; padding:0 5px; line-height: 20px;}
.news-time{ display: inline-block; float: left ; font-size: 18px; color: #ccc; font-weight: 500; line-height: 20px;}
.news-type{ display: inline-block; float: left ; font-size: 18px; margin-right: 5px; color: #555; font-weight: 500; line-height: 30px;}



.newsmore{ display: inline-block; float: right;}
.newsmore a{ display: inline-block; padding: 0 10px; font-size: 12px; margin-top: 15px; color: #2C4791;}
.newsmore a .iconfont{ display: inline-block;}
.newstit{ display: inline-block; width: 100%; font-weight: bold; line-height: 30px; height: 40px; overflow: hidden; font-size: 14px;}
.newsnote{ display: inline-block; width: 100%; line-height: 22px; height: 44px; color: #666; overflow: hidden; font-size: 12px;}



.page-ny .newsbody{ width: 100%; margin-top: 10px; padding: 10px; display: inline-block; background: #fff;}
.page-ny .newstit{ height: 30px; margin-top: 10px; line-height: 30px; padding: 0 10px}
.page-ny .newsnote{ padding: 0 10px;}
.news-div:hover .news-time{ color: #2C4791;}
.news-div:hover .news-top{border-top: 1px solid #2C4791;}
.news-div:hover .news-img-s img{ transform: scale(1.1)}
.news-div:hover .newsbody{  background: #f5f5f5; box-shadow: 5px 5px 10px #999;}

.page-ny-bt{width: 100%; padding-bottom: 40px; margin-bottom: 40px; }
.news-xx-t{ display: inline-block; width: 100%; padding: 40px 10px; background: #f2f2f2}
.news-tit-n{line-height: 50px;}
.new-note-x{ color: #999}

.newlisbtn{ display: inline-block; width: 100%; padding: 20px; margin-top: 20px; background: #f2f2f2}
.newml10{ margin: 0 10px; color: #ccc}
.newmr10{ margin: 0 10px;  color: #ccc}

.pageny-t-b{ display: inline-block; width: 100%;}

.tit-cn{ font-size: 24px; font-weight: bold; display: inline-block; width: 100%; line-height: 40px;}
.tit-en{ font-size: 14px; color: #ccc; font-weight: 500; display: inline-block; width: 100%; line-height: 30px;}

.page-ny-c{ display: inline-block; width: 100%; padding: 0; background: #f5f5f5;}

.lxwm-cn{ font-size: 16px; font-weight: bold; margin-top: 20px; line-height: 30px;}
.lxwm-note{ display: inline-block; width: 100%; font-size: 14px; color: #ccc; line-height: 30px;}
.lxwm-con{ display: inline-block; width: 100%; font-size: 14px; margin-top: 20px;   line-height: 30px;}

.myform-g{display: inline-block; width: 100%;}
.myinput{display: inline-block; width: 100%;  line-height: 50px; height: 50px; background: #f2f2f2; border-radius: 0; border: 0;}
.mybtn{ line-height: 50px; height: 50px; background: #2C4791; color: #fff;  border: 0; text-align: center; padding: 0; border-radius: 0;}

.join-ul{display: inline-block; width: 100%;}
.join-div{ display: inline-block; width: 100%; padding: 20px; box-shadow: 5px 5px 10px rgba(0,0,0,.1)}
.join-div-tit{display: inline-block; width: 100%; line-height: 40px; height: 40px; overflow: hidden; font-size: 16px; font-weight: bold;}
.join-div-tit small{ color: #2C4791; font-size: 24px;}
.join-div-val{ font-size: 14px; color: #999; display: inline-block; line-height: 22px; height: 66px; overflow: hidden;}

.page-tit-b{display: inline-block; width: 100%; padding: 10px ;}
.page-cn-b{ display: inline-block; width: 100%; font-size: 24px; line-height: 40px; font-weight: bold;}
.page-en-b{ color: #999; display: inline-block; width: 100%; font-size: 14px;  font-weight: 500;}
.join-pageb{ display: inline-block; width: 100%; padding: 40px 20px; background: url("../images/joinbj.jpg")}


.join-ul-b{display: inline-block; width: 100%; padding: 10px 40px;}

.join-ul-b li{ margin-top: 20px; display: inline-block; padding: 16px; border: 1px solid #fff; border-left: 0; border-right: 0; width: 100%;}
.join-ul-div{ display: flex; width: 100%; color: #fff; }

.joinbtn{ display: inline-block; padding: 5px 20px; border-radius: 100px; background: #fff; color: #2C4791; margin-top: -6px;}

.yewu-tit{ display: inline-block; width: 100%; padding: 10px; position: relative;}
.yewu-tit:before{position: absolute; content: ''; width: 5px; height: 20px; top: 13px; background: #2C4791; left: 0;}

.yw-tit-cn{ display: inline-block; padding-right: 5px; padding-left: 5px; font-size: 18px; color: #2C4791; font-weight: bold;}
.yw-tit-en{display: inline-block; color: #ccc; font-size: 14px;}

.casepage{width: 100%; background: #f2f2f2}
.case-ul{ display: inline-block; width: 100%; padding: 20px 0;}
.case-ul li{ margin-top: 20px;}
.case-div{ display: inline-block; width: 100%; }
.case-img{display: inline-block; width: 100%; height: 200px; overflow: hidden;}
.case-img img{ width: 100%; min-height: 100%;}
.jpcase.case-div{ width: 90%;}
.jpcase .case-img{height: 300px;}
.case-body{display: inline-block;
    width: 100%; padding: 10px;}
.jpcase .case-body{text-align: center}

.cp-ser{position: relative; width: 100%; overflow: hidden;}
.cp-ser-prev{position: absolute; left: 31%; top: 45%; z-index: 11 }
.cp-ser-next{position: absolute; right: 34%; top: 45%;  z-index: 11;}
.cp-ser-prev .iconfont,.cp-ser-next .iconfont{ font-size: 24px; color: #999}
.case-tit{ font-size: 14px; font-weight: bold; width: 100%;}
.case-note{ font-size: 12px; color: #ccc; padding: 5px 0; border-bottom: 1px solid #f5f5f5; font-weight: 500; width: 100%;}
.case-foot{ color: #666; font-size: 12px; font-weight: 500; width: 100%;}
.case-div:hover{box-shadow: 3px 3px 10px rgba(0,0,0,.1); background: #fff;}
.case-div:hover .case-img img{transform: scale(1.1)}

.ryzzimg{ display: inline-block; width: 100%; height: 260px; position: relative; overflow: hidden;}
.ryzzimg .ryzztit{ display: inline-block; width: 100%; padding: 10px; position: absolute; text-align: center; left: 0; bottom: 0; background: rgba(0,0,0,.4); color: #fff;}
.ryzzimg img{ width: 100%; height: 100%;}

.ditupage{display: inline-block; padding: 40px 0; background: url("../images/ditupage.jpg") center; background-size: contain; width: 100%;}
.ditucen{display: inline-block; width: 100%; position: relative;}
.ditu-li{ display: inline-block; z-index: 2; position: absolute; width: 200px; box-shadow: 3px 3px 10px rgba(0,0,0,.1); background: #fff; padding: 10px;}
.ditu-tit{ background: #2C4791; color: #fff; font-size: 24px; font-weight: bold; padding: 10px; margin-bottom: 10px;}
.ditu-li69{ top: 10%; left: 0; }
.ditu-li70{ top: 10%; right: 0;}
.ditu-li71{ top: 35%; right: 0;}
.ditu-li72{ top: 52%; right: 0;}

.ditu-li69:before{content: url("../images/sicbj.png"); position: absolute; z-index: 0; left: 0; top: 0;}

.ditu-li70:before{content: url("../images/gzbj.png"); position: absolute; z-index: 0; right: 0; top: 0;}

.ditu-li71:before{content: url("../images/ylbj.png"); position: absolute; z-index: 0; right: 0; top: 0;}

.ditu-li72:before{content: url("../images/fnbj.png"); position: absolute; z-index: 0; right: 0; bottom: 0;}


.ditu-name{display: inline-block; width: 100%;}
.ditu-name .ditu-n{ display: inline-block; padding: 10px 20px; background: #fff; font-size: 24px; font-weight: bold;}
.ditu-name .ditu-m{ display: inline-block; width: 100%; font-size: 18px; color: #fff; line-height: 30px; padding: 10px 0;}
.ditu-name .ditu-note { font-size: 24px; color: #fff; display: inline-block; width: 100%; }

.ditu-name .ditu-note small{font-size: 14px;}

/*绗竴灞忓姩鎬�*/
.sy-move{ transform: scale(1.3);opacity: 0; transition:all 1s ease ;}
.section.active .sy-move{ transform: scale(1); opacity: 1; }

.sy-moveb{margin-top:-100px;opacity: 0; transition:all 1.5s ease ;}
.section.active .sy-moveb{ margin-top: 0; opacity: 1; }
.sy-movec{margin-top:-100px;opacity: 0; transition:all 1.5s ease;}
.section.active .sy-movec{ margin-top: 0; opacity: 1; }
.sy-moved{margin-top:100px;opacity: 0; transition:all 1.5s ease;}
.section.active .sy-moved{ margin-top: 0; opacity: 1; }
/*绗簩灞忓姩鎬�*/
.syb-move{margin-top:-100px;opacity: 0; transition:all 1s ease ;}
.section.active .syb-move{ margin-top: 0; opacity: 1; }

.div-yewu0{margin-top:-200px;opacity: 0; transform: scale(1.3); transition:all 1.5s ease ;}
.section.active .div-yewu0{ margin-top: 0;  transform: scale(1); opacity: 1; }
.div-yewu1{transform: scale(1.5);opacity: 0;  transition:all 1.5s ease ;}
.section.active .div-yewu1{ transform: scale(1); opacity: 1; }
.div-yewu2{margin-top:-200px;opacity: 0;transform: scale(1.3);  transition:all 1.5s ease;}
.section.active .div-yewu2{ margin-top: 0;  transform: scale(1); opacity: 1; }
.div-yewu3{margin-top:200px;opacity: 0; transform: scale(1.3); transition:all 1.5s ease;}
.section.active .div-yewu3{ margin-top: 0; transform: scale(1);  opacity: 1; }
.div-yewu4{margin-top:200px;opacity: 0; transform: scale(1.3);transition:all 1.5s ease;}
.section.active .div-yewu4{ margin-top: 0; transform: scale(1);  opacity: 1; }



.bannerimg3{   animation: animate-show 16s infinite}
@-webkit-keyframes animate-show {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.2);
    }
    100% {
        transform: scale(1);
    }
}






.foota{   display: inline-block; position: fixed; bottom: 0; width: 100%; padding: 10px 0; text-align: center; color: #fff; background:rgba(0,0,0,.3); z-index:20}
.foota a{ color: #f2f2f2}

.footbq{ color: #fff; display: inline-block; width: 100%; padding: 5px 20px; font-size: 12px;}



/*public*/
.fenyeys{ float:left; width:100%; display: inline-block; padding: 20px 10px; text-align:center;  font-size: 12px; font-family: "寰蒋闆呴粦";}
.fenyeys span{  margin:2px 6px; border-radius:25px;  padding:5px 10px; background:#2C4791; color:#fff; }
.fenyeys a{ margin:2px 6px; border-radius:25px; padding:5px 10px; background:#ccc; color:#fff; }
.fenyeys a:hover{ background:#2C4791;}
.nyright-con .col-md-12{margin: 0px; padding: 0px;}

.page-ny img{ max-width: 100%;}
.ny-r-c{display: inline-block; width: 100%;}

.p0{ padding-left: 0px; padding-right: 0px;}
.pl0 {	padding-left:0;}
.pr0 {	padding-right:0;}
.p8{padding-right: 8px;
    padding-left:8px;}
.p20{padding-right: 20px;
    padding-left:20px;}
.ml0 {	margin-left:0 ;}
.mr0 {	margin-right:0;}
.ml100 {	margin-left:100px ;}
.fl {	float: left;}
.fr {	float: right;}
.w100 {	width: 100%;}
.mt10 {	margin-top: 10px !important;}
.mt20 {	margin-top: 20px;}
.mt30 {	margin-top: 30px;}
.mt40{ margin-top: 40px;}
.mt6 {	margin-top: 6px;}
.mt60 {	margin-top: 60px;}
.tac {	text-align: center;}
.pb10 {	padding-bottom: 10px;}
.borderb1 {	border-bottom:1px solid #d4d4d4;}
.rela{position: relative}
.color-fff{color: #fff!important;}
.ba-f5f5f5{ background: #f5f5f5;}
h3 {margin:0;}
h4 {	margin:0;}
a {	text-decoration: none !important;}

.w10{width: 10%;}
.w20{width: 20%;}
.w30{width: 30%;}
.w40{width: 40%;}
.w50{width: 50%;}
.w60{width: 60%;}
.w70{width: 70%;}
.w80{width: 80%;}


@media (max-width: 768px) {
    .navbar-default{ height: auto; min-height: auto}
    .yb-banner,.section{ height: auto;}
    /*绗竴灞忓姩鎬�*/
    .sy-move{ transform: scale(1);opacity: 1; transition:all 1s ease ;}
.sy-moveb{ margin-top: 0; opacity: 1; }
.sy-movec{ margin-top: 0; opacity: 1; }
.sy-moved{ margin-top: 0; opacity: 1; }
    /*绗簩灞忓姩鎬�*/
.syb-move{ margin-top: 0; opacity: 1; }

.div-yewu0{ margin-top: 0;  transform: scale(1); opacity: 1; }
.div-yewu1{ transform: scale(1); opacity: 1; }
.div-yewu2{ margin-top: 0;  transform: scale(1); opacity: 1; }
.div-yewu3{ margin-top: 0; transform: scale(1);  opacity: 1; }
.div-yewu4{ margin-top: 0; transform: scale(1);  opacity: 1; }
    .navbar-fixed-top{ position: relative;background: rgba(0,0,0,1)}
.jjloog{ padding-left: 20px;}
.navbar-header{display: inline-block; float: right;color: #fff; margin-top: 10px;}
    .navbar-header .iconfont{ }
    .yb-banner .text{ width: 85%; left:10%;}
    .yb-banner .texta{font-size: 18px;}
    .ab-ul li.col-md-4{ width: 33%; float: left;}
    .newsbody.shxrbody{ margin-left: 2%}
    .page-ny-nav .col-md-2,.navtel{display: none;}
    .page-ny-nav .col-md-10{width: 100%;}
    .page-ny{ padding: 10px;}
    .ditu-li{width: 100%; position: relative;}
    .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse{max-height: none;}
}