/*banner图*/
.twobanner {
    position:relative;
    overflow:hidden;
}
.twobanner:after {
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.1);
    z-index:1;
    transition:all 0.3s;
}
.twobanner-item {
    position:absolute;
    z-index:2;
    top:40%;
    left:10%;
    width:82%;
    color:#fff;
}
.twobanner-item .p1 {
    font-size: 48px;
    color: #fff;
    line-height: 2;
    font-family: 'Montserrat';
}

.twobanner-item h1 {
    font-size:42px;
    color: #fff;
    font-family: 'ChaoPai';
    font-weight:bold;
    margin:0% 0 1% 0;
}

.go-more {
    position:absolute;
    bottom:0;
    width:100%;
    height:100px;
    background:url(../images/xia.svg) no-repeat center center/30px;
    animation: go-more 0.3s linear infinite;
}
@keyframes go-more {
  0% {
      opacity:0.5;
      -webkit-transform: translate(0px,5px);
  }
  50% {
      opacity:1;
      -webkit-transform: translate(0px,10px);
  } 
  100% {
      opacity:1;
      -webkit-transform: translate(0px,5px);
  }
   
}
/*自适应样式*/
@media screen and (max-width:1024px) {
.twobanner {
    position:relative;
    width:100%;
    overflow:hidden;
}
.twobanner:after {
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.1);
    z-index:1;
    transition:all 0.3s;
}
.twobanner-item {
    position:absolute;
    z-index:2;
    top:40%;
    left:0%;
    width:100%;
    color:#fff;
    text-align:center;
}
.twobanner-item .p1 {
    line-height:16px;
    font-size:16px;
    margin-top:20px;
}
.twobanner-item h1 {
    font-size:24px;
    font-weight:bold;
    padding:2% 0;
}


}
/*自适应样式 end*/

/*关于品牌板块标题*/
.about-title {
    position: relative;
    padding:2% 0;
}
.about-title p {
    font-size: 30px;
    color: #323232;
    font-family: "DIN";font-family: "DIN";
    line-height: 2.0;
}
.about-title h3 {
    position: relative;
    font-size: 20px;
    color: #11a84e;
    font-weight: bold;
    margin:0 0 20px 0;
}

.about-title h4 {
    font-size: 16px;
    color: #323232;
    
    line-height: 1.8;
    
}
.about-title h6 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    opacity: 0.5;
    font-size: 400px;
    color: #dcdddd;
    font-family: "SangBleuEmpire-Regular";
    
}
@media screen and (max-width:1024px) {
.about-title {
    padding:8% 0;
}
.about-title h3 {
    font-size: 20px;
}
.about-title i {
    margin: 3% auto 3% auto;
}
.about-title p {
    font-size: 18px;
}
.about-title h4 {
    font-size: 14px;
    color:#999;
    line-height: 1.8;
}
.about-title h6 {
    top: 0;
    left: 0;
    font-size: 140px;
    
}
}


/*企业介绍*/
.introduce {
    position: relative;
    padding:3% 0;
}

.introduce .photo {
    position: relative;
    float:left;
    width:39%;
}
.introduce .photo img {

}
.introduce::before {
    content: "";
    position: absolute;
    top:0%;
    z-index: -1;
    width: 100%;
    height: 100%;
    background: url(../images/logo-icon.html) no-repeat left bottom/100%;
    margin: 0 10px;
    display: inline-block;
    vertical-align: middle;
    opacity: 0.02;
    -webkit-filter: grayscale(0%);
}

.introduce .word {
    width:100%;
    padding: 30px 0;
}
.introduce .word .tit {}
.introduce .word .tit h4 {
    font-size: 42px;
    color: #e40023;
    letter-spacing: 0;
    font-family: 'Montserrat-Bold';
    font-weight: bold;
    margin: 2% 0 4% 0;
}
.introduce .word .tit p {
    font-size: 30px;
    color: #2d2926;
    letter-spacing: 0;
    font-family: 'Montserrat-Bold';
    text-transform: uppercase;
}
.introduce .word .content {
    margin:0 0 0 0;
}
.introduce .word .content p {
    font-size: 16px;
    color: #323232;
    
    line-height: 1.8;
    margin: 0% 0 1% 0;
}

