html, body, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, acronym, address, code,del, dfn, em, img, samp,small,strong, sub,tt,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;padding: 0;border:0;font-family: "Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
a{display:block;text-decoration: none;-webkit-tap-highlight-color: transparent;}
a:hover{text-decoration: none;}
li{list-style-type:none;}
dl,dt,dd,img,input,font,i,ul,p{border: none 0;display: block;font-style:normal;margin: 0;}
strong,em,del,dfn,p,address{font-weight: normal;display: block;font-style:normal;}
input,input:focus,input:active{user-select: text;outline:none;-webkit-appearance: none;}
select,textarea{-webkit-appearance: none;border: 0;resize: none;outline: 0;}
.col80{color: #808080}
.colfe{color: #fe6601}
.col0a{color: #0a7b91}
.col66{color: #666}
.imgBox{width: 100%;box-sizing: border-box;padding:10px 50px 0 0;}
.carousel-inner .carousel-item{width: 100%;height: auto;}
.smalBanner .carousel-item{width: 100%;height: 350px;}
.carousel-indicators li {    background-color: #a5916e;}
.navbar-toggler{padding: 0 5px;}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link{color: #968465;}
.navbar-light .navbar-nav .nav-link{color: #959595}
.borB{margin-bottom: 50px;}
.ctit{height: 80px;margin-top: 30px;}
.ctit span{width: 100%;display: block;height: 20px;border-bottom: 2px solid #dedede}
.box{width: 100%;padding: 50px 0;}
.box li a{padding-left: 15px;}
.box li a span{font-size: 16px;font-weight: 600;}
.box li a em{font-size: 20px;font-weight: 600}
.borderls{border-left: 5px solid #999;}
.borderL{border-left: 5px solid #9ddc50;}
.borderls a{color: #999}
.borderL a{color: #333}
.divs{width: 100%;}
.intro{width:100%;padding: 50px 0;background: url("../img/img9.png") bottom left no-repeat;background-size: 60%;}
.intro > div{margin-bottom: 30px;font-size: 18px;color: #666;line-height: 32px;}
.boy{width: 100%;}
.boy>div{display: none}
.boy>div .tit{font-size: 32px;padding-bottom: 40px;}
.boy>div span{font-size: 16px;}
.boy >div em.col80{font-size: 18px;line-height: 32px;}
.on{display: block !important;}
.fonts{padding-top: 30px;}
.fonts .col0a{display: inline-block;font-size: 30px;}
.fonts > div > em{font-size: 20px !important;}
.fonts > em{font-size: 21px;color: #666}
.info>.col>span{display: block;color: #333;font-size: 18px !important;font-weight: 600;padding: 30px 0;}
.techBox{width: 100%;background: #e6e6e6;padding: 50px 0}
.techBox h3{font-size: 30px;font-weight: 600}
.techBox span{display: block;font-size: 28px;margin:10px 0 20px !important;}
.achinfo{margin-bottom: 50px;}
.achinfo aside{font-size: 20px;line-height: 38px;}
.achinfo aside:first-child{box-sizing: border-box;padding-right: 40px;}
.achinfo aside:last-child{box-sizing: border-box;padding-left: 40px;}
.cent{text-align: center;padding: 30px 0;font-size: 18px;height: 114px}
.stro{font-size: 30px !important;padding: 40px 0 30px}
.paddi{padding: 20px 0 30px;}
.paddi h3{font-weight: 600;}
.intrBox>div{margin-bottom: 30px;}
.promsg{width: 100%;box-sizing: border-box;padding: 30px 0 0 50px;}
.views{width: 100%;box-sizing: border-box;padding:40px;overflow: hidden}
.views img{max-width: 100%}
.zsbox{padding-top: 100px;}
.zsbox h2{color: #656565;line-height: 50px;font-size: 30px;}
.moban{margin-top: 50px;}
.footer{background: #a5916e;width: 100%;padding: 30px 0 0;}
.copyright{padding: 15px 0;color: white;background: #918061;margin-top: 30px;}
.footer li{color: white}
.footer li em{font-size: 20px;}
.footer li span{font-size: 18px;display: block; }
.footer img {margin:0 auto;}
.company{padding-bottom:30px;}
.indCompanyTit{width: 100%;border-bottom: 1px solid #f5f5f5;padding-top: 50px;margin-bottom: 40px;}
.indCompanyTit>.tit>h4{color: #353535;display: inline-block;border-bottom: 2px solid #a5916e;height: 40px;}
.indCompanyTit>.tit>span{color: #999;display: inline-block;margin-left: 15px;}
.indCompanyCon> h1{font-size: 24px;color: #353535;margin: 15px 0;}
.indCompanyCon> p{font-size: 16px;color: #656565;margin-bottom: 30px;line-height: 30px;}
.indCompanyCon>a{width: 156px;height: 42px;line-height: 42px;border:1px solid #dedede;text-align: center;font-size: 16px;color: #959595}
.indCompanyCon>a:hover{border: 1px solid #a5916e;color: #a5916e;}
.newsBox{width: 100%;padding:40px 0;background: #f4f1ea}
.newsInfo{width: 100%;border: 1px solid #dedede;background: white;cursor:pointer}
.newsInfo:hover{border: 1px solid #a5916e;}
.newsInfo>section{width: 100%;box-sizing: border-box;padding:10px}
.newsInfo>section>h5{padding:5px 0;width: 100%;font-size: 16px;height: 50px;color: #353535}
.newsInfo>section>time{width: 100%;border-bottom: 1px solid #dedede;font-size: 14px;display: block;padding-bottom: 5px;color: #959595;margin-bottom: 10px;}
.newsInfo>section>p{height: 100px;overflow: hidden;font-size: 14px; color: #656565}
.more{display: inline-block;float: right;font-size: 14px;color: #656565}
.newsViewBox{width:100%;box-sizing: border-box;padding:50px 20px;}
.newsViewBox>h3{width: 100%;overflow: hidden;margin-bottom: 20px;}
.newsViewBox>p{font-size: 16px;color: #656565;padding-top: 30px;}
.newsViewBox p:first-child{ border-top: 1px solid #dedede;}
.hidden-sm{display: none}
.zlflbox{width: 100%;background: #e8e5df;box-sizing: border-box;padding:30px 20px 35px;overflow: hidden}
.zlflbox video{max-width: 100%;}
.zlflbox h3{font-size: 24px;color: #353535}
.zlflbox p{width: 100%;font-size: 16px;color: #656565;padding: 20px 0;}
.indprobox>div>div{margin-bottom:20px;position: relative}
.rgb{width: 100%;position: absolute;top:0;left: 0;height: 100%;background: rgba(0,0,0,.5);text-align: center;}
.rgb i{width: 100%;height: 60px;}
.rgb >div{width: 100%;height: 80px;}
.rgb span{width: 100%;color: white;font-size: 12px;}
.rgb em{display: table; height: 40px;line-height: 40px;margin: 0 auto;border-top:1px solid white;border-bottom:1px solid white;color: white}
.hidden-sm{display: none}
.footerMsg{margin-top: 40px;}


.wrapper {
  text-transform: uppercase;
  cursor: help;
  position: relative;
  width: 190px;
  -webkit-transform: translateZ(0); /* webkit flicker fix */
  -webkit-font-smoothing: antialiased; /* webkit text rendering fix */
}

.wrapper>a{width: 156px;height: 42px;line-height: 42px;border:1px solid #dedede;text-align: center;font-size: 16px;color: #959595}
.wrapper>a:hover{border: 1px solid #a5916e;color: #a5916e;}

.wrapper .tooltip {
  background: #1496bb;
  bottom: -25px;
  color: #fff;
  display: block;
  left: 158px;
  margin-bottom: 15px;
  margin-left: 15px;
  opacity: 0;
  padding: 20px;
  pointer-events: none;
  position: absolute;
  width: 100%;
  -webkit-transform: translateY(10px);
     -moz-transform: translateY(10px);
      -ms-transform: translateY(10px);
       -o-transform: translateY(10px);
          transform: translateY(10px);
  -webkit-transition: all .25s ease-out;
     -moz-transition: all .25s ease-out;
      -ms-transition: all .25s ease-out;
       -o-transition: all .25s ease-out;
          transition: all .25s ease-out;
  -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
     -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
      -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
       -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
          box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
}

/* This bridges the gap so you can mouse into the tooltip without it disappearing */
.wrapper .tooltip:before {
  bottom: -20px;
  content: " ";
  display: block;
  height: 20px;
  left: 0;
  position: absolute;
  width: 100%;
}  

/* CSS Triangles - see Trevor's post */
.wrapper .tooltip:after {
  border-bottom: solid transparent 10px;
  border-top: solid transparent 10px;
  border-right: solid #1496bb 10px;
  bottom: -10px;
  content: " ";
  height: 0;
  top: 50%;
  left: -10px;
  margin-top: -12px;
  position: absolute;
  width: 0;
}
  
.wrapper:hover .tooltip {
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: translateY(0px);
     -moz-transform: translateY(0px);
      -ms-transform: translateY(0px);
       -o-transform: translateY(0px);
          transform: translateY(0px);
}

/* IE can just show/hide with no transition */
.lte8 .wrapper .tooltip {
  display: none;
}

.lte8 .wrapper:hover .tooltip {
  display: block;
}


@media (max-width: 575px) {
    .footerMsg{margin-top: 0;}
    .zssbox{margin-top: 20px;}
    .zsbox{padding-top: 20px;}
    .zsbox h2,.zsbox h4{font-size: 20px;}
    .moban div{margin-bottom: 20px;}
    .moban div img{margin: 0 auto}
    .checkMore{width: 100%;height: 38px;border: 1px solid #dedede;line-height: 38px;text-align: center;margin-top: 20px;background: #e8e5df;color: #a5916e}
    .indCompanyCon> h1{font-size: 18px;}
    .indCompanyTit>.tit>h4{font-size: 22px;}
    .zlflbox{margin-top: 20px;}
    .hidden-xs{display: none}
    .hidden-sm{display: block}
    .slogo{width: 200px;}
    .navbar{padding: .5rem 0;}
    .carousel-inner .carousel-item{width: 100%;height: auto;}
    .indCompanyTit{margin-bottom: 0}
    .indCompanyCon>a{margin-bottom: 30px;}
    .newsInfo{margin-top: 20px;}
    .newsBox{padding: 0 0 20px;}
    .company{padding-bottom: 30px;}
    .borderL,.borderls{margin-bottom: 20px;}
    .box{padding: 30px 0 0;margin: 0;}
    .boy{margin-left: 0;}
    .paddi{width: 100%;padding: 0 0 20px;}
    .paddi>h3{margin-top: 28px;text-align: center}
    .achinfo aside{font-size: 16px;}
    .achinfo aside:first-child{padding-right: 0;}
    .stro{font-size: 24px !important;}
    .boy>div .tit{padding: 20px 0;}
    .newsViewBox{padding: 30px 0}
    .Xcontent08{display: flex;width: 100% !important;height: 76px !important;margin-left: 0 !important;}
    .Xcontent07,.Xcontent09,.Xcontent10,.Xcontent11,.Xcontent12{width: 70px!important;height: 70px !important; margin-top: 0 !important;margin-right: 5px;}
    .promsg{padding-left: 0!important;}
    .views{padding: 30px 0 20px !important;}
    .copyright{font-size: 12px;}
    .footer .container >.row>li{margin-bottom: 15px;}
    .footer>.container >.row>li>span,.footer .container >.row>li>em{font-size: 16px;}
}

@media (min-width: 576px) and (max-width: 767px) {
    .carousel-inner .carousel-item{width: 100%;height: 320px;}
	.Xcontent08 {display: flex;width: 100% !important;height: 76px !important;margin-left: 0 !important;}
	.Xcontent07,.Xcontent09,.Xcontent10,.Xcontent11,.Xcontent12{width: 70px!important;height: 70px !important; margin-top: 0 !important;margin-right: 5px;}
}


@media (min-width: 768px) and (max-width: 991px) {
    .navbar-nav li{border-right: 1px solid #dedede;height: 18px;line-height: 18px;padding:0 5px;}
    .navbar-nav li:last-child{border-right: 0}
    .nav-link{padding: 0;}
	.Xcontent08 {display: flex;width: 100% !important;height: 76px !important;margin-left: 0 !important;}
	.Xcontent07,.Xcontent09,.Xcontent10,.Xcontent11,.Xcontent12{width: 70px!important;height: 70px !important; margin-top: 0 !important;margin-right: 5px;}

	.modal-dialog {
    max-width: 680px;
    margin: 1.75rem auto;
	}	


}


@media (min-width: 992px) and (max-width: 1199px) {
    .navbar-nav li{border-right: 1px solid #dedede;height: 18px;line-height: 18px;padding:0 5px;}
    .navbar-nav li a{font-weight: bold}
    .navbar-nav li:last-child{border-right: 0}
    .nav-link{padding: 0;}
	.Xcontent08 {display: flex;width: 100% !important;height: 76px !important;margin-left: 0 !important;}
	.Xcontent07,.Xcontent09,.Xcontent10,.Xcontent11,.Xcontent12{width: 70px!important;height: 70px !important; margin-top: 0 !important;margin-right: 5px;}

	.modal-dialog {
    max-width: 900px;
    margin: 1.75rem auto;
	}	


}

@media (min-width: 1200px) {
    .navbar-nav li{border-right: 1px solid #dedede;height: 18px;line-height: 18px;padding:0 5px;}
    .navbar-nav li:last-child{border-right: 0}
    .nav-link{padding: 0;}
    .navbar-nav li a{font-weight: bold}
    .smalBanner{}
	.Xcontent06 img{max-width:430px;}


	.modal-dialog {
    max-width: 1000px;
    margin: 1.75rem auto;
	}	

}