/*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%; display: inline-flex; padding: 0 5%;
    border-bottom: 1px solid rgba(0,0,0,0);}

.ftopb{ background: rgba(254,254,254,.85); border-bottom: 1px solid rgba(0,0,0,.7);}
.jjloog{ display: inline-block; padding: 20px 10px; margin-top: 5px;}
/*.jjloog img{ max-height: 60px;}*/
.navbar-default,.bootsnav{ position: unset; border: 0; border-radius: 0;   padding: 20px 0;  font-weight: bold; background-color: transparent; margin-bottom: 0}
.topbj{ padding: 0 10px; }
.navbar-default .navbar-nav>li>a{ color: #fff;   height: 50px; line-height: 50px; overflow: hidden;
    font-size: 16px; position: relative; padding: 0px 20px ;}
.navbar-default .navbar-nav>li>a .cn{ }
.navbar-default .navbar-nav>li>a:hover .cn,.navbar-default .navbar-nav>li.active>a .cn{margin-top: 0px;}
.navbar-default .navbar-nav>li>a:hover .en,.navbar-default .navbar-nav>li.active>a .en{margin-top: -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: #DB181C; background-color:transparent;  }
.topnav:after{display: none;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{background-color:transparent;}
#jm-navbar-collapse{ position: static;}



.dropdown-menu:before{position: absolute; top: -10px; left: 50%; margin-left: -12px; content: '';
display: none;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #DB181C;
}

.cp-dropdown .dropdown-menu:before{ margin-left: 220px;}

.dropdown-menu{background: rgba(254,254,254,.96); border: 0; padding: 10px;}
.dropdown-menu > ul{  border: 0px;transition: all 0s ease 0s;}

.navbar-right .dropdown-menu{ left: 0; margin-left: 0px; right: auto;}

.navlogin{display: flex ; margin-left: 10px; margin-top: 15px; justify-content: flex-end; padding-right: 25px; align-items: center; color: #fff}
.navlogin a{color: #fff; display: flex; padding: 0 5px;}
.navlogin .iconfont{ display: flex; color: #fff; margin-right: 4px;}
.dropdown-menu> ul>li>a{ display: inline-block; border-bottom: 1px solid rgba(254,254,254,.2); padding: 5px; width: 100%;}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu>ul>li>a{color:#fff; padding:10px 10px; width: 100%;}
.dropdown-menu >ul>li>a:focus,.dropdown-menu>ul>li>a:hover,nav.navbar.bootsnav li.dropdown ul.dropdown-menu>ul>li>a:hover{background:#DB181C ;  color: #fff;}

.cpnav-li{display: inline-block; padding: 10px; width: 25%; float: left;}
.cpnav-li.cpnav-lib{ width: 24%;}
.cpnav-li > a{ line-height: 30px; font-weight: bold; color: #DB181C; display: flex; justify-content: center; font-size: 12px;}
.cpnav-li-ul{ display: inline-block; width: 100%;}
.cpnav-li-ul > li{ display: inline-block; padding: 0px 5px; margin: 0; line-height:18px; width:100%;   overflow: hidden;}
.cpnav-li-ul > li .cpnav-li-ul li{ border: 0px solid #eee;}
.cpnav-li-ul > li .cpnav-li-ul li a{font-weight: 500; font-size: 12px;}
.cpnav-li-ul > li .cpnav-li-ul li:hover {background: #DB181C; }
.cpnav-li-ul > li .cpnav-li-ul li:hover a{color: #fff;}
.navbar-right .dropdown-menu{left: 0; right: 0; transition: all 0.1s ease 0s}
.nav>li.dropdown ,.topnav .col-md-9,.topnav .col-md-10,.topnav .col-md-12 { position: static; }
.swiper-container-b {
    width: 100%;
    height: 100%; overflow: hidden;
    background: #000;
}
.swiper-pagination-b { position: absolute;
    bottom: 10px;
    left: 0;
    width: 100%;
}
.swiper-slide > video{ object-fit: fill; width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
/*.bannerimg3{   animation: animate-show 16s infinite}*/
@-webkit-keyframes animate-show {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.2);
    }
    100% {
        transform: scale(1);
    }
}
.yb-banner{ position: relative; background: #fafafa;
    width: 100%; height: 100vh;  overflow: hidden; }
.yb-banner .swiper-slide{ width: 100%!important; height: 100%; overflow: hidden;}
.yb-banner .swiper-slide > a> img{width: 100%; height: 100%;}
.yb-banner .text{ display: inline-block; width: 80%; letter-spacing: 2px; text-align: left;  position: absolute;  top: 34%; margin-top: -100px; left: 10%; right: 10%; text-align: center;}
.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;  }
.yb-banner .text img{ max-width: 100%;}
.main-page{ padding: 40px 0;  width: 100%;}
.maina-page{ width: 100%;}
.yb-banner .swiper-pagination-bullet{background: rgba(254,254,254,.8); margin: 4px;}
.yb-banner .swiper-pagination-bullet-active{ background: #DB181C; width: 30px; border-radius: 100px;}

.noticepage{width: 100%; padding: 10px 0; box-shadow: 3px 3px 10px rgba(0,0,0,.2) }
.notice-c{display: flex; justify-content: left; width: 100%;}
.notice-l{ width: 100px; font-size: 16px; font-weight: bold; color: #DB181C;}
.notice-c .iconfont{background: #37D393; border-radius: 4px; font-size: 12px;color: #fff; padding: 4px; margin-right: 5px;}
.notice-c .times{ padding: 0 5px; color: #999;}

.page-tit-s{display: flex; flex-direction: column; width: 100%;  margin-top: 10px; padding: 20px 8px;}
.page-tit-s.text-center{ align-items: center; justify-content: center;}
.page-cn-s{display: inline-block; font-size: 44px; line-height: 60px; font-weight: bold;}
.page-cn-s:first-letter{color: #DB181C;}
.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: #DB181C; content: ''; display: none;}


.page-tit{display: inline-block; width: 100%; text-align: center; padding: 20px 8px;}
.page-cn{display: inline-block; font-size: 24px; font-weight: bold;}
.page-en{display: inline-block; padding: 0 10px; color: #999; font-size: 14px; font-weight: 500;}

.cpzx-ul{display: inline-block; width: 100%;}
.cpzx-div{ display: flex; width: 100%; flex-direction: column; margin: 8px 0; box-shadow: 3px 3px 10px rgba(0,0,0,.1);}

.cpzx-img{ width: 100%; height:300px; position: relative; overflow: hidden; display: flex; align-items: center; justify-content: center;
   background: #fff; border:1px solid rgba(0,0,0,.1); border-radius: 6px 6px 0 0 ;}
.cpzx-img img{ width: 100%; height: 100%;}
.cpzx-tit{ display: flex; padding: 5px 10px; width: 100%; flex-direction: column;}
.cpzx-tit .tit{ font-size: 14px; font-weight: bold; line-height: 30px;color: #555;}

.home-cpzx-div .cpzx-tit .tit{color: #fff;}
.cpzx-tit .iconfont{color: #C30D23;}
.cpzx-tit .note{ font-size: 12px; color: #999; line-height: 20px;}
.cpzx-img .con{position: absolute; top: 100%;}
.cpzx-div:hover .cpzx-img .con{ left: 0; right: 0; top: 0; bottom: 0; display: flex; justify-content: center; align-items: center; background:rgba(200,15,35,.8);}
.con a{color: #fff; display: inline-block; padding: 10px 30px; border-top: 1px solid #fff; border-bottom: 1px solid #fff;}
.con a:hover{ background: #fff; color: #C30D23;}
.cpzx-div:hover{ box-shadow: 3px 3px 10px rgba(0,0,0,.3); border-radius: 10px;}
.cpzx-div:hover .cpzx-img{ border: 1px solid #C30D23; border-radius: 10px 10px 0 0;}
.cpzx-div:hover .cpzx-tit{background: #C30D23;  border-radius:  0 0 10px 10px;}
.cpzx-div:hover .tit,.cpzx-div:hover .note{color: #fff;}


.page-more{display: flex; width: 100%; justify-content: center; margin-top: 20px;}
.page-more a{ display: inline-block; background: #DB181C; border-radius: 4px; padding: 15px 40px;  color: #fff;}
.page-more a:hover{ padding: 15px 50px; box-shadow: 3px 3px 10px rgba(0,0,0,.2)}
.page-type{display: flex; width: 100%; flex-wrap: wrap; justify-content: flex-end; align-items: flex-end;}
.page-type .page-tit-s{width: 300px;}
.page-type .page-type-ul{display: flex; justify-content: flex-end; flex: 1;}
.page-type-ul{display: flex; margin-top: 0px; margin-bottom: 20p;}
.page-type-ul li{ padding: 10px;}
.page-type-ul li a{display: inline-block; padding: 5px 20px;  border: 1px solid #CECECE; border-radius: 20px 0 0 0;}
.page-type-ul li a:hover,.page-type-ul li.active a{background: #DB181C;  color: #fff;}
.cpzx-tab-con .cpzx-con-a{display: none;}
.cpzx-tab-con .cpzx-con-a.active{display: inline-block; width: 100%;}

.page-note{color: #999}

.casepage{display: inline-block; width: 100%; background: url("../images/5f-bg.jpg"); background-size: cover; position: relative;}
.case-con{display: inline-block; width: 100%; overflow: hidden;}

.case-div-s{ display: flex; background: #fff; box-shadow: 5px 5px 10px rgba(0,0,0,.2); width: 100%; justify-content: center; align-items: center}
.case-img{ width: 50%; padding: 20px 2%; display: flex; overflow: hidden;}
.case-img img{ width: 100%;}
.case-body{ padding: 20px 2%; flex-direction: column; justify-content: left; width: 50%; display: flex;}
.case-body .page-more{text-align: left; justify-content: left;}
.case-tit{font-size: 24px; font-weight: bold; line-height: 50px; position: relative;}
.case-tit:after{content: ''; position: absolute; bottom: -5px; width: 40px; background: #DB181C; height: 2px; left: 0;}
.case-titb{font-size: 16px; margin-top: 20px; font-weight: bold;}
.case-note{font-size: 14px; color: #999; margin-top: 20px;}
.btn-p-n{ background: #fff; box-shadow: 3px 3px 6px rgba(0,0,0,.3); color: #DB181C; width: 50px; height: 50px; border-radius: 50px; line-height: 50px;
   display: flex; justify-content: center; text-align: center;}
.casepage .case-con-prev{ position: absolute; left: 0%; margin-left: -25px; top: 55%; z-index: 99;}
.casepage .case-con-next{ position: absolute; right: 0%; margin-right: -25px; top: 55%; z-index: 99}

.newspage{ background-image: linear-gradient(45deg, #fff ,#F3DBDE)}
.news-sk{display: inline-block; width: 100%; background: #fff; padding-bottom: 20px; border-radius: 10px; box-shadow: 3px 3px 10px rgba(0,0,0,.1)}
.news-k{display: inline-block; width: 100%; position: relative; height:180px; border-radius: 6px; overflow: hidden;}
.news-k >img{width: 100%; height: 100%;}
.news-k-t{position: absolute; top: 50%; margin-top: -30px; color: #fff; left: 5%; right: 5%;}
.news-k-t .tit{ font-size: 24px; line-height: 40px; font-weight: bold;}
.news-k-t .note{ font-size: 16px; }
.news-ul{display: flex; background: #fff; flex-direction: column; width: 100%; height: 270px; overflow: hidden; padding: 20px 0;}
.news-ul li{display: flex; border-bottom: 1px dotted #ddd; padding: 5px 10px; position: relative; line-height: 30px; align-items: center;   }
.news-ul li:before{ width: 10px; height: 10px; border-radius: 100px; margin-right: 6px; background: #FFB5BE; content: ''}
.news-ul li:after{  position: absolute; right: 10px; color: #DB181C; font-family: '宋体'; content: '>'}
.news-ul li:hover{ box-shadow: 3px 3px 10px rgba(0,0,0,.2)}
.news-ul li:hover a{ color: #DB181C;}

.cpzxpage{display: inline-block; width: 100%; background: url("../images/5f-bg.jpg"); background-size: cover; position: relative;}
.cpzx-con{display: inline-block; width: 100%; overflow: hidden;}
.cpzxpage .cpzx-con-prev{ position: absolute; left: 0%; margin-left: -25px; top: 55%; z-index: 99;}
.cpzxpage .cpzx-con-next{ position: absolute; right: 0%; margin-right: -25px; top: 55%; z-index: 99}



/*内页*/
.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; background: #fafafa; 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: #DB181C;}
/**/
.breadcrumb{ margin-bottom: 6px; display:inline-block; width: 100%; background-color: transparent;}
.page-ny-n{display: flex; width: 100%; background: #fff;}

.page-left{display: flex; flex-direction: column; width: 100%; background: #f5f5f5; box-shadow: 3px 3px 10px rgba(0,0,0,.1); min-height: 40vh;}
.left-tit{ background: #DB181C; padding: 10px; color: #fff; font-weight: bold;}
.left-nav-ul{display: flex; flex-direction: column; width: 100%; line-height: 30px; padding: 10px 0; height: 500px; overflow: hidden; overflow-y: auto;}
.left-nav-ul li{display: flex; flex-direction: column;border-bottom: 1px solid #f5f5f5; padding: 5px 10px; margin-bottom: 1px; position: relative;}
.left-nav-ul li.active,.left-nav-ul li:hover{background: #DB181C; }
.left-nav-ul li.active a,.left-nav-ul li:hover a{color: #fff;}
.left-nav-ul li:after{position: absolute; right: -20px; top: 50%; margin-top: -10px; display: none;;
    content: '';
    border-left: 10px solid #DB181C ;
    border-right: 10px solid  transparent;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
}
.left-nav-ul li.active:after{display: inline-block;}
.ban-text{ display: flex; flex-direction: column; justify-content: center; letter-spacing: 2px; align-items: center; color: #fff; position: absolute; top: 50%; margin-top: -60px; width: 80%; left: 10%;}
.ban-cn{ font-size: 48px; line-height: 50px; font-weight: bold;}
.ban-en{ font-size: 18px; line-height: 30px; margin-top: 20px;}
.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;}

.pageny-t-b{ display: inline-block; width: 100%; padding-bottom: 20px;}

.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;}


.zhuyaocp{display: flex; width: 100%; justify-content: center; margin: 10px 0; height: 420px; overflow: hidden; position: relative;}
.zhuyaocp-img{display: flex; overflow: hidden; position: relative; z-index: 1; justify-content: center; width: 100%;}
.zhuyaocp-img img{ width: 100%;}
.jjfatext{position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,.2); width: 100%; padding: 0 10%; display: flex; z-index: 2; flex-direction: column; height: auto; justify-content: center;}

.text-note{ margin-top: 20px; width: 100%; line-height: 30px; color: #666;}
.jjfatext .text-note{ color: #fff;}
.jjfatext .tit-cn{text-align: center; color: #fff;}

.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}
.pagea-tit-lx{display: flex; width: 100%; height: 100px; position: relative; align-items: center; padding: 20px 10px; padding-left: 80px; }
.pagea-tit-lx:before{content: ''; position: absolute;
    left: 0; top: 0px; background: #ccc; width: 1px; height:100px;}

.cp-ny-tit .tit-cn{ position: relative; border-bottom: 1px solid rgba(0,0,0,.1); color: #DB181C; padding-bottom: 10px; margin-bottom: 10px;}
.cp-ny-tit .tit-cn:after{content: ''; width: 20%; height: 3px; background: #DB181C; left: 0; bottom: -1px; position: absolute;}

.cpzx-div-type{display: flex; width: 100%; margin: 10px 0; border-bottom: 1px solid rgba(0,0,0,.1); padding-bottom: 20px;}
.cpzx-type-body{display: flex; padding: 0 20px; flex-direction: column}
.cpzx-type-body .page-more{ justify-content: left;}

.yycjny-c{display: inline-block; width: 100%; margin: 10px 0;}


.news-div{width: 100%; display: inline-block; margin-bottom: 16px; background: #fff; }
.news-img-s{ width: 100%; height: 300px; 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-top .news-time{ position: relative; display: inline-block; float: left ; font-size: 12px; color: #ccc; font-weight: 500; line-height: 30px;
    left: 0; top: 0; padding: 0;}
.news-top .news-time .iconfont{font-size: 12px;}
.newsmore{ display: inline-block; float: right;}
.newsmore a{ display: inline-block; padding: 5px 10px; font-size: 12px; margin-top: 5px; color: #FF8000;}
.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: 0px solid #f5f5f5;  position: relative;}

.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;}

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

.fzlcpage{ display: inline-block; padding: 0; height: 80vh; overflow: hidden; width: 100%;}
.fzlcimg{display: inline-block; width: 100%;}
.fzlcimg img{width: 100%;}

.fzlcbody{ display: inline-block; width: 80%; height: 80%; overflow-y: scroll; margin:10%;}
.fzlcbody::-webkit-scrollbar {     width: 6px;   }
.fzlcbody::-webkit-scrollbar-track {     background: rgba(179, 177, 177,.5);     border-radius: 10px; }
.fzlcbody::-webkit-scrollbar-thumb {     background:#DF0005;       border-radius: 10px;   }
.fzlcbody::-webkit-scrollbar-thumb:hover {     background: #ff0000;      border-radius: 10px;   }
.fzlcbody::-webkit-scrollbar-thumb:active {     background: #ff0000;     border-radius: 10px;   }

.fzlc-ul{ display: flex; min-height: 100%; margin-left: 20px; border-left: 1px solid rgba(179, 177, 177, .5); flex-direction: column; justify-content: center; width: calc(100% - 40px);}
.fzlc-ul li{ margin: 20px;}
.fzlc-div{position: relative; display: flex;flex-direction: column;}
.fzlc-img{ position: absolute; left: -28px;}
.fzlc-tit{ font-size: 16px; font-weight: bold;}
.fzlc-note{font-size: 14px; color: #999; margin-top: 10px;}
.page-tit.baise .page-en,.page-tit.baise .page-cn{color: #fff;}
.page-tit-s.baise .page-en-s,.page-tit-s.baise .page-cn-s,.page-tit-s.baise .page-note{color: #fff;}

.nycpzx{position: absolute; left:5%; top: 5%;}
.nyaboutl{  display: flex; flex-direction: column; justify-content: center; width: 80%;
    margin: 0 10%; }
.about-ny-img{ width: 100%; overflow: hidden;}
.about-ny-img img{ width: 100%;}
.nyryzzl{ display: flex; flex-direction: column; justify-content: center; width: 80%;
    margin: 0 10%; height: 100%;}
.nyaboutr img{width: 100%;}

.qywhpage{background: #f5f5f5}


.qywh-ul{ display: flex; justify-content: center; width: 100%; padding: 20px 5%}
.qywh-ul li{ width: 20%; padding: 15px;}
.qywh-ul li:hover{ width: 30%;}
.qywh-div{ display: flex; box-shadow: 3px 3px 10px rgba(1,1,1,.1); border-radius: 6px; flex-direction: column; height: 500px;
   text-align: center;  width: 100%; margin: 10px 0; position: relative; overflow: hidden;}
.qywh-img{ display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; overflow: hidden;  }
.qywh-img img{  min-height: 100%;}

.qywh-icon{ display: flex;   background: #DB181C; border-radius: 100px; justify-content: center; align-items: center;
    width: 50px; height: 50px; line-height: 50px;  overflow: hidden;}


.qywh-cn{ display: inline-block; width: 100%;  text-align: center; font-size: 14px; color: #333;
    font-weight: bold; line-height: 30px;   overflow: hidden;}
.qywh-note{display: inline-block; width: 100%; padding: 5px 6%; line-height: 20px;
     font-size: 14px; color: #fff;   text-align: left; height: 300px; overflow: hidden; overflow-y: auto;


}

.qywh-note::-webkit-scrollbar {
    /*滚动条整体样式*/
    width :5px; /*高宽分别对应横竖滚动条的尺寸*/
    height: 1px;
}
.qywh-note::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/
    border-radius: 10px;
    box-shadow : inset 0 0 5px rgba(0, 0, 0, 0.2);
    background : #535353;
}
.qywh-note::-webkit-scrollbar-track {
    /*滚动条里面轨道*/
    box-shadow : inset 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    background : #ededed;
}

.qywh-noteb{display: inline-block; width: 100%; padding: 5px 6%; line-height: 20px;
    text-align: center;  font-size: 14px; color: #ccc; overflow: hidden;}
.qywh-body{ display: flex; position: absolute; top: 100%; flex-direction: column; background: #fff; justify-content: center; align-items: center;
    width: 100%; padding:20px 10px;  text-align: center;}
.qywh-div:hover{ box-shadow: 3px 3px 10px rgba(1,1,1,.2);}
.qywh-div:hover .qywh-img img{ transform: scale(1.1)}
.qywh-div:hover .qywh-body{background: rgb(0,0,0,.4); top: 0; bottom: 0; display: flex; justify-content: center; align-items: center; color: #fff}
.qywh-en{ display: inline-block; width: 100%; text-align: center; font-size: 14px;   color: #ccc;
    line-height: 20px; height: 20px; overflow: hidden;}

.qywh-div:hover .qywh-cn,.qywh-div:hover .qywh-en,.qywh-div:hover .qywh-note{color: #fff;}
.qywh-div:hover .qywh-icon{transform:rotate(360deg);
    -ms-transform:rotate(360deg); 	/* IE 9 */
    -moz-transform:rotate(360deg); 	/* Firefox */
    -webkit-transform:rotate(360deg); /* Safari 和 Chrome */
    -o-transform:rotate(360deg); 	/* Opera */}
    .qywhts{ position: absolute; bottom: 0; padding: 20px; left: 0; right: 0;z-index: 2; color: #fff;}
    .qywhts .qywh-cn{color: #fff;}
    .tsimg{width: 100%; display: flex; justify-content: center; align-items: center; margin-bottom: 20px;}
    .qywh-div:hover .qywhts{ top: 100%; opacity: 0;}
.ryzzpage,.ryzzpageb{ display: inline-block; width: 100%;  margin-top: 40px;}
.ryzzpage .swiper-slide,.ryzzpageb .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: transparent;
    width: auto;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.ryzz-fanye{position: absolute; top: 50%; margin-top: 50px; width: 100%; height: 50px; z-index: 11;}
.ryzz-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;}
.ryzz-fanye  .ryzz-next{ position: absolute;top: -20px; display: inline-block; right: -70px;}
.ryzz-fanye  .ryzz-prev{ position: absolute;top: -20px; display: inline-block; left: -80px;}
.ryzz-fanyefanye .ryzz-next:hover .iconfont,.ryzz-fanye .ryzz-prev:hover .iconfont{ color: #1D2288; border-color: #1D2288; }

.ryzz-fanye  .ryzz-nextb{ position: absolute;top: -20px; display: inline-block; right: -70px;}
.ryzz-fanye  .ryzz-prevb{ position: absolute;top: -20px; display: inline-block; left: -80px;}
.ryzz-fanyefanye .ryzz-next:hover .iconfont,.ryzz-fanye .ryzz-prev:hover .iconfont{ color: #1D2288; border-color: #1D2288; }

.newspages-fanye{position: absolute; top: 50%; margin-top: 50px; width: 100%; height: 50px; z-index: 11;}
.newspages-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;}
.newspages-fanye  .newspages-next{ position: absolute;top: -20px; display: inline-block; right: -70px;}
.newspages-fanye  .newspages-prev{ position: absolute;top: -20px; display: inline-block; left: -80px;}
.newspages-fanyefanye .newspages-next:hover .iconfont,.newspages-fanye .newspages-prev:hover .iconfont{ color: #1D2288; border-color: #1D2288; }


.ryzzpage .ryzz-pagination,.ryzzpageb .ryzz-pagination{ width: 100%; text-align: center; display: inline-block;  bottom: auto; position: absolute; padding-left: 50px;}

.ryzzpage,.ryzzpageb{ display: inline-block; width: 100%;  margin-top: 40px;}
.ryzzpage .swiper-slide,.ryzzpageb .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: transparent;
    width: auto;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.ryzz-fanye{position: absolute; top: 50%; margin-top: 50px; width: 100%; height: 50px;}
.ryzz-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;}
.ryzz-fanye  .ryzz-next{ position: absolute;top: -20px; display: inline-block; right: -70px;}
.ryzz-fanye  .ryzz-prev{ position: absolute;top: -20px; display: inline-block; left: -80px;}
.ryzz-fanyefanye .ryzz-next:hover .iconfont,.ryzz-fanye .ryzz-prev:hover .iconfont{ color: #1D2288; border-color: #1D2288; }

.ryzz-fanye  .ryzz-nextb{ position: absolute;top: -20px; display: inline-block; right: -70px;}
.ryzz-fanye  .ryzz-prevb{ position: absolute;top: -20px; display: inline-block; left: -80px;}
.ryzz-fanyefanye .ryzz-next:hover .iconfont,.ryzz-fanye .ryzz-prev:hover .iconfont{ color: #1D2288; border-color: #1D2288; }

.ryzzpage .ryzz-pagination,.ryzzpageb .ryzz-pagination{ width: 100%; text-align: center; display: inline-block;  bottom: auto; position: absolute; padding-left: 50px;}

.ditupage{display: flex; height: 400px;}
.dtimg{display: flex; height: 100%;}

.lxwmpage{ padding: 40px 0;}
.lx-page-con{display: inline-block; width: 100%; padding: 40px 0;}
.lxwm-con{display: flex; align-items: center;}
.lxwm-cn{font-weight: bold; min-width: 45px;}
.lxwm-note{font-size: 12px;}
.lx-icon{position: absolute; left: 20px; width: 50px; height: 50px; border-radius: 50px; text-align: center; line-height: 50px;
    border: 1px solid #555; color: #555;}
.lx-icon .iconfont{ font-size: 30px;}

.join-ul-div{display: flex; margin-top: 10px}
.join-ul-b{display: inline-block; width: 100%;}
.join-ul-b li{display: inline-block; width: 100%; padding: 20px; border-bottom: 1px solid #f2f2f2;}

.jointit{ font-size: 14px; font-weight: bold;}
.jointit span{ color: #fff; background: #E40019; display: inline-block; padding: 2px 5px; line-height: 18px;}
.joinbtn{display: inline-block;  padding: 4px 20px; cursor: pointer; border-radius: 100px; background: #E40019; color: #fff;}
.joinbtn:hover{ padding: 4px 30px;}
.join-ul-b li:hover{ background: #f2f2f2; }

.join-r{display: flex; align-items: center; justify-content: flex-end; margin-top: 10px;}


.rotate {
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    transition-property: -webkit-transform,-moz-transform,-o-transform,transform;
    overflow: hidden;
}
.rotate:hover {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}
.user-section {
    background: #fff;
    padding: 15px;
    margin-bottom: 20px;
    -webkit-border-radius: 4px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 4px;
    -moz-background-clip: padding;
    border-radius: 4px;
    background-clip: padding-box;
}
.login-section {
    margin: 50px auto;
    width: 460px;
    -webkit-border-radius: 0;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 0;
    -moz-background-clip: padding;
    border-radius: 0;
    background-clip: padding-box;
}
.login-section.login-section-weixin {
    min-height: 315px;
}
.login-section .logon-tab {
    margin: -15px -15px 0 -15px;
}
.login-section .logon-tab > a {
    display: block;
    padding: 20px;
    float: left;
    width: 50%;
    font-size: 16px;
    text-align: center;
    color: #616161;
    background-color: #efefef;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.login-section .logon-tab > a:hover {
    background-color: #fafafa;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.login-section .logon-tab > a.active {
    background-color: #fff;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.login-section .login-main {
    padding: 40px 45px 20px 45px;
}
.login-section .n-bootstrap .form-group {
    position: relative;
}
.login-section .n-bootstrap .input-group {
    position: inherit;
}
.login-section .n-bootstrap .n-right {
    margin-top: 0;
    top: 0;
    position: absolute;
    left: 0;
    text-align: right;
    width: 100%;
}
.login-section .n-bootstrap .n-right .msg-wrap {
    position: relative;
}
.userpage{display: inline-block; width: 100%; padding: 40px 0;}
.panel{border: 1px solid rgba(0,0,0,.1); box-shadow: 3px 3px 10px rgba(0,0,0,.1)}
main.content {
    width: 100%;
    overflow: auto;
    padding: 15px;
    padding-top: 20px;
    min-height: calc(100vh - 135px);
}
.sidenav {
    padding: 20px 0 10px 0;
    margin-bottom: 20px;
    background-color: #fff; box-shadow: 3px 3px 10px rgba(0,0,0,.1)
}
.sidenav .list-group:last-child {
    margin-bottom: 0;
}
.sidenav .list-group .list-group-heading {
    list-style-type: none;
    font-weight: bold; color: #DB181C; border-bottom: 1px solid #f5f5f5;
    margin-bottom: 10px;
    margin-left: 0px; padding-left: 30px; padding-bottom: 10px;
    font-size: 14px;
}
.sidenav .list-group .list-group-item {
    -webkit-border-radius: 0;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 0;
    -moz-background-clip: padding;
    border-radius: 0;
    background-clip: padding-box;
    border: none;
    padding: 0;
    border-left: 2px solid transparent;
}
.sidenav .list-group .list-group-item:last-child,
.sidenav .list-group .list-group-item:first-child {
    -webkit-border-radius: 0;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 0;
    -moz-background-clip: padding;
    border-radius: 0;
    background-clip: padding-box;
}
.sidenav .list-group .list-group-item:hover {
    border-left: 2px solid rgba(245, 245, 245, 0.38);
    background-color: rgba(245, 245, 245, 0.38);
}
.sidenav .list-group .list-group-item > a {
    display: block;
    color: #616161;
    padding: 10px 15px 10px 35px;
}
.sidenav .list-group .list-group-item.active {
    border-left: 2px solid #DB181C;
    background-color: rgba(245, 245, 245, 0.38);
}
.sidenav .list-group .list-group-item.active > a {
    color: #DB181C;
}
.btn-primary{background-color:#DB181C;border-color:#DB181C;}
.page-header{margin: 10px 0; font-size: 16px; padding-bottom: 10px; font-family: '微软雅黑'; font-weight: bold;}


.footpage{background: #F6F6F6; background-size: cover;  padding: 40px 5%; display: flex; align-items: center; 
    justify-content: center;}

.footl{display: flex; flex-direction:  column;}
.foottit{ font-weight: bold; font-size: 26px; color: #555; margin-bottom: 10px; line-height: 50px; margin-top: 20px;}
.footcen{ font-size: 14px; color: #555; margin-top: 20px; line-height: 30px; display: inline-block;
    width: 100%; padding: 20px 10px;}

.footnav{ width: 100%; margin-top: 10px;
    display: flex; justify-content: center; align-items: flex-start; }
.footnav-ul{ padding: 0 10px; margin: 10px; margin-top: 0px; display: flex; flex-direction: column; float: left;}
.footnav-ul a{color: #555; line-height: 25px; font-size: 14px;}
.nav-title{ line-height: 30px; margin-bottom: 10px; font-size: 14px; font-weight: bold; color: #000; border-bottom: 1px solid #ddd;}
.nav-title a{color: #555}
.footnav-ul a:hover{color: #F35216;}
.link-title a:hover{color: #fff;}

.footr{ margin-top: 20px;}
.footicon{ display: flex;}
.footcon a{color: #999;}
.footicon .iconfont{ font-size: 24px; margin: 0 5px; color: #999;}

.foottel{display: flex; flex-direction: column;}
.telnum{font-size: 18px; font-weight: bold; color: #DB181C;}

.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;}

.ryzz-img{display: flex; height: 420px; padding: 0 10px; justify-content: center; align-items: center; align-items: center; overflow: hidden; width: 100%; max-width: 500px;}
.ryzz-img img{width: 100%;}
.page-pic{ padding: 40px 5%;}

/*  */
.sycppage{width: 100%; padding: 40px 5%; padding-top: 80px;}
.home-case{padding: 0;}
.home-case .page-type{ padding: 40px 0; padding-left: 5%; position: absolute; margin-top: 40px;}
.aboutpage .page-type,.qywhpage .page-type,.page-5s .page-type{padding: 40px 5%; position: relative;}

.topnav.new-color{background-color: rgba(0,0,0, 0.5);}
.topnav.new-color .navbar-default .navbar-nav>li>a,.topnav.new-color .navlogin,.topnav.new-color .navlogin a {color: #fff;}
.cpzx-ul.swiper-wrapper{padding: 40px 0;}
.home-cpzx-div{ width: 100%; background-color: #F0EEEF; }
.home-cpzx-div .cpzx-tit{display: inline-block; width: 100%; padding: 20px; height: 156px; overflow: hidden;}
.home-cpzx-div .category{ display: inline-block;  padding: 2px 10px;  border: 1px solid #DB181C; background: #DB181C; line-height: 20px;  color: #fff; border-radius: 20px 0 0 0;}
.home-cpzx-div .cpzx-tit .tit{font-weight: bold; line-height: 40px; margin-bottom: 5px; color: #000;}
.home-cpzx-div .cpzx-tit .note{ line-height: 20px; margin-top: 5px; height: 20px; }
.home-cpzx-div .con{position: absolute; top: 100%; left: 10px; right: 10px;}
.home-cpzx-div:hover .con{ left: 10px; right: 10px; top: 0; bottom: 0; display: flex; justify-content: center; align-items: center; 
 background-image: linear-gradient(rgba(254,254,254,0),rgba(200,15,35,.8));}

 .pagea{display: flex; width: 100%; justify-content: center; height: 100%; align-items: flex-end;}
 .pagea > .page-div{position: relative; width: 25%; height: 100%; display: flex; border-right: 0px solid rgba(254,254,254,.5);
     align-items: flex-end; justify-content: center; padding: 40px ; overflow: hidden;}
 .page-div-a{ width: 100%; position: absolute; top: 100%; left: 0; opacity: 0; height: 100%; padding-left: 10%; padding-right: 10%; display: flex; flex-direction: column;
    justify-content: center; background-color: rgba(200,15,35,.8); }
    .pagea > .page-div:hover .page-div-a{top: 0; opacity: 1; border-radius: 0 0 0 40px;}
    .pagea > .page-div:hover > .div-tit{opacity: 0;}
 .div-tit .tit-cn{font-size: 24px; text-align: center; font-weight: bold; color: #fff;}
 .div-tit .tit-cn span{ font-size: 36px; text-align: center; color: #DB181C; width: 100%;}
 .div-tit .tit-en{ font-size: 14px; text-transform: capitalize; text-align: center; margin-top: 10px; color: #fff}
 .div-body{ display: flex; flex-direction: column; font-size: 14px; color: #666; margin-top: 40px; line-height: 30px;}
 .div-more{display: flex;}
 .div-more a{ display: inline-block;  width: 40px; height: 40px;  border-radius: 40px;text-align: center; line-height: 35px;
    margin: 0 auto; border: 1px solid #fff;  margin-top:30%; color: #fff; font-size: 24px;}

    .home-about .page-type{ padding: 40px 0; padding-left: 5%; position: relative; margin-top: 40px;}
    .home-about{ background: url('/public/home/images/aboutbj.jpg') center center no-repeat; width: 100%; height: 100vh; overflow: hidden; overflow-y: auto;
    background-size: cover;}
    .about-s-body{  width: 100%; margin-top: 150px; display: flex; padding: 20px 5%; opacity: 0; 
          transition: all 0.8s ease 0.5s;}
    .active .about-s-body{ opacity: 1; margin-top: 0px; transition: all 0.8s ease 0.7s;}
    .about-s-t{font-size: 24px; color: #333; font-weight: bold;}
    .body-con{ margin-top: 20px; line-height: 30px; color: #666;}
    .syaboutr .page-more a{ margin-top: 20%;}
    .syaboutl{ width: 50%; padding-right: 5%;}
    .syaboutr{width: 50%;}
.labels{ font-size: 24px;  display: flex; justify-content: flex-end; align-items: flex-end; padding: 10px 0;}
.labelsa{ color: #000; padding: 10px;}
.labelsb{color: #DB181C; padding: 10px;}
.syaboutl .titles{ font-size: 18px; line-height: 50px; margin-top: 20px;}
.page-more-b{position: relative; display: flex; justify-content: flex-start ; align-items: center;}
.page-more-b a::before{ width: 6px; height: 6px; border-radius: 6px; left: 17px; top: 1px; position: absolute; content: '';  background-color: #DB181C;}
.page-more-b .iconfont { font-size: 24px; margin-right: 10px;}
.page-more-b a{align-content: center; justify-content: center; position: relative; display: flex; margin-top: 20px;}
.page-more-b:hover a::before{ color: transparent;}
.page-more-b:hover a{color: #DB181C;}

.home-news{ width: 100%; padding: 40px 5%;}
.home-news .page-type{   position: relative; margin-top: 40px;}
.home-n{ display: flex; justify-content: space-between; width: 100%; height: 360px;}
.home-n .newsimg{ width: 32%; padding: 15px; height:360px;}
/* .home-n .newsimg:first-child{width: 48%;} */

.newsimg{ opacity: 0; margin-left: 150px;   transition: all 0.8s ease 0.3s; display: inline-block; width: 100%; height: 100%;
    border-radius: 4px; box-shadow: 3px 3px 10px rgba(0,0,0,.1); position: relative; overflow: hidden;}
.active .newsimg{opacity: 1; margin-left: 0; }
.newsimg >a {display: flex; width: 100%; height: 100%; justify-content: center; align-items: center;}
.newsimg >a >img{min-width: 100%; min-height: 100%;}

.news-timea{ display: inline-block; position: absolute; top: 10%; right: 40px; text-align: center; color: #fff; padding: 10px; border: 1px solid #fff; border-radius: 4px;}
.news-timea .days{font-size: 24px;}

.newstext{display: flex; flex-direction: column; padding: 20px; left: 15px; right: 15px; bottom: 15px; background-color: rgba(0, 0, 0, 0.2); position: absolute;}
.newstext .tit{ line-height: 30px; height: 60px; overflow: hidden;}
.tit,.tit:hover{ color: #fff; font-weight: bold;}
.note{color: #ffff; margin-top: 5px;}
.newsimg:hover img{ transform: scale(1.1);}

.newsimg:hover .newstext{ background: rgba(220,24,28,.6); left: 0; right: 0; bottom: 0;}
.newsmore{display: flex;}
.newsmore a{ display: inline-block; border: 1px solid #DB181C; border-radius: 4px; padding: 15px 30px; margin-top:20px; color: #fff;}
.newsimg:hover .newsmore a{border-color: #fff}
.newsimg .page-more-b a,.newsimg .page-more-b .iconfont { color: #fff;}
.abvideo{width: 100%;}
.page-5s .abvideocon{ padding: 0px 5%; padding-bottom: 40px; display: flex;  width: 100%;}

.abvideocon .videoleft{width: 50%; overflow: hidden; display: flex; align-items: center; justify-content: center;}

.abvideocon .videoright{width: 50%; align-items: stretch; justify-content: space-between;}
.video-ul{ display: flex; height: 100%; flex-direction: column; width: 100%; padding: 0 20px; align-items: stretch; justify-content: space-between;}
.video-div{ position: relative; border-radius: 8px ; border: 1px solid #E5E5E5; padding: 20px 40px;}
.video-tits{ position: absolute; font-size: 48px; color: rgb(196,0,0,.2); font-weight: bold;}
.video-tit{ line-height: 50px; padding-left: 20px; font-size: 24px; color: rgb(196,0,0,1); font-weight: bold;}
.video-note{ font-size: 14px; }
.qywhpage .page-type{ justify-content: center ; align-items: center;}
.qywhpage .page-type .page-tit-s{ width: 100%; text-align: center;}
.qywhpage .page-type .page-en-s{ display: flex; justify-content: center; align-items: center;}
.page-ryzz{ padding: 40px 5%; overflow: hidden;}
#container {
    overflow: hidden; position: relative;
    width: 100%;
    margin: 0; font-weight: bold;
    font-family: "微软雅黑";
}
#container > img{ width: 100%;}
.map_list2 li { position: absolute;   width: 1px; height: 1px; z-index: 2; }
.map_list2 li.on{z-index: 3;}
.map_list2 li .box { top: -90px; width: 300px; display: none; }
.map_list2 li .dw { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 0.89vw; height: 1.15vw; background: url(../images/dw_sm0308.png) no-repeat center; background-size: 100% 100%; -webkit-transition: all 0.6s; -o-transition: all 0.6s; transition: all 0.6s; }
.map_list2 li .dw p { position: absolute; left: 50%; white-space: nowrap; bottom: -30px; transform: translateX(-50%); font-size: 18px; color: #DB181C; font-weight: 600; z-index: -1; opacity: 0; }
.map_list2 li .box .line { width: 100%; height: 1px; background: #21252e; opacity: 0.15; margin: 1.04vw auto 0.78vw; display: none; }
.map_list2 li .box .line + p.p1 { display: none; }
.map_list2 li .box p.p3 { display: none; }
.map_list2 li .box:before { content: ''; width: 23px; height: 21px; position: absolute; left: -23px; top: 0px; background: url(../images/jt4_sm0308.png) no-repeat center; z-index: 2; -webkit-transition: all 0.6s; -o-transition: all 0.6s; transition: all 0.6s; }
.map_list2 li.on .dw { width: 1.56vw; height: 2.03vw; background: url(../images/dw2_sm0308.png) no-repeat center; background-size: 100% 100%; }
.map_list2 li.on .dw i { position: absolute; left: 50%; bottom: 0; width: 19px; height: 5px; background: url(../images/dw3_sm0308.png) no-repeat center; background-size: 100%; transform: translate(-50%); display: block; }
.map_list2 li.on .dw i:before, .map_sm0308 .map_list2 li.on .dw i:after { content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); opacity: 1; transform-origin: center; animation: halo2 2s 0.5s infinite ease-out; animation-delay: 0.05s; border-radius: 50%; }
.map_list2 li.on .dw i:before { width: 388%; height: 388%; z-index: 2; background: url(../images/dw4_sm0308.png) no-repeat center; background-size: 100%; }
.map_list2 li.on .dw i:after { width: 594%; height: 594%; z-index: 1; background: url(../images/dw5_sm0308.png) no-repeat center; background-size: 100%; }
.map_list2 li.on .dw p { opacity: 1; z-index: 1; }
.map_list2 li.on .box { height: auto; display: inline-block; max-height: none; background: rgba(255, 255, 255, 0.9); padding: 20px; overflow: visible; width: 300px;
     border: 1px solid #DB181C; z-index: 2; margin-left: 30px; margin-top: -20px;}
.map_list2 li.on .box:before { top: -20px; left: 8px; }
.lxwm-ul{display: flex; flex-wrap: wrap; width: 100%; justify-content: space-between; padding: 40px 5%;}
.lxwm-ul li{ width: 31%; padding: 20px;}
.lxwm-ul li.on a,.lxwm-ul li:hover a{background-color: #DB181C; color: #fff; box-shadow: 3px 3px 10px rgba(0,0,0,.1);}

.lxwm-ul li a{border-radius: 12px; padding: 40px 20px; cursor: pointer; display: inline-block; border: 1px solid #eee; width: 100%; font-size: 18px; font-weight: bold; text-align: center;}
.map_list2 li.on .box hr{margin-top: 5px; margin-bottom: 5px;}
/*  */

/*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:#DB181C; color:#fff; }
.fenyeys a{ margin:2px 6px; border-radius:25px; padding:5px 10px; background:#ccc; color:#fff; }
.fenyeys a:hover{ background:#DB181C;}
.nyright-con .col-md-12{margin: 0px; padding: 0px;}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span,
 .pagination>.active>span:focus, .pagination>.active>span:hover{background-color: #DB181C; border-color: #DB181C;}
 .pagination>li>a, .pagination>li>span{color: #DB181C;}
.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: 2560px) {*/
/*    .cpzx-img{height: 500px;}*/
/*}*/
@media (max-width: 1920px) {
    .cpzx-img{height: 300px;}
}
@media (max-width: 1681px) {
    .navbar-default .navbar-nav>li>a{padding: 0 10px; font-size: 14px;}
    .cpzx-img{height: 255px;}
    .footnav-ul{padding: 0 10px; margin: 5px;}
}
@media (max-width: 1440px) {
    .case-typea{ height: 240px;}
    .case-typeb{ height: 180px; }
    .case-typeb .cn{ margin-top: 60px;}
    .cpimg{ height: 238px;}
    .newstype li a{ padding: 8px 10px; margin-left: 5px;}
    .news-img-s{ height: 160px}
    .news-div-f{height: 310px;}
    .page-more a,.div-more a{ marginpx-top: 10%}
    .div-body{margin-top: 20px;}
    .syaboutr .page-more a{ margin-top: 20px;}
    .footnav-ul{padding: 0 5px; margin: 5px;}

    .home-n .newsimg{height: 300px;}
}

.container-fluid{min-width: 1280px;}


@media (max-width: 993px) {
    .container-fluid{min-width: unset}
    .page-type-ul,.footnav{display: none;}
    .navbar-header{display: inline-block;
        float: right; }
    .navbar-toggle{ margin-right: 20px; background-color: #DB181C}
    .yb-banner .text{ width: 70%; left: 15%; top: 40%; margin-top: -20px;}
    .yb-banner .text img{ min-width: 100%; height: auto!important;}
    .navbar-header .iconfont{ color: #fff; 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 5%;}
    .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;}
    .topnav .col-md-10.col-md-offset-1{ display: inline-block; width: 100%;}
    .jjloog{margin-top: 10px; padding: 0; max-width: 200px; }
    .casepage .case-con-next,.cpzxpage .cpzx-con-next{ margin-right: 10px;}
    .cpzxpage .cpzx-con-prev,.casepage .case-con-prev{ margin-left: 10px;}
    .footcen > div{display: inline-block; width: 100%}
    .case-div-s{flex-direction: column;}
    .case-div-s .case-body,.case-div-s .case-img{ width: 90%;}
    .btn-p-n{ width: 30px; height: 30px; line-height: 30px;}
    .main-page{ padding: 10px 0;}
    .cpzx-img{ height: auto;}
    .page-type .page-tit-s{ width: 100%;}
    .page-cn-s{ font-size: 24px;}
	.cpnav-li{ width:100%}
    .ban-cn{font-size: 36px;}
    .qywh-ul{justify-content:flex-start;}

    .page-type .page-type-ul{flex-wrap: wrap; justify-content: flex-start;}
    .page-type-ul li{padding: 5px;}
    .page-type-ul li a{border-radius: 0;}
    .swiper-slide > video{object-fit:cover}
    .sycppage{ padding-top: 20px;}
    .div-tit .tit-cn{ font-size: 12px;}
    .div-tit .tit-en{ display: none;}
    .pagea > .page-div{padding: 10px;}
    .about-s-body{opacity: 1; margin-top: 0;}
    .home-about .page-type{margin-top: 0;}
    .about-s-body{ flex-wrap: wrap;}
    .syaboutl{width: 100%; padding-right: 5%; padding-left: 5%;}
    .syaboutr{width: 100%;}
    .newsimg{ margin-left: 0; opacity: 1;}
    .home-news{overflow: hidden;}
}