.introduce .word .tag {
    margin-top: 5%;
}
.introduce .word .tag ul {
    overflow:hidden;
}
.introduce .word .tag ul li {
    float:left;
    width:25%;
}
.introduce .word .tag ul li h3 {
    font-size: 78px;
    color: #11a84e;
    letter-spacing: 0;
    font-family: "DIN";
    transition: all 0.6s ease;
}
.introduce .word .tag ul li p {
    font-size: 16px;
    color: #323232;
    
    margin:20px 0 0 0;
}

@media screen and (max-width:1024px) {
.introduce {
    padding:5% 0;
}
.introduce::before {
    width: 100%;
    height: 100%;
    background: url(../images/logo-icon.html) no-repeat right bottom/100%;

}
.introduce .photo {
    width:100%;
}
.introduce .word {
    width:100%;
    padding: 5%;
}
.introduce .word .tit {}
.introduce .word .tit h4 {
    font-size: 24px;
    margin: 2% 0 4% 0;
}
.introduce .word .tit p {
    font-size: 18px;
}
.introduce .word .content {
    margin:10% 0 0 0;
}
.introduce .word .content p {
    font-size: 14px;
    margin: 0% 0 1% 0;
}
.introduce .word .tag {
    margin-top: 10%;
}
.introduce .word .tag ul {
    overflow:hidden;
}
.introduce .word .tag ul li {
    width:50%;
    padding: 5%;
}
.introduce .word .tag ul li h3 {
    font-size: 30px;
}
.introduce .word .tag ul li p {
    font-size: 14px;
    color: #666;
    padding-top: 5px;
}
}
/*企业介绍 end*/

/*生产实力*/
.power {
    position:relative;
    padding:2% 0 5% 0;
}
.power::before {
    opacity: 0.2;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 70%;
    background: url(../images/about/power-bg.png) no-repeat center center/cover;
    z-index: 0;
    transition: all 3s;
}
.power .container {
    position:relative;
    z-index: 1;
}
.power .about-title h3 {
    color: #11a84e;
}
.power .power-item {
    padding:2% 0;
}

.power .power-item .photo {
    width:100%;
}
.power .power-item .photo h2 {
    font-size: 30px;
    color: #231815;
    line-height: 1.8;
    margin:30px 0 0% 0;
}
.power .power-item .photo h2 span {
    padding:0 5px;
    font-size: 30px;
    font-weight: bold;
    font-family: "Montserrat-Bold";
}

.power .power-item .photo .content {
    margin:2% 0 0 0;
}
.power .power-item .photo .content p {
    font-size: 16px;
    color: #323232;
    
    line-height: 2;
    margin: 0% 0 2% 0;
}
.power .power-item .photo .content p span {
    padding:0 5px;
    font-size: 14px;
    color: #231815;
    font-family: "Montserrat-Bold";
}


