/*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: #f5f5f5; border-bottom: 0px solid rgba(0,0,0,.2);}
.topnav.navbar-fixed-top{ background: transparent;  background-image: linear-gradient(rgba(0,0,0,.4), rgba(0,0,0,0)); border-bottom: 0px solid transparent; position: absolute;}
.jjloog{ display: inline-block; padding: 0 20px; padding-left: 120px; margin-top: 20px;}
.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: #333; position: relative; padding: 10px 30px;}
.navbar-default .navbar-nav>.active>a:before, .navbar-default .navbar-nav>.active>a:focus:before, .navbar-default .navbar-nav>.active>a:hover:before,
.navbar-default .navbar-nav>li>a:focus:before, .navbar-default .navbar-nav>li>a:hover:before{ content: ''; position: absolute;
    height: 3px; background: #9f4141; width: 100%; top: 0; left: 0; }
.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: #9f4141; background-color:transparent}

.navbar-default .navbar-collapse, .navbar-default .navbar-form{background-color:transparent;}
.dropdown-menu{background: rgba(0,0,0,.5); border: 0px;transition: all 0s ease 0s;}
.navtel .iconfont{ color: #9f4141;}
.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:#9f4141 ;  color: #333;}
.topnav.navbar-fixed-top .navbar-default .navbar-nav>li>a{ color: #fff;}
.swiper-container-b {
    width: 100%;
    height: 100%; overflow: hidden;
    background: #000;
}
.swiper-pagination-b { position: absolute;
    bottom: 10px;
    left: 0;
    width: 100%;
}
.yb-banner{ position: relative;
    width: 100%; overflow: hidden;}
.aboutpage{background: #f7f7f7; border-bottom: 1px solid #f5f5f5; padding: 40px 0;}
.yb-banner .text{ display: inline-block; width: 50%; text-align: left;  position: absolute;  bottom: 20%; left: 14%;}
.yb-banner .texta{ display: inline-block;  font-size: 18px; width: 100%; line-height: 30px;  }



.page-tit{ width: 100%; padding: 10px 0px; text-align: left; position: relative; font-size: 24px;
    line-height:30px;}
.page-cn{ position: relative; display: inline-block; font-size:30px; padding: 0;  font-weight: bold; text-transform: uppercase; color: #333333; }
.page-cn span{ display: inline-block; color: #9f4141; margin: 0 5px;}
.page-en{ position: relative;  display: inline-block; font-size: 14px; text-transform: uppercase; width: 100%; color: #666; }
.syabul{display: inline-block; width: 100%;}
.syabul li{ display: inline-block; padding: 5px 20px; position: relative; float: right;}

.gsjjul{ width: 100%; display: inline-block; padding: 10px; margin-top: 20px; border: 1px solid #eee; border-left: 0; border-right: 0;}
.gsjjdiv{ display: inline-block; width: 100%; padding: 20px; text-align: center;}

.gsjjul li .ul-a{ font-size: 30px; position: relative; font-weight: bold; color: #9f4141; display: inline-block; width: 100%; border-right: 1px solid #eee}
.gsjjul li .ul-a small{ font-size: 14px; font-weight: 600; position: absolute; top: -5px ; left: 20%;  display: inline-block; width: 100%;}

.cpzstype{display: inline-block; width: 100%; padding: 50px 0;}

.cpzstype-l.page-tit .page-cn,.cpzstype-l.page-tit .page-en{ color: #fff;}

.cpzstype-r{ display: inline-block; width: 100%; text-align: right;
    float: right;}
.cpzstype-r li{ display: inline-block; padding: 8px;}
.typename{display: inline-block; width: 100%; background: #fff; position: relative; text-align: center; padding: 20px 30px ;}
.typename-cn{ font-size: 18px; font-weight: bold; color: #9f4141; display: inline-block;}
.typename-en{ font-size: 14px;  color: #666 ;display: inline-block;}
.typename:after{ content: ""; position: absolute; width: calc(100% - 20px); height: calc(100% - 20px);  left: 0; top: 0; margin: 10px; border: 1px solid #ccc;}

.typename:hover{ background: #9f4141;}
.typename:hover .typename-cn,.typename:hover .typename-en{color: #fff;}



.pagemore{ display: inline-block; width: 100%; padding: 20px 0 ;}
.pagemore a{ display: inline-block; padding: 5px 25px; border: 1px solid #9f4141;   color: #9f4141; line-height: 32px; text-align: center;}
.pagemore a:hover{ padding: 5px 30px; background: #9f4141; color: #fff;}


.caselist{ display: inline-block; width: 100%; position: relative; height: 360px; margin-top: 12px; }
.caselistimg{ width: 100%; display: inline-block; height: 100%; overflow: hidden;}
.caselistimg img{ width: 100%; height: 100%;}
.caselistbody{ position: absolute; bottom: 0; left: 0; width: 100%; background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.5)); color: #fff;}
.caselisttit{ width: 100%; border-bottom: 1px solid rgba(254,254,254,.3); padding: 0 20px; display: inline-block; line-height: 40px;}
.caselisttit .tita{ float: left; font-size: 18px; font-weight: bold; display: inline-block;}
.caselisttit .titb{ display: inline-block; float: right; text-align: right; font-size: 14px;}
.caselistnote{ padding: 0 20px; display: inline-block; width: 100%;}
.caselistnote .notea{ float: left; display: inline-block; font-size: 14px;}
.caselistnote .noteb{ float: right; display: inline-block;  text-align: right;}
.caselistnote .noteb a{ color: #9f4141}

.caselist:hover .caselistimg img{ transform: scale(1.1)}
.caselist:hover .caselistbody{ background: linear-gradient(rgba(150,180,20,0), rgba(150,180,20,0.5));}


.newspage{ padding: 40px 0; width: 100%;}

.news-div{width: 100%; display: inline-block;}
.news-img-s{ width: 100%; height: 200px; overflow: hidden;}
.news-img-s img{ width: 100%;}
.news-img img{ width: 100%; min-height: 100%;}
.news-top{ display: inline-block; width: 100%; padding:0 5px;  }
.news-time{ display: inline-block; float: left ; font-size: 14px; color: #9f4141; 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: #9f4141;}
.newsmore a .iconfont{ display: inline-block;}
.newstit{ display: inline-block; width: 100%; font-weight: bold; line-height: 30px; height: 30px; overflow: hidden; font-size: 14px;}
.newsnote{ display: inline-block; width: 100%; line-height: 22px; height: 44px; color: #666; overflow: hidden; font-size: 12px;}



.newsbody{ width: 100%; padding: 10px; display: inline-block; background: #fff;}

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

.news-l{ width: 100%; display: inline-block;  border: 1px solid #f5f5f5; box-shadow: 5px 5px 16px #ccc;  overflow: hidden;}

.news-l.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom: 0;
    display:inline-block; padding: 20px; height: 80px; width: 30%; background-color: #201455; line-height: 30px;
}
.jiantfy{ position: absolute; z-index: 4; top: 50%; font-size: 18px; font-weight: bold; display: inline-block; width: 100%;}
.jiantfy .jiant-pre{ position: absolute; left: 20px; color: #fff; font-family: "宋体"}
.jiantfy .jiant-next{ position: absolute; right: 20px; color: #fff; font-family: "宋体"}

.newtopb .news-type{color: #333}
.news-l .swiper-slide {
    font-size: 18px;
    color:#333; overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding:0;
}
.news-l .parallax-bg {

    height:380px;
    width: 100%;
    margin: 0;
    -webkit-background-size: contain;
    background-size: contain;
    background-position: center;
}
.nynewsl.news-l .parallax-bg{ width: 60%;}
.newsswbody{ width: 40%; height: 100%; right: 0; background: #f2f2f2; position: absolute; padding: 30px;}
.newsswbody .news-top{ margin-top: 20px;}
.newsw-note{ font-size: 12px; width: 100%; margin-top: 20px; color: #333; line-height: 180%;}
.news-l .swiper-slide .title{  position: relative; background: rgba(254,254,254,1); width: 100%; margin-bottom: 0; color: #333; margin-left: 0;
    font-size: 14px;  padding: 20px;  display: inline-block;}
.nynewsl.news-l .swiper-slide .title{position: relative;}
.pagetitfull{border-bottom: 1px solid #f2f2f2; display: inline-block; width: 100%; margin-bottom: 20px;}
.news-l .bannerimg3 img{ width: 100%; }

.foota{   display: inline-block; width: 100%; padding: 20px 0;  color: #fff; background:#333;}
.foota a{ color: #f2f2f2}
.foot-nav{ display: inline-block; width: 100%; text-align: left;}
.foot-nav li{ display: inline-block; margin: 5px 16px;}
.footlx{ line-height: 30px;  font-size: 12px; display: inline-block; padding: 10px 0;  margin-top: 20px; width: 100%;}
.footlx li .iconfont{ padding-left: 4px; font-size: 12px;}
.footbr{ display: inline-block; width: 100%; text-align: right;}
.footewm{ width: 100px; margin-top: 30px; float: right; margin-left: 5px;}
.foot-nav li .foot-nav-cn{ color: #fff; font-size: 14px; font-weight: bold; }
.foot-nav li .foot-nav-en{ color: #fff; font-size: 12px;}

.footlogo{ display: inline-block; padding: 10px ;}

.foottit{ width: 100%; display: inline-block; text-align: right;  margin-top: 20px; padding-right: 20px; color: #F83535;}
.foottel{ width: 100%; padding-right: 20px; display: inline-block;text-align: right; }
.foottel li{ margin: 4px ; color: #fff;}
.foottel .fa-phone{ color: #F4D03B; font-size: 24px; line-height: 50px; font-weight: bold;}

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

.links{ display: inline-block; width: 100%; border-bottom: 1px solid #333; padding: 0 10px;}
.linkstit{ width: 90px; padding: 10px; color: #fff; display: inline-block; float: left;}
.linkscon{ width: calc(100% - 100px) ; padding: 10px; float: left; display: inline-block;}
.linkscon a{ display: inline-block; padding: 0px 10px; color: #fff;}


/*内页*/
.page-ny{ padding: 20px 0; width: 100%}
.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-flex;}

