.w1200{ width: 1200px; margin: 0 auto;}

.brand-sec1{ background: url(../images/brand-bg1.jpg) no-repeat top center; background-size: 100% 100%; padding: 90px 200px 70px 200px;}
.brand-tit h2{ color: #333; opacity: 0.1; font-size: 100px; font-family: 'DIN'; text-align: center; text-transform: uppercase; font-weight: bold; 
 line-height:0}
.brand-tit h3{ text-align: center; color: #000; font-weight: bold; font-size: 40px; }
.brand-tit p{ text-align: center; font-size: 22px; color: #333; line-height: 36px; padding:20px 0;}
.brand-tit p i{ display: block; background: #6f6f6f; width: 30px; height: 1px; margin: 35px auto 0 auto;}
.brand-tit2 h2,.brand-tit2 h3,.brand-tit2 p{ color: #fff;}
.brand-sec1 .cont{ background: #fff; padding: 50px 30px; display: flex; display: -ms-flexbox; display: -webkit-flex; justify-content: space-between;}
.brand-sec1 .left  h2{ color: #c4c2c3; font-size: 50px; text-transform: uppercase; font-family: "宋体"; letter-spacing: 2px;}
.brand-sec1 .left h3{ color: #000; font-size: 40px; padding: 35px 0;}
.brand-sec1 .left b{ display: block; width: 55px; height: 2px; background: #6f6f6f;}
.brand-sec1 .left p{ font-size: 15px; line-height:40px; color: #333; height: 200px; overflow-y: scroll; margin-top: 50px; width: 535px;
padding-right: 30px;}
.brand-sec1 .right img{ display: block; width: 100%;}
.brand-sec1 ::-webkit-scrollbar { width: 0.25rem; height: 0.25rem; background: #000; } 
.brand-sec1 ::-webkit-scrollbar-track { border-radius: 0; } 
.brand-sec1 ::-webkit-scrollbar-thumb { border-radius: 0; background-color: #e62128; transition: all .2s; border-radius: 0.25rem; } 
.brand-sec1 ::-webkit-scrollbar-thumb:hover { background-color: #e62128; }




.brand-sec2{ background: url(../images/brand-bg2.jpg) no-repeat top center; background-size: 100% 100%; padding: 70px 30px; ;}
.brand-sec2 ul{ display: flex; display: -ms-flexbox; display: -webkit-flex; justify-content: space-between; padding-top: 35px;}
.brand-sec2 li {box-shadow: 0 0 10px rgba(0,0,0,0.1); width: 31.5%; overflow: hidden;background: #fff;}
.brand-sec2 li h3{ font-size: 16px; color: #333; padding-bottom: 10px;}
.brand-sec2 li p{ font-size: 14px; color: #666;}
.brand-sec2 li figcaption{ padding: 15px;}




.brand-sec3{ padding: 130px 0 30px 0; background:#f6f5f4 url(../images/brand-bg3.jpg) no-repeat bottom center; margin-top: -50px;  background-size: 100% 100%; }
.brand-sec3 .cont{ width: 1260px; margin: 50px auto 0 auto;}
.brand-sec3 .div{ display: flex; justify-content: space-between; }
.brand-sec3 .left,.brand-sec3 .right{ background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.1); position: relative; width: 538px; padding: 30px;}
.brand-sec3 .div h6{ color: #e62128; font-size: 12px; font-weight: normal; text-align: right; text-transform: uppercase;}
.brand-sec3 .div div h3{ font-size: 24px; font-weight: normal; text-align: right; text-transform: uppercase; color: #333;}
.brand-sec3 .div2{ display: flex; display: -ms-flexbox; display: -webkit-flex; align-items: center; justify-content: flex-end; padding: 15px 0;}
.brand-sec3 .div2 i{ display: inline-block; border-radius: 100%; width: 8px; height: 8px; background: #e62128; margin: 0 15px;}
.brand-sec3 .div  strong{  font-size: 24px; color: #333;}
.brand-sec3 .left P{ text-align: right;}
.brand-sec3 .div .p1{ font-size: 15px; color: #333; height: 60px; line-height: 30px; overflow: hidden;}
.brand-sec3 .div .left{ margin-bottom: 50px; position: relative; height: 100px; overflow: hidden;}
.brand-sec3 .div .right{ margin-top: 60px; position: relative; height: 100px; overflow: hidden;}
.brand-sec3 .right .div2{justify-content: flex-start ;}
.brand-sec3 .right h6{text-align: left; }
.brand-sec3 .div span{ display: block; text-align: right; cursor: pointer;}
.brand-sec3 .div .right span{ text-align: left;}
.brand-sec3 .div span b{ display: inline-block; background: url(../images/downarrow.png) no-repeat top center; width: 12px; height: 7px;}
.brand-sec3 .circle{ position: relative;}
.brand-sec3 .circle span{ display: block; height: 40px; width: 40px; border:1px dashed #e0e0e0; background: #fff; border-radius: 100%; margin-bottom: 20px;
position: relative; z-index: 1;}
.brand-sec3 .circle span i{ height: 14px; width: 14px; display: block; margin: 12px auto; background: #E0E0E0; border-radius: 100%;} 
.brand-sec3 .circle .line{ height:100%; position: absolute; top: 0; bottom: 0; width: 1px; background: #E0E0E0; left: 50%; z-index: 0; transition: all 0.36s;}
.brand-btn.on b{ transform: rotate(180deg);}
.brand-sec3 .red-bg{ background: #e62128; height: 40px; width: 40px; border-radius: 100%; text-align: center; padding-top: 5px;  margin: 0 auto;}


.brand-sec6{ padding: 70px 0;width: 1200px;margin: 0 auto;}
.brand-sec6 ul{ display: flex; display: -ms-flexbox; display: -webkit-flex; justify-content: space-between; padding-top: 35px;}
.brand-sec6 li {box-shadow: 0 0 10px rgba(0,0,0,0.1); width: 31.5%; overflow: hidden;}
.brand-sec6 li h3{ font-size: 16px; color: #333; padding-bottom: 10px;}
.brand-sec6 li p{ font-size: 14px; color: #666;}
.brand-sec6 li figcaption{ padding: 15px;}