.power .power-item .item-list {
    width:100%;
    max-width: 1400px;
    margin:0 auto;
}
.power .power-item .item-list ul {
    margin: 5% 0 0 0;
}
.power .power-item .item-list ul li {
    float:left;
    width: 31%;
    margin:1%;
    padding: 5% 2%;
    background:#fff;
    box-shadow: 0px 10px 30px rgb(0 0 0 / 10%);
}
.power .power-item .item-list ul li i {
    width: 40px;
    margin: 0 auto;
    font-size: 40px;
    color: #dcdddd;
    font-family: "SangBleuEmpire-Regular";
    font-style: normal;
}
.power .power-item .item-list ul li h5 {
    font-size: 18px;
    color: #332c2b;
    
    position: relative;
    margin:10px 0 10px 0;
}
.power .power-item .item-list ul li p {

    font-size: 16px;
    color: #323232;
    
    line-height: 2;
}
.power .power-item .item-list ul li p strong {
    display: block;
    font-size: 78px;
    color: #11a84e;
    letter-spacing: 0;
    font-family: "DIN";
    transition: all 0.6s ease;
}
@media screen and (max-width:1024px) {
.power {
    margin:2% 0;
}
.power::before {
    width: 100%;
    height: 100%;
    background: url(../images/about/power-bg.png) no-repeat center center/cover;
}
.power .power-item {
    padding:2% 0;
}

.power .power-item .photo {
    width:100%;
}
.power .power-item .photo h2 {
    font-size: 18px;
    line-height: 1.8;
    margin:6% 0 3% 0;
}
.power .power-item .photo h2 span {
    padding:0 5px;
    font-size: 18px;
}

.power .power-item .photo .content {
    margin:5% 0 0 0;
}
.power .power-item .photo .content p {
    font-size: 14px;
    line-height: 1.8;
    margin:0 0 10px 0;
}
.power .power-item .photo .content p span {
    padding:0 5px;
    font-size: 18px;
}


.power .power-item .item-list {
    width:100%;
    max-width: 1400px;
    margin:0 auto;
}
.power .power-item .item-list ul {
    margin: 5% 0 0 0;
}
.power .power-item .item-list ul li {
    float:left;
    width: 98%;
    margin:1%;
    padding:10% 5%;
    background:#fff;
    box-shadow: 0px 10px 30px rgb(0 0 0 / 10%);
}
.power .power-item .item-list ul li i {
    width: 40px;
    margin: 0 auto;
    font-size: 40px;
    color: #dcdddd;
    font-family: "SangBleuEmpire-Regular";
    font-style: normal;
}
.power .power-item .item-list ul li h5 {
    font-size: 16px;
    margin:10px 0 10px 0;
}
.power .power-item .item-list ul li p {
    height:100px;
    font-size: 16px;
    color: #323232;
    
    line-height: 2;
}
.power .power-item .item-list ul li p strong {
    display: block;
    font-size: 30px;
    font-family: 'Montserrat-Bold';
    transition: all 0.6s ease;
}
}
/*生产实力*/


.base img {
    filter: grayscale(0%);
}

/*企业文化*/
.culture-item {}
.culture-item ul {}
.culture-item ul li {
    position: relative;
    float: left;
    width: 50%;
    padding:50px;
    overflow: hidden;
}

.culture-item ul li h3 {
    font-size: 20px;
    color: #000;
    font-weight: bold;
}
.culture-item ul li h3::before {
    content: "";
    width: 4px;
    height: 4px;
    background: #11a84e;
    margin: 0 10px;
    display: inline-block;
    vertical-align: middle;
}
.culture-item ul li p {
    height: 50px;
    font-size: 18px;
    color: #323232;
    
    margin: 20px 0 0 0;
}
@media screen and (max-width:1024px) {
.culture-item {}
.culture-item ul {}
.culture-item ul li {
    width: 100%;
    padding:5%;
}

.culture-item ul li h3 {
    font-size: 18px;

}
.culture-item ul li h3::before {
    content: "";
    width: 4px;
    height: 4px;
    background: #3c3c3c;
    margin: 0 10px;
    display: inline-block;
    vertical-align: middle;
}
.culture-item ul li p {
    height: 50px;
    font-size: 16px;
    margin: 20px 0 0 0;
}    
}
/*企业文化*/