.ny-nav-ul li a{  overflow: hidden; z-index: 2; padding: 6px; display: inline-block; 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: #9f4141;}

.breadcrumb{ background: transparent; font-size: 12px; color: #ccc;}
.breadcrumb a{ color: #ccc;}

.about-tit{ width: 100%; display: inline-block;  font-size: 18px; font-weight: bold;  padding: 0px 10px;}
.about-tit .ab-en{ font-size: 12px; margin-left: 20px; color: #999}
.pp-cen{ font-size: 14px; line-height: 25px; height: 75px; overflow: hidden; width: 100%; display: inline-block; padding: 0px; margin-top: 15px;}
.about-tit .iconfont{ font-size: 14px; font-weight: bold; color: #9f4141;}
.nyaboutcon{line-height: 180%;}

.aboutcen{ display: inline-block; width: 100%; }
.aboutimg{   width: 100%; padding: 30px 0; padding-top: 30px;  overflow: hidden;}
.aboutbody{  display: inline-block; width: 100%; padding: 20px; height: 440px}


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

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



.casepage .cppage{ height: 500px; width: 100%; overflow: hidden; position: relative;}

.cppage .swiper-container {
    width: 100%;
    height: 300px;
    margin-left: auto;
    margin-right: auto;
}

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

.cppage .gallery-top {
    height: 100%;
    width: 100%;
}

.cppage .gallery-thumbs { position: absolute;
    height: 120px;
    box-sizing: border-box;
    padding: 10px; bottom: 10px;
}
.casepage .cppage .gallery-thumbs{ background: rgba(0,0,0,.5); bottom: 0; border-top: 1px solid rgba(254,254,254,.4)}
.cppage .gallery-thumbs .swiper-slide {
    width: 16%; box-shadow: 3px 3px 10px #666; border: 2px solid rgba(254,254,254,.5);
    height: 100%;
    opacity: 1; cursor: pointer;
}

.cppage .gallery-thumbs .swiper-slide-thumb-active {
    opacity: 1; border: 2px solid #9f4141;
}

.case-text{display: inline-block; position: absolute;
    left: 10%; top: 10%;}
.case-tit-cn{ font-size: 24px; font-weight: bold; line-height: 50px; color: #9f4141;}
.case-tit-en{ font-size: 14px;  color: #fff;}
.case-note{ font-size: 14px; margin-top: 20px;  color: #fff;}

.case-ul{ display: inline-block; width: 100%; padding: 20px 0}
.case-ul li{ margin: 10px 0;}
.case-div{ display: inline-block; width: 100%;}
.case-img-s{ display: inline-block; width: 100%; overflow: hidden; height: 220px;}
.case-img-s img{ width: 100%; min-height: 100%;}
.casebody{ display: inline-block; width: 100%; padding: 10px 20px; background: #f5f5f5; margin-top: -6px;}

.casebodycc{  display: inline-block;
    width: 100%;
    font-size: 16px;
    font-weight: bold;
    line-height: 30px;
    height: 30px;
    padding: 5px;
    overflow: hidden;
    color: #555;}


.casetit{ display: inline-block; width: 100%; height: 30px; line-height: 30px; font-size: 16px; font-weight: bold; text-align: center}
.case-note{ display: inline-block; width: 100%; line-height: 25px; height: 50px; overflow: hidden; color: #666;}

.case-div:hover{ box-shadow: 5px 5px 10px #999;}
.case-div:hover .case-img-s img{ transform: scale(1.1)}
.case-div:hover .casebody{ background: #9f4141;}
.case-div:hover .casetit,.case-div:hover .case-note{color: #fff}


.pagea-tit{ width: 100%; padding: 10px 0px; text-align: center; position: relative; font-size: 24px;   color: #9f4141;line-height:30px;}
.pagea-tit:before{position: absolute; width: 100%; height: 1px; top: 50%; left: 0; content: ''; background: transparent; margin-top: -16px;}
.pagea-titb:before{margin-top: 0}
.pagea-cn{ position: relative; display: inline-block; font-size:24px; padding: 0 20px; background: #fff; font-weight: bold; text-transform: uppercase; color: #333; }
.pagea-cn span{ color:#9f4141}
.pagea-en{ position: relative;  display: inline-block; font-size: 16px; text-transform: uppercase; width: 100%; color: #ccc; }


.pagea-tit-lx{ width: 100%; text-align: left;}
.pagea-tit-lx.pagea-tit:before{ display: none;}
.pagea-cn{ line-height: 50px; padding-left: 0;}


.lxwmtit{ font-size: 28px; text-align: center; font-weight: bold; color: #A72828; line-height: 30px; width: 100%; display: inline-block;}
.lxwmcon{ font-size: 16px; display: inline-block; text-align: center; width: 100%;}

.lxwmtel{ display: inline-block; width: 100%; margin-top: 20px;}
.lxwmtel li{ display: inline-block; width: 100%; margin-top: 10px;}
.lxwmtel li.tels{ font-size: 24px; font-weight: bold; color: #D62C2C;}

.lxwmform{ background: #f5f5f5; height: 420px; display: inline-block; width: 100%; padding: 20px;}
.myinput{ border: 0; border-radius: 0;}
textarea.form-control.mytextarea{ height: 10vh; border: 0px; border-radius: 0px;}
.mybtn{background: #9F2323; color: #fff; font-size: 14px;  width: 100%;}

.news-sy-ul{display: inline-block; width: 100%; padding: 6px;}

.news-sy-ul li{ display: inline-block; width: 100%;}
.news-sy-ul .newstit{ display: inline-block; width: calc(100% - 90px); float: left; padding-left: 10px;}
.news-sy-ul .news-time{ width: 80px; display: inline-block; float: right; color: #999; line-height: 30px;}
.news-sy-ul .news-div{ margin-bottom: 4px; background: transparent; padding: 8px;}



.lxwm-name{ font-size: 24px; font-weight: bold; display: inline-block; width: 100%; line-height: 50px;}
.lxwm-name span{ color: #9F2323 }
.lxwm-note{ font-size: 12px; color: #666; margin-top: 0px; line-height: 20px; }

.lxwmtel{ display: inline-block; width: 100%; margin-top: 20px;}
.lxwmtel li{ display: inline-block; width: 100%; margin-top: 10px;}
.lxwmtel li.tels{ font-size: 24px; font-weight: bold; color: #9F2323;}

.lxwmform{   display: inline-block; width: 100%; padding: 20px;}
textarea.form-control.mytextarea{ height: 10vh;}
.mybtn{background: #9F2323; color: #fff; font-size: 14px;  width: 100%;}


@media (max-width: 768px) {
    .topnav .col-md-3{ display: inline-block;}
    .topbj{ background: #9F2323; padding: 20px; padding-left: 20px}
    .navbar-default .navbar-collapse, .navbar-default .navbar-form{ background: #9F2323;}
    .dropdown ul{ width: 100%; padding: 10px 20px;}
    .dropdown ul li a{ color: #fff; display: inline-block; width: 100%; line-height: 30px}
    .aboutimg{ padding: 0;}
    .gsjjdiv{ padding: 10px 0;}
    .cpzstype-r{ text-align: left}
    .typename{ padding: 10px;}
    .footewm{ display: none}
    .navbar-default{ height: auto; min-height: 0px;}
}




/*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:#9f4141; color:#fff; }
.fenyeys a{ margin:2px 6px; border-radius:25px; padding:5px 10px; background:#ccc; color:#fff; }
.fenyeys a:hover{ background:#9f4141;}
.nyright-con .col-md-12{margin: 0px; padding: 0px;}
.page-ny img{ max-width: 100%;}
/*客服*/
.side{  height:170px;position:fixed;bottom:0px; right:0px;  top: 0px;   margin:auto auto;z-index: 1000; margin-top: 10%;}
.side-ul>li{ position: relative;  margin-bottom: 10px; }
.side-ul>li:last-child{ border-bottom: none;}
.side-ul>li>a{  color:#fff ; display: block; width: 50px; height:50px; background: #9f4141;   border-radius: 5px 0px 0px 5px;}
.side-ul>li>a > .iconfont{ font-size: 25px;line-height: 50px; }
.side-ul>li:hover a{
    background:#9f4141;
}
.side-ul>li:hover>a{  color:  #404040;}
.side-ul>li>a .kuang1,.side-ul>li>a .kuang2,.side-ul>li>a .kuang3{ ;position: absolute; right: 50px; top: 0px; display: none;opacity: 0;width: 200px; background: #9f4141 ; padding: 13px; color: #fff;border-radius: 5px;}
.side-ul>li.qq:hover>a .kuang1{ display: block; opacity: 1;}
.side-ul>li.weixin:hover>a .kuang2,.side-ul>li.weixin:hover>a .kuang2:hover{ display: block; opacity: 1; top:60px;}
.side-ul>li.dianhua:hover>a .kuang3{ display: block; opacity: 1;  top: 0px;}

.nyright-con .col-md-12{margin: 0px; padding: 0px;}

.page-ny img{ max-width: 100%; height: auto;}

.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;}
.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;}
.lin50{ line-height: 50px;}
.borderb1 {	border-bottom:1px solid #d4d4d4;}
.rela{position: relative}
.ba-f5f5f5{ background: #f5f5f5;}
h3 {margin:0;}
h4 {	margin:0;}
a {	text-decoration: none !important;}