/*重置*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,header,hgroup,nav,section,article,aside,footer,figure,figcaption,menu,button {margin: 0; padding: 0; }
body {font-family: -apple-system, BlinkMacSystemFont,"PingFangSC-Regular", "Microsoft Yahei", "Helvetica", "Arial", "Verdana", "Sans-Serif";
    line-height: 1.75; font-size: 1rem; color: black; -webkit-user-select: none; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: transparent; outline: 0;
    -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: auto;}
h2,h3,h4,h5,h6{font-size:100%; }
section h1{font-size: 2em; font-weight: normal;}
section h2{font-size:2.25rem; color: #333; font-weight: bolder;}
section h3{font-size: 1.25rem; font-weight: normal;}
ul,ol,li{list-style:none}
a {-webkit-touch-callout: none; text-decoration: none; }
p{font-size: 1rem; color: #666; /*text-align: justify;*/}
a:hover{ color:#f54239;}
/*ul{width: 100%; overflow: hidden; margin: 0 auto;}*/
ul li{float: left; box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */ }

.text-yellow{color: #ffde00;}
.la-hideen{display: none;}

.banner{ width: 100%; text-align:center; position: relative; z-index: 0; overflow: hidden; padding: 0; }
.banner .item{position: relative;}
.banner .item>img{display:block; width: 100%; height:auto;}
.banner .banner-text{position: absolute; color: white; top:0; left: 50%; width: 75rem; margin-left: -37.5rem;z-index: 99; text-align: center;}
.banner h1{text-shadow: #666666 0.05em 0.05em 0.1em;font-size: 2em;}
.banner .name{ margin-bottom: 1rem; margin-top: 3.5rem;     }

.content{max-width: 75rem; margin: 0 auto;}
section{padding-top: 3.75rem; padding-bottom: 3.75rem;}
section .title{text-align: center; padding-bottom: 2rem; padding-top: 0;}

.section01{background-color: #f6f6f6; }
.section01 .content{background: url("../../images/branch/bj_right.png") repeat-y right; background-color: white;}
.section01 ul li:first-child{width: 70%;}
.section01 ul li:last-child{width: 30%;}
.section01 .introduce{padding: 2rem 3rem ;}
.section01 .introduce p{margin-top: 1rem;}

.section01 dl{padding: 2rem 3rem 3rem 3rem; }
.section01 dt{font-weight: bolder; margin-bottom: 0.75rem; font-size: 1.25rem;}
.section01 dt img{width: 1.1rem; height: auto; }
.section01 dl p>img{margin-left: 3rem; margin-top: 0.3rem; margin-bottom: 2rem;}

.product_ul li{ width: 33.33%; padding:  0.5rem;}
.thumbnail{width: 100%; background-color: #f6f6f6; position: relative;}
.thumbnail>img{width: 100%; height: auto;}
.thumbnail .caption{padding:1rem  1.25rem; position: absolute; left: 12rem; top: 0; color: #fff;}
.thumbnail .caption p{ margin-top: 0.4rem; overflow: hidden; color: #fff; opacity: .7;
    display: -webkit-box; text-decoration: none; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.section03,.section05{background-color: #f6f6f6;}
.section03 .thumbnail{background-color: white;}

.section04{background: url("../../images/branch/f4_bj.png") no-repeat top center; background-size: cover;}
.section04 p{text-align: center;}
.section04 ul li{float: left; width: 33.33%; padding:  2rem;}
.section04 .car{background-color: white; text-align: center; padding:2rem 0; box-shadow: rgba(92,92,92,0.23) 0 0 27px;
    -webkit-box-shadow: rgba(92,92,92,0.23) 0 0 27px; }

.section05 li{width: 50%; padding: 0.5rem;}
.section05 .media{background-color: #fff; padding: 1.5rem;  }
.section05 .media .media-left {position: absolute; }
.section05 .media .media-body{ padding-left: 7rem;}
.section05 .media .media-left img{width:6rem; height: auto; }
.section05 .media p{margin-top: 0.4rem;}
.section06 .article{ width: 80%; margin: 0 auto; padding:0 2rem 2rem 2rem;}
.section06 ul{width: 100%;}
.section06 li{width: 20%; text-align: center; color: #666;}

@media screen and (max-width:750px){
    h2{font-size:1.7rem;}
    .mx_hidden{display: none;}
    .la-hideen{display: block;}
    .banner .item>img{height:16rem; width: auto;}
    .banner .banner-text{width: 40rem; margin-left: -20rem;}
    .banner .name{margin-bottom: 0; margin-top: 2rem;}
    .banner .name>img{width: 12rem; height: auto;}
    .banner h1{display: block; width: 40%; margin:0 auto; font-size: 1.5rem;}
    section{padding:2rem 1rem;}
    section .title{padding-bottom: 1.25rem;}
    .content{ max-width: 40rem; }
    .section01 .content{background-image: none;}
    .section01 ul li:first-child{width: 100%;}
    .section01 ul li:last-child{width: 100%;}
    .section01 .introduce{padding: 1rem 2rem ; height: 20rem; overflow-y: scroll;}
    .product_ul li{ width: 50%; padding:  0.5rem;}
    .thumbnail .caption{padding:0rem  0.5rem 0.5rem 0.5rem;  }
    .thumbnail .caption h3{font-size:0.875rem;}
    .thumbnail .caption p{display: none;}
    .section04 ul li{width: 100%; padding: 0;}
    .section04 ul li .car{padding: 0.5rem 0 0.6rem 0;}
    .section04 ul li img{width: 20%;}
    .section05 li{width: 100%;}
    .section06 li img{width: 80%;}
    .section06 li{font-size: 1rem; line-height: 1.2;}
}