/* 留言 */
.leaving-form{font-size: 0;padding-bottom: 80px;}
.leaving-form .input-box{width: 590px;height: 50px;display: inline-block;font-size: 0;vertical-align: top;margin-bottom: 20px;}
.leaving-form .input-box1{margin-right: 20px;}
.leaving-form .input-box input{width: 100%;height: 100%;background-color: #fff;padding: 0 29px;border: 1px solid #ddd;font-size: 14px;color: #666;vertical-align: top;}
.leaving-form .text-box{width: 100%;height: 258px;display: inline-block;margin-bottom: 20px;}
.leaving-form .text-box textarea{width: 100%;height: 100%;border: 1px solid #ddd;font-family: "Microsoft YaHei";padding: 18px 29px;font-size: 14px;color: #666;line-height: 20px;}
.leaving-form .submit-box{width: 100%;text-align: center;}

 
.fixSubmit{
    background: #11a84e url(../images/more-icon.html) no-repeat 85% center/10px;
    border: 0;
    display: block;
    color: #fff;
    text-align: center;
    font-size: 14px;
    
    width: 180px;
    line-height: 40px;
    margin: 20px auto;
    clear: both;
    transition: all 0.5s;
    cursor: pointer;
}
.fixSubmit:hover {
    background: #11a84e  url(../images/more-icon.html) no-repeat 90% center/10px;
}

@media (min-width: 1400px){
	 
	.leaving-form .input-box{width: 49%;}
	.leaving-form .input-box1{margin-right: 2%;}

}
@media (max-width: 1220px){
	/* .leaving-form .input-box{width: 590px;} */
    .leaving-form .w{}
    .leaving-form .input-box{width: 100%;}
    .leaving-form .input-box1{margin-right: 0;}
    .leaving-form{padding-bottom: 70px;}
}
@media (max-width: 800px){
    .leaving-form .input-box{height: 35px;margin-bottom: 15px;}
    .leaving-form .input-box input{padding: 0 20px;}
    .leaving-form .text-box{height: 200px;margin-bottom: 15px;}
    .leaving-form .text-box textarea{padding: 10px 20px;}
    .leaving-form{padding-bottom: 50px;}
		.leaving-form .lef{ margin-bottom: 20px; }
		.leaving-form .lef .input-box{ width: 80%; }
}
@media (max-width: 500px){
    .leaving-form .input-box{margin-bottom: 10px;height: auto;}
    .leaving-form .input-box input{padding: 0 10px;height: 35px;}
    .leaving-form .text-box{height: 150px;margin-bottom: 20px;}
    .leaving-form .text-box textarea{padding: 6px 10px;}
    .leaving-form{padding-bottom: 30px;}
}



/* 联系我们 */
.lx{background:#f5f5f5;padding-bottom:0; }
.lx .cont-title{ padding-bottom: 40px; }
.lx li{ margin-bottom:30px;overflow:hidden}
.lx li .pic{ width:50%;height:500px;background:no-repeat center;background-size:cover;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.lx li .word{ width:calc(100% - 50%);height:500px;background:#fff;position:relative;padding:20px 5%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:table}
.lx li.last .word{width:49.999%}
.lx li .word .w_con{ display:table-cell;vertical-align:middle;width:100%}
.lx li .word .w_con .w_t{ padding-bottom:40px;border-bottom:1px solid #eee}
.lx li .word .w_con .w_t h4{ font-size:36px;color:#000;line-height:56px;}
.lx li .word .w_con .w_t h4 span{ float:right;font-size:36px;color:#ddd;font-family:Myriad Pro}
.lx li .word .w_con .w_t p{font-size:16px; padding-top:10px;}
.lx li .word .w_con .w_b{ margin-top:10px}
.lx li .word .w_con .w_b p{ font-size:18px;color:#333;line-height:50px;position:relative}
.lx li .word .w_con .w_b p em{ display:inline-block;vertical-align:middle;color:#d9d9d9;margin:0 20px}
.lx li .word .w_con .w_b p:before{ display:inline-block;width:40px;text-align:center;font-size:30px;color:#ccc;vertical-align:middle;margin-right:10px; }
.lx li .word .w_con .w_b p.icon-dizhi1:before,
.lx li .word .w_con .w_b p.icon-informatiom:before{ font-size:25px; }

 
@media(max-width: 1100px){
    .lx li .pic,
    .lx li .word{float:none;width:100%}
    .lx li.last .word{width:100%}
    .lx li .word{padding:5%}
    .lx li.last .word:first-child{margin-bottom:3px}
}
@media screen and (max-width: 768px) {
	.lx{padding-bottom: 25px}
    .lx li{margin-bottom: 0;}
    .lx li .pic{height: 350px;}
    .lx li .word{height: auto;}
    .lx li .word .w_con .w_t{padding-bottom: 10px;}
    .lx li .word .w_con .w_t h4,
    .lx li .word .w_con .w_t h4 span{font-size: 18px; line-height: 30px; font-weight: bold; }
    .lx li .word .w_con .w_b p:before{width: auto;font-size: 20px;}
    .lx li .word .w_con .w_b p.icon-dizhi1:before, 
    .lx li .word .w_con .w_b p.icon-informatiom:before{font-size: 14px; }
    .lx li .word .w_con .w_b{margin-top: 10px;}
    .lx li .word .w_con .w_b p{font-size: 14px; line-height: 28px; }
}
@media(max-width: 640px){
	.lx li .pic{height: 250px}
}