body{font-size: 16px;} 
.w80{ width: 90%; max-width: 1500px; margin: 0 auto;}
.banner .txt{ padding-bottom: 10%;}
.banner .banTxt{ width: 44.4%;}
.banner .txt .more{background-image: linear-gradient(to right,var(--green),var(--qblue)); line-height: 1.6;}
.banner .txt .more:hover{ padding-left: 50px; padding-right: 50px;}

.idxAbout .left{ width: 64%;}
.idxAbout .right{ width: 36%;}
/*  background-image: linear-gradient(to right,var(--green),var(--qblue)) */
.idxAbout  .more{ background:url(../images/pic/bg3.jpg) no-repeat center center; background-size: cover; line-height: 1.6;}
.idxAbout  .more:hover{ padding-left: 50px; padding-right: 50px;}

/* .banner{ width: 100%; height: 100vh;}
#bannerVideo{  width: 100%; height: 100% ; position: absolute; left: 0; top: 0; z-index: 5;}
#companyVideo{  width: 100%; height: 100% ; position: absolute; left: 0; top: 0; z-index: 9; display: none;}
.banner .txt{  position: absolute; left: 0; top: 0; z-index: 10; padding-top: calc(7vw + 80px); padding-bottom: 120px;}
.banner .txt.hide{ display: none;}
.banner .paly{
	z-index: 20;
	width: 100px;
	cursor: pointer;
	background: rgba(0, 0, 0, .3);
	border-radius: 50%;
	box-shadow: 0 0 rgba(255, 255, 255, 0.1),0 0 0 15px rgba(255, 255, 255, 0.1),0 0 0 30px rgba(255, 255, 255, 0.1);
	animation: ripple-wave1 1s linear infinite;
	animation-play-state: running;
	opacity: 1;
	visibility: visible;
	transform: scale(1);
	transform: scale(0.8);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	-webkit-animation: ripple-wave1 1s linear infinite;
}
.banImg{ width: 100%; height: 100vh; object-fit: cover;}
.banDesc{ width: 100% ; position: absolute; left: 0;  bottom: 0; background-color: rgba(52, 157, 109, .5); z-index: 10;}
.banDesc.hide{ opacity: 0; }
.banDesc li{ width: 25%;}
.banDesc li::after{ width: 1px; height: 50%; background-color: #fff; position: absolute; top: 25%; right: 0; display: block; content: '';}
.banDesc li:last-child::after{ display: none;} 

.navBox.big::before{ background-color: #c29e5e; height: 66px; width: 50%; position: absolute; left: 0; top: 0; display: block ; content: ''; z-index: 1;}
.navBox.big::after{ background-color: #c49e5f; height: 66px; width: 50%; position: absolute; right:  0; top: 0; display: block ; content: ''; z-index: 1;}

*/
.navBox{ width: 100%; position: fixed; z-index: 100; width: 100%; left: 0; top: 7vh;z-index: 100;}
.navBox.big{ top: 0;}
.navBox.big nav .logo{ height: 66px;}
.navBox.big nav .logo img{ height: 40px;}
.navBox.big::before{ background-color: #c29e5e; height: 66px; width: 50%; position: absolute; left: 0; top: 0; display: block ; content: ''; z-index: 1;}
.navBox.big::after{ background-color: #c29e5e; height: 66px; width: 50%; position: absolute; right:  0; top: 0; display: block ; content: ''; z-index: 1;}

nav{width: 90%; max-width: 1500px;   }
nav .logo{ width: 21%; height: 80px;}nav .logo img{ height: 50px;}
nav .logo::before{ width: 100%; height: 100% ; position: absolute; left: 0; top: 0; background-color: #c29e5e; display: block; content: ''; -webkit-clip-path: polygon(100% 0,90% 100%, 0% 100%, 0 0);}
nav  .right{ width: 82%;margin-left: -3%; background:url(../images/pic/bg1.jpg) no-repeat right top; background-size: cover  }
nav .right ul{ width: 86%;}
nav .right ul li{ flex: 1; text-align: center; position: relative; display: flex; align-items: center; justify-content: center;}
nav .right ul li span{ position: relative;}
nav .right ul li span::after{ width: 100%; height: 2px; background: var(--blue); display: block; content: ''; position: absolute; left: 0; bottom: -8px; transition: all .36s; transform: scale(0,1); -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; -webkit-transform: scale(0,1); -moz-transform: scale(0,1); -ms-transform: scale(0,1); -o-transform: scale(0,1); }
nav .right ul li.searchBtn{ flex: .5;}
nav .oneNav{ font-size:20px; height: 66px; line-height: 66px; display: block;}
nav .right ul li:hover .oneNav span::after,nav .right ul li.on .oneNav span::after{ transform: scale(1,1); -webkit-transform: scale(1,1); -moz-transform: scale(1,1); -ms-transform: scale(1,1); -o-transform: scale(1,1); }
.navUL li  dl {position: absolute;top:  66px;left: 50%;margin-left: -100px;width: 200px;display: flex;align-items: center;justify-content: center;flex-direction: column;background-color: #fff;
    pointer-events: none;opacity: 0;transform: translateY(10px);-webkit-transform: translateY(10px);-moz-transform: translateY(10px);-o-transform: translateY(10px);-ms-transform: translateY(10px);transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;}
.navUL li   dl   dd {display: flex;width: 100%;justify-content: center;align-items: center; }
.navUL li   dl   dd + dd{ border-top:1px dashed #ccc ;}
.navUL li   dl   dd   a {width: 100%; color: #4b4b4b;font-size: 16px;text-align: center;padding: 15px 0;position: relative;transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;}
.navUL li   dl   dd   a:hover{ color: var(--blue); background-color: #e5e5e5;}
/* .navUL li   dl:after {content: "";position: absolute;width: 100%;height: 2px;top: 0px;left: 0;background: #005d80; } */
.navUL li:hover   dl {opacity: 1;pointer-events: auto;transform: none;-webkit-transform: none;-moz-transform: none;-o-transform: none;-ms-transform: none;}
.navUL li dl dt{ padding: 5px;   width: 100%;  border-top:1px dashed #ccc ; }
 
.navUL li dl dt a{ color: #4b4b4b; font-size: 14px; padding: 0 15px;}
.navUL li dl dt a:hover{color: var(--blue); background-color: #e5e5e5;}
nav .right ul li.searchBtn dl{ right: 0;left: auto; margin-left: 0; width: 300px;}
nav .right ul li.searchBtn .text{ width: calc(100% - 50px); height: 50px; line-height: 50px;}
nav .right ul li.searchBtn .submit{ width: 50px; height: 50px;line-height: 50px;}



.h_nav{ height: 60px; width: 60px; background-color:var(--blue); padding: 18px 8px ;    align-items: flex-end; display: none;}
.h_nav .burger{ width: 100%;  height: 1px ; background: #fff;  transition: .8s; display:inline-block;       }
.h_nav .burger:first-child{ animation: long 2s linear infinite; -webkit-animation: long 2s linear infinite; }
.h_nav .burger:nth-of-type(2){  width: 50%;}
.h_nav .burger:nth-of-type(3){ animation: long 3s linear infinite; -webkit-animation: long 3s linear infinite; }
.h_nav.close .burger:first-child{ display: none;}
.h_nav.close .burger:nth-of-type(3){ display: none;}
.h_nav.close .burger:nth-of-type(2) {    position: relative;    z-index: 1; width: 80%;}
.h_nav.close .burger:nth-of-type(2):before, .h_nav.close .burger:nth-of-type(2):after {      content: '';   position: absolute;      top: 0;      left: 0;      width: 100%;      height: 100%;      background: #fff;      opacity: 0;      z-index: 1;}
.h_nav.close .burger:nth-of-type(2) {    background: transparent;    transform: rotate(-180deg); }
.h_nav.close .burger:nth-of-type(2):before, .h_nav.close .burger:nth-of-type(2):after {      opacity: 1;      transition: all .3s; }
.h_nav.close .burger:nth-of-type(2):before {     transform: rotate(45deg); }   .h_nav .burger:nth-of-type(2):after {     transform: rotate(-45deg); }


.nav{ color: #fff !important; width: 100%; height: calc(100vh - 60px) ; transition:all .6s ; transform: translateX(100%); background-color: #000; position: fixed; top: 60px; right: 0; flex-direction: column; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); -webkit-transition:all .6s ; -moz-transition:all .6s ; -ms-transition:all .6s ; -o-transition:all .6s ; }
.nav.show{ transform:translateX(0) ;  -webkit-transform:translateX(0) ; -moz-transform:translateX(0) ; -ms-transform:translateX(0) ; -o-transform:translateX(0) ; }
.nav li.go-child{ border-top: 1px solid rgba(255, 255, 255, 0.25); position: relative;}
.nav li.go-child>a{ line-height: 60px; padding: 0 20px; font-size: 16px;}

.erji{ width: 60px; height: 60px; position: absolute; right: 0 ; top: 0; display: flex; align-items: center; justify-content: center; font-size: 30px; z-index: 10;
 background: url(../images/jia.png) no-repeat center center; background-size: 40% auto;}
 .nav li.go-child.on .erji{ background: url(../images/jian.png) no-repeat center center; background-size: 40% auto;}
.nav-down li a{ line-height: 50px; border-top: 1px solid rgba(255, 255, 255, 0.25); display: block; padding-left: 25px; font-size: 14px; opacity: 0.8; }




/* 
background-image: linear-gradient(to right,var(--qblue),var(--green));
*/

.idxLine{ height: 27px;  background:url(../images/pic/bg2.jpg) no-repeat left top; background-size: cover }
.idxClass .txt{  position: absolute; left: 0; top: 0; z-index: 6; background: rgba(48, 117, 132, .64);}
/* .idxClass li{ width: calc(100% / 5);} */
.idxClass .swiper-slide .DIN{  color: rgba(255, 255, 255, .3);}
.idxClass .swiper-slide:hover img{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }
.idxClass .swiper-slide:hover .txt{background: rgba(48, 117, 132, .3);}
.idxClass .swiper-slide:hover .DIN{  color: rgba(255, 255, 255, 1);}
.idxCulture li{  width: calc(100% / 3);}.idxCulture li::after{ width: 1px; height: 100%; background-color: var(--green); position: absolute; right: 0; top: 0; display: block; content: '';}
.idxCulture li:last-child::after{ display: none;}
.idxCulture .tit{ background-image: linear-gradient(to right,var(--qblue),var(--green)); padding: 8px 35px; border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; }
.line-clamp9{ word-break:break-all;display:-webkit-box;-webkit-line-clamp:9;-webkit-box-orient:vertical;overflow:hidden;}
.idxTitle .num i{   display: block; content: ''; width: .5em; height: 2px; background-color: #999;}
/* .idxTitle .desc::after{ margin-left: 15px; display: block; content: ''; width: 36px; height: 2px; background-color: #b3bbbc;}
.idxTitle .desc::before{ margin-right: 15px; display: block; content: ''; width: 36px; height: 2px; background-color: #b3bbbc;} */
.opacity0{ opacity: 0;}
.idxTitle .desc{ color: #333;}
.idxTitle .desc::after{ margin-left: 15px; display: block; content: ''; width: 14px; height: 3px; background-color: #b3bbbc;}
.idxTitle .desc::before{ margin-right: 15px; display: block; content: ''; width: 14px; height: 3px; background-color: #b3bbbc;}



.idxCase .swiper-container .swiper-slide .txt{ position: absolute; left: 0; top: 0; z-index: 5; background-color: rgba(0, 0, 0, .15);}
.idxCase .swiper-container .swiper-slide:hover{ box-shadow: 0 0 10px rgba(0, 0, 0, .25);}
.idxCase .swiper-container .swiper-slide:hover .img img{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }


.idxCase .prev,.idxCase .next{ z-index: 10; position: absolute; top: 50% ; margin-top: -25px; width: 50px; height: 50px;   cursor: pointer; border-radius:  ; -webkit-border-radius:; -moz-border-radius:; -ms-border-radius:; -o-border-radius:; }
.idxCase .prev{ left: -70px; border-radius:6px ; -webkit-border-radius:6px ; -moz-border-radius:6px ; -ms-border-radius:6px ; -o-border-radius:6px ; }
.idxCase .next{ right: -70px; border-radius:6px ; -webkit-border-radius:6px ; -moz-border-radius:6px ; -ms-border-radius:6px ; -o-border-radius:6px ; }
/* .idxCase .prev:hover,.idxCase .next:hover{  background: #d9c394;}
.idxCase .prev:hover img,.idxCase .next:hover img{filter: grayscale(100%) brightness(500%);} */
.idxCase .idxLine{ height: 7px;}
.idxCase .list{ padding: 25px; padding-bottom: 0;}
.idxCase .list li{ width: calc((100% - 50px) / 3); margin-right: 25px; margin-bottom: 25px;}
.idxCase .list li:nth-child(3n){ margin-right: 0;}
.idxCase .list li .txt{ position: absolute; left: 0; top: 0; z-index: 5; background-color: rgba(0, 0, 0, .15);}
.idxCase .list li:hover{ box-shadow: 0 0 10px rgba(0, 0, 0, .25);}
.idxCase .list li:hover .img img{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }
.newClass a{ margin-right: 25px;   border: 1px solid #919697; color: #999; padding: 5px 25px; border-radius: 45px; -webkit-border-radius: 45px; -moz-border-radius: 45px; -ms-border-radius: 45px; -o-border-radius: 45px; }
.newClass a.on,.newClass a:hover{ color: #fff; border-color: transparent; background:url(../images/pic/bg3.jpg) no-repeat left top; background-size: cover}
/*  background-image: linear-gradient(to right,var(--qblue),var(--green));
background-image: linear-gradient(to right,var(--qblue),var(--green)); 
*/
.idxnewItem::after{ width: 0; height: 3px; position: absolute; background:url(../images/pic/bg1.jpg) no-repeat left top; background-size: cover; left: 0; bottom: 0; display: block; content: ''; transition:all .36s ; -webkit-transition:all .36s ; -moz-transition:all .36s ; -ms-transition:all .36s ; -o-transition:all .36s ; }
.idxnewItem:hover::after{ width: 100%;}
.idxnewItem  .tit span{
    /*text-decoration: underline;
    */background-image: linear-gradient(currentColor 0, currentColor 0);
    background-image: linear-gradient(currentColor 0 0);
    background-position: 0 calc(100% - 1px);
    background-size: 0 1px;
    background-repeat: no-repeat;
    transition: 400ms cubic-bezier(0.645, 0.045, 0.355, 1), background-position 0s 400ms cubic-bezier(0.645, 0.045, 0.355, 1), color 0ms;
    -webkit-transition: 400ms cubic-bezier(0.645, 0.045, 0.355, 1), background-position 0s 400ms cubic-bezier(0.645, 0.045, 0.355, 1), color 0ms;
    -moz-transition: 400ms cubic-bezier(0.645, 0.045, 0.355, 1), background-position 0s 400ms cubic-bezier(0.645, 0.045, 0.355, 1), color 0ms;
    -ms-transition: 400ms cubic-bezier(0.645, 0.045, 0.355, 1), background-position 0s 400ms cubic-bezier(0.645, 0.045, 0.355, 1), color 0ms;
    -o-transition: 400ms cubic-bezier(0.645, 0.045, 0.355, 1), background-position 0s 400ms cubic-bezier(0.645, 0.045, 0.355, 1), color 0ms;
  }
  .idxnewItem:hover .tit span{  background-position: 100% calc(100% - 1px);  background-size: 100% 1px}
  .idxnewItem:hover .more{ color: var(--qblue);}
  .idxnewItem:hover{ box-shadow: 0 0 10px rgba(0, 0, 0, .25);}
  .idxContact .left{  background: url(../images/bg1.jpg) no-repeat center center; background-size: cover; padding: 5vw;}
  /*  background-image: linear-gradient(to right,var(--qblue),var(--green)); */
  .idxContact .left .submit{ background: url(../images/pic/bg3.jpg) no-repeat center center; background-size: cover;  border: 1px solid #fff; line-height:40px;}
  .idxContact .right .con{padding:3vw 5vw;}
footer{ background: url(../images/footBg.jpg) no-repeat bottom center; background-size: cover; background-attachment: fixed; position: relative;}
.ewmUl img{ width: 150px;}
footer .right{ width:42%; margin-left: -5%;}footer .right dt{ margin-bottom: 10px;}footer .right dd{ line-height: 2;}
footer a:hover{ color: rgba(255, 255, 255, .6);}



.neiBan .txt{ position: absolute; left: 0; top: 0; z-index: 10; padding-top: calc(7vh + 88px);}
.neiBan .tit{ border-bottom: 2px solid #fff;}

.subnav{ border-bottom: 2px solid #dcdcdc;}
.subnav a{ padding: 35px; display: inline-block; position: relative;}
.subnav a::after{ width: .6px; height: calc(100% - 70px); right: 0; top: 35px; position: absolute; display: block; content: ''; background-color: #555;} 
.subnav a:last-child:after{ display: none;}
.subnav a::before{ width:  calc(100% - 70px); height: 2px; transition: all .36s; transform: scale(0,1); background-color: var(--blue); position: absolute; bottom: 0; left: 35px; display: block; content: ''; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; -webkit-transform: scale(0,1); -moz-transform: scale(0,1); -ms-transform: scale(0,1); -o-transform: scale(0,1); }
.subnav a.on,.subnav a:hover{ color: var(--blue);}
.subnav a.on::before,.subnav a:hover::before{ transform:scale(1,1) ; -webkit-transform:scale(1,1) ; -moz-transform:scale(1,1) ; -ms-transform:scale(1,1) ; -o-transform:scale(1,1) ; }

.bigTitle{ border-bottom: 2px solid #dcdcdc;}
.technologyOne  .next{ width: 70px; position: absolute; right:-100px; top: 50%; transform: translateY(-50%)  ; z-index: 10; -webkit-transform: translateY(-50%)  ; -moz-transform: translateY(-50%)  ; -ms-transform: translateY(-50%)  ; -o-transform: translateY(-50%)  ; }
.technologyLine{ width: 120px; height: 4px; background:url(../images/pic/bg3.jpg) no-repeat left top; background-size: cover }
/* background-image: linear-gradient(to right,var(--qblue),var(--green)); */
.total  span{ padding: 0 40px; line-height: 1.5; border-radius: 34px; border: 2px solid var(--green); -webkit-border-radius: 34px; -moz-border-radius: 34px; -ms-border-radius: 34px; -o-border-radius: 34px; }
/* background-image: linear-gradient(to right,var(--qblue),var(--green)); */
.total .one{ background:url(../images/pic/bg3.jpg) no-repeat left top; background-size: cover; border-color: transparent; border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; }

.honorList li{  background-color: #e6e6e6;}
.honorList li .img{ width: 100%; height: 350px;  }
.honorList li .img img{max-height: 90%;} 
.honorList li:hover .txt{ background-color: #fff;}

.newsTop  { height: 520px;}
.newsTop  .tit span{
  /*text-decoration: underline;
  */background-image: linear-gradient(currentColor 0, currentColor 0);
  background-image: linear-gradient(currentColor 0 0);
  background-position: 0 calc(100% - 1px);
  background-size: 0 1px;
  background-repeat: no-repeat;
  transition: 400ms cubic-bezier(0.645, 0.045, 0.355, 1), background-position 0s 400ms cubic-bezier(0.645, 0.045, 0.355, 1), color 0ms;
  -webkit-transition: 400ms cubic-bezier(0.645, 0.045, 0.355, 1), background-position 0s 400ms cubic-bezier(0.645, 0.045, 0.355, 1), color 0ms;
  -moz-transition: 400ms cubic-bezier(0.645, 0.045, 0.355, 1), background-position 0s 400ms cubic-bezier(0.645, 0.045, 0.355, 1), color 0ms;
  -ms-transition: 400ms cubic-bezier(0.645, 0.045, 0.355, 1), background-position 0s 400ms cubic-bezier(0.645, 0.045, 0.355, 1), color 0ms;
  -o-transition: 400ms cubic-bezier(0.645, 0.045, 0.355, 1), background-position 0s 400ms cubic-bezier(0.645, 0.045, 0.355, 1), color 0ms;
}
.newsTop:hover .tit span{  background-position: 100% calc(100% - 1px);  background-size: 100% 1px}
.newsTop:hover .more{ color: var(--blue);}
.newsTop .txt::after{ width: 100%; height: 3px;background-image: linear-gradient(to right,var(--qblue),var(--green)); display: block; content: '';}
.newsTop:hover .img img{ transform:scale(1.1) ; -webkit-transform:scale(1.1) ; -moz-transform:scale(1.1) ; -ms-transform:scale(1.1) ; -o-transform:scale(1.1) ; }

.newslist li{ width: calc((100% - 90px )/3); margin-right: 45px; margin-bottom: 45px;}
.newslist li:nth-child(3n){ margin-right: 0;}
.newslist li  .tit span{
  /*text-decoration: underline;
  */background-image: linear-gradient(currentColor 0, currentColor 0);
  background-image: linear-gradient(currentColor 0 0);
  background-position: 0 calc(100% - 1px);
  background-size: 0 1px;
  background-repeat: no-repeat;
  transition: 400ms cubic-bezier(0.645, 0.045, 0.355, 1), background-position 0s 400ms cubic-bezier(0.645, 0.045, 0.355, 1), color 0ms;
  -webkit-transition: 400ms cubic-bezier(0.645, 0.045, 0.355, 1), background-position 0s 400ms cubic-bezier(0.645, 0.045, 0.355, 1), color 0ms;
  -moz-transition: 400ms cubic-bezier(0.645, 0.045, 0.355, 1), background-position 0s 400ms cubic-bezier(0.645, 0.045, 0.355, 1), color 0ms;
  -ms-transition: 400ms cubic-bezier(0.645, 0.045, 0.355, 1), background-position 0s 400ms cubic-bezier(0.645, 0.045, 0.355, 1), color 0ms;
  -o-transition: 400ms cubic-bezier(0.645, 0.045, 0.355, 1), background-position 0s 400ms cubic-bezier(0.645, 0.045, 0.355, 1), color 0ms;
}
.newslist li:hover .tit span{  background-position: 100% calc(100% - 1px);  background-size: 100% 1px}
.newslist li .img,.newslist li .desc{ height: 315px;} 
.newslist li .txt{ width: 100%; height: 100%; top: 0; left: 0; transform: translateY(100%); position:absolute; transition: all .56s; -webkit-transition: all .56s; -moz-transition: all .56s; -ms-transition: all .56s; -o-transition: all .56s; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); }
.newslist li:hover .txt{ transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); }
.opacity0{opacity: 0;}
.newslist li:hover .acx{ opacity: 0;}.newslist li:hover .img img{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }
.newslist li:hover{ transform:translateY(-10px) ; box-shadow: 0 0 10px rgba(48, 117, 132, .3); -webkit-transform:translateY(-10px) ; -moz-transform:translateY(-10px) ; -ms-transform:translateY(-10px) ; -o-transform:translateY(-10px) ; }

.newPage{border-bottom: 2px solid #dcdcdc;border-top: 2px solid #dcdcdc;}
.modelOne .prev,.modelOne .next{ width: 90px; cursor: pointer;}
.modelOne .swiper-container{ width: calc(100% - 300px);}
/* .modelOne .prev:hover,.modelOne .next:hover{  background-color: #fff;} */

.contactLeft{background-image: linear-gradient(to right,#26874d,#2991aa);}
.contactLeft .tit{ border-bottom: 1px dashed #fff;}
.bg-bg{background-image: linear-gradient(to right,var(--qblue),var(--green)); }

#formfContact .submit{ background:url(../images/pic/bg5.jpg) no-repeat center center; background-size: cover}