body,input,h1,h2,h3,h4,h5,h6,b,c,e,i,g,p,div,dl,dt,dd,select,textarea,font,right,left{ margin:0; padding:0;color:#555; font-size:12px; font-family:"arial","微软雅黑"; line-height:1;font-weight: normal;letter-spacing: 0.8px;}
body,html{height:100%;position:relative;width: 100%;background-color: #ffffff;}
img{display: block;}
a{ color:#333; text-decoration:none;}
ul, ol, li, dl, dd {margin: 0;padding: 0; list-style:none;}
html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6,span,dd,dt,b,c,e,a,font,right,left{ -webkit-text-size-adjust:100%;}
.fl{float: left;}
.fr{float: right;}
.clearfix:after{display: block;content: '';clear: both;}
.bg_big{width: 100%;height: auto;background-color: #f8f8f8;font-family: arial;}

/*IE*/
	.web-ie2018{ font-family: microsoft yahei;   position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 9999999999999;background: #666;zoom:1;}
	.web-ie2018 dl{    position: absolute;width: 700px;height: auto;top: 50%;margin-top: -200px;left: 50%;margin-left: -350px;background: #fff;}
	.web-ie2018 dl #img{    display: block;margin: 50px auto;}
	.web-ie2018 dl h3{    display: block;text-align: center;font-size: 28px;font-weight: normal;letter-spacing: 2px;margin: 0 auto 30px;}
	.web-ie2018 dl h4{ display: block;text-align: center;font-size: 18px;font-weight: normal;letter-spacing: 2px;margin: 50px auto 50px;}
	.web-ie2018 dl dd{ margin: 0 auto 50px;  display: block;text-align: center; margin-bottom:50px;}
	.web-ie2018 dl dd a{ display: inline-block;margin: 0 20px;}
	.web-ie2018 dl dd a img{display: block;margin: 0 auto;text-align: center;width: 50%;}
	.web-ie2018 dl dd a span{display: block;font-size: 16px; color:#666;}
/*<------------------------------------->*/	

/* pc */
.pc-1200px{display: none;}
@media only screen and (max-width:1270px)
{
.pc-1200px{ position: fixed;width: 100%;height: 100%;top: 0;left: 0;background: #333;z-index: 99999999999999999;display: block;}
.pc-1200px p{ position: absolute;transform: translateY(-50%);-webkit-transform: translateY(-50%);width: 100%;top: 50%;left: 0;}
.pc-1200px p img{ display: block;margin: 0 auto 2em;height: 50px;}
.pc-1200px p strong{ display: block;color: #fff;text-align: center;font-size: 2em;letter-spacing: 1px;line-height: 1em;margin-bottom: 2em;}
.pc-1200px p span{ display: block;text-align: center;color: #eee;letter-spacing: 1px;font-size: 16px;}
}

/* headerwrap */
.headerwrap{width: 100%;box-sizing: border-box;position: fixed;top: 0;left: 0;z-index: 5;}
.header{width: 90%;margin: auto;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;}
.header .logo{display: block;width: 340px;height: 120px;border: black;background-color: #003f2d;box-sizing: border-box;padding: 20px;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;transition: all .3s;}
.header .logo img{display: block;width: auto;height: 82%;margin: auto;}

.header .right{display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: center;align-items: center;}
.header .right .nav{display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: center;align-items: center;}
.header .right .nav a{display: block;width: auto;line-height: 120px;font-size: 18px;color: #FFFFFF;padding: 0 30px;transition: all .3s;position: relative; font-weight: bold;}
.header .right .nav a::after{content: '';display: block;width: 0%;height: 2px;background-color: #FFFFFF;position: absolute;left: 0;bottom: 0;transition: all .3s;}
.header .right .nav a:hover::after{width: 100%;}
.header .right .phone{width: 180px;height: 46px;display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: space-between;justify-content: space-between;box-sizing: border-box;padding: 0 20px;background-color: #003f2d;font-size: 16px;color: #ffffff;-webkit-animation: scaleBtn .8s ease-out infinite alternate;animation: scaleBtn .8s ease-out infinite alternate;margin-left: 30px;border-radius: 2rem;}
.header .right .phone i{color: inherit;}

@-webkit-keyframes scaleBtn {
  0% {
    -webkit-transform: scale(.9);
    transform: scale(.9)
  }

  50% {
    -webkit-transform: scale(1.08);
    transform: scale(1.08)
  }

  100% {
    -webkit-transform: scale(.9);
    transform: scale(.9)
  }
}
@keyframes scaleBtn {
  0% {
    -webkit-transform: scale(.9);
    transform: scale(.9)
  }

  50% {
    -webkit-transform: scale(1.08);
    transform: scale(1.08)
  }

  100% {
    -webkit-transform: scale(.9);
    transform: scale(.9)
  }
}

.div2_1 .headerwrap{background-color: #003f2d;}
.div2_1 .headerwrap .header .logo{height: 100px;}
.div2_1 .headerwrap .header .right .nav a{line-height: 100px;}
.div2_1 .headerwrap .header .right .phone{background-color: #FFFFFF;color: #003f2d;}


/* bannerwrap */
.bannerwrap{width: 100%;box-sizing: border-box;position: relative;overflow: hidden;height: 100%;}
.banner{width: 100%;position: relative;height: 100%;}
.banner .swiper-container{position: relative;z-index: 0;height: 100%;}
.banner .swiper-slide img{width: 100%;display: block;}
.centerBig img{-webkit-animation-name:centerBig;animation-name:centerBig;}
@-webkit-keyframes centerBig{
100%{transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);}}
@keyframes centerBig{
100%{transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);}}
.banner .swiper-slide img{animation-duration:5s;animation-timing-function:linear;animation-fill-mode: forwards;-webkit-animation-duration:5s;-webkit-animation-timing-function:linear;-webkit-animation-fill-mode: forwards;
}	
.banner .swiper-slide .sjbanner{display: none;}

.banner .text{width: 90%;position: absolute;top: 50%;left: 5%;z-index: 1;transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.banner .text p{font-size: 24px;color: #FFFFFF;margin-bottom: 30px;font-weight: bold;text-shadow: 3px 3px 5px rgba(0,0,0,0.3);}
.banner .text h4{font-size: 16px;color: #FFFFFF;font-weight: bold;text-shadow: 3px 3px 5px rgba(0,0,0,0.3);line-height: 34px;display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: center;align-items: center;}
.banner .text h4 i{display: block;width: 1px;height: 16px;background-color: #FFFFFF;margin: 0 10px;}
.banner .text h3{font-size: 80px;font-weight: bold;text-shadow: 5px 5px 10px rgba(0,0,0,0.3);color: #FFFFFF;margin: 30px 0;letter-spacing:10px;}
.banner .text h5{font-size: 40px;color: #FFFFFF;text-shadow: 5px 5px 10px rgba(0,0,0,0.3);display: -webkit-flex;display: flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: center;align-items: center;}
.banner .text h5::before{content: '';display: block;width: 60px;height: 1px;background-color: #FFFFFF;margin-right: 10px;letter-spacing: 2px;}
.banner .r-text{display: flex;display: -webkit-flex;-webkit-justify-content: flex-end;justify-content: flex-end;position: absolute;right: 5%;bottom: 70px;z-index: 2;align-items: flex-end;-webkit-align-items: flex-end;}
.banner .r-text h3{display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;writing-mode: tb;align-items: center;-webkit-align-items: center;font-weight: bold;color: #FFFFFF;font-size: 26px;padding-bottom: 100px;margin-right: 20px;letter-spacing: 5px;}
.banner .r-text h3::before{content: '';display: block;width: 2px;height: 40px;background-color: #FFFFFF;margin-bottom: 10px;}
.banner .r-text p{font-size: 16px;color: #FFFFFF;font-weight: bold;writing-mode: tb;text-transform: uppercase; margin-bottom: 50px;}
.banner .swiper-pagination{box-sizing: border-box;padding-left: 5%;display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: center;align-items: auto;bottom: 70px;}
.banner .swiper-pagination .swiper-pagination-bullet{background-color: #FFFFFF;position: relative;margin-right: 20px;opacity: 1;}
.banner .swiper-pagination .swiper-pagination-bullet:last-child{margin-right: 0;}
.banner .swiper-pagination .swiper-pagination-bullet::after{content: '';display: block;width: 17px;height: 17px;position: absolute;top: 50%;left: 50%;border-radius: 50%;border:1px solid #FFFFFF;margin-top: -9px;margin-left: -9px;}
.banner .swiper-pagination .swiper-pagination-bullet::after{opacity: 0;}
.banner .swiper-pagination .swiper-pagination-bullet-active::after{opacity: 1;}

.zs{width: 100%;box-sizing: border-box;background-color: #221715;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;padding: 60px 0;}
.zs li{width: 20%;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;border-right: 1px solid rgba(255,255,255,0.5);}
.zs li:last-child{border-right: none;}
.zs li font{font-size: 120px;color: #FFFFFF;opacity: 0.08;font-weight: bold;}
.zs li h3{font-size: 28px;color: #FFFFFF;margin-top: 30px;margin-left: -20px;}
.zs li h3 span{font-size: 16px;color: #FFFFFF;margin-top: 10px;display: block;text-transform: uppercase;}

/* indexwrap */
.indexwrap{width: 100%;box-sizing: border-box;overflow: hidden;position: relative;}

/* index01wrap */
.index01wrap{width: 100%;box-sizing: border-box;padding: 100px 0;}
.i-tl{text-align: center;margin-bottom: 40px;}
.i-tl p{font-size: 16px;color: #003f2d;margin-bottom: 10px;}
.i-tl h3{font-size: 30px;color: #333333;}
.index01{width: 90%;margin: auto;}
.index01 .swiper-slide .imgbox{width: 100%;}
.index01 .swiper-slide .imgbox img{display: block;width: 100%;}
.index01 .swiper-slide .text{opacity: 0;transition: all 1s;}
.index01 .swiper-slide-active .text{opacity: 1;}
.index01 .swiper-button-next,.index01 .swiper-button-prev{background-color: rgba(0,0,0,0.6);width: 60px;height: 125px;top: 50%;margin-top: -65px;transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.index01 .swiper-button-next{right: 0;-webkit-border-bottom-left-radius: 10px;border-bottom-left-radius: 10px;-webkit-border-top-left-radius: 10px;border-top-left-radius: 10px;}
.index01 .swiper-button-prev{left: 0;-webkit-border-bottom-right-radius: 10px;border-bottom-right-radius: 10px;-webkit-border-top-right-radius: 10px;border-top-right-radius: 10px;}
.index01 .swiper-slide .text{width: 100%;box-sizing: border-box;text-align: center;padding: 0 90px;margin-top: 30px;}
.index01 .swiper-slide .text h3{font-size: 20px;color: #333333;font-weight: bold;margin-bottom: 20px;}
.index01 .swiper-slide .text h4{font-size: 16px;color: #333333;line-height: 26px;}
.more{display: block;font-size: 16px;color: #FFFFFF;width: 200px;height: 50px;background-color: #003f2d;line-height: 50px;border: 1px solid #003f2d;position: relative;z-index: 0;margin: auto;margin-top: 40px;text-align: center;overflow: hidden;}
.more::after{content: '';display: block;width: 0%;height: 100%;position: absolute;top: 0;left: 0;z-index: -1;transition: all .3s;background-color: #FFFFFF;}
.more:hover::after{width: 100%;}
.more:hover{color: #003f2d;}

/* index02wrap */
.index02wrap{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;padding-right: 5%;background-color: #221715;}
.index02wrap .left{width: 60%;position: relative;box-sizing: border-box;}
#box{display: block; width:100%;overflow: hidden;position: relative;}
#box video{display: block;width: 100%;}
#box dt{ position: absolute;width: 100%;height: 100%;top: 0;left: 0;     padding: 0;   transition: 0.8s;}
#box .cover{cursor:pointer; position: absolute;width: 100%;height: 100%;top: 0;left: 0; background-color: rgba(0, 0, 0, 0.22); z-index: 2;}
#box .cover #imgbg{opacity: 1; position: absolute;width: 100%;height: 100%;left: 0;top: 0; -webkit-transition:0.5s; -moz-transition:0.5s; transition:0.5s;}
#box .fa{z-index: 2;position: absolute;top: 50%;left: 50%;color: #fff;font-size: 36px;font-weight: normal;width: 80px;height: 80px;text-align: center;line-height: 80px;border-radius: 50%;margin: -40px 0 0 -40px;}
#box .fa img{display: block;width: 100%;}
#box .fa:before{ margin-left: 15px;}
#box dt:hover #imgbg{-webkit-transform:scale(1.04); -moz-transform:scale(1.04); transform:scale(1.04);}
.index02wrap .right{width: 40%;box-sizing: border-box;padding-left: 80px;}
.index02wrap .right h3{font-size: 30px;color: #ffffff;font-weight: bold;margin-bottom: 30px;}
.index02wrap .right p{display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: center;align-items: center;font-size: 20px;color: #FFFFFF;margin-bottom: 30px;}
.index02wrap .right p::before{content: '';display: block;width: 40px;height: 1px;background-color: #FFFFFF;margin-right: 10px;}
.index02wrap .right h4{font-size: 16px;color: #FFFFFF;line-height: 28px;text-align: justify;}
.index02wrap .right .more{margin: 0;margin-top: 50px;width: 166px;height: 50px;line-height: 50px;box-sizing: border-box;}

/* index03wrap */
.index03wrap{width: 100%;box-sizing: border-box;padding: 100px 0;}
.index03{width: 90%;margin: auto;}
.index03 .swiper-slide{position: relative;overflow: hidden;}
.index03 .swiper-slide img{display: block;width: 100%;transition: all .6s;}
.index03 .swiper-slide:hover img{transform: scale(1.1);}
.index03 .swiper-slide .text{width: 100%;height: 100px;display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: center;align-items: center;font-size: 20px;color: #FFFFFF;background-color: rgba(0,0,0,0.5);position: absolute;left: 0;bottom: 0;box-sizing: border-box;padding: 0 40px;opacity: 0;transition: all .3s; display: none;}
.index03 .swiper-slide .text::before{content: '';display: block;width: 40px;height: 1px;background-color: #FFFFFF;margin-right: 10px;}
.index03 .swiper-button-next,.index03 .swiper-button-prev{width: 50px;height: 80px;background-color: #003f2d;background-size: 20px;margin-top: -40px;}
.index03 .swiper-button-next{right: 0;}
.index03 .swiper-button-prev{left: 0;}
.index03 .swiper-slide:hover .text{opacity: 1;}

/* index04wrap */
.index04wrap{width: 100%;box-sizing: border-box;padding: 100px 0;background: url(../img/bj.jpg)no-repeat fixed;background-size: cover;}
.index04{width: 1400px;margin: auto;max-width: 90%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;}
.index04 .left{width: 50%;box-sizing: border-box;padding-right: 40px;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;}
.index04 .left li{width: 30%;box-sizing: border-box;background-color: #f5f5f5;padding: 30px 0;text-align: center;position: relative;}
.index04 .left li::before{content: '';display: block;width: 100%;height: 50%;background-color: #003f2d;top: 0;position: absolute;left: 0;z-index: 0;}
.index04 .left li h3{font-size: 20px;color: #FFFFFF;position: relative;z-index: 1;}
.index04 .left li .yuan{display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;background-color: rgba(255,255,255,0.3);box-sizing: border-box;padding: 5px;width: 88px;height: 88px;border-radius: 50%;position: relative;z-index: 1;margin: 20px auto;}
.index04 .left li .yuan h3{background-color: #FFFFFF;font-size: 48px;color: #003f2d;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;width: 100%;height: 100%;border-radius: 50%;}
.index04 .left li .yuan h3 font{font-size: 14px;color: #003f2d;margin-top: 25px;}
.index04 .left li a{width: 100px;height: 30px;line-height: 30px;font-size: 14px;color: #FFFFFF;background-color: #003f2d;display: block;margin: auto;}
.index04 .right{width: 50%;box-sizing: border-box;padding-left: 40px;}
.index04 .right .top{font-size: 30px;color: #FFFFFF;margin-bottom: 30px;}
.index04 .right form{display: block;width: 100%;}
.index04 .right form label{display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;margin-bottom: 20px;}
.index04 .right form label input{display: block;width: 49%;height: 52px;border: 1px solid #ddd;box-sizing: border-box;padding:0 20px;font-size: 16px;color: #333333;font-size: 16px;outline: none;}
.index04 .right form textarea{display: block;box-sizing: border-box;padding: 20px;font-size: 16px;color: #333333;height: 110px;width: 100%;outline: none;}
.index04 .right form .more{margin: 0;margin-top: 30px;}

/* index05wrap */
.index05wrap{width: 100%;box-sizing: border-box;padding-top: 100px;}
.index05{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;}
.index05 li{display: block;width: calc((100% - 5px)/6);position: relative;overflow: hidden;}
.index05 li::after{content: '';display: block;width: 100%;height: 100%;background: url(../img/xg.png)no-repeat;background-size: cover;opacity: 0;transition: all .3s;z-index: 0;position: absolute;top: 0;left: 0;}
.index05 li img{display: block;width: 100%;transition: all .6s;}
.index05 li .text{width: 100%;height: 100%;position: absolute;top: 0;left: 0;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-flex-flow: column;flex-flow: column;box-sizing: border-box;padding: 30px;z-index: 1;}
.index05 li .text font{display: block;width: 52px;height: 52px;background-color: #003f2d;font-size: 20px;color: #ffffff;text-align: center;line-height: 52px;}
.index05 li .text h3{font-size: 20px;color: #FFFFFF;font-weight: bold;line-height: 34px;min-height: 68px;}
.index05 li:hover::after{opacity: 1;}
.index05 li:hover img{transform: scale(1.1);}

/* index06wrap */
.index06wrap{width: 100%;box-sizing: border-box;padding-top: 100px;}
.index06{width: 90%;margin: auto;margin-top: ;} 
.index06 .swiper-container{box-sizing: border-box;padding: 5px;}
.index06 .imgbox{width: 100%;overflow: hidden;}
.index06 .imgbox img{display: block;width: 100%;transition: all .6s;}
.index06 .text{width: 100%;box-sizing: border-box;padding: 40px 40px 40px 110px;box-shadow: 0px 0px 5px rgba(0,0,0,0.3);}
.index06 .text p{font-size: 20px;color: #003f2d;position: relative;margin-bottom: 30px;}
.index06 .text p font{font-size: 30px;color: #003f2d;font-weight: bold;margin-right: 20px;}
.index06 .text p::before{content: '';display: block;width: 50px;height: 1px;background-color: #003f2d;position: absolute;left: -60px;top: 15px;}
.index06 .text h4{font-size: 16px;color: #333333;line-height: 28px;text-align: justify;}
.index06 .swiper-pagination{position: relative;margin-top: 40px;}
.index06 .swiper-pagination .swiper-pagination-bullet{width: 8px;height: 8px;border: 1px solid #003f2d;background-color: transparent;margin-right: 10px;opacity: 1;}
.index06 .swiper-pagination .swiper-pagination-bullet:last-child{margin-right: 0;}
.index06 .swiper-pagination .swiper-pagination-bullet-active{background-color: #003f2d;}
.index06 .swiper-slide:hover .imgbox img{transform: scale(1.1);}

/* index07wrap */
.index07wrap{width: 100%;box-sizing: border-box;padding-top: 100px;}
.index07{width: 100%;box-sizing: border-box;padding: 100px 0 100px 5%;background-color: #221715;position: relative;}
.index07 .left{width: 60%;box-sizing: border-box;position: relative;z-index: 1;}
.index07 .left .top li{width: 100%;box-sizing: border-box;padding-left: 70px;margin-bottom: 30px;}
.index07 .left .top li:last-child{margin-bottom: 0;}
.index07 .left .top li h3{font-size: 24px;color: #FFFFFF;margin-bottom: 10px;position: relative;margin-bottom: 10px; font-weight: bold;}
.index07 .left .top li h3::before{content: '';display: block;width: 50px;height: 1px;background-color: #FFFFFF;position: absolute;left: -70px;top: 12px;}
.index07 .left .top li p{font-size: 18px;color: #FFFFFF;}
.index07 .left .cont{width: 100%;box-sizing: border-box;margin-top: 100px;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;}
.index07 .left .cont .swiper-container{width: calc(100% - 60px);}
.index07 .left .cont .swiper-slide{background-color: #ffffff;padding: 30px;box-sizing: border-box;}
.index07 .left .cont .top{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;margin-bottom: 30px;}
.index07 .left .cont .top img{display: block;width: auto;}
.index07 .left .cont .top font{font-size: 20px;color: #333333;opacity: 0.3;}
.index07 .left .cont h3{font-size: 20px;color: #333333;font-weight: bold;margin-bottom: 20px;}
.index07 .left .cont h4{font-size: 14px;color: #333333;line-height: 26px;}
.index07 .left .cont .page{box-sizing: border-box;padding-left: 16px;}
.index07 .left .cont .page .swiper-button-next,.index07 .left .cont .page .swiper-button-prev{width: 44px;height: 40px;background-color: #003f2d;background-size: 20%;position: relative;top: 0;left: 0;bottom: 0;margin: 0;padding: 0;right: 0;outline: none;}
.index07 .left .cont .page .swiper-button-next{margin-bottom: 10px;}
.index07 .right{width: 60%;height: 100%;box-sizing: border-box;position: absolute;right: 0;top: 0;z-index: 0;background: url(../img/tst_22.jpg)no-repeat;background-size: cover;}

/* index08 */
.index08wrap{width: 100%;box-sizing: border-box;padding-top: 100px;}
.index08{width: 100%;box-sizing: border-box;background-color: #f5f5f5;position: relative;padding: 0 5%;}
.index08::after{content: '';display: block;width: 50%;background: url(../img/tst_24.jpg)no-repeat;background-size: cover;position: absolute;height: 100%;top: 0;left: 0;}
.index08 .cont{width: 90%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;position: relative;z-index: 1;}
.index08 .cont .left{width: 50%;padding: 80PX 0;}
.index08 .cont .left .tl{font-size: 30px;color: #FFFFFF;}
.index08 .cont .left .tl font{font-size: 40px;color: #FFFFFF;margin-top: 20px;display: block; font-weight: bold;}
.index08 .cont .left .bot{margin-top: 200px;}
.index08 .cont .left .bot h3{font-size: 40px;color: #FFFFFF;font-weight: bold;margin-bottom: 20px;}
.index08 .cont .left .bot h4{font-size: 16px;color: #ffffff;line-height: 26px;}
.index08 .cont .left .bot .more,.index08 .cont .right form .more{margin: 0;margin-top: 30px;width: 170px;height: 50px;line-height: 50px;}
.index08 .cont .right{width: 50%;padding-left: 140px;box-sizing: border-box;}
.index08 .cont .right h3{font-size: 24px;color: #333333;margin-bottom: 20px;font-weight: bold;}
.index08 .cont .right p{font-size: 18px;color: #333333;margin-bottom: 30px;}
.index08 .cont .right p font{font-size: 30px;color: #003f2d;font-weight: bold;margin: 0 10px;}
.index08 .cont .right form{display: block;width: 500px;}
.index08 .cont .right form input{display: block;width: 100%;height: 52px;border: 1px solid #a7a7a7;outline: none;box-sizing: border-box;padding: 0 20px;font-size: 16px;color: #333333;margin-bottom: 10px;background-color: transparent;}
.index08 .cont .right form textarea{display: block;border: 1px solid #a7a7a7;box-sizing: border-box;padding: 20px;font-size: 16px;color: #333333;height: 110px;width: 100%;outline: none;resize: none;background-color: transparent;}
.index08 .cont .right form .more{margin-top: 40px;}
.index08 .bgfont{font-size: 172px;color: #003f2d;opacity: 0.08;writing-mode: tb;position: absolute;right: 5%;top: 0;}


.bd-mask{width: 100%;height: 100%;position: fixed;top:0;left: 0;z-index: 9999;background-color: rgba(0,0,0,0.8);}
.offertc,.ordertc{display: none;}
.bd-mask .tcbox{width: 100%;height: 100%;position: absolute;top: 0;left: 0;background-image: url();display: flex;display: -webkit-flex;justify-content: center;-webkit-justify-content:center;align-items: center;-webkit-align-items:center;}
.bd-mask .tcbox .contwarp{width: 1110px;height: auto;background-color: #fff;box-sizing: border-box;padding: 80px;position: relative;border-bottom-right-radius: 100px;}
.bd-mask .tcbox .contwarp::before{content: '';display: block;width: 1px;height: 100%;background-color: #ddd;position: absolute;top: 0;left: 50%;}
.bd-mask .tcbox .contwarp .cont{width: 100%;box-sizing: border-box;position: relative;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;}
.bd-mask .tcbox .contwarp .cont .left{width: 50%;box-sizing: border-box;padding-right: 100px;position: relative;}
.bd-mask .tcbox .contwarp .cont .left h3,.bd-mask .tcbox .contwarp .cont .right h3{font-size: 30px;color: #003f2d;margin-bottom: 30px;font-weight: bold;}
.bd-mask .tcbox .contwarp .cont .left form{width: 100%;display: block;}
.bd-mask .tcbox .contwarp .cont .left form input{display: block;width: 100%;height: 50px;background-color: #f5f5f5;box-sizing: border-box;padding: 0 15px;color: rgba(34,34,34,0.7);border-radius: 0;opacity: none;margin-bottom: 10px;border: none;font-size: 16px;outline: none;}
.bd-mask .tcbox .contwarp .cont .left form textarea{display: block;width: 100%;height: 110px;background-color: #f5f5f5;box-sizing: border-box;resize: none;border-radius: 0;opacity: none;margin-bottom: 10px;border: none;color: rgba(34,34,34,0.7);font-size: 16px;outline: none;}
.bd-mask .tcbox .contwarp .cont .left .last{font-size: 14px;color: #666666;margin-top: 10px;}
.bd-mask .tcbox .contwarp .cont .right{width: 50%;box-sizing: border-box;padding-left: 100px;}
.bd-mask .tcbox .contwarp .cont .right p{display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;font-size: 20px;color: #333333;font-weight: bold;}
.bd-mask .tcbox .contwarp .cont .right p i{font-size: inherit;color: #003f2d;margin-right: 10px;margin-bottom: 20px;}
.bd-mask .tcbox .contwarp .cont .right h4{font-size: 16px;color: #333333;line-height: 28px;margin-bottom: 30px;}
.bd-mask .tcbox .contwarp .cont .right img{display: block;width: 100%;box-sizing: border-box;border: 2px solid #f3a97f;}
.bd-mask .tcbox .contwarp .cont .left .tcbutn{display: block;width: 100px;height: 100px;background-color:#003f2d;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;border: 3px solid #003f2d;border-radius: 50%;animation: circl02_sub 3s linear infinite;position: absolute;right: -50px;top: 50%;margin-top: -50px;cursor: pointer;}
.bd-mask .tcbox .contwarp .cont .left .tcbutn p{width: 88px;height: 88px;background-color: #003f2d;border-radius: 50%;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;font-size: 20px;color: #FFFFFF;line-height: 24px;}

@-webkit-keyframes circl02_sub {
	0% {
		-webkit-box-shadow: 0 0 0 0 rgba(231,83,0, .5), 0 0 0 .5vw rgba(231,83,0, .6), 0 0 0 1vw rgba(231,83,0, .4);
		box-shadow: 0 0 0 0 rgba(231,83,0, .5), 0 0 0 .5vw rgba(231,83,0, .6), 0 0 0 1vw rgba(231,83,0, .4)
	}

	100% {
		-webkit-box-shadow: 0 0 0 .5vw rgba(231,83,0, .6), 0 0 0 1vw rgba(231,83,0, .4), 0 0 0 1.5vw rgba(231,83,0, 0);
		box-shadow: 0 0 0 .5vw rgba(231,83,0, .6), 0 0 0 1vw rgba(231,83,0, .4), 0 0 0 1.5vw rgba(231,83,0, 0)
	}
}

@keyframes circl02_sub {
	0% {
		-webkit-box-shadow: 0 0 0 0 rgba(231,83,0, .5), 0 0 0 .5vw rgba(231,83,0, .6), 0 0 0 1vw rgba(231,83,0, .4);
		box-shadow: 0 0 0 0 rgba(231,83,0, .5), 0 0 0 .5vw rgba(231,83,0, .6), 0 0 0 1vw rgba(231,83,0, .4)
	}

	100% {
		-webkit-box-shadow: 0 0 0 .5vw rgba(231,83,0, .6), 0 0 0 1vw rgba(231,83,0, .4), 0 0 0 1.5vw rgba(231,83,0, 0);
		box-shadow: 0 0 0 .5vw rgba(231,83,0, .6), 0 0 0 1vw rgba(231,83,0, .4), 0 0 0 1.5vw rgba(231,83,0, 0)
	}
}


.bd-mask .tcbox .contwarp .cont .top,.bd-mask .tcbox .contwarp .cont .bot{font-size: 14px;color: #333333;display: inline-block;box-sizing: border-box;padding: 0 20px;background-color: #fff;position: absolute;left: 50%;transform: translateX(-50%);-webkit-transform:translateX(-50%);}
.bd-mask .tcbox .contwarp .cont .top{top: -7px;}
.bd-mask .tcbox .contwarp .cont .top span{color:#ffc000 ;}
.bd-mask .tcbox .contwarp .cont .bot{bottom: -7px;}
.bd-mask .tcbox .contwarp .cont form{width: 70%;margin:auto;margin-bottom: auto;box-sizing: border-box;}
.bd-mask .tcbox .contwarp .cont form .min{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;margin-bottom: 30px;}
.bd-mask .tcbox .contwarp .cont form .left{width: 49%;}
.bd-mask .tcbox .contwarp .cont form input{width: 100%;display: block;height: 40px;box-sizing: border-box;padding: 0 20px;font-size: 12px;color: #333333;border-radius: 4px;margin-bottom: 10px;border: 1px solid #DDDDDD;}
.bd-mask .tcbox .contwarp .cont form input:last-child{margin-bottom: 0;}
.bd-mask .tcbox .contwarp .cont form textarea{width: 49%;border: 1px solid #ddd;resize: none;display: block;font-size: 12px;color: #333333;border-radius: 4px;box-sizing: border-box;padding: 20px;}
.bd-mask .tcbox .contwarp .cont form h3{font-size: 24px;color: #333333;font-weight: bold;text-align: center;margin-bottom: 30px;}
.bd-mask .tcbox .contwarp .cont form h3 span{color: #ffc602;}
.bd-mask .tcbox .contwarp .cont form button{display: block;width: 160px;height: 40px;border-radius: 0;margin: auto;}
.bd-mask .tcbox .contwarp .cont form button::after{border-radius: 0;}
.bd-mask .tcbox .contwarp .close {position: absolute;right: -120px;top: -100px;transition: all .3s; pointer-events: painted;}
.bd-mask .tcbox .contwarp .close:hover{transform: rotate(180deg);}

.bd-mask input::-webkit-input-placeholder,.bd-mask textarea::-webkit-input-placeholder{color: rgba(34,34,34,0.7);}
.bd-mask input::-ms-input-placeholder,.bd-mask textarea::-ms-input-placeholder{color: rgba(34,34,34,0.7);}


.lbtn{width: 150px;height: 100px;background-color: #003f2d;border-top-left-radius: 100px;border-bottom-left-radius: 100px;position: fixed;right: 0;bottom: 10px;z-index: 2;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;font-size: 15px;color: #FFFFFF;-webkit-flex-flow: column;flex-flow: column;font-weight: bold;padding-left: 20px;}
.lbtn h3{font-size: 30px;font-weight: bold;color: #FFFFFF;display: block;margin-bottom: 10px;}
.lbtn .imgbox{display: block;width: 60px;height: 60px;border-radius: 50%;background-color: #FFFFFF;position: absolute;top: -30px;left: 0;box-sizing: border-box;padding: 10px;box-shadow: 0px 0px 5px rgba(231,83,0, .3);-webkit-animation: scaleBtn .8s ease-out infinite alternate;animation: scaleBtn .8s ease-out infinite alternate;}
.lbtn .imgbox img{display: block;width: 100%;}

/* index09 */
.index09{width: 100%;box-sizing: border-box;background-color: #221715;padding: 30px 5%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;}
.index09 .left{display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: center;align-items: center;}
.index09 .left a{font-size: 16px;color: #fff;margin-right: 30px;display: block;}
.index09 .left a:hover{text-decoration: underline;}
.index09 .left a:last-child{margin-right: 0;}
.index09 .right{display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: center;align-items: center; display: none;}
.index09 .right a{display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;margin-right: 10px;width: 30px;height: 30px;box-sizing: border-box;padding: 6px;background-color: rgba(255,255,255,0.5);border-radius: 4px;}
.index09 .right a img{width: 100%;}
.index09 .right a:last-child{margin-right: 0;}




 

.index04 .right .wpcf7-form{ display: block; width: 100%;}
.index04 .right .wpcf7-form .label{display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;margin-bottom: 20px;}
.index04 .right .wpcf7-form .label span{display: block;width: 49%;height: 52px;border: 0 solid #ddd;box-sizing: border-box;padding:0;font-size: 16px;color: #333333;font-size: 16px;outline: none;overflow: hidden;    position: relative;}
.index04 .right .wpcf7-form .label input{display: block;width: 100%;height: 52px; font-size: 16px;color: #333333;font-size: 16px;outline: none;     padding: 0 10px;}
.index04 .right .wpcf7-form textarea{display: block;box-sizing: border-box;padding: 20px;font-size: 16px;color: #333333;height: 110px;width: 100%;outline: none;}
.index04 .right .wpcf7-form .more{margin: 0;margin-top: 30px;}
.index04 .right .wpcf7-form .label br,.screen-reader-response{ display: none; }  
.index04 .right .wpcf7-form .label span span,.index04 .right .wpcf7-form  p span span,.index08 .cont .wpcf7-form span span{ position: absolute;top: 0;right: 10px;color: #003f2d;width: auto;font-size: 12px;letter-spacing: 0;line-height: 56px;}
.wpcf7-response-output,.wpcf7-validation-errors{ display: block;color: #fff;letter-spacing: 0;margin: 20px 0 0 0;}

.index04 .right .wpcf7-form p span,.index08 .cont .wpcf7-form span,.bd-mask .tcbox .contwarp .cont .left form span{ overflow: hidden; display: block;  position: relative;}


.index08 .cont .wpcf7-form form{display: block;width: 500px;}
.index08 .cont .wpcf7-form form input{display: block;width: 100%;height: 52px;border: 1px solid #a7a7a7;outline: none;box-sizing: border-box;padding: 0 20px;font-size: 16px;color: #333333;margin-bottom: 10px;background-color: transparent;}
.index08 .cont .wpcf7-form form textarea{display: block;border: 1px solid #a7a7a7;box-sizing: border-box;padding: 20px;font-size: 16px;color: #333333;height: 110px;width: 100%;outline: none;resize: none;background-color: transparent;}
.index08 .cont .wpcf7-form form .more{margin-top: 40px;}

.index08 .wpcf7-response-output,.index08 .wpcf7-validation-errors,.bd-mask .wpcf7-response-output, .bd-mask .wpcf7-validation-errors{ color: #003f2d; }
 
.bd-mask .tcbox .contwarp .cont .left h3,.bd-mask .tcbox .contwarp .cont .right h3{font-size: 30px;color: #003f2d;margin-bottom: 30px;font-weight: bold;}
.bd-mask .tcbox .contwarp .cont .left form{width: 100%;display: block;}
.bd-mask .tcbox .contwarp .cont .left form input{display: block;width: 100%;height: 50px;background-color: #f5f5f5;box-sizing: border-box;padding: 0 15px;color: rgba(34,34,34,0.7);border-radius: 0;opacity: none;margin-bottom: 10px;border: none;font-size: 16px;outline: none;}
.bd-mask .tcbox .contwarp .cont .left form textarea{display: block;width: 100%;height: 110px;background-color: #f5f5f5;box-sizing: border-box;resize: none;border-radius: 0;opacity: none;margin-bottom: 10px;border: none;color: rgba(34,34,34,0.7);font-size: 16px;outline: none;}





.bd-mask .tcbox .contwarp .cont .left form span span{ position: absolute;width: auto;top: 0;right: 10px;line-height: 56px;letter-spacing: 0;color: #003f2d; }


.bd-mask button{line-height: 40px;}

 

















@media only screen and (max-width: 1600px){
.header{width: 96%;}
.header .right .nav a{font-size: 16px;padding: 0 20px;}
.header .logo{width: 300px;}
.banner .text h3{font-size: 52px;letter-spacing: 6px;margin: 20px 0;}
.header .logo img{max-width: 90%;}
.header .right .nav a{line-height: 100px;}
.header .logo{height: 100px;}
.banner .text p{font-size: 22px;margin-bottom: 20px;}
.banner .text h4{font-size: 14px;}
.banner .text h5{font-size: 24px;}
.banner .r-text h3{font-size: 22px;}
.banner .r-text p{font-size: 14px;}
.lbtn{width: 140px;height: 90px;}
.lbtn h3{font: 26px;}
.zs{padding: 30px 0;}
.zs li h3{font-size: 24px;}
.zs li h3 span{font-size: 14px;}
.index01 .swiper-slide .text{padding: 0 20px;}

.index02wrap .right{padding-left: 40px;}
.index02wrap .right h3{font-size: 26px;margin-bottom: 20px;}
.index02wrap .right p{font-size: 18px;margin-bottom: 20px;}
.index02wrap .right h4{font-size: 14px;line-height: 26px;}
.index02wrap .right .more{width: 150px;height: 46px;line-height: 46px;margin-top: 30px;}

.index03 .swiper-button-next, .index03 .swiper-button-prev{width: 60px;height: 60px;background-size: 15px;}

.index05 li .text h3{font-size: 18px;line-height: 30px;}
.index05 li .text font{width: 48px;height: 48px;line-height: 48px;font: 16px;}
.index06 .text{padding: 20px 30px 30px 70px; min-height: 230px;}
.index06 .text h4{font-size: 14px;line-height: 26px;}
.index06 .text p{font-size: 18px;margin-bottom: 20px;}
.index06 .text p font{font-size: 26px;margin-right: 10px;}
.index06 .text p::before{width: 40px;}

.index07 .left .top li h3{font-size: 22px;}
.index07 .left .top li p{font-size: 16px;}
.index07 .left .cont{margin-top: 60px;}

.index08 .cont .left .bot{margin-top: 150px;}
.index08 .cont .right form{width: 100%;}
.index08 .bgfont{font-size: 168px;}

.bd-mask .tcbox .contwarp{width: 900px;padding: 50px;}
.bd-mask .tcbox .contwarp .close{right: -100px;top: -80px;}

}