/*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;}
:focus {
    outline: -webkit-focus-ring-color auto 0px;
}
a {text-decoration: none; color: #555;}
a:focus, a:hover{ color: #333;}
.topnav{ background: rgba(254,254,254,.0); position: fixed; z-index: 10; width: 100%;  border-bottom: 0px solid rgba(0,0,0,.1);}
.ftopb{ background: rgba(254,254,254,.85); border-bottom: 1px solid rgba(0,0,0,.7);}
.jjloog{ display: inline-block; padding: 20px; }

.navbar-default{ border: 0; border-radius: 0;  border-top: 0px solid  rgba(0,0,0,0.1); padding: 20px 0;  background-color: transparent; margin-bottom: 0}
.topbj{ padding: 0 10px; }
.navbar-default .navbar-nav>li>a{ color: #333;   height: 50px; line-height: 50px; overflow: hidden; background-color:transparent;
    font-size: 16px; position: relative; padding: 0px 20px ;}
    
    .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: #004CAF;  background-color:transparent;}

    .dropdown-menu{background: #004CAF; border: 0px;transition: all 0s ease 0s; position: absolute;  float: left;}
    .dropdown-menu:before{position: absolute; top: -5px; left: 50%; margin-left: -12px; content: '';
    
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #004CAF;
    }
    .navbar-right .dropdown-menu{ left: -50%; margin-left: 18px; right: auto;}
    .navtel .iconfont{ color: #004CAF; margin-right: 4px;}
    .dropdown-menu>li>a{ display: inline-block; border-bottom: 1px solid rgba(254,254,254,.2);}
    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:#004CAF ;  color: #65A8FF;}

    .pagea{display: flex; flex-wrap: wrap; width: 100%; background: url('../images/sybj1.jpg') center bottom no-repeat; padding: 0; }
.pagea-r{ width: 50%; display: flex; overflow: hidden; justify-content: center; align-items: center;}
.pagea-l{display: flex; flex-direction: column; justify-content: center; flex: 1; padding: 40px 10%;flex-direction: column;}
.div-tit{display: flex; flex-direction: column;}
.div-tit.baise .tit-en{ color: #fff; font-weight: bold; margin-top: 10px; }
.tit-cn{font-size: 24px ; font-weight: bold; line-height: 50px;}
.tit-cn span{display: inline-block; position: relative;}
.tit-cn img{ position: absolute; right: -40px; top: -10px;}
.tit-en{ font-size: 16px; color: #666;}
.div-body{margin-top: 40px; width: 100%; line-height: 30px; border-bottom: 1px solid #ccc; padding-bottom: 20px; }

.div-more{display: flex; width: 100%; margin-top: 20px;}
.div-more a{display: inline-block; padding: 5px ; border-bottom: 1px solid #004CAF; color: #004CAF;}
.div-more .iconfont{ margin-left: 10px;}
.main-page{ padding: 40px 0;  width: 100%;}
.maina-page{ width: 100%;}

.abpage{ padding: 0px; background: url(../images/pagebjb.jpg) center no-repeat; background-size: cover;}
.ab-pagea{display: flex; width: 100%;}
.ab-pagea .pagea-l{ padding: 40px 10%; width: 50%;  color: #fff;}

.ab-pagea .div-body{ border-bottom: 0px;}
.ab-pagea .div-more a{color: #fff; border-bottom: 1px solid #fff;}

.abpage-ul{display: flex; width: 100%;  flex-wrap: wrap; color: #fff;}

.abpage-ul > li{width: 50%; height: 350px; display: flex; justify-content: flex-start; padding: 40px; position: relative; align-items: center; border-top: 1px solid #fff; border-left: 1px solid #fff;}
.abpage-ul > li:last-child{width: 100%;}

.amore{display: flex; width: 0px; height: 0px; overflow: hidden; border-radius: 120px 0 0 0px; padding-left: 0px; padding-top: 0px; justify-content: center; align-items: center; color: #fff; position: absolute; right: 0; bottom: 0; background-color: #004CAF;}
.abpage-ul > li:hover .amore{ width: 120px; height: 120px; border-radius: 120px 0 0 0px;padding-left: 30px; padding-top: 30px; }
.abpage-ul > li:hover{background-color: rgba(0,0,0,.2);}
.abuldiv .icon{ background-color: rgba(254,254,254,.2); width: 60px; height: 60px; border-radius: 60px; display: flex; justify-content: center; align-items: center;}
.abuldiv .icon .iconfont{font-size: 24px;}
.abuldiv .cn{ font-weight: bold; line-height: 40px; font-size: 18px; letter-spacing: 2px;}

.product-page .div-tit{ display: flex; width: 100%; justify-content: center; align-items: center; margin-top: 20px;}

.tit-noteb{ font-size: 18px; font-weight: bold; margin-top: 20px;}

.pro-ul{display: flex; width: 100%; padding: 20px 0; flex-wrap: wrap;}
.pro-ul li{width: 33.333%; border: 1px solid #eee; display: flex; justify-content: center; align-items: center; padding: 20px;}
.pro-div{display: flex ; width: 100%; background-color: #fff; flex-direction: column; justify-content: center; align-items: center; padding: 20px;}
.pro-tit{ text-align: center;}
.pro-img{ width: 300px; height: 300px; border-radius: 300px; display: flex; justify-content: center; align-items: center; overflow: hidden; margin-bottom: 20px;}
.pro-div:hover .pro-img{box-shadow: 3px 3px 10px rgba(0,0,0,.1);}
.pro-div:hover .pro-img img{ transform: scale(1.2);}


.page-more{display: flex; width: 100%; margin-top: 20px; justify-content: center; align-items: center ; color: #fff;}
.page-more a{display: inline-block; padding: 5px ; border-bottom: 1px solid #fff; color: #fff; background-color: #004CAF; padding: 10px 30px; border-radius: 100px;}
.page-more .iconfont{ margin-left: 10px;}
.page-more a:hover{padding: 10px 40px; box-shadow: 3px 3px 10px rgba(0,0,0,.1);}

.hzhb-page { background-color: #004CAF; }
.hzhb-ul{display: flex;width: 100%; margin: 40px 0; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.hzhb-ul li{display: flex; justify-content: center; align-items: center; width: 23%; margin: 10px 0; overflow: hidden;}
.hzhb-div{display: flex; width: 100%;}



.newspage{ background: url("../images/na5.jpg") center bottom no-repeat; background-size: cover;}



.news-div{width: 100%; display: inline-block; background: #fff;padding: 10px; }
.news-img-s{ width: 100%; height: 285px; overflow: hidden;}
.news-img-s img{min-height: 100%; width: 100%;}
.news-img img{ width: 100%; min-height: 100%;}
.news-top{ display: flex; width: 100%; padding:0 5px; line-height: 20px;}
.news-time{ display: flex; flex-direction: column; float: left ; justify-content: flex-start; align-items: self-start; text-align: left; width: 100%; font-size: 14px; color: #ccc; font-weight: 500; line-height: 30px;}
.news-time .md{font-size: 24px; font-weight: bold; color: #333;}
.news-time .y{ font-size: 14px; font-weight: 500; color: #555; margin-bottom: 10PX;}
.newsmore{ display: inline-block; float: right;}
.newsmore a{ display: inline-block; padding: 0 10px; font-size: 12px; margin-top: 5px; color: #ccc;}
.newsmore a .iconfont{ display: inline-block;}
.newstit{ display: flex; width: 100%; font-weight: bold; line-height: 30px; margin-top: 20px; height: 30px; overflow: hidden; font-size: 14px;}
.newsnote{ display: flex; width: 100%; line-height: 22px; height: 44px; color: #666; overflow: hidden; font-size: 12px;}

.news-top{ display: inline-block; border-top: 1px solid #f5f5f5; padding-top: 10px;}

.newsbody{ width: 100%; padding: 10px; padding-bottom: 30px; display: flex; flex-direction: column; }

.news-div:hover .news-img-s img{ transform: scale(1.1)}
.news-div:hover{  background: #f5f5f5; box-shadow: 5px 5px 10px #999;}

.nynewst{ margin-bottom: 20px; display: flex; margin: 20px 0; width: 100%;}
.nynewst .news-img-s{ height: auto; display: flex;  width: 50%; min-height: 140px;}
.nynewst .news-img-s a{display: flex; height: 100%;}
.nynewst .news-img-s img{ height: 100%;}
.nynewst .newstit{ margin-top: 0; font-size: 16px; font-weight: bold; width: 100%; display: flex; justify-content: flex-start; align-items: flex-start; line-height: 25px;}
.nynewst .newsnote{ margin-top: 0; width: 100%; display: flex; justify-content: flex-start; align-items: flex-start; line-height: 25px;}
.nynewst .newsbody{  width: 70%; padding:  20px 6%; display: flex; justify-content: center; align-items: center;}
.nynewst .news-top{  padding-top: 0;}

.nytopnav{ display: flex; width: 1;}

.footpage{background: url("../images/footbj.jpg") center no-repeat; background-size: cover; color: #fff; padding: 50px 0;}
.footewm{ max-width: 120px; float: right;}

.foottop{display: flex; width: 100%;}
.footcenp{ padding:  0; display: flex; width: 100%; border: 1px solid #fff; border-left: 0; border-right: 0; margin: 20px 0;}
.footcenp .cp-left,.footcenp .cp-right{padding: 30px 8px;}
.footcenp .cp-left{ border-right: 1px solid #fff; width: 50%;}
.footcenp .cp-right{ text-align: right ; width: 50%;}
.footcenp .cp-left text,.footcenp .cp-right text{font-size: 24px; font-weight: bold;}
.footbq{display: flex; width: 100%; line-height: 30px; margin-top: 20px;}
.footbq .nav{ display: flex; width: 50%;}
.footbq .nav li{ padding: 2px 10px; position: relative;}
.footbq .nav li::after{content: ''; position: absolute; right: 0; top: 7px; height: 16px; width: 1px; background-color: #fff;}
.footbqright{ text-align: right ; width: 50%;}

.footbq .nav>li>a{ padding: 2px 20px; line-height: 20px; color: #fff;}


.nytopnav {position: relative;}

/*内页*/
.page-ny{ padding: 40px 0; display: inline-block; width: 100%; }
.page-nyb{ padding:0; display: inline-block; width: 100%; }
.pagecen{display: inline-block; padding-bottom: 40px; width: 100%}
.ny-banner{   width: 100%; position: relative; text-align: center; overflow: hidden;}

.page-ny-nav{ width: 100%; padding: 0; display: inline-block; background: #fafafa; border-bottom: 1px solid #ececec; }

.ny-nav-ul{ margin-top: 0px; width: 100%; display: inline-block; text-align: center;}
.ny-nav-ul li{ margin: 0 5px; display: inline-block;}

.ny-nav-ul li a{  overflow: hidden; z-index: 2; padding: 10px 20px; display: flex; flex-direction: column; position: relative;  line-height: 22px; color: #555; font-weight: bold;   margin-top:0px;}
/*.ny-nav-ul li a:before{content: ""; position: absolute; top: -40px; display: inline-block; height: 100%; width: 100%; background: #92B717; z-index: 0; left: 0;}*/
.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: #fff;}
.ny-nav-ul li a:hover,.ny-nav-ul li a.active{   background: #004CAF;}

.aboutnypage{ display: inline-block;width: 100%; padding: 0;}
.ab-ny-ul{ display: flex; height: 260px; position: relative;  transition: all 0.8s ease 0.9s;}

.ab-ny-ul li{ width: 33.3%}
.ab-ny-ul li:nth-child(1){background: #004CAF;}
.ab-ny-ul li:nth-child(2){background: #004CAF;}
.ab-ny-ul li:nth-child(3){background: #004CAF;}

.ab-sj{display: flex; height: 100%; flex-direction: column; width: 100%; justify-content: center; align-items: center;}
.nyaboutr .sj-val{display: flex; position: relative;}
.nyaboutr .sj-val .num{ font-weight: bold; font-size: 40px; color: #fff;}
.nyaboutr .sj-val .plus{ font-weight: bold; font-size: 16px; color: #fff; margin-top: -15px;}
.nyaboutr .sj-val .danw{  font-size: 16px; color: #004CAF; background: #fff; width:30px ; height: 30px; text-align: center; line-height: 30px; border-radius: 30px;}
.nyaboutr .sj-name{color: #fff;}
.about-s-body.about-ny-body{margin-top:20px; opacity: 1;}

.aboutnypage .page-tit-s,.page-ny .page-tit-s{opacity: 1; margin-top: 20px;}
.nyaboutl{ background: url("../images/bg8.jpg") bottom center no-repeat; display: flex; flex-direction: column; justify-content: center; width: 80%;
   margin: 0 10%; height: 100%;}
.about-ny-img{ width: 100%; min-height: 350px; overflow: hidden;}
.about-ny-img img{ width: 100%;}
.nyaboutl,.nyaboutr{ min-height: 460px;}

.abuldiv{display: flex; width: 100%;  flex-direction: column;}
.abuldiv.b{ justify-content: center; align-items: center; }
.picshowdiv,.picshow-ul {display: inline-block; width: 100%;}
.picshow-ul li{ margin: 8px 0;}
.picshowdiv{ display: flex; width: 80%;}
.picshowimg{ width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;}
.picshowimg img{ min-width: 100%;}
.picshow{display: inline-block; width: 100%; margin-top: 20px; overflow: hidden;}

.abuldiv .picshow{ height:200px; width: 80%; overflow: hidden;}
.abuldiv .pic-fanye{ width: 80%;}
.pic-fanye{position: absolute; top: 50%; margin-top: 50px; width: 100%; height: 50px;}
.pic-fanye  .iconfont { color: #ccc; cursor: pointer; font-size: 24px; border: 2px solid #ccc; border-radius: 100px; height: 50px; width: 50px; line-height: 50px; text-align: center;}
.pic-fanye  .pic-next{ position: absolute;top: -20px; display: inline-block; right: -70px;}
.pic-fanye  .pic-prev{ position: absolute;top: -20px; display: inline-block; left: -80px;}
.pic-fanye .pic-next:hover .iconfont,.pic-fanye .pic-prev:hover .iconfont{ color: #1D2288; border-color: #1D2288; }

.picshow > .swiper-wrapper {
    -webkit-transition-timing-function: linear;    /*之前是ease-out*/
    -moz-transition-timing-function: linear;
    -ms-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
    margin: 0 auto;
}
 .qywhpage .div-tit{position: absolute; left: 10%; right: 10%; top: 60px; display: flex; justify-content: center; align-items: center; z-index: 2;}
.qywhpage .swiper-container {
    width: 100%;
    margin-left: auto;
    overflow: hidden; height: 100%;
    margin-right: auto;
}

.qywhpage .swiper-slide { position: relative;
    background-size: cover;
    background-position: center;
}

.qywhpage .gallery-top-ab { position: relative;
    height: 100%;
    width: 100%;
    overflow: hidden;
}

.qywhpage .gallery-thumbs-ab { position: absolute;
    height: 80px; width: 100%; left: 0;  transition: all 0.8s ease 0.3s;
    box-sizing: border-box; background-image: linear-gradient(to right,#7BFDF3,#004CAF);
    padding: 0px; bottom: 0px;
}
.qywhpage .gallery-thumbs-ab .iconfont{ font-size: 24px;}
.qywhpage .gallery-thumbs-ab .swiper-slide { display: inline-block; padding: 15px;
    width: 16%;  border: 1px solid #fff; position: relative; border-bottom: 0px;
    height: 100%;  color: #fff; text-align: center;
    opacity: 1; cursor: pointer;
}

.qywhpage .gallery-thumbs-ab .swiper-slide-thumb-active {
    opacity: 1; border: 1px solid #fff; border-bottom: 0; border-top: 0;   color: #fff;
}
.type-tit{display: flex; flex-direction: column; justify-content: center; align-items: center; right: 5%;
     position: absolute; z-index: 6; left: 5%; color: #333; height: 90%;  top: 0; 
     justify-content: center; padding: 20px 0;}
.type-cn{display: inline-block; font-size: 18px; line-height: 40px; font-weight: 500;}
.type-en{display: inline-block; padding: 0; line-height: 50px; font-size: 24px; font-weight: bold;}
.type-note{ margin-top: 10px;}

.cpzx_con{ display: block; width: 100%;  border: solid 15px transparent; border-bottom: none; margin-top:10px; padding-bottom: 10px;
    overflow: hidden; -webkit-transition: all 0.2s linear; transition: all 0.2s linear;  background: white;}
.cpzx_text{ padding-bottom: 10px;}
.cpzx_con:hover{ border: solid 15px white; box-shadow: #666 0px 0px 10px; border-bottom: none; }
.cpzx_con:hover .cpzx_text{background: #FF8000; color: #fff;}
.cpzx_con:hover .cpzx_text > a{ color: #FFf; font-weight: bold;}
.cpzx_con:hover .cpzx_bottom > a ,.cpzx_con:hover .cpzx_bottom > span{color: #fff;}
.cpzx_text > a{ text-align:center; display: block; font-size: 18px; color: #333; padding: 0 10px; padding-top: 10px;}
.cpzx_bottom{ height: 19px; margin-top: 12px; display: flex; padding: 0 10px; margin-left: 0;  }
.cpzx_bottom > a ,.cpzx_bottom > span{ color: #ccc; font-size: 12px; display: block; float: left; height: 20px; overflow: hidden; margin-top: 2px;}

.cpzx_con:hover {
    -webkit-box-shadow: 10px 15px 20px rgba(0,0,0,0.2);
    box-shadow: 10px 15px 20px rgba(0,0,0,0.2);
    -webkit-transform: translate3d(0, -3px, 0);
    transform: translate3d(0, -3px, 0);
}
.cpzx-img{ width: 100%; height: 460px; position: relative; overflow: hidden; display: flex ; justify-content: center; align-items: center;}
.cpzx-img  img{ width: 80%; }
.cpzx_con:hover .cpzx-img img{ transform: scale(1.1)}
.pagecen table{ max-width: 100% ; overflow: hidden ; overflow-x: auto;}
.cpzx-titb{ width: calc(100% - 120px); text-align: center;}
.cpzx-eye{ width: 100px; display: flex;}
.cpzx-eye .iconfont{font-size: 12px;}

.cpzxlj{ display: flex; text-align: center; justify-content: center;  align-items: center; width: 100%; left: 0; background: rgba(0,0,0,.5); height: 100%; position: absolute; top: 100%;}

.cpzx_con:hover .cpzxlj{ top: 0;}
.cpzxlj .iconfont{ color: #666; background: #fff; width: 50px; height: 50px; border-radius: 100px; text-align: center; line-height: 50px; font-size: 24px;}
.cpzxlj .iconfont:hover{ background: #FF8000; color: #fff;}

.cpximg{display: flex; border: 1px solid #f5f5f5; background: #f5f5f5; justify-content: center; align-items: center; width: 100%;}
.cpximg img{ max-width: 100%;}


.zhuyaocp{display: flex; flex-wrap: wrap; width: 100%; justify-content: center; background-color: #fff; box-shadow: 3px 3px 10px rgba(0,0,0,.1); margin: 10px 0;}
.zhuyaocp-img{display: flex; overflow: hidden; position: relative; z-index: 1; justify-content: center; padding: 10p 10%; width: 100%;}
.zhuyaocp-img img{ width: 100%;}
.jjfatext{position: relative; width: 100%; padding: 0 10%; display: flex; z-index: 2; flex-direction: column; height: auto; justify-content: center;}
.jjfatext .tit-cn{ text-align: center; width: 100%;}
.cpzx-ul-zt{display: inline-block; width: 100%;}
.cpzx-ul-zt li:nth-child(odd) .jjfatext:before{right: -20px; left: auto; top: 50%;  width:0;
    height:0;
    border-width: 10px;
    border-style:solid;
    border-color:transparent  transparent transparent #fff;}
.zhuyaocp:hover .zhuyaocp-img img{ transform: scale(1.1)}


/**/
.breadcrumb{ margin-bottom: 6px; display:inline-block; width: 100%; background-color: transparent;}
.page-ny-n{display: flex; width: 100%; background: #fff;}

.ban-text{ display: flex; flex-direction: column; justify-content: center; align-items: center; color: #fff; position: absolute; top: 50%; margin-top: -60px; width: 80%; left: 10%;}
.ban-cn{ font-size: 24px; line-height: 50px; font-weight: bold;}
.ban-en{ font-size: 16px; line-height: 30px;}
.ban-note{font-size: 14px; display: inline-block; background: rgba(219,24,28,.7); padding: 5px 20px; border-radius: 100px;}
.ban-x{ width: 40px; height: 2px; margin: 15px 0; border-radius: 10px; background: #fff;}
.news-div:hover .news-img-s img{ transform: scale(1.1)}
.news-div:hover{  background: #f5f5f5; box-shadow: 5px 5px 10px #999;}

.news-div .newstit{ margin-top: 0;}


.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: 30px 0; margin-top: 20px; background: #f2f2f2}
.newml10{ margin: 0 10px; color: #ccc}
.newmr10{ margin: 0 10px;  color: #ccc}



.ditupage{ width: 100%;}
.dtimg{display: flex; height: 550px; min-height: 300px; width: 100%;}
.dtimg img{ width: 100%; height: 100%;}

.dtimg .textb{ display: flex; flex-direction: column; justify-content: center; align-items: center; position: absolute;
    left: 10%; right: 10%; top: 10%; bottom: 10%;
    font-size: 18px; letter-spacing: 2px;
    line-height: 30px;  }
.textb .cn{font-size: 24px; color: #fff; line-height: 60px;}
.textb .num{ font-size: 30px; text-shadow: 3px 3px 10px #fff; font-weight: bold;color: #DB181C;}

.form-con{ display: inline-block; width: 100%; background: rgba(0,0,0,.7); padding: 40px 6%; border-radius: 12px;}

.form-con label{ color: #fff; font-size: 14px; font-weight: 500;}
.myinput{ background-color: rgba(254,254,254,.2); color: #fff; border: 0; line-height: 40px; height: 40px;}

.myform-g-btn{display: flex; justify-content: space-between; width: 100%; }
.myform-g-btn .mybtna{ text-align: center; border: 0; width: 48%; background-color:  rgba(254,254,254,.2); line-height: 40px; color: #fff; height: 40px; padding: 0;}
.myform-g-btn .mybtnb{ border: 0; width: 48%; text-align: center; background-color:  #0065CB; color: #fff; line-height: 40px; height: 40px; padding: 0;}

.lx-page-con{display: inline-block; width: 100%; padding: 40px 0;}


.lx-icon{position: absolute; left: 20px; width: 50px; height: 50px; border-radius: 10px; text-align: center; line-height: 50px;
    border: 1px solid #0065CB; color: #0065CB;}
.lx-icon .iconfont{ font-size: 30px;}

.pagea-tit-lx{display: flex; width: 100%; position: relative; padding: 20px 10px; padding-left: 80px; }
.pagea-tit-lx:before{content: ''; position: absolute;
    left: 0; top: 0px; background: #ccc; width: 1px; height:100px;}
    .page-cn-s{display: inline-block; font-size: 44px; line-height: 60px; font-weight: bold;}
    .page-cn-s:first-letter{color: #0065CB;}
    .page-en-s{display: flex; align-items: center; padding: 0; color: #666; font-size: 24px; line-height: 30px; font-weight: 500;}
    .page-en-s:after{ width: 60px; height: 2px; margin-left: 10px; background: #0065CB; content: '';}


/*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:#0065CB; color:#fff; }
.fenyeys a{ margin:2px 6px; border-radius:25px; padding:5px 10px; background:#ccc; color:#fff; }
.fenyeys a:hover{ background:#0065CB;}
.nyright-con .col-md-12{margin: 0px; padding: 0px;}

.main-pagea img,.page-ny img,.page-nyb 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;}
.ba-EBEBEB{background: #EBEBEB;}
h3 {margin:0;}
h4 {	margin:0;}
a {	text-decoration: none !important;}
.baise{ color: #fff;}
.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-header{display: inline-block;
        float: right; }
    .navbar-toggle{ margin-right: 0;}
    .yb-banner .text{ width: 70%; left: 15%; top: 40%;}
    .navbar-header .iconfont{ color: #0065CB; font-size: 24px;}
    .navbar-default{ padding: 0; min-height: 0;}
    .topnav .col-md-9{ display: inline-block; width: 100%;}
    .dropdown ul{ background: rgba(0,0,0,.5); display: inline-block; width: 100%; padding: 10px 10%;}
    .dropdown ul li a{ color: #fff; display: inline-block; width: 100%; line-height: 30px;}
    .swiper-button-next:after, .swiper-button-prev:after{font-size: 18px!important;}
    .nytopnav{width: 100%;}
   .topnav .col-md-10.col-md-offset-1{ display: flex; flex-direction: column; width: 100%;}
   .jjloog{margin-top: 10px; padding: 0; width: 100px; margin-left: 20px;}
.pro-ul li{width: 50%;}
.pro-img{ width: 160px; height: 160px;}
.footcenp .cp-right{ width: 100%;}
.footcenp .cp-left text, .footcenp .cp-right text{font-size: 14px;}
.footbq .nav,.footewm{display: none;}
.footbqright{ width: 100%; text-align: center;}
.foottop{flex-wrap: wrap;}
.foottop > div{ width: 100%;}
.footlogo{display: flex; justify-content: center; align-items: center;}
.foottop .col-md-7{display: none;}
.div-tit,.hzhb-ul{padding : 0 10px;}
.pagea-r,.pagea-l{width: 100%;}
.ab-pagea {flex-wrap: wrap;}
.navbar-yb{ background-color: #fff;}
.dtimg .textb{ left: 5%; right: 5%;}
.dtimg{height: 680px;}
.pagecen img{ max-width: 100%; height: auto !important;}
}