@font-face
{
    font-family: myFirstFont;
    src: url(../fonts/ELASISRG.ttf);
}
@font-face
{
    font-family: myFirstFont1;
    src: url(../fonts/GEOMETR415.ttf);
}
*{ margin:0; box-sizing: border-box; padding:0; transition-property: all;-ms-transition-property: all;-moz-transition-property: all; -webkit-transition-property: all; -o-transition-property: all;}
body{font-family: Arial;color:#333;font-size:16px;background: #fff;}
a{text-decoration: none;-webkit-transition: all ease .1s;-moz-transition: all ease .1s;transition: all ease .1s;border:none;color: #333;}
a:focus { outline: 0 }
a:hover{ color: #0256ff;}
img{ border:none; -webkit-transition: all ease .5s;  -moz-transition: all ease .5s; transition: all ease .5s;}
ul,li{ list-style:none;}
.clear{ clear:both;}
.clearfix{ clear:both;}
p{ margin:0; padding:0;}

.padding5{ padding:5px;}
.padding10{ padding:10px;}
.padding15{ padding:15px;}
.padding20{ padding:20px;}
.padding30{ padding:30px;}
.padding40{ padding:40px;}
.mt-10 {margin-top: 10px;}
.mt-20 {margin-top: 20px;}
.mt-30 {margin-top: 30px;}
.mt-40 {margin-top: 40px;}
.mt-50 {margin-top: 50px;}
.mb-10 {margin-bottom: 10px;}
.mb-20 {margin-bottom: 20px;}
.mb-30 {margin-bottom: 30px;}
.mb-40 {margin-bottom: 40px;}
.mb-50 {margin-bottom: 50px;}
.fr{ float:right;}
.fl{ float:left; }
.right{ float:right;}
.left{ float:left; }
.paddingright{ padding-right:10px;}
.paddingleft{ padding-left:10px;}
.undis{ display:block;  background-size: cover;}
.dis{ display:none;  }
.pr5{ padding-right:5px;}
.red{ color:#f00;}
.fff{ color:#fff;}
.pdt30{ padding-top: 30px;}
.txtcenter{ text-align: center;}
h4, .h4, h5, .h5, h6, .h6{ margin: 0;}
.auto80{ width:80%; position: relative;}
.flex {display: flex; flex-wrap: wrap;}
.flex-center { display: flex; align-items: center; justify-content: center;}
.flex-center-contain { justify-content: space-between;align-items: flex-end;}
.flex-center-contain1 { justify-content: space-between;}
img,video,canvas{max-width: 100%;object-fit: cover;}
.nodata{ width:100%; text-align:center; color:red; line-height:32px;}

#home .home,
#products .products,
#news .news,
#contact .contact,
#about .about,
#rd .rd,
#cases .cases{color: #ffffff;background-image: linear-gradient(160deg, #0d4da1 20%, #25b3db 94%);border-radius: 15px 15px 15px 0;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);border: 2px solid #17b0e0;}
#products{background:#f6f6f6}




input,button,select,textarea{ outline:none; font-family: "microsoft yahei";}
textarea{resize:none;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"] {-webkit-appearance: none; font-weight:normal;}

#warp{ width:100%; height:auto; position: relative;}
.HeaderM{ display: none;}

.contain{ padding: 0 10%; position:relative;}
.Header{ width: 100%; height: auto;  background: #FFFFFF; box-shadow: 3px 3px 10px 0 rgba(0,0,0,.1); padding: 10px 0; position: fixed; left: 0; top: 0; z-index: 999;}
.Header .logo{ float: left; width: 269px; height: 88px;}
.Header .logo a{ display: block; width: 269px; height: 88px; background: url(../images/logo.svg) no-repeat; }
.Header .logo h1{ display:none;}
.Header .nav li.navmoon a{color:#0256ff;}
.Header .nav li.navmoon ul li a{color:#333;}
.Header .nav{float: left;margin-left: 50px;height: 40px;line-height: 40px;margin-top: 24px;}
.Header .nav li{float: left;margin: 0 8px;position: relative;font-size: 18px;}
.Header .nav li a{display: block;padding: 0 20px;}
.Header .nav ul li ul{ position: absolute; left: -30px; top: 70px; background: #FFFFFF; width:330px; box-shadow: 3px 3px 10px 0 rgba(0,0,0,.1); display: none;  z-index:888 }
.Header .nav ul li ul li{ padding: 0; text-align: center; width:330px; margin: 0; font-weight: normal;  height: 42px; line-height: 42px; font-size: 15px; border-bottom: 1px solid #EEEEEE;}
.Header .nav ul li ul li a:hover{ background: #0256ff;  color:#fff; border-bottom: none;}
.Header .nav ul li ul li a{ display:block;  color: #333333;  height: 42px; overflow:hidden;  }
.Header .nav li ul li ul.nul2{ left:331px; top:0;}
.Header .nav li:hover ul.nul1{ display: block;}
.Header .nav li ul li:hover ul.nul2{ display: block;}

.searchshow{ float: right; width: 278px; height: 42px; margin-top: 21px; overflow: hidden; display: flex;}
.searchshow input{ width: 229px; height: 42px; border:1px solid #CCCCCC; border-right: none; border-radius: 3px 0 0 3px; padding: 0 15px;}
.searchshow button{width: 49px;height: 42px;background: #0256ff;border: none;background-image: linear-gradient(160deg, #0d4da1 20%, #25b3db 94%);border-radius: 0 3px 3px 0;color: #FFFFFF;font-size: 20px;}

/**banner**/
.main_visual{ margin-top: 108px;}
.main_visual .owl-carousel,.main_visual .owl-stage-outer,.main_visual .owl-stage,.main_visual .owl-carousel .owl-item{width: 100%;height: 100% !important;}
.main_visual .owl-carousel .item{width: 100%;height: 100%; background-repeat: no-repeat; background-position: center center;-webkit-background-size: cover; background-size: cover;}
.main_visual .owl-carousel .item img{ width: 100%; height: auto;}
.main_visual .owl-prev,.main_visual .owl-next{width:62px;height: 62px;background-repeat: no-repeat; background-position: center center; position: absolute;top: 50%;margin-top: -31px;text-indent: -999px; overflow: hidden;}
.main_visual .owl-prev{background-image: url(../images/prev.png);left: 5%; }
.main_visual .owl-next{background-image: url(../images/next.png);right: 5%; }
.main_visual .owl-prev:hover{background-image: url(../images/prevs.png);}
.main_visual .owl-next:hover{ background-image: url(../images/nexts.png);}
.main_visual .owl-dots{ width: 80%; height: 16px; position:absolute; left: 10%; bottom: 30px;  z-index: 999;}
.main_visual .owl-dots .owl-dot{display: inline-block;  margin:0 5px ;}
.main_visual .owl-dots .owl-dot span{  display: inline-block; width: 16px; height: 16px; background:#FFFFFF; border-radius: 10px;}
.main_visual .owl-dot.active span{width: 16px; height: 16px; background:#0256ff; border-radius: 10px;}
.main_visual .owl-carousel .item img.Bpic{ display: block;}
.main_visual .owl-carousel .item img.Bmpic{ display: none;}

.inPro{ width: 100%; height: auto; padding: 65px 0; background: url(../images/inprobg.png) no-repeat center; background-size:cover;}
.inProTit{ width: 100%; height: 52px; line-height: 52px; margin-bottom: 40px; overflow: hidden;}
.inProTit h2{ color: #111111; font-family: Arial; text-transform: uppercase; font-size: 42px;}
.inProTit a{ display:block;}
.inProTit ul{ flex: 1; text-align: right;}
.inProTit ul li{ display: inline-block; padding: 0 14px; font-size: 18px; height: 52px; overflow: hidden;}
.inProTit li.thistab {background: #0256FF; border-radius: 50px; color: #FFFFFF;}
.inProTit li.thistab a{ color:#fff;}

.inProList{ width: 100%; height: auto; justify-content: space-between;}
.inProList dl{width: 23%;text-align: center;background: #fff;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);border: 2px solid #d1ddf5;border-radius: 15px 15px 15px 0;}
.inProList dl dt{ width: 100%; height: auto; overflow: hidden;}
.inProList dl dt img{ width: 100%; height: auto;}
.inProList dl dd{ width: 100%; height: auto; padding: 25px 30px;}
.inProList dl dd a{ display: block; height: 42px; line-height: 42px; font-weight: bold; color: #111111; font-size: 22px; overflow: hidden;}
.inProList dl:hover a{ color: #0256FF;}
.inProList dl dd p{ line-height: 22px; height: 44px; overflow: hidden;}
.inProList dl:hover img{transform: scale(1.1); -webkit-transform: scale(1.1);}

.inProList dl dd a.inproMore{ display:none; margin: 0 auto; width: 140px; height: 42px; background: #000000; color: #FFFFFF !important; border-radius: 30px; font-weight: normal; font-size: 14px;}
.inProList dl dd a.inproMore:hover{ background: #0256FF; color: #FFFFFF;}
.inProList dl:hover a.inproMore{ display: block;}
.inProList dl:hover p{ display: none;}



.alertVideoHide{display:none;position:fixed;top:0px;left:0px;width:100%;height:100%;background:url(../images/blackBg.png);z-index:888;}
.alertVideoContent{display:none;position:fixed;top:50%;left:50%;width:800px;margin:-180px 0 0 -400px;z-index:999;background:#fff; height:auto; 
box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.2);-moz-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.2);-ms-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.2);-o-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.2);-webkit-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.2);
border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;-webkit-border-radius:6px;}
.alertVideoContent iframe{width:100% !important;height:100% !important;}
.alertVideoContent .vedioClose{position:absolute;top:-27px;right:-27px;cursor:pointer;}

.inAbout{ width: 100%; padding: 65px 0;}

.inAboutLeft{ width: 50%; padding-right: 80px;}
.inAboutLeft h2{color: #111111; font-family: Arial; text-transform: uppercase; font-size: 42px; line-height: 52px; margin-bottom: 10px;}
.inAboutLeft p{ font-size: 16px; line-height: 24px;}
.inAboutLeft h4{ margin-top: 20px; font-size: 16px; font-weight: bold; line-height: 24px;}
.inAboutLeft a{ display: block; margin-top: 20px; width: 186px; height: 48px; line-height: 48px; background: #0256FF; color: #FFFFFF; text-align: center;}
.inAboutLeft a i{ padding-left: 10px;}
.inAboutLeft a:hover{ background: #000000;}

.inAboutRight{ width: 50%; height: auto; cursor: pointer; position: relative;}
.inAboutRight img{ width: 100%; height: 100%;}
.inAboutNum{ color: #FFFFFF; position: absolute; left: 5%; bottom: 20px; width: 90%;  justify-content: space-between;}
.inAboutNum dl{ text-align: center;}
.inAboutNum dl dt{font-family: myFirstFont; font-size: 42px; line-height: 42px;}
.inAboutNum dl dt h4{font-weight: normal; display: inline-block;}
.inAboutNum dl dt span{ font-size: 14px; margin-left: 10px;}
.inAboutNum dl dd{ font-size: 14px; line-height: 20px;}

.inRdbg{ width: 100%; height: auto; background: url(../images/inrdbg.png) no-repeat center; text-align: center; color: #FFFFFF; background-size:cover; padding: 65px 0 100px 0;}
.inRdbg h2{font-family: Arial; text-transform: uppercase; font-size: 42px; line-height: 70px;}
.inRdbg h4{ font-size: 32px; line-height: 62px; margin-top: 10px;}
.inRdbg p{ width: 60%; margin: 0 auto; font-size: 16px; line-height: 26px;}




.inRdNum{ justify-content: space-between; width: 100%; padding: 35px 10%; height: auto; margin: 0 auto;}
.inRdNum dl{ text-align: center;}
.inRdNum dl dt{font-family: myFirstFont;  line-height: 42px;}
.inRdNum dl dt h4{font-weight: normal;display: inline-block;color: #ff5b44;font-size: 68px !important;}
.inRdNum dl dt span{ font-size: 14px; margin-left: 10px;}
.inRdNum dl dd{ font-size: 14px; line-height: 20px;}
.inRdbg a{display: block;margin: 0 auto;margin-top: 20px;width: 186px;height: 48px;border-radius: 68px;line-height: 48px;background: #0256FF;color: #FFFFFF;text-align: center;}
.inRdbg a i{ padding-left: 10px;}
.inRdbg a:hover{ background: #000000;}

.inCasebg{ width: 100%; height: auto; padding: 65px 0; text-align: center;}
.inCasebg h2{font-family: Arial; text-transform: uppercase; font-size: 42px; line-height: 70px; color: #111111;}
.inCasebg p{ font-size: 16px;}

.inCaseList{width: 100%; height: auto; justify-content: space-between; padding-top: 40px;}
.inCaseList dl{ width: 23%; text-align: center;}
.inCaseList dl dt{ width: 100%; height: auto; overflow: hidden;}
.inCaseList dl dt img{ width: 100%; height: auto;}
.inCaseList dl dd{ width: 100%; height: auto; padding: 35px 30px;}
.inCaseList dl dd a{ display: block; font-size: 24px; font-weight: bold; color: #111111; height: 42px; line-height: 42px; overflow: hidden;}
.inCaseList dl dd em{ font-style: normal; display: block; line-height: 24px; height: 72px; overflow: hidden;}
.inCaseList dl:hover a{ color: #0256FF;}
.inCaseList dl:hover img{transform: scale(1.1); -webkit-transform: scale(1.1);}

.inCaseMore{ width: 100%; height: auto; margin-top: 20px;}
.inCaseMore a{ display: block; margin: 0 auto;  width: 186px; height: 48px; line-height: 48px; background: #0256FF; color: #FFFFFF; text-align: center;}
.inCaseMore a i{ padding-left: 10px;}
.inCaseMore a:hover{ background: #000000;}


.inHonorbg{ width: 100%; height: auto; background: url(../images/inHonorbg.png) no-repeat center; text-align: center;  background-size:cover; padding: 70px 0;}
.inHonorbg h2{font-family: Arial; text-transform: uppercase; font-size: 42px; line-height: 70px; color: #111111;}
.inHonorbg p{ font-size: 16px;}

.inHonorList{ width: 100%; height: auto; padding-top: 35px;}
.main_visual1 .owl-carousel,.main_visual1 .owl-stage-outer,.main_visual1 .owl-stage,.main_visual1 .owl-carousel .owl-item{width: 100%;height: 100% !important;}
.main_visual1 .owl-carousel .item{width: 100%;height: 100%; text-align: center; padding: 25px 55px 10px 55px; background: #FFFFFF; background-repeat: no-repeat; background-position: center center;-webkit-background-size: cover; background-size: cover;}
.main_visual1 .owl-carousel .item img{ width: 100%; height: auto; }
.main_visual1 .owl-carousel .item p{ height: 60px; line-height: 60px; overflow: hidden; font-size: 24px;}
.main_visual1 .owl-prev,.main_visual1 .owl-next{width:22px;height: 39px;background-repeat: no-repeat; background-position: center center; position: absolute;top: 50%;margin-top: -19px;text-indent: -999px; overflow: hidden;}
.main_visual1 .owl-prev{background-image: url(../images/Hprev.png);left: -5%; }
.main_visual1 .owl-next{background-image: url(../images/Hnext.png);right: -5%; }
.main_visual1 .owl-prev:hover{background-image: url(../images/Hprevs.png);}
.main_visual1 .owl-next:hover{ background-image: url(../images/Hnexts.png);}
.main_visual1 .owl-dots{ display: none; text-indent: -99999em;}


.inFedbg{ width: 100%; height: auto; background: url(../images/infedbg.png) no-repeat center; text-align: center; color: #FFFFFF; background-size:cover; padding: 70px 0;}
.inFedbg h2{ font-family: Arial; text-transform: uppercase; font-size: 42px; line-height: 70px; margin-top: 20px;}



.Footer{ width: 100%; height: auto; padding: 80px 0; background: url(../images/footerbg.png) no-repeat; background-size:cover;}
.Footercontain{justify-content: space-between;align-items: flex-end;}

.FooterLeft{display: flex; flex-direction: column; align-items: flex-start;}
.FooterLeft img{ width: auto; height: auto;}
.FooterLeft p{ line-height: 30px; margin-top: 10px; width: 80%;}
.FooterLeftLinks{ width: 100%; padding-top: 30px;}
.FooterLeftLinks a{ display: block; float: left; margin-right: 10px; width: 46px; height: 46px; line-height: 46px; font-size: 20px; border-radius: 50%; background: #FFFFFF; text-align: center;}
.FooterLeftLinks a:hover{ background: #0256FF; color: #FFFFFF;}

.FooterRight{ flex: 1; }
.FooterRight ul{justify-content: flex-end;}
.FooterRight ul li{ padding-left: 80px;}
.FooterRight ul li h4{ color: #111; font-size: 28px; line-height: 42px; margin-bottom: 10px;  font-family: Arial;}
.FooterRight ul li a{ display: block; line-height: 24px;}
.FooterRight p{ line-height: 30px; margin-top: 10px; }
.FooterRight dl{ display: flex; line-height: 22px; margin-top: 5px;}
.FooterRight dl dt{ margin-right: 10px;}

.footercopy{ width: 100%; height: auto; line-height: 28px; padding: 15px 0; background: #FFFFFF; text-align: center;}


.customer{ position: fixed; right: 10px; top: 30%; z-index: 999;}
.customer li{ width: 60px; height: 60px; margin-bottom: 1px; position: relative; box-shadow: 3px 3px 10px 0 rgba(0,0,0,.1);}
.customer li a{ display: block; width: 60px; height: 60px;  border-radius: 5px;}
.customer li.custLi1 a{background: #FFFFFF url(../images/cusicon1.png) no-repeat center;}
.customer li.custLi2 a{background: #FFFFFF url(../images/cusicon2.png) no-repeat center;}
.customer li.custLi3 a{background: #FFFFFF url(../images/cusicon3.png) no-repeat center;}
.customer li.custLi4 a{background: #FFFFFF url(../images/cusicon4.png) no-repeat center;}
.customer li.custLi5 a{background: #FFFFFF url(../images/cusicon5.png) no-repeat center;}

.customer li.custLi1 a:hover{background: #0256FF url(../images/cusicon1s.png) no-repeat center;}
.customer li.custLi2 a:hover{background: #0256FF url(../images/cusicon2s.png) no-repeat center;}
.customer li.custLi3 a:hover{background: #0256FF url(../images/cusicon3s.png) no-repeat center;}
.customer li.custLi4 a:hover{background: #0256FF url(../images/cusicon4s.png) no-repeat center;}
.customer li.custLi5 a:hover{background: #0256FF url(../images/cusicon5s.png) no-repeat center;}

.customer li:hover .eso_divinfo{ display:block;}
.customer li .eso_divinfo{ display:none; position:absolute; min-width:200px; text-align: center; right:75px; top:0; background:#fff;  box-shadow: 3px 3px 10px 0 rgba(0,0,0,.1); padding:25px; border-radius:5px; }
.customer li .eso_divinfo:before{
    content:""; position:absolute; right:-12px; top:50%; margin-top:-12px; 
width:0;
height:0;
border-top:12px solid transparent;
border-bottom: 12px solid transparent;
border-left: 12px solid #fff;
}


.fposi{ display: none;}



#mmenu {
	opacity: 0;
}


.banner2{ width: 100%; height: 350px; margin-top: 108px; position: relative; align-items: center;}
.banner2Txt{ width: 100%; height: auto;color: #FFFFFF; text-align: center;}
.banner2Txt h1{ font-size: 60px; line-height: 100px;  text-transform: uppercase;  font-family: Arial; width: 100%;}
.banner2Txt em{ display: block; width: 88px; height: 4px; background: #FFFFFF; margin: 0 auto;}


.abmenu{ width: 100%; height: 72px;  border-bottom: 2px solid #EEEEEE; line-height: 72px;}
.abmenuL{}
.abmenuL a{ display: block; float: left; padding: 0 25px;}
#lm_hover{ color: #FFFFFF; background:#0256FF; }
.abmenuR i{ padding-right: 10px; color: #0256FF; margin-top: 26px; font-size: 20px;}


.pro-lanmu{ display: none;}
.navbar-nav-more-body{ display: none;}


.aboutBox1{ width: 100%; padding: 55px 0;}
.AboutRight{ width: 50%; padding-left: 70px;}
.AboutRight h2{color: #111111; font-family: Arial; text-transform:capitalize; font-size: 42px; line-height: 52px; margin-bottom: 10px;}
.AboutRight p{ font-size: 16px; line-height: 24px;}

.AboutLeft{ width: 50%; height: auto; cursor: pointer; position: relative;}
.AboutLeft img{width: 100%;height: 100%;border-radius: 0px 98px;border: 9px solid #dfeaff;}


.AbService{width: 100%;height: auto;background: url(../images/abserbf.jpg) repeat-y;padding: 70px 0;background-image: linear-gradient(160deg, #091e3a 20%, #606162 94%);}
.AbService .contain{ position: relative; overflow: hidden;}
.AbServiceLeft{ width: 53%; color: #FFFFFF; padding-right: 58px;}
.AbServiceLeft h2{font-family: Arial;text-transform: capitalize;font-size: 42px;line-height: 52px;margin-bottom: 20px;}
.AbServiceLeft p{ font-size: 16px; line-height: 26px;}
.AbServiceLeftlist{ width: 100%; margin-top: 40px;  justify-content: space-between;}
.AbServiceLeftlist dl{width: 49%;background: #de422c;margin-bottom: 15px;padding: 35px 30px;border-radius: 30px 0;}
.AbServiceLeftlist dl dd{ width: 100%; height: auto; padding-top: 25px;}
.AbServiceLeftlist dl dd b{ display: block; font-size: 20px; line-height: 36px;}
.AbServiceLeftlist dl dd em{ display: block; line-height: 20px; height: 40px; overflow: hidden; font-style: normal;}

.AbServiceRight{width: 47%;}
.AbServiceRight img{width: 100%;height: 100%;border-radius: 80px 0;}

.Abfac{ width: 100%; height: auto; padding: 65px 0; text-align: center;}
.Abfac h2{font-family: Arial;text-transform: capitalize;font-size: 42px;line-height: 70px;color: #111111;}
.Abfac p{ font-size: 16px;}

.AbfacList{ width: 100%; height: auto; padding-top: 35px;}
.main_visual2 .owl-carousel,.main_visual2 .owl-stage-outer,.main_visual2 .owl-stage,.main_visual2 .owl-carousel .owl-item{width: 100%;height: 100% !important;}
.main_visual2 .owl-carousel .item{width: 100%;height: 100%; text-align: center;  background-repeat: no-repeat; background-position: center center;-webkit-background-size: cover; background-size: cover;}
.main_visual2 .owl-carousel .item img{ width: 100%; height: auto; }
.main_visual2 .owl-carousel .item em{ height: 60px; line-height: 60px; overflow: hidden; font-size: 24px; font-style: normal; display:block;}
.main_visual2 .owl-prev,.main_visual2 .owl-next{width:22px;height: 39px;background-repeat: no-repeat; background-position: center center; position: absolute;top: 50%;margin-top: -19px;text-indent: -999px; overflow: hidden;}
.main_visual2 .owl-prev{background-image: url(../images/Hprev.png);left: -5%; }
.main_visual2 .owl-next{background-image: url(../images/Hnext.png);right: -5%; }
.main_visual2 .owl-prev:hover{background-image: url(../images/Hprevs.png);}
.main_visual2 .owl-next:hover{ background-image: url(../images/Hnexts.png);}
.main_visual2 .owl-dots{ display: none; text-indent: -99999em;}

.about-info{ width:100%; padding:25px 0; line-height:26px;}
.about-info img{ max-width:100%; height:auto;}
.abList{ width:100%; padding:25px 0; }
.abList .contain{ margin-left:-20px;}
.abList dl{ width: calc((100% / 4) - 20px); text-align:center; margin: 20px 0 0 20px;}
.abList dl dt{ width:100%; height:auto; overflow:hidden;}
.abList dl dt img{ width:100%; height:auto;}
.abList dl dd{ background:#f7f7f7; width:100%; height:42px; line-height:42px;}
.abList dl:hover img{transform: scale(1.1); -webkit-transform: scale(1.1);}

/*==联系我们↓==*/
.ContactInner{padding-bottom:0px !important}
.ContactInner .long .left,.ContactInner .long .right,.ContactInner #dituContent {height: 500px;}
.ContactInner .long .left {width:50%;}
.ContactInner .long .left img {}
.ContactInner .long .right {position:relative;width:50%;/* border:1px #ddd solid;*/padding:30px;background:#f7f7f7; box-sizing:border-box;}
.ContactInner .long .right .title {color:#111;font-size:24px;  font-family: Arial;}
.ContactInner .long .right .tel {position:relative;margin-top:15px;color:#333333;font-size:14px;display:block;}
.ContactInner .long .right .tel:before {content:"";position:absolute;left:0px;top:32px;width:10px;height:3px;background:#0256ff;}
.ContactInner .long .right .tel:after {content:"";position:absolute;left:13px;top:32px;width:25px;height:3px;background:#0256ff;}
.ContactInner .long .right .tel font {margin-top:30px;font-size:30px;color:#0256ff;display:block;font-weight:bold;  font-family: Arial;}
.ContactInner .long .right .wx {min-height:156px;margin-top:20px;color:#333333;font-size:14px;display:block;line-height:26px;}
.ContactInner .long .right .consult {position:absolute;top:100px;right:60px;}
.ContactInner .long .right .ewm {position:relative;color:#737373;font-size:12px;text-align:center;display:block;line-height:15px;}
.ContactInner .long .right .ewm img {width: 120px;display:block;margin:0 auto 5px;}
.ContactInner .long .right .online {/* float:left;*/color:#fff;margin:30px auto 0;font-size:14px;padding:8px 40px;background:#0256ff;display:block;border-radius:20px;text-align:center;}
.ContactInner .long .right .online:hover {background:#666;}
.ContactInner .map {}
.ContactInner #dituContent {height: 500px;}
.ContactInner #dituContent img{max-width: initial;}




/*==留言通用↓==*/

.MessageCon{background: url(../images/MessageBg.jpg) no-repeat center;background-size:cover; padding:100px 0; }

.MessageCon .long{padding:80px; background: #fff; }

.MessageCon .title{margin-bottom:40px;overflow: hidden;}

.MessageCon .title h2{float:left;color:#191919;font-size:24px;}

.MessageCon .title .tel{float:right;margin-top:25px;color:#333333;font-size:26px;/*font-weight: bold;*/}

.MessageCon .title .tel em{display:block;float:left;margin-right:10px;margin-top:5px;color:#333;font-size:25px;font-weight:400;font-family:"iconfont";}

.MessageCon input{position: relative; width:49.5%; margin-bottom:15px;}


.MessageCon form{ width:100%; justify-content: space-between;}
.MessageCon input,.MessageCon textarea{padding:15px 20px 15px 45px;border:1px #ddd solid; background-repeat:no-repeat ; background-position:15px 17px; box-sizing:border-box;}

.MessageCon textarea{width:100%;height:100px;}

.MessageCon button{width:25%;margin-top:15px;padding:16px 0;border:none;color:#fff;font-size:14px; background: #666; }

.MessageCon button:hover{background:#0256ff}

.MessageCon .x1{background-image: url(../images/ico201.png);}

.MessageCon .x2{background-image: url(../images/ico202.png);}

.MessageCon .x3{background-image: url(../images/ico203.png);}

.MessageCon .x4{background-image: url(../images/ico204.png);}

.MessageCon .x5{background-image: url(../images/ico205.png);}

.MessageCon .x6{background-image: url(../images/ico206.png);}

.MessageCon form dl{ width:100%;}
.MessageCon form dt{ width:50%; float:left;}
.MessageCon form dd{ width:50%; float:left; line-height:49px;}
.upload-path {
    width: 1200px;
    padding: 0 10px;
    height: 50px;
    line-height: 50px;
    border: 1px solid #EEEEEE;
    float: left;
}

.upload-img {
    width: 55px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    background: #c69762;
    float: left;
}


/*以下部分是WebUploader必须的
----------------------------------------------*/
.webuploader-container {
    position: relative;
}

.webuploader-element-invisible {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip: rect(1px,1px,1px,1px);
}

.webuploader-pick {
    position: relative;
    display: inline-block;
    cursor: pointer;
    width: 80px;
    height: 49px;
    line-height: 49px;
    text-align: center;
    color: #fff;
    background: #0256ff;
    float: left;
    overflow: hidden;
    zoom: 1;
    *display: inline;
}

.webuploader-pick-hover {
    opacity: 0.9;
}

.webuploader-pick-disable {
    opacity: 0.6;
    pointer-events: none;
}

.upload-box {
    position: relative;
    display: inline-block;
    height: 32px;
    vertical-align: middle;
    zoom: 1;
    *display: inline;
}

    .upload-box .upload-btn {
        display: inline-block;
        height: 49px; line-height:49px;
        zoom: 1;
        *display: inline;
    }

    .upload-box .upload-progress {
        position: absolute;
        top: 0;
        left: 0;
        padding: 2px 5px;
        width: 115px;
        height: 28px;
        border: 1px solid #d7d7d7;
        background: #fff;
        overflow: hidden;
    }

        .upload-box .upload-progress .txt {
            display: block;
            padding-right: 10px;
            font-weight: normal;
            font-style: normal;
            font-size: 11px;
            line-height: 18px;
            height: 18px;
            text-overflow: ellipsis;
            overflow: hidden;
        }

        .upload-box .upload-progress .bar {
            position: relative;
            display: block;
            width: 112px;
            height: 4px;
            border: 1px solid #1da76b;
        }

            .upload-box .upload-progress .bar b {
                display: block;
                width: 0%;
                height: 4px;
                font-weight: normal;
                text-indent: -99em;
                background: #28B779;
                overflow: hidden;
            }

        .upload-box .upload-progress .close {
            position: absolute;
            display: block;
            top: 1px;
            right: 1px;
            width: 14px;
            height: 14px;
            text-indent: -99em;
            background: url(../images/sprite.gif) 0 -240px no-repeat;
            cursor: pointer;
            overflow: hidden;
        }

/*==留言表格↓==*/
.form-item{display: flex;flex-wrap: wrap;}
.form-item .shell{display: flex;width: calc(50% - 20px);margin-bottom:20px;border: 1px #ddd solid;padding: 10px 20px;align-items: center;background: #fff;}
.form-item .shell.w100{width:100%}
.form-item .ml{margin-left:20px;}
.form-item .shell.vt{    align-items: flex-start;}
.form-item h5 {/* width: 60px; */flex-shrink: 0;margin-right: 10px;color: #3a3a3a;font-size: 16px;}
.form-item .fill{flex: 1;/* width: 100%; */line-height: 30px;color: #fff;font-size: 15px;border: none;background: none;}
.form-item textarea{height:180px}
.form-item .submit{position: relative;width: 350px;display: table;/* margin-top: 10px; */color: #fff;font-size: 16px;padding: 18px 80px;border:none;cursor: pointer;border-radius: 5px;background: #004b9c;}
.form-item .submit:after{opacity:0; content:"";position:absolute;left:0;top:0;right:0;bottom:0; background:#fff}
.form-item .submit:hover:after{opacity:0.2}
/*--*/
.form-item .code{flex-shrink: 0;/* width: 300px; */display: flex;margin-right: 20px;border: 1px #ddd solid; background: #fff;align-items: center;}
.form-item .code input{ flex: 1;}
.form-item .code img{height: 35px;margin: 0px 15px;flex-shrink: 1;cursor: pointer;}
.form-item .yzm{display: flex;/* margin:0 0 0 20px; */align-items: center;}
.form-item .yzm input{width: 150px;padding: 18px 20px;border: none;background: none;}
.form-item .explain{margin-top:20px;color: #9a9a9a;font-size:16px;}
.form-item .explain i{color:red}
.form-item .explain font{color: #0256ff;font-weight:bold;}

.rack{width:100%;}

.titleBx{color:#000123;font-size:40px;margin:35px auto; text-align: center;  font-family: Arial;}

.titleBx span{display: block; margin:10px auto 0;color:#bdbdbd;font-size:14px;font-weight:400}

.casebox{ width:100%; padding:25px 0; }
.casebox .contain{ margin-left:-20px;}
.casebox dl{ width: calc((100% / 4) - 20px); text-align:center; margin: 20px 0 0 20px;}
.casebox dl dt{ width:100%; height:auto; overflow:hidden;}
.casebox dl dt img{ width:100%; height:auto; border-radius: 10px;}
.casebox dl dd{ font-size: 18px; height: 60px; line-height: 60px; overflow: hidden; padding: 0 20px;}
.casebox dl:hover img{transform: scale(1.1); -webkit-transform: scale(1.1);}

.caseShow{ width:100%; padding:35px 0;}
.caseShowTit{ width:100%; text-align:center; color:#111; font-weight:bold; font-size:34px; line-height:42px;  font-family: myFirstFont1;}

.goodsWz{ width:100%; height:auto; line-height:36px; padding:15px 0;}
.goodsWz i{padding-right: 10px; color: #0256FF; font-size: 20px;}
.goodsWz a{color: #666;
    font-size: 18px;
    margin: 0 4px;}
.goodsWz a:last-child{color:#0256ff; font-weight:bold  }
.goodsBg{ width:100%; height:auto; padding:50px 0; background:#f2f2f2;}


.goodsLeft{width:25%;height:auto;box-sizing:border-box;float:left;border-radius: 0 20px 0 0;box-shadow: 3px 3px 10px 0 rgba(0,0,0,.1);}
.goodsLeft h2{font-size: 20px;height:auto;line-height:42px;color:#fff;background: #0256ff;background-image: linear-gradient(160deg, #0d4da1 20%, #25b3db 94%);padding:15px 20px;font-weight: normal;border-radius:0 20px 0 0;}
.goodsLeft ul{background:#fff;}
.goodsLeft ul li{height: 100%;border-bottom: 1px solid #e9eaec;}
.goodsLeft ul li a{display:block;border-bottom:1px solid #eee;font-size: 18px;font-weight: bold;color: #4e4e4e;padding: 16px 20px;}
.goodsLeft ul li i{line-height: 3px;font-size: 17px;background: #0256ff;color: #ffffff;width: 23px;padding: 9px;border: 1px solid #ccc;border-radius: 100px;text-align: center;}
.goodsLeft ul li ul{ display:none;  background:#fff; width:100%; padding:10px 20px; box-sizing:border-box;  z-index:666; }
.goodsLeft ul li:hover ul{ display:block;}
.goodsLeft ul li ul li {border:0}
.goodsLeft ul li ul a{border:0px;position: relative;}
.goodsLeft ul li ul a:after{
	content: '';
	display: block;
	width: 5px;
	height: 5px;
	background: #0256ff;
	border-radius: 50%;
	position: absolute;
	left: 6px;
	top: 26px;
	}
.goodsLeft ul li ul li i{
    display: none;
}

#lm_hover1{color: #000000;background: #e9eaec;border-left: 3px solid #000;}
#lm_hover2{color: #0256ff;background: none;}
 

.goodsRight{  width:73%; height:auto; float:right;}
.goodsRight h3{ font-size:34px; color:#111; line-height:42px; margin-left:20px;}
.goodsRight em{ width:88px; height:6px; background: #0256ff; border-radius:3px; margin-top:20px; margin-left:20px; display:block;}
.goodsRightinfo{ width:100%; padding:30px 20px; line-height:26px;}

.goodsRight .contain{ padding:0;}
.goodsRight dl{   width: calc((100% / 3) - 20px); text-align:center; margin: 0 0 20px 20px; overflow:hidden; text-align:center; box-sizing:border-box;}
.goodsRight dl dt{ width:100%; height:auto; overflow:hidden; background:#fff;  padding:30px;}
.goodsRight dl dt img{ width:100%; height:auto;}
.goodsRight dl:hover img{transform: scale(1.1); -webkit-transform: scale(1.1);}
.goodsRight dl dd{ width:100%; height:auto;  overflow:hidden; text-align:left; padding:15px 0;}
.goodsRight dl dd a{ display:block; color:#111; font-weight:bold; font-size:22px; height:42px; line-height:42px; overflow:hidden;}
.goodsRight dl dd p{ line-height:28px; height:112px; overflow:hidden;}

.SearchList{ width:100%; height:auto; overflow:hidden; }
.SearchList .contain{ margin-left:-20px;}
.SearchList dl{   width: calc((100% / 5) - 20px); text-align:center; margin: 0 0 20px 20px; background:#fff; overflow:hidden; text-align:center; box-sizing:border-box; padding:30px;}
.SearchList dl dt{ width:100%; height:auto; overflow:hidden;}
.SearchList dl dt img{ width:100%; height:auto;}
.SearchList dl:hover img{transform: scale(1.1); -webkit-transform: scale(1.1);}
.SearchList dl dd{ width:100%; height:42px; line-height:42px; overflow:hidden;}

/*==产品详情↓==*/

/*==字符串↓==*/



@font-face {
  font-family: 'iconfont';  /* Project id 1963410 */
  src: url('../fonts/font_1963410_g2n4e42qv0n.woff2') format('woff2'),
       url('../fonts/font_1963410_g2n4e42qv0n.woff') format('woff'),
       url('../fonts/font_1963410_g2n4e42qv0n.ttf') format('truetype');
}

.ProductShow {}

.DetailCont .top {}

/*--*/

.DetailCont .pst-left {float:left;width:50%;}

.DetailCont .pst-right {float:right;width:45%}

/*--*/

.pst-right .title {color:#191919;margin-bottom:30px;font-size: 50px;}

.pst-right .number {color:#666;font-size:18px;display:block;margin-top:20px;}

.pst-right .wx {
    margin-bottom: 20px;
    font-size: 18px;
    line-height: 32px;
    color: #666;
}

.pst-right .rok {-webkit-line-clamp:3;}

.pst-right .tel {color:#191919;height: 46px;line-height: 46px;font-size: 23px;display: inline-block;margin-top: 30px;border: 1px solid #0256ff;}

.pst-right .tel i {float:left;color: #fff;font-size:25px;background: #0256ff;padding: 10px;height: 46px;width: 60px;text-align: center;}

.pst-right .tel font {color:#0256FF;}
.pst-right .tel  a{
    display: inline-block;
    padding: 0px 15px;
    transition: all .3s;
    font-size: 16px;
}
.pst-right .tel  a:hover{background:#0256ff; color:#fff}

.pst-right .online {margin-top:40px;overflow:hidden;}

.pst-right .online a {float:left;margin-right:20px;color:#fff;font-size:14px;padding:12px 50px;border:1px #1b1b1b solid;background:#1b1b1b;}

.pst-right .online a.cor {color:#1b1b1b;background:#fff;}

.pst-right .online a:hover {color:#fff;border-color:#0256FF;background:#0256FF;}

.pst-right .trait {padding:25px 0;display:flex;justify-content:space-between;margin-top: 30px;}

.pst-right .trait li {position:relative;color:#555;font-size:18px;display:flex;align-items:center;justify-content:center;}

.pst-right .trait li:before {margin:0 8px 0 0;font-size:28px;}

.pst-right .trait li:nth-child(1):before {content:"\e75c"; font-style: normal;font-family: "iconfont";transition: all .4s ease-in-out}

.pst-right .trait li:nth-child(2):before {content:"\ea00"; font-style: normal;font-family: "iconfont";transition: all .4s ease-in-out}

.pst-right .trait li:nth-child(3):before {content:"\e703"; font-style: normal;font-family: "iconfont";transition: all .4s ease-in-out}

/*--*/

.psc-content {margin-top:70px;}

.psc-content .wx {}

.psc-content .wor {line-height:26px;font-size:16px;}

.psc-content .long td p{ padding:8px 0px 8px 20px ;font-size:16px;}

.psc-content .long {position:relative;display:flex;}

.psc-content .psd-left {flex:1;min-width:50%}

.psc-content .psd-right {flex-shrink:0;width:360px;margin-left:50px;}

.psc-content .tone {position:relative;display:flex;margin-bottom:30px;border-left:1px #eee solid;}

.psc-content .tone:before,.psc-content .tone:after {content:"";position:absolute;left:-10%;right:-10%;top:0;height:1px;background:#ddd;}

.psc-content .tone:after {bottom:0;top:auto;}

.psc-content .tone li {position:relative;display:inline-block;color:#444444;font-size:18px;padding:18px 30px;border-right:1px #eee solid;cursor:pointer;align-items:center;justify-content:center;}

.psc-content .tone li:before {content:"";float:left;color:#444;font-size:24px;margin-right:10px;}

.psc-content .tone li:after {content:"";position:absolute;left:0;bottom:0px;width:100%;z-index:1;height:2px;transition:transform .5s;transform:scale(0,1);transform-origin:right;background:#0256FF;}

.psc-content .tone li.thistab,.psc-content .tone li:hover {color:#0256FF}

.psc-content .tone li.thistab:before,.psc-content .tone li:hover:before {color:#0256FF}

.psc-content .tone li.thistab:after,.psc-content .tone li:hover:after {transform:scale(1);transform-origin:left;}
.psc-content .tone li.x1{border-left:1px #eee solid;}
.psc-content .tone li.x1:before {content:"\e6b9"; font-style: normal;font-family: "iconfont";transition: all .4s ease-in-out}

.psc-content .tone li.x2:before {content:"\e68f"; font-style: normal;font-family: "iconfont";transition: all .4s ease-in-out}

.psc-content .tone li.x3:before {content:"\e692"; font-style: normal;font-family: "iconfont";transition: all .4s ease-in-out}

.psc-content .tone li.x4:before {content:"\e694"; font-style: normal;font-family: "iconfont";transition: all .4s ease-in-out}

.psc-content .frame {margin-bottom:50px;padding-bottom:40px;border-bottom:1px #ddd solid}

.psc-content .frame:last-child,.psc-content .mr {}

.psc-content h2 {position:relative;color:#333;font-size:22px; margin:15px 0; padding-left:20px}

.psc-content h2:before {content:"";position:absolute;left:0;top:20%;width:3px;height:60%;background:#0256FF;}

.psc-content h3 {position:relative;color:#333;font-size:22px; margin:15px 0; padding-left:20px}

.psc-content h3:before {content:"";position:absolute;left:0;top:20%;width:3px;height:60%;background:#0256FF;}
.psc-content img{ border:1px solid #eee; border-radius:20px; margin:15px 0; padding:25px; box-shadow: 3px 3px 10px 0 rgba(0,0,0,.1);}

.psc-content .download {}

.psc-content .download li {display:flex;color:#666;font-size:15px;margin-bottom:2px;background:#e9eef4;}

.psc-content .download .state {padding:13px 20px;display:block;border-right:1px #dedede solid;}

.psc-content .download .state:last-child {border-right:none}

.psc-content .download .title {flex:1;color:#333;}

.psc-content .download .block {width:200px;flex-shrink:0;color:#666;}

.psc-content .download .file:before {content:"\e784";float:left;margin:3px 5px 0 0;font-size:20px;color:#666}

.psc-content .download .file:hover {color:#0256FF}

.psc-content .download .file:hover:before {color:#0256FF}

.psc-content .download .top * {color:#0256FF;font-weight:bold;}

.psc-content table {
    border: 1px solid #ccc;
    border-left: 0px;
    border-top: 0px;
    font-size: 14px;
    table-layout: fixed;
    width: 100%;
    box-sizing: border-box;
    border-spacing: 0;
}

    .psc-content table td {
        border: 1px solid #ccc;
        border-right: 0px;
        border-bottom: 0px;
        padding: 8px 2px;
        text-align: center;
        word-wrap: break-word;
    }

    .psc-content table tr {
        background: #fff;
    }

        .psc-content table tr:nth-child(1) {
            background: #f6f6f6;
        }



/*--*/

.psd-right .title {position:relative;color:#666;font-size:20px;margin-bottom:20px;border-bottom:1px #ddd solid;padding-bottom:20px;}

.psd-right .title:before {content:"";position:absolute;left:0;bottom:-1px;width:40px;height:2px;background:#0256FF}

.psd-right .shell {margin-bottom:30px;border:1px #eee solid;box-shadow:6px 6px 15px #eee;padding:30px;background:#fff;}

.psd-right .thing {}

.psd-right .thing .pic {}

.psd-right .thing h4 {color:#333;font-size:18px;margin-top:20px;}

.psd-right .thing p {-webkit-line-clamp:1;color:#666;font-size:14px;margin-top:10px;}

.psd-right .list {}

.psd-right .list li {margin-bottom:20px}

.psd-right .list li:last-child {margin-bottom:0px;}

.psd-right .list h4 {color:#333;font-size:16px;margin-top:15px;}

/*--*/

.srll-recom {position:relative;}

.srll-recom .swiper-container {padding:6px;}

.srll-recom .product-list li {}

/*--*/

.psd-right {}

.is-affixed .info {margin-top:50px}





/*==左右图片切换↓==*/

.srllOrso {display:flex}

.srllOrso .leftPic {width:80%;float:left;border:2px #efefef solid;background:#fff;}

.srllOrso .leftPic img {display:block;margin:auto;max-width:100%;height: auto;object-fit:cover;}

.srllOrso .rightPic {width:20%;float:right;margin-left:15px;}

.srllOrso .rightPic li {height:20%;margin-bottom:20px;border:2px #efefef solid;cursor:pointer;background:#fff;}

.srllOrso .rightPic li img {display:block;max-width:100%;height: auto;margin:auto}

.srllOrso .rightPic li.swiper-slide-thumb-active {border-color:#0256FF;}

.srllOrso .leftPic,.srllOrso .rightPic {height: 461px;}

.srllOrso .leftPic .look {opacity:0;position:absolute;left:0;bottom:0;z-index:2;width:100%;padding:10px;color:#fff;font-size:16px;height:40px;text-align:center;transform:translateY(40px);background:rgba(0,0,0,0.5);}

.srllOrso .leftPic .look i {margin-right:10px;display:inline-block;font-size:20px; font-style: normal;font-family: "iconfont";transition: all .4s ease-in-out}

.srllOrso .leftPic:hover .look {opacity:1;transform:translateY(0px);}

.srllOrso .rightPic:hover .btn {opacity:1 !important;}

.srllOrso .btn {opacity:0;position:absolute;top:0;left:0;right:0;z-index:2;margin:0px;padding:5px 0;cursor:pointer;text-align:center;background:rgba(0,0,0,0.4);transition:all .4s ease-in-out;}

.srllOrso .btn:before {color:#fff;font-size:32px;display:block;}

.srllOrso .sPrev:before {content:"\ebd1"; font-style: normal;font-family: "iconfont";transition: all .4s ease-in-out}

.srllOrso .sNext:before {content:"\eb9c"; font-style: normal;font-family: "iconfont";transition: all .4s ease-in-out}

.srllOrso .btn.sNext {top:auto;bottom:0;}

.srllOrso .btn:hover {opacity:1;background:rgba(0,0,0,0.6)}







/*==滚动大图↓==*/

.srllPho{ position: relative;;width: 100%;margin: auto;}

.srllPho .gallery-top{border: 1px #ddd solid; background:#fff ;}

.srllPho .gallery-top .look{ opacity:0; position:absolute; left:0;bottom:0;z-index:2;width:100%;padding:10px; color:#fff;font-size:16px;height:40px;text-align:center;transform: translateY(40px);  background:rgba(0,0,0,0.5) ;}

.srllPho .gallery-top .look i{ margin-right:10px; display:inline-block;font-size:20px;}

.srllPho .gallery-top:hover .look{opacity:1 ; transform: translateY(0px);}

.srllPho .gallery-top li{height:500px;}

.srllPho .gallery-top li img{max-width:initial;max-height:100%;width:auto;display: block;margin:auto;}

.srllPho .gallery-thumbs{margin-top:15px;padding: 0 50px;}

.srllPho .gallery-thumbs li{ width: 20%;height: 100%; border:2px #ddd solid; cursor: pointer; background:#fff;}

.srllPho .gallery-thumbs li.swiper-slide-thumb-active{ border:2px #0256FF solid;}

.srllPho .gallery-thumbs li img{max-width:100%;display: block;margin:auto;height:80px}

.srllPho .btn{opacity: 1;top:0;left:0;width: 40px;height:100%;padding:0 0;display:table;border-radius: 0%;margin: 0px;text-align:center; /*! border-radius: 5px; */color:#0256FF;font-size:40px;background-image:none;background-color:#ddd;background-position:center;background-repeat:no-repeat;background-size: auto;}

.srllPho .btn i{ display: table-cell;vertical-align: middle;padding: 0px;}

.srllPho .btn.nt{left:auto;right:0;}

/*.srllPic .btn.next{transform:rotate(180deg);}*/

.srllPho .btn:hover,.srllPho .btn:hover i{color:#fff; background-color:#0256FF;}

.srllPho .swiper-button-disabled{opacity: .5;}

/*.srllPic .btn:hover{ opacity: 1;}*/

.srllPho .gallery-top li a{height:100%; display: -webkit-box !important; display: -webkit-flex !important;display: -ms-flexbox !important;display: flex !important;-webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center;justify-content: center; -webkit-box-align: center;  -webkit-align-items: center;-ms-flex-align: center;align-items: center}



/*==详情排版2↓==*/
.work-list{}
.work-list li{display: flex;margin-bottom:50px;padding-bottom:50px;justify-content: space-between;border-bottom:1px #ddd solid}
.work-list li:last-child{margin-bottom:0px;margin-bottom:0px;border:none}
.work-list .pic{width: 50%;margin-right: 50px;}
.work-list .info{width: 50%;color:#333;font-size:16px;line-height:30px;}
.work-list li:nth-child(2n){flex-direction:row-reverse;} 
.work-list li:nth-child(2n) .pic{margin-left:50px;margin-right:0px}

.pt108{ padding-top:128px;}

.gsContent1 .goodsLeft{
    height: min-content;
    position: sticky;
    top: 160px;
    max-height: 90vh;
    overflow: auto;
}
.gsContent1 .goodsLeft::-webkit-scrollbar {
            display: none;  /* 适用于Chrome, Safari, 和Opera */
        }

.gsContent1{padding: 36px 0;background: #fff;margin-top: 35px; }
.gsContent1 h3{
    font-size: 40px;
    line-height: 50px;
    position: relative;
}
.gsContent1 h3::after {
    content: '';
    display: block;
    width: 60px;
    height: 6px;
    background: #0256ff;
    border-radius: 3px;
    margin: 10px auto;
    margin-top: 20px;
    margin-left: 0;
} 
.gsContent1 p{

	font-size: 18px;
    line-height: 34px;
    color: #666;
    margin-bottom: 0;
    text-align: left;
}

.gsContent1 .imglist{display: flex;justify-content: space-between;margin-top: 20px;}
.gsContent1 .imglist dl{ width: 48%; margin-bottom: 40px; }
.gsContent1 .imglist dl dt{display: block;
    overflow: hidden;}
.gsContent1 .imglist dl dd{
background: rgba(233,234,236,0.5);
    font-size: 20px;
    line-height: 32px;
    color: #333;
    text-align: center;
    padding: 12px 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .3s;
    min-height: 88px;
}
.gsContent1 .imglist dl dt img {
    width: 100%;
    transition: all .3s;
}
.gsContent1 .imglist dl:hover img{transform:scale(1.1)}
.gsContent1 .imglist dl:hover dd{ background:#0256ff; color:#fff}
.gsContent1 .gsContent1Right ul.isoimg {
    overflow: hidden;
    margin-top: 20px;
	display: grid;
    grid-template-columns: repeat(8, 1fr);
    column-gap: 34px;
    row-gap: 0;
}
.gsContent1 .gsContent1Right ul.isoimg ul li{
     align-items: center;
    justify-content: center;
    display: flex;
    overflow: hidden;
    transition: all .3s;
}
.gsContent1 .gsContent1Right ul.isoimg ul li img {
    max-width: 100%;
    transition: all .3s;
}
.gsContent1 .gsContent1Right ul.lilist {
    overflow: hidden;
    margin-top: 20px;
}
.gsContent1 .gsContent1Right ul.lilist li{
    padding-left: 20px;
    position: relative;
    color: #666;
    font-size: 18px;
    line-height: 34px;
    margin-bottom: 0;
}
.gsContent1 .gsContent1Right ul.lilist li:after{
    content: '';
    display: block;
    width: 8px;
    height: 8px;
    background: #0256ff;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 12px;
    }

.gsContent2 h3{
    font-size: 42px;
    line-height: 50px;
    position: relative;
    text-align: center;
}
.gsContent2 h3::after {
    content: '';
    display: block;
    width: 60px;
    height: 6px;
    background: #0256ff;
    border-radius: 3px;
    margin: 10px auto;
    margin-top: 20px;
} 
.gsContent2 p{

	font-size: 18px;
    line-height: 34px;
    color: #666;
    margin-bottom: 0;
    text-align: left;
} 
.gsContent2 .imglist{display: flex;justify-content: space-between;margin-top: 20px;}
.gsContent2 .imglist dl{ width: 48%; margin-bottom: 40px; }
.gsContent2 .imglist dl dt{display: block;
    overflow: hidden;}
.gsContent2 .imglist dl dd{
background: rgba(233,234,236,0.5);
    font-size: 20px;
    line-height: 32px;
    color: #333;
    text-align: center;
    padding: 12px 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .3s;
    min-height: 88px;
}
.gsContent2 .imglist dl dt img {
    width: 100%;
    transition: all .3s;
}
.gsContent2 .imglist dl:hover img{transform:scale(1.1)}
.gsContent2 .imglist dl:hover dd{ background:#0256ff; color:#fff}


.gsContent2 .imglist2{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 38px;
    row-gap: 38px;
}
.gsContent2 .imglist2 dl{width: 100%;margin-bottom: 40px;}
.gsContent2 .imglist2 dl dt{display: block;
    overflow: hidden;}
.gsContent2 .imglist2 dl dd{
background: rgba(233,234,236,0.5);
    font-size: 20px;
    line-height: 32px;
    color: #333;
    text-align: center;
    padding: 12px 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .3s;
    min-height: 88px;
}
.gsContent2 .imglist2 dl dt img {
    width: 100%;
    transition: all .3s;
}
.gsContent2 .imglist2 dl:hover img{transform:scale(1.1)}
.gsContent2 .imglist2 dl:hover dd{ background:#0256ff; color:#fff}


.gsContent1Right{width:75%; padding-left:5%; float:right;line-height:26px;}
.gsContent1Right::-webkit-scrollbar {
            display: none;  /* 适用于Chrome, Safari, 和Opera */
        }
.gsContent1Right img{max-width:100%;height:auto;}

.gsContent1Right table {
    border: 1px solid #ccc;
    border-left: 0px;
    border-top: 0px;
    font-size: 14px;
    table-layout: fixed;
    width: 100%;
    box-sizing: border-box;
    border-spacing: 0;
}

    .gsContent1Right table td {
        border: 1px solid #ccc;
        border-right: 0px;
        border-bottom: 0px;
        padding: 8px 2px;
        text-align: center;
        word-wrap: break-word;
    }

    .gsContent1Right table tr {
        background: #fff;
    }

        .gsContent1Right table tr:nth-child(1) {
            background: #0256ff;
            color: #fff;
        }

.gsContent2{padding:0 0 50px 0;line-height:26px;background: #fff;}
.gsContent2 img{max-width:100%;height:auto;margin-bottom: 0;}

.gsContent2 table {
    border: 1px solid #000;
    border-left: 0px;
    border-top: 0px;
    font-size: 14px;
    /* table-layout: fixed; */
    width: 100%;
    box-sizing: border-box;
    border-spacing: 0;
}

    .gsContent2 table td {
        border: 1px solid #000;
        border-right: 0px;
        border-bottom: 0px;
        padding: 8px 3px;
        text-align: center;
        font-size: 16px;
		color:#000
        word-wrap: break-word;
    }

    .gsContent2 table tr {
        background: #e9eaec;
    }
  .gsContent2 table tr:nth-child(even) {
    background: #fff;
}
    .gsContent2 table tr:nth-child(1) td {
            background: #0256ff;
            color: #fff;
            font-size: 18px;
     }
.gsContent2 table tr.hd{
            background: #0256ff;
            color: #fff;
     }

.detail-process-box .procrss-ul {
    margin-top: 70px;
    display: flex;
    flex-wrap: wrap;
}
.detail-process-box .procrss-ul li {
    width: 17%;
    margin-right: 3%;
    padding: 16px 16px;
    border: 1px solid #eee;
    position: relative;
    transition: all .3s;
    border-left: 6px solid #0256ff;
    min-height: 142px;
}
.detail-process-box .procrss-ul li .num {
    font-size: 50px;
    color: rgba(0,0,0,0.2);
    line-height: 50px;
}
.detail-process-box .procrss-ul li .num-des {
    font-size: 18px;
    color: #666;
    line-height: 28px;
    margin-top: 6px;
}
.detail-process-box .procrss-ul li @font-face
{
    font-family: myFirstFont;
    src: url(../fonts/ELASISRG.ttf);
}
@font-face
{
    font-family: myFirstFont1;
    src: url(../fonts/GEOMETR415.ttf);
}
*{ margin:0; box-sizing: border-box; padding:0; transition-property: all;-ms-transition-property: all;-moz-transition-property: all; -webkit-transition-property: all; -o-transition-property: all;}
body{font-family: Arial;color:#333;font-size:16px;background: #fff;}
a{text-decoration: none;-webkit-transition: all ease .1s;-moz-transition: all ease .1s;transition: all ease .1s;border:none;color: #333;}
a:focus { outline: 0 }
a:hover{ color: #0256ff;}
img{ border:none; -webkit-transition: all ease .5s;  -moz-transition: all ease .5s; transition: all ease .5s;}
ul,li{ list-style:none;}
.clear{ clear:both;}
.clearfix{ clear:both;}
p{ margin:0; padding:0;}

.padding5{ padding:5px;}
.padding10{ padding:10px;}
.padding15{ padding:15px;}
.padding20{ padding:20px;}
.padding30{ padding:30px;}
.padding40{ padding:40px;}
.mt-10 {margin-top: 10px;}
.mt-20 {margin-top: 20px;}
.mt-30 {margin-top: 30px;}
.mt-40 {margin-top: 40px;}
.mt-50 {margin-top: 50px;}
.mb-10 {margin-bottom: 10px;}
.mb-20 {margin-bottom: 20px;}
.mb-30 {margin-bottom: 30px;}
.mb-40 {margin-bottom: 40px;}
.mb-50 {margin-bottom: 50px;}
.fr{ float:right;}
.fl{ float:left; }
.right{ float:right;}
.left{ float:left; }
.paddingright{ padding-right:10px;}
.paddingleft{ padding-left:10px;}
.undis{ display:block;  background-size: cover;}
.dis{ display:none;  }
.pr5{ padding-right:5px;}
.red{ color:#f00;}
.fff{ color:#fff;}
.pdt30{ padding-top: 30px;}
.txtcenter{ text-align: center;}
h4, .h4, h5, .h5, h6, .h6{ margin: 0;}
.auto80{ width:80%; position: relative;}
.flex {display: flex; flex-wrap: wrap;}
.flex-center { display: flex; align-items: center; justify-content: center;}
.flex-center-contain { justify-content: space-between;align-items: flex-end;}
.flex-center-contain1 { justify-content: space-between;}
img,video,canvas{max-width: 100%;object-fit: cover;}
.nodata{ width:100%; text-align:center; color:red; line-height:32px;}

#home .home,
#products .products,
#news .news,
#contact .contact,
#about .about,
#rd .rd,
#cases .cases{color: #ffffff;background-image: linear-gradient(160deg, #0d4da1 20%, #25b3db 94%);border-radius: 15px 15px 15px 0;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);border: 2px solid #17b0e0;}
#products{background:#f6f6f6}




input,button,select,textarea{ outline:none; font-family: "microsoft yahei";}
textarea{resize:none;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"] {-webkit-appearance: none; font-weight:normal;}

#warp{ width:100%; height:auto; position: relative;}
.HeaderM{ display: none;}

.contain{ padding: 0 10%; position:relative;}
.Header{ width: 100%; height: auto;  background: #FFFFFF; box-shadow: 3px 3px 10px 0 rgba(0,0,0,.1); padding: 10px 0; position: fixed; left: 0; top: 0; z-index: 999;}
.Header .logo{ float: left; width: 269px; height: 88px;}
.Header .logo a{ display: block; width: 269px; height: 88px; background: url(../images/logo.svg) no-repeat; }
.Header .logo h1{ display:none;}
.Header .nav li.navmoon a{color:#0256ff;}
.Header .nav li.navmoon ul li a{color:#333;}
.Header .nav{float: left;margin-left: 50px;height: 40px;line-height: 40px;margin-top: 24px;}
.Header .nav li{float: left;margin: 0 8px;position: relative;font-size: 18px;}
.Header .nav li a{display: block;padding: 0 20px;}
.Header .nav ul li ul{position: absolute;left: -30px;top: 39px;background: #FFFFFF;width:330px;box-shadow: 3px 3px 10px 0 rgba(0,0,0,.1);display: none;z-index:888}
.Header .nav ul li ul li{ padding: 0; text-align: center; width:330px; margin: 0; font-weight: normal;  height: 42px; line-height: 42px; font-size: 15px; border-bottom: 1px solid #EEEEEE;}
.Header .nav ul li ul li a:hover{ background: #0256ff;  color:#fff; border-bottom: none;}
.Header .nav ul li ul li a{ display:block;  color: #333333;  height: 42px; overflow:hidden;  }
.Header .nav li ul li ul.nul2{ left:331px; top:0;}
.Header .nav li:hover ul.nul1{ display: block;}
.Header .nav li ul li:hover ul.nul2{ display: block;}

.searchshow{ float: right; width: 278px; height: 42px; margin-top: 21px; overflow: hidden; display: flex;}
.searchshow input{ width: 229px; height: 42px; border:1px solid #CCCCCC; border-right: none; border-radius: 3px 0 0 3px; padding: 0 15px;}
.searchshow button{width: 49px;height: 42px;background: #0256ff;border: none;background-image: linear-gradient(160deg, #0d4da1 20%, #25b3db 94%);border-radius: 0 3px 3px 0;color: #FFFFFF;font-size: 20px;}

/**banner**/
.main_visual{ margin-top: 108px;}
.main_visual .owl-carousel,.main_visual .owl-stage-outer,.main_visual .owl-stage,.main_visual .owl-carousel .owl-item{width: 100%;height: 100% !important;}
.main_visual .owl-carousel .item{width: 100%;height: 100%; background-repeat: no-repeat; background-position: center center;-webkit-background-size: cover; background-size: cover;}
.main_visual .owl-carousel .item img{ width: 100%; height: auto;}
.main_visual .owl-prev,.main_visual .owl-next{width:62px;height: 62px;background-repeat: no-repeat; background-position: center center; position: absolute;top: 50%;margin-top: -31px;text-indent: -999px; overflow: hidden;}
.main_visual .owl-prev{background-image: url(../images/prev.png);left: 5%; }
.main_visual .owl-next{background-image: url(../images/next.png);right: 5%; }
.main_visual .owl-prev:hover{background-image: url(../images/prevs.png);}
.main_visual .owl-next:hover{ background-image: url(../images/nexts.png);}
.main_visual .owl-dots{ width: 80%; height: 16px; position:absolute; left: 10%; bottom: 30px;  z-index: 999;}
.main_visual .owl-dots .owl-dot{display: inline-block;  margin:0 5px ;}
.main_visual .owl-dots .owl-dot span{  display: inline-block; width: 16px; height: 16px; background:#FFFFFF; border-radius: 10px;}
.main_visual .owl-dot.active span{width: 16px; height: 16px; background:#0256ff; border-radius: 10px;}
.main_visual .owl-carousel .item img.Bpic{ display: block;}
.main_visual .owl-carousel .item img.Bmpic{ display: none;}

.inPro{ width: 100%; height: auto; padding: 65px 0; background: url(../images/inprobg.png) no-repeat center; background-size:cover;}
.inProTit{ width: 100%; height: 52px; line-height: 52px; margin-bottom: 40px; overflow: hidden;}
.inProTit h2{ color: #111111; font-family: Arial; text-transform: uppercase; font-size: 42px;}
.inProTit ul{ flex: 1; text-align: right;}
.inProTit ul li{ display: inline-block; padding: 0 14px; font-size: 18px; height: 52px; overflow: hidden;}
.inProTit li.thistab {background: #0256FF; border-radius: 50px; color: #FFFFFF;}
.inProTit li.thistab a{ color:#fff;}

.inProList{ width: 100%; height: auto; justify-content: space-between;}
.inProList dl{width: 23%;text-align: center;background: #fff;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);border: 2px solid #d1ddf5;border-radius: 15px 15px 15px 0;}
.inProList dl dt{ width: 100%; height: auto; overflow: hidden;}
.inProList dl dt img{ width: 100%; height: auto;}
.inProList dl dd{ width: 100%; height: auto; padding: 25px 30px;}
.inProList dl dd a{ display: block; height: 42px; line-height: 42px; font-weight: bold; color: #111111; font-size: 22px; overflow: hidden;}
.inProList dl:hover a{ color: #0256FF;}
.inProList dl dd p{ line-height: 22px; height: 44px; overflow: hidden;}
.inProList dl:hover img{transform: scale(1.1); -webkit-transform: scale(1.1);}

.inProList dl dd a.inproMore{ display:none; margin: 0 auto; width: 140px; height: 42px; background: #000000; color: #FFFFFF !important; border-radius: 30px; font-weight: normal; font-size: 14px;}
.inProList dl dd a.inproMore:hover{ background: #0256FF; color: #FFFFFF;}
.inProList dl:hover a.inproMore{ display: block;}
.inProList dl:hover p{ display: none;}



.alertVideoHide{display:none;position:fixed;top:0px;left:0px;width:100%;height:100%;background:url(../images/blackBg.png);z-index:888;}
.alertVideoContent{display:none;position:fixed;top:50%;left:50%;width:800px;margin:-180px 0 0 -400px;z-index:999;background:#fff; height:auto; 
box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.2);-moz-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.2);-ms-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.2);-o-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.2);-webkit-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.2);
border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;-webkit-border-radius:6px;}
.alertVideoContent iframe{width:100% !important;height:100% !important;}
.alertVideoContent .vedioClose{position:absolute;top:-27px;right:-27px;cursor:pointer;}

.inAbout{ width: 100%; padding: 65px 0;}

.inAboutLeft{ width: 50%; padding-right: 80px;}
.inAboutLeft h2{color: #111111; font-family: Arial; text-transform: uppercase; font-size: 42px; line-height: 52px; margin-bottom: 10px;}
.inAboutLeft p{ font-size: 16px; line-height: 24px;}
.inAboutLeft h4{ margin-top: 20px; font-size: 16px; font-weight: bold; line-height: 24px;}
.inAboutLeft a{ display: block; margin-top: 20px; width: 186px; height: 48px; line-height: 48px; background: #0256FF; color: #FFFFFF; text-align: center;}
.inAboutLeft a i{ padding-left: 10px;}
.inAboutLeft a:hover{ background: #000000;}

.inAboutRight{ width: 50%; height: auto; cursor: pointer; position: relative;}
.inAboutRight img{ width: 100%; height: 100%;}
.inAboutNum{ color: #FFFFFF; position: absolute; left: 5%; bottom: 20px; width: 90%;  justify-content: space-between;}
.inAboutNum dl{ text-align: center;}
.inAboutNum dl dt{font-family: myFirstFont; font-size: 42px; line-height: 42px;}
.inAboutNum dl dt h4{font-weight: normal; display: inline-block;}
.inAboutNum dl dt span{ font-size: 14px; margin-left: 10px;}
.inAboutNum dl dd{ font-size: 14px; line-height: 20px;}

.inRdbg{ width: 100%; height: auto; background: url(../images/inrdbg.png) no-repeat center; text-align: center; color: #FFFFFF; background-size:cover; padding: 65px 0 100px 0;}
.inRdbg h2{font-family: Arial; text-transform: uppercase; font-size: 42px; line-height: 70px;}
.inRdbg h4{ font-size: 32px; line-height: 62px; margin-top: 10px;}
.inRdbg p{ width: 60%; margin: 0 auto; font-size: 16px; line-height: 26px;}




.inRdNum{ justify-content: space-between; width: 100%; padding: 35px 10%; height: auto; margin: 0 auto;}
.inRdNum dl{ text-align: center;}
.inRdNum dl dt{font-family: myFirstFont;  line-height: 42px;}
.inRdNum dl dt h4{font-weight: normal;display: inline-block;color: #ff5b44;font-size: 68px !important;}
.inRdNum dl dt span{ font-size: 14px; margin-left: 10px;}
.inRdNum dl dd{ font-size: 14px; line-height: 20px;}
.inRdbg a{display: block;margin: 0 auto;margin-top: 20px;width: 186px;height: 48px;border-radius: 68px;line-height: 48px;background: #ffffff;color: #000000;text-align: center;}
.inRdbg a i{ padding-left: 10px;}
.inRdbg a:hover{ background: #000000;}

.inCasebg{ width: 100%; height: auto; padding: 65px 0; text-align: center;}
.inCasebg h2{font-family: Arial; text-transform: uppercase; font-size: 42px; line-height: 70px; color: #111111;}
.inCasebg p{ font-size: 16px;}

.inCaseList{width: 100%; height: auto; justify-content: space-between; padding-top: 40px;}
.inCaseList dl{ width: 23%; text-align: center;}
.inCaseList dl dt{ width: 100%; height: auto; overflow: hidden;}
.inCaseList dl dt img{ width: 100%; height: auto;}
.inCaseList dl dd{ width: 100%; height: auto; padding: 35px 30px;}
.inCaseList dl dd a{ display: block; font-size: 24px; font-weight: bold; color: #111111; height: 42px; line-height: 42px; overflow: hidden;}
.inCaseList dl dd em{ font-style: normal; display: block; line-height: 24px; height: 72px; overflow: hidden;}
.inCaseList dl:hover a{ color: #0256FF;}
.inCaseList dl:hover img{transform: scale(1.1); -webkit-transform: scale(1.1);}

.inCaseMore{ width: 100%; height: auto; margin-top: 20px;}
.inCaseMore a{ display: block; margin: 0 auto;  width: 186px; height: 48px; line-height: 48px; background: #0256FF; color: #FFFFFF; text-align: center;}
.inCaseMore a i{ padding-left: 10px;}
.inCaseMore a:hover{ background: #000000;}


.inHonorbg{ width: 100%; height: auto; background: url(../images/inHonorbg.png) no-repeat center; text-align: center;  background-size:cover; padding: 70px 0;}
.inHonorbg h2{font-family: Arial; text-transform: uppercase; font-size: 42px; line-height: 70px; color: #111111;}
.inHonorbg p{ font-size: 16px;}

.inHonorList{ width: 100%; height: auto; padding-top: 35px;}
.main_visual1 .owl-carousel,.main_visual1 .owl-stage-outer,.main_visual1 .owl-stage,.main_visual1 .owl-carousel .owl-item{width: 100%;height: 100% !important;}
.main_visual1 .owl-carousel .item{width: 100%;height: 100%; text-align: center; padding: 25px 55px 10px 55px; background: #FFFFFF; background-repeat: no-repeat; background-position: center center;-webkit-background-size: cover; background-size: cover;}
.main_visual1 .owl-carousel .item img{ width: 100%; height: auto; }
.main_visual1 .owl-carousel .item p{ height: 60px; line-height: 60px; overflow: hidden; font-size: 24px;}
.main_visual1 .owl-prev,.main_visual1 .owl-next{width:22px;height: 39px;background-repeat: no-repeat; background-position: center center; position: absolute;top: 50%;margin-top: -19px;text-indent: -999px; overflow: hidden;}
.main_visual1 .owl-prev{background-image: url(../images/Hprev.png);left: -5%; }
.main_visual1 .owl-next{background-image: url(../images/Hnext.png);right: -5%; }
.main_visual1 .owl-prev:hover{background-image: url(../images/Hprevs.png);}
.main_visual1 .owl-next:hover{ background-image: url(../images/Hnexts.png);}
.main_visual1 .owl-dots{ display: none; text-indent: -99999em;}


.inFedbg{ width: 100%; height: auto; background: url(../images/infedbg.png) no-repeat center; text-align: center; color: #FFFFFF; background-size:cover; padding: 70px 0;}
.inFedbg h2{ font-family: Arial; text-transform: uppercase; font-size: 42px; line-height: 70px; margin-top: 20px;}



.Footer{ width: 100%; height: auto; padding: 80px 0; background: url(../images/footerbg.png) no-repeat; background-size:cover;}
.Footercontain{justify-content: space-between;align-items: flex-end;}

.FooterLeft{display: flex; flex-direction: column; align-items: flex-start;}
.FooterLeft img{ width: auto; height: auto;}
.FooterLeft p{ line-height: 30px; margin-top: 10px; width: 80%;}
.FooterLeftLinks{ width: 100%; padding-top: 30px;}
.FooterLeftLinks a{ display: block; float: left; margin-right: 10px; width: 46px; height: 46px; line-height: 46px; font-size: 20px; border-radius: 50%; background: #FFFFFF; text-align: center;}
.FooterLeftLinks a:hover{ background: #0256FF; color: #FFFFFF;}

.FooterRight{ flex: 1; }
.FooterRight ul{justify-content: flex-end;}
.FooterRight ul li{ padding-left: 80px;}
.FooterRight ul li h4{ color: #111; font-size: 28px; line-height: 42px; margin-bottom: 10px;  font-family: Arial;}
.FooterRight ul li a{ display: block; line-height: 24px;}
.FooterRight p{ line-height: 30px; margin-top: 10px; }
.FooterRight dl{ display: flex; line-height: 22px; margin-top: 5px;}
.FooterRight dl dt{ margin-right: 10px;}

.footercopy{ width: 100%; height: auto; line-height: 28px; padding: 15px 0; background: #FFFFFF; text-align: center;}


.customer{ position: fixed; right: 10px; top: 30%; z-index: 999;}
.customer li{ width: 60px; height: 60px; margin-bottom: 1px; position: relative; box-shadow: 3px 3px 10px 0 rgba(0,0,0,.1);}
.customer li a{ display: block; width: 60px; height: 60px;  border-radius: 5px;}
.customer li.custLi1 a{background: #FFFFFF url(../images/cusicon1.png) no-repeat center;}
.customer li.custLi2 a{background: #FFFFFF url(../images/cusicon2.png) no-repeat center;}
.customer li.custLi3 a{background: #FFFFFF url(../images/cusicon3.png) no-repeat center;}
.customer li.custLi4 a{background: #FFFFFF url(../images/cusicon4.png) no-repeat center;}
.customer li.custLi5 a{background: #FFFFFF url(../images/cusicon5.png) no-repeat center;}

.customer li.custLi1 a:hover{background: #0256FF url(../images/cusicon1s.png) no-repeat center;}
.customer li.custLi2 a:hover{background: #0256FF url(../images/cusicon2s.png) no-repeat center;}
.customer li.custLi3 a:hover{background: #0256FF url(../images/cusicon3s.png) no-repeat center;}
.customer li.custLi4 a:hover{background: #0256FF url(../images/cusicon4s.png) no-repeat center;}
.customer li.custLi5 a:hover{background: #0256FF url(../images/cusicon5s.png) no-repeat center;}

.customer li:hover .eso_divinfo{ display:block;}
.customer li .eso_divinfo{ display:none; position:absolute; min-width:200px; text-align: center; right:75px; top:0; background:#fff;  box-shadow: 3px 3px 10px 0 rgba(0,0,0,.1); padding:25px; border-radius:5px; }
.customer li .eso_divinfo:before{
    content:""; position:absolute; right:-12px; top:50%; margin-top:-12px; 
width:0;
height:0;
border-top:12px solid transparent;
border-bottom: 12px solid transparent;
border-left: 12px solid #fff;
}


.fposi{ display: none;}



#mmenu {
	opacity: 0;
}


.banner2{ width: 100%; height: 350px; margin-top: 108px; position: relative; align-items: center;}
.banner2Txt{ width: 100%; height: auto;color: #FFFFFF; text-align: center;}
.banner2Txt h1{ font-size: 60px; line-height: 100px;  text-transform: uppercase;  font-family: Arial; width: 100%;}
.banner2Txt em{ display: block; width: 88px; height: 4px; background: #FFFFFF; margin: 0 auto;}


.abmenu{ width: 100%; height: 72px;  border-bottom: 2px solid #EEEEEE; line-height: 72px;}
.abmenuL{}
.abmenuL a{ display: block; float: left; padding: 0 25px;}
#lm_hover{ color: #FFFFFF; background:#0256FF; }
.abmenuR i{ padding-right: 10px; color: #0256FF; margin-top: 26px; font-size: 20px;}


.pro-lanmu{ display: none;}
.navbar-nav-more-body{ display: none;}


.aboutBox1{ width: 100%; padding: 55px 0;}
.AboutRight{ width: 50%; padding-left: 70px;}
.AboutRight h2{color: #111111; font-family: Arial; text-transform:capitalize; font-size: 42px; line-height: 52px; margin-bottom: 10px;}
.AboutRight p{ font-size: 16px; line-height: 24px;}

.AboutLeft{ width: 50%; height: auto; cursor: pointer; position: relative;}
.AboutLeft img{width: 100%;height: 100%;border-radius: 0px 98px;border: 9px solid #dfeaff;}


.AbService{width: 100%;height: auto;background: url(../images/abserbf.jpg) repeat-y;padding: 70px 0;background-image: linear-gradient(160deg, #091e3a 20%, #606162 94%);}
.AbService .contain{ position: relative; overflow: hidden;}
.AbServiceLeft{ width: 53%; color: #FFFFFF; padding-right: 58px;}
.AbServiceLeft h2{font-family: Arial;text-transform: capitalize;font-size: 42px;line-height: 52px;margin-bottom: 20px;}
.AbServiceLeft p{ font-size: 16px; line-height: 26px;}
.AbServiceLeftlist{ width: 100%; margin-top: 40px;  justify-content: space-between;}
.AbServiceLeftlist dl{width: 49%;background: #de422c;margin-bottom: 15px;padding: 35px 30px;border-radius: 30px 0;}
.AbServiceLeftlist dl dd{ width: 100%; height: auto; padding-top: 25px;}
.AbServiceLeftlist dl dd b{ display: block; font-size: 20px; line-height: 36px;}
.AbServiceLeftlist dl dd em{ display: block; line-height: 20px; height: 40px; overflow: hidden; font-style: normal;}

.AbServiceRight{width: 47%;}
.AbServiceRight img{width: 100%;height: 100%;border-radius: 80px 0;}

.Abfac{ width: 100%; height: auto; padding: 65px 0; text-align: center;}
.Abfac h2{font-family: Arial;text-transform: capitalize;font-size: 42px;line-height: 70px;color: #111111;}
.Abfac p{ font-size: 16px;}

.AbfacList{ width: 100%; height: auto; padding-top: 35px;}
.main_visual2 .owl-carousel,.main_visual2 .owl-stage-outer,.main_visual2 .owl-stage,.main_visual2 .owl-carousel .owl-item{width: 100%;height: 100% !important;}
.main_visual2 .owl-carousel .item{width: 100%;height: 100%; text-align: center;  background-repeat: no-repeat; background-position: center center;-webkit-background-size: cover; background-size: cover;}
.main_visual2 .owl-carousel .item img{ width: 100%; height: auto; }
.main_visual2 .owl-carousel .item em{ height: 60px; line-height: 60px; overflow: hidden; font-size: 24px; font-style: normal; display:block;}
.main_visual2 .owl-prev,.main_visual2 .owl-next{width:22px;height: 39px;background-repeat: no-repeat; background-position: center center; position: absolute;top: 50%;margin-top: -19px;text-indent: -999px; overflow: hidden;}
.main_visual2 .owl-prev{background-image: url(../images/Hprev.png);left: -5%; }
.main_visual2 .owl-next{background-image: url(../images/Hnext.png);right: -5%; }
.main_visual2 .owl-prev:hover{background-image: url(../images/Hprevs.png);}
.main_visual2 .owl-next:hover{ background-image: url(../images/Hnexts.png);}
.main_visual2 .owl-dots{ display: none; text-indent: -99999em;}

.about-info{ width:100%; padding:25px 0; line-height:26px;}
.about-info img{ max-width:100%; height:auto;}
.abList{ width:100%; padding:25px 0; }
.abList .contain{ margin-left:-20px;}
.abList dl{ width: calc((100% / 4) - 20px); text-align:center; margin: 20px 0 0 20px;}
.abList dl dt{ width:100%; height:auto; overflow:hidden;}
.abList dl dt img{ width:100%; height:auto;}
.abList dl dd{ background:#f7f7f7; width:100%; height:42px; line-height:42px;}
.abList dl:hover img{transform: scale(1.1); -webkit-transform: scale(1.1);}

/*==联系我们↓==*/
.ContactInner{padding-bottom:0px !important}
.ContactInner .long .left,.ContactInner .long .right,.ContactInner #dituContent {height: 500px;}
.ContactInner .long .left {width:50%;}
.ContactInner .long .left img {}
.ContactInner .long .right {position:relative;width:50%;/* border:1px #ddd solid;*/padding:30px;background:#f7f7f7; box-sizing:border-box;}
.ContactInner .long .right .title {color:#111;font-size:24px;  font-family: Arial;}
.ContactInner .long .right .tel {position:relative;margin-top:15px;color:#333333;font-size:14px;display:block;}
.ContactInner .long .right .tel:before {content:"";position:absolute;left:0px;top:32px;width:10px;height:3px;background:#0256ff;}
.ContactInner .long .right .tel:after {content:"";position:absolute;left:13px;top:32px;width:25px;height:3px;background:#0256ff;}
.ContactInner .long .right .tel font {margin-top:30px;font-size:30px;color:#0256ff;display:block;font-weight:bold;  font-family: Arial;}
.ContactInner .long .right .wx {min-height:156px;margin-top:20px;color:#333333;font-size:14px;display:block;line-height:26px;}
.ContactInner .long .right .consult {position:absolute;top:100px;right:60px;}
.ContactInner .long .right .ewm {position:relative;color:#737373;font-size:12px;text-align:center;display:block;line-height:15px;}
.ContactInner .long .right .ewm img {width: 120px;display:block;margin:0 auto 5px;}
.ContactInner .long .right .online {/* float:left;*/color:#fff;margin:30px auto 0;font-size:14px;padding:8px 40px;background:#0256ff;display:block;border-radius:20px;text-align:center;}
.ContactInner .long .right .online:hover {background:#666;}
.ContactInner .map {}
.ContactInner #dituContent {height: 500px;}
.ContactInner #dituContent img{max-width: initial;}




/*==留言通用↓==*/

.MessageCon{background: url(../images/MessageBg.jpg) no-repeat center;background-size:cover; padding:100px 0; }

.MessageCon .long{padding:80px; background: #fff; }

.MessageCon .title{margin-bottom:40px;overflow: hidden;}

.MessageCon .title h2{float:left;color:#191919;font-size:24px;}

.MessageCon .title .tel{float:right;margin-top:25px;color:#333333;font-size:26px;/*font-weight: bold;*/}

.MessageCon .title .tel em{display:block;float:left;margin-right:10px;margin-top:5px;color:#333;font-size:25px;font-weight:400;font-family:"iconfont";}

.MessageCon input{position: relative; width:49.5%; margin-bottom:15px;}


.MessageCon form{ width:100%; justify-content: space-between;}
.MessageCon input,.MessageCon textarea{padding:15px 20px 15px 45px;border:1px #ddd solid; background-repeat:no-repeat ; background-position:15px 17px; box-sizing:border-box;}

.MessageCon textarea{width:100%;height:100px;}

.MessageCon button{width:25%;margin-top:15px;padding:16px 0;border:none;color:#fff;font-size:14px; background: #666; }

.MessageCon button:hover{background:#0256ff}

.MessageCon .x1{background-image: url(../images/ico201.png);}

.MessageCon .x2{background-image: url(../images/ico202.png);}

.MessageCon .x3{background-image: url(../images/ico203.png);}

.MessageCon .x4{background-image: url(../images/ico204.png);}

.MessageCon .x5{background-image: url(../images/ico205.png);}

.MessageCon .x6{background-image: url(../images/ico206.png);}

.MessageCon form dl{ width:100%;}
.MessageCon form dt{ width:50%; float:left;}
.MessageCon form dd{ width:50%; float:left; line-height:49px;}
.upload-path {
    width: 1200px;
    padding: 0 10px;
    height: 50px;
    line-height: 50px;
    border: 1px solid #EEEEEE;
    float: left;
}

.upload-img {
    width: 55px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    background: #c69762;
    float: left;
}


/*以下部分是WebUploader必须的
----------------------------------------------*/
.webuploader-container {
    position: relative;
}

.webuploader-element-invisible {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip: rect(1px,1px,1px,1px);
}

.webuploader-pick {
    position: relative;
    display: inline-block;
    cursor: pointer;
    width: 80px;
    height: 49px;
    line-height: 49px;
    text-align: center;
    color: #fff;
    background: #0256ff;
    float: left;
    overflow: hidden;
    zoom: 1;
    *display: inline;
}

.webuploader-pick-hover {
    opacity: 0.9;
}

.webuploader-pick-disable {
    opacity: 0.6;
    pointer-events: none;
}

.upload-box {
    position: relative;
    display: inline-block;
    height: 32px;
    vertical-align: middle;
    zoom: 1;
    *display: inline;
}

    .upload-box .upload-btn {
        display: inline-block;
        height: 49px; line-height:49px;
        zoom: 1;
        *display: inline;
    }

    .upload-box .upload-progress {
        position: absolute;
        top: 0;
        left: 0;
        padding: 2px 5px;
        width: 115px;
        height: 28px;
        border: 1px solid #d7d7d7;
        background: #fff;
        overflow: hidden;
    }

        .upload-box .upload-progress .txt {
            display: block;
            padding-right: 10px;
            font-weight: normal;
            font-style: normal;
            font-size: 11px;
            line-height: 18px;
            height: 18px;
            text-overflow: ellipsis;
            overflow: hidden;
        }

        .upload-box .upload-progress .bar {
            position: relative;
            display: block;
            width: 112px;
            height: 4px;
            border: 1px solid #1da76b;
        }

            .upload-box .upload-progress .bar b {
                display: block;
                width: 0%;
                height: 4px;
                font-weight: normal;
                text-indent: -99em;
                background: #28B779;
                overflow: hidden;
            }

        .upload-box .upload-progress .close {
            position: absolute;
            display: block;
            top: 1px;
            right: 1px;
            width: 14px;
            height: 14px;
            text-indent: -99em;
            background: url(../images/sprite.gif) 0 -240px no-repeat;
            cursor: pointer;
            overflow: hidden;
        }

/*==留言表格↓==*/
.form-item{display: flex;flex-wrap: wrap;}
.form-item .shell{display: flex;width: calc(50% - 20px);margin-bottom:20px;border: 1px #ddd solid;padding: 10px 20px;align-items: center;background: #fff;}
.form-item .shell.w100{width:100%}
.form-item .ml{margin-left:20px;}
.form-item .shell.vt{    align-items: flex-start;}
.form-item h5 {/* width: 60px; */flex-shrink: 0;margin-right: 10px;color: #3a3a3a;font-size: 16px;}
.form-item .fill{flex: 1;/* width: 100%; */line-height: 30px;color: #fff;font-size: 15px;border: none;background: none;}
.form-item textarea{height:180px}
.form-item .submit{position: relative;width: 350px;display: table;/* margin-top: 10px; */color: #fff;font-size: 16px;padding: 18px 80px;border:none;cursor: pointer;border-radius: 5px;background: #004b9c;}
.form-item .submit:after{opacity:0; content:"";position:absolute;left:0;top:0;right:0;bottom:0; background:#fff}
.form-item .submit:hover:after{opacity:0.2}
/*--*/
.form-item .code{flex-shrink: 0;/* width: 300px; */display: flex;margin-right: 20px;border: 1px #ddd solid; background: #fff;align-items: center;}
.form-item .code input{ flex: 1;}
.form-item .code img{height: 35px;margin: 0px 15px;flex-shrink: 1;cursor: pointer;}
.form-item .yzm{display: flex;/* margin:0 0 0 20px; */align-items: center;}
.form-item .yzm input{width: 150px;padding: 18px 20px;border: none;background: none;}
.form-item .explain{margin-top:20px;color: #9a9a9a;font-size:16px;}
.form-item .explain i{color:red}
.form-item .explain font{color: #0256ff;font-weight:bold;}

.rack{width:100%;}

.titleBx{color:#000123;font-size:40px;margin:35px auto; text-align: center;  font-family: Arial;}

.titleBx span{display: block; margin:10px auto 0;color:#bdbdbd;font-size:14px;font-weight:400}

.casebox{ width:100%; padding:25px 0; }
.casebox .contain{ margin-left:-20px;}
.casebox dl{ width: calc((100% / 4) - 20px); text-align:center; margin: 20px 0 0 20px;}
.casebox dl dt{ width:100%; height:auto; overflow:hidden;}
.casebox dl dt img{ width:100%; height:auto; border-radius: 10px;}
.casebox dl dd{ font-size: 18px; height: 60px; line-height: 60px; overflow: hidden; padding: 0 20px;}
.casebox dl:hover img{transform: scale(1.1); -webkit-transform: scale(1.1);}

.caseShow{ width:100%; padding:35px 0;}
.caseShowTit{ width:100%; text-align:center; color:#111; font-weight:bold; font-size:34px; line-height:42px;  font-family: myFirstFont1;}

.goodsWz{ width:100%; height:auto; line-height:36px; padding:15px 0;}
.goodsWz i{padding-right: 10px; color: #0256FF; font-size: 20px;}
.goodsWz a{color: #666;
    font-size: 18px;
    margin: 0 4px;}
.goodsWz a:last-child{color:#0256ff; font-weight:bold  }
.goodsBg{ width:100%; height:auto; padding:50px 0; background:#f2f2f2;}


.goodsLeft{width:25%;height:auto;box-sizing:border-box;float:left;border-radius: 0 20px 0 0;box-shadow: 3px 3px 10px 0 rgba(0,0,0,.1);}
.goodsLeft h2{font-size: 20px;height:auto;line-height:42px;color:#fff;background: #0256ff;background-image: linear-gradient(160deg, #0d4da1 20%, #25b3db 94%);padding:15px 20px;font-weight: normal;border-radius:0 20px 0 0;}
.goodsLeft ul{background:#fff;}
.goodsLeft ul li{height: 100%;border-bottom: 1px solid #e9eaec;}
.goodsLeft ul li a{display:block;border-bottom:1px solid #eee;font-size: 18px;font-weight: bold;color: #4e4e4e;padding: 16px 20px;}
.goodsLeft ul li i{line-height: 3px;font-size: 17px;background: #0256ff;color: #ffffff;width: 23px;padding: 9px;border: 1px solid #ccc;border-radius: 100px;text-align: center;}
.goodsLeft ul li ul{ display:none;  background:#fff; width:100%; padding:10px 20px; box-sizing:border-box;  z-index:666; }
.goodsLeft ul li:hover ul{ display:block;}
.goodsLeft ul li ul li {border:0}
.goodsLeft ul li ul a{border:0px;position: relative;}
.goodsLeft ul li ul a:after{
	content: '';
	display: block;
	width: 5px;
	height: 5px;
	background: #0256ff;
	border-radius: 50%;
	position: absolute;
	left: 6px;
	top: 26px;
	}
.goodsLeft ul li ul li i{
    display: none;
}

#lm_hover1{color: #000000;background: #e9eaec;border-left: 3px solid #000;}
#lm_hover2{color: #0256ff;background: none;}
 

.goodsRight{  width:73%; height:auto; float:right;}
.goodsRight h3{ font-size:34px; color:#111; line-height:42px; margin-left:20px;}
.goodsRight em{ width:88px; height:6px; background: #0256ff; border-radius:3px; margin-top:20px; margin-left:20px; display:block;}
.goodsRightinfo{ width:100%; padding:30px 20px; line-height:26px;}

.goodsRight .contain{ padding:0;}
.goodsRight dl{   width: calc((100% / 3) - 20px); text-align:center; margin: 0 0 20px 20px; overflow:hidden; text-align:center; box-sizing:border-box;}
.goodsRight dl dt{ width:100%; height:auto; overflow:hidden; background:#fff;  padding:30px;}
.goodsRight dl dt img{ width:100%; height:auto;}
.goodsRight dl:hover img{transform: scale(1.1); -webkit-transform: scale(1.1);}
.goodsRight dl dd{ width:100%; height:auto;  overflow:hidden; text-align:left; padding:15px 0;}
.goodsRight dl dd a{ display:block; color:#111; font-weight:bold; font-size:22px; height:42px; line-height:42px; overflow:hidden;}
.goodsRight dl dd p{ line-height:28px; height:112px; overflow:hidden;}

.SearchList{ width:100%; height:auto; overflow:hidden; }
.SearchList .contain{ margin-left:-20px;}
.SearchList dl{   width: calc((100% / 5) - 20px); text-align:center; margin: 0 0 20px 20px; background:#fff; overflow:hidden; text-align:center; box-sizing:border-box; padding:30px;}
.SearchList dl dt{ width:100%; height:auto; overflow:hidden;}
.SearchList dl dt img{ width:100%; height:auto;}
.SearchList dl:hover img{transform: scale(1.1); -webkit-transform: scale(1.1);}
.SearchList dl dd{ width:100%; height:42px; line-height:42px; overflow:hidden;}

/*==产品详情↓==*/

/*==字符串↓==*/



@font-face {
  font-family: 'iconfont';  /* Project id 1963410 */
  src: url('../fonts/font_1963410_g2n4e42qv0n.woff2') format('woff2'),
       url('../fonts/font_1963410_g2n4e42qv0n.woff') format('woff'),
       url('../fonts/font_1963410_g2n4e42qv0n.ttf') format('truetype');
}

.ProductShow {}

.DetailCont .top {}

/*--*/

.DetailCont .pst-left {float:left;width:50%;}

.DetailCont .pst-right {float:right;width:45%}

/*--*/

.pst-right .title {color:#191919;margin-bottom:30px;font-size: 50px;}

.pst-right .number {color:#666;font-size:18px;display:block;margin-top:20px;}

.pst-right .wx {
    margin-bottom: 20px;
    font-size: 18px;
    line-height: 32px;
    color: #666;
}

.pst-right .rok {-webkit-line-clamp:3;}

.pst-right .tel {color:#191919;height: 46px;line-height: 46px;font-size: 23px;display: inline-block;margin-top: 30px;border: 1px solid #0256ff;}

.pst-right .tel i {float:left;color: #fff;font-size:25px;background: #0256ff;padding: 10px;height: 46px;width: 60px;text-align: center;}

.pst-right .tel font {color:#0256FF;}
.pst-right .tel  a{
    display: inline-block;
    padding: 0px 15px;
    transition: all .3s;
    font-size: 16px;
}
.pst-right .tel  a:hover{background:#0256ff; color:#fff}

.pst-right .online {margin-top:40px;overflow:hidden;}

.pst-right .online a {float:left;margin-right:20px;color:#fff;font-size:14px;padding:12px 50px;border:1px #1b1b1b solid;background:#1b1b1b;}

.pst-right .online a.cor {color:#1b1b1b;background:#fff;}

.pst-right .online a:hover {color:#fff;border-color:#0256FF;background:#0256FF;}

.pst-right .trait {padding:25px 0;display:flex;justify-content:space-between;margin-top: 30px;}

.pst-right .trait li {position:relative;color:#555;font-size:18px;display:flex;align-items:center;justify-content:center;}

.pst-right .trait li:before {margin:0 8px 0 0;font-size:28px;}

.pst-right .trait li:nth-child(1):before {content:"\e75c"; font-style: normal;font-family: "iconfont";transition: all .4s ease-in-out}

.pst-right .trait li:nth-child(2):before {content:"\ea00"; font-style: normal;font-family: "iconfont";transition: all .4s ease-in-out}

.pst-right .trait li:nth-child(3):before {content:"\e703"; font-style: normal;font-family: "iconfont";transition: all .4s ease-in-out}

/*--*/

.psc-content {margin-top:70px;}

.psc-content .wx {}

.psc-content .wor {line-height:26px;font-size:16px;}

.psc-content .long td p{ padding:8px 0px 8px 20px ;font-size:16px;}

.psc-content .long {position:relative;display:flex;}

.psc-content .psd-left {flex:1;min-width:50%}

.psc-content .psd-right {flex-shrink:0;width:360px;margin-left:50px;}

.psc-content .tone {position:relative;display:flex;margin-bottom:30px;border-left:1px #eee solid;}

.psc-content .tone:before,.psc-content .tone:after {content:"";position:absolute;left:-10%;right:-10%;top:0;height:1px;background:#ddd;}

.psc-content .tone:after {bottom:0;top:auto;}

.psc-content .tone li {position:relative;display:inline-block;color:#444444;font-size:18px;padding:18px 30px;border-right:1px #eee solid;cursor:pointer;align-items:center;justify-content:center;}

.psc-content .tone li:before {content:"";float:left;color:#444;font-size:24px;margin-right:10px;}

.psc-content .tone li:after {content:"";position:absolute;left:0;bottom:0px;width:100%;z-index:1;height:2px;transition:transform .5s;transform:scale(0,1);transform-origin:right;background:#0256FF;}

.psc-content .tone li.thistab,.psc-content .tone li:hover {color:#0256FF}

.psc-content .tone li.thistab:before,.psc-content .tone li:hover:before {color:#0256FF}

.psc-content .tone li.thistab:after,.psc-content .tone li:hover:after {transform:scale(1);transform-origin:left;}
.psc-content .tone li.x1{border-left:1px #eee solid;}
.psc-content .tone li.x1:before {content:"\e6b9"; font-style: normal;font-family: "iconfont";transition: all .4s ease-in-out}

.psc-content .tone li.x2:before {content:"\e68f"; font-style: normal;font-family: "iconfont";transition: all .4s ease-in-out}

.psc-content .tone li.x3:before {content:"\e692"; font-style: normal;font-family: "iconfont";transition: all .4s ease-in-out}

.psc-content .tone li.x4:before {content:"\e694"; font-style: normal;font-family: "iconfont";transition: all .4s ease-in-out}

.psc-content .frame {margin-bottom:50px;padding-bottom:40px;border-bottom:1px #ddd solid}

.psc-content .frame:last-child,.psc-content .mr {}

.psc-content h2 {position:relative;color:#333;font-size:22px; margin:15px 0; padding-left:20px}

.psc-content h2:before {content:"";position:absolute;left:0;top:20%;width:3px;height:60%;background:#0256FF;}

.psc-content h3 {position:relative;color:#333;font-size:22px; margin:15px 0; padding-left:20px}

.psc-content h3:before {content:"";position:absolute;left:0;top:20%;width:3px;height:60%;background:#0256FF;}
.psc-content img{ border:1px solid #eee; border-radius:20px; margin:15px 0; padding:25px; box-shadow: 3px 3px 10px 0 rgba(0,0,0,.1);}

.psc-content .download {}

.psc-content .download li {display:flex;color:#666;font-size:15px;margin-bottom:2px;background:#e9eef4;}

.psc-content .download .state {padding:13px 20px;display:block;border-right:1px #dedede solid;}

.psc-content .download .state:last-child {border-right:none}

.psc-content .download .title {flex:1;color:#333;}

.psc-content .download .block {width:200px;flex-shrink:0;color:#666;}

.psc-content .download .file:before {content:"\e784";float:left;margin:3px 5px 0 0;font-size:20px;color:#666}

.psc-content .download .file:hover {color:#0256FF}

.psc-content .download .file:hover:before {color:#0256FF}

.psc-content .download .top * {color:#0256FF;font-weight:bold;}

.psc-content table {
    border: 1px solid #ccc;
    border-left: 0px;
    border-top: 0px;
    font-size: 14px;
    table-layout: fixed;
    width: 100%;
    box-sizing: border-box;
    border-spacing: 0;
}

    .psc-content table td {
        border: 1px solid #ccc;
        border-right: 0px;
        border-bottom: 0px;
        padding: 8px 2px;
        text-align: center;
        word-wrap: break-word;
    }

    .psc-content table tr {
        background: #fff;
    }

        .psc-content table tr:nth-child(1) {
            background: #f6f6f6;
        }



/*--*/

.psd-right .title {position:relative;color:#666;font-size:20px;margin-bottom:20px;border-bottom:1px #ddd solid;padding-bottom:20px;}

.psd-right .title:before {content:"";position:absolute;left:0;bottom:-1px;width:40px;height:2px;background:#0256FF}

.psd-right .shell {margin-bottom:30px;border:1px #eee solid;box-shadow:6px 6px 15px #eee;padding:30px;background:#fff;}

.psd-right .thing {}

.psd-right .thing .pic {}

.psd-right .thing h4 {color:#333;font-size:18px;margin-top:20px;}

.psd-right .thing p {-webkit-line-clamp:1;color:#666;font-size:14px;margin-top:10px;}

.psd-right .list {}

.psd-right .list li {margin-bottom:20px}

.psd-right .list li:last-child {margin-bottom:0px;}

.psd-right .list h4 {color:#333;font-size:16px;margin-top:15px;}

/*--*/

.srll-recom {position:relative;}

.srll-recom .swiper-container {padding:6px;}

.srll-recom .product-list li {}

/*--*/

.psd-right {}

.is-affixed .info {margin-top:50px}





/*==左右图片切换↓==*/

.srllOrso {display:flex}

.srllOrso .leftPic {width:80%;float:left;border:2px #efefef solid;background:#fff;}

.srllOrso .leftPic img {display:block;margin:auto;max-width:100%;height: auto;object-fit:cover;}

.srllOrso .rightPic {width:20%;float:right;margin-left:15px;}

.srllOrso .rightPic li {height:20%;margin-bottom:20px;border:2px #efefef solid;cursor:pointer;background:#fff;}

.srllOrso .rightPic li img {display:block;max-width:100%;height: auto;margin:auto}

.srllOrso .rightPic li.swiper-slide-thumb-active {border-color:#0256FF;}

.srllOrso .leftPic,.srllOrso .rightPic {height: 461px;}

.srllOrso .leftPic .look {opacity:0;position:absolute;left:0;bottom:0;z-index:2;width:100%;padding:10px;color:#fff;font-size:16px;height:40px;text-align:center;transform:translateY(40px);background:rgba(0,0,0,0.5);}

.srllOrso .leftPic .look i {margin-right:10px;display:inline-block;font-size:20px; font-style: normal;font-family: "iconfont";transition: all .4s ease-in-out}

.srllOrso .leftPic:hover .look {opacity:1;transform:translateY(0px);}

.srllOrso .rightPic:hover .btn {opacity:1 !important;}

.srllOrso .btn {opacity:0;position:absolute;top:0;left:0;right:0;z-index:2;margin:0px;padding:5px 0;cursor:pointer;text-align:center;background:rgba(0,0,0,0.4);transition:all .4s ease-in-out;}

.srllOrso .btn:before {color:#fff;font-size:32px;display:block;}

.srllOrso .sPrev:before {content:"\ebd1"; font-style: normal;font-family: "iconfont";transition: all .4s ease-in-out}

.srllOrso .sNext:before {content:"\eb9c"; font-style: normal;font-family: "iconfont";transition: all .4s ease-in-out}

.srllOrso .btn.sNext {top:auto;bottom:0;}

.srllOrso .btn:hover {opacity:1;background:rgba(0,0,0,0.6)}







/*==滚动大图↓==*/

.srllPho{ position: relative;;width: 100%;margin: auto;}

.srllPho .gallery-top{border: 1px #ddd solid; background:#fff ;}

.srllPho .gallery-top .look{ opacity:0; position:absolute; left:0;bottom:0;z-index:2;width:100%;padding:10px; color:#fff;font-size:16px;height:40px;text-align:center;transform: translateY(40px);  background:rgba(0,0,0,0.5) ;}

.srllPho .gallery-top .look i{ margin-right:10px; display:inline-block;font-size:20px;}

.srllPho .gallery-top:hover .look{opacity:1 ; transform: translateY(0px);}

.srllPho .gallery-top li{height:500px;}

.srllPho .gallery-top li img{max-width:initial;max-height:100%;width:auto;display: block;margin:auto;}

.srllPho .gallery-thumbs{margin-top:15px;padding: 0 50px;}

.srllPho .gallery-thumbs li{ width: 20%;height: 100%; border:2px #ddd solid; cursor: pointer; background:#fff;}

.srllPho .gallery-thumbs li.swiper-slide-thumb-active{ border:2px #0256FF solid;}

.srllPho .gallery-thumbs li img{max-width:100%;display: block;margin:auto;height:80px}

.srllPho .btn{opacity: 1;top:0;left:0;width: 40px;height:100%;padding:0 0;display:table;border-radius: 0%;margin: 0px;text-align:center; /*! border-radius: 5px; */color:#0256FF;font-size:40px;background-image:none;background-color:#ddd;background-position:center;background-repeat:no-repeat;background-size: auto;}

.srllPho .btn i{ display: table-cell;vertical-align: middle;padding: 0px;}

.srllPho .btn.nt{left:auto;right:0;}

/*.srllPic .btn.next{transform:rotate(180deg);}*/

.srllPho .btn:hover,.srllPho .btn:hover i{color:#fff; background-color:#0256FF;}

.srllPho .swiper-button-disabled{opacity: .5;}

/*.srllPic .btn:hover{ opacity: 1;}*/

.srllPho .gallery-top li a{height:100%; display: -webkit-box !important; display: -webkit-flex !important;display: -ms-flexbox !important;display: flex !important;-webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center;justify-content: center; -webkit-box-align: center;  -webkit-align-items: center;-ms-flex-align: center;align-items: center}



/*==详情排版2↓==*/
.work-list{}
.work-list li{display: flex;margin-bottom:50px;padding-bottom:50px;justify-content: space-between;border-bottom:1px #ddd solid}
.work-list li:last-child{margin-bottom:0px;margin-bottom:0px;border:none}
.work-list .pic{width: 50%;margin-right: 50px;}
.work-list .info{width: 50%;color:#333;font-size:16px;line-height:30px;}
.work-list li:nth-child(2n){flex-direction:row-reverse;} 
.work-list li:nth-child(2n) .pic{margin-left:50px;margin-right:0px}

.pt108{ padding-top:128px;}

.gsContent1 .goodsLeft{
    height: min-content;
    position: sticky;
    top: 160px;
    max-height: 90vh;
    overflow: auto;
}
.gsContent1 .goodsLeft::-webkit-scrollbar {
            display: none;  /* 适用于Chrome, Safari, 和Opera */
        }

.gsContent1{padding: 36px 0;background: #fff;margin-top: 35px; }
.gsContent1 h3{
    font-size: 40px;
    line-height: 50px;
    position: relative;
}
.gsContent1 h3::after {
    content: '';
    display: block;
    width: 60px;
    height: 6px;
    background: #0256ff;
    border-radius: 3px;
    margin: 10px auto;
    margin-top: 20px;
    margin-left: 0;
} 
.gsContent1 p{

	font-size: 18px;
    line-height: 34px;
    color: #666;
    margin-bottom: 0;
    text-align: left;
}

.gsContent1 .imglist{display: flex;justify-content: space-between;margin-top: 20px;}
.gsContent1 .imglist dl{ width: 48%; margin-bottom: 40px; }
.gsContent1 .imglist dl dt{display: block;
    overflow: hidden;}
.gsContent1 .imglist dl dd{
background: rgba(233,234,236,0.5);
    font-size: 20px;
    line-height: 32px;
    color: #333;
    text-align: center;
    padding: 12px 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .3s;
    min-height: 88px;
}
.gsContent1 .imglist dl dt img {
    width: 100%;
    transition: all .3s;
}
.gsContent1 .imglist dl:hover img{transform:scale(1.1)}
.gsContent1 .imglist dl:hover dd{ background:#0256ff; color:#fff}
.gsContent1 .gsContent1Right ul.isoimg {
    overflow: hidden;
    margin-top: 20px;
	display: grid;
    grid-template-columns: repeat(8, 1fr);
    column-gap: 34px;
    row-gap: 0;
}
.gsContent1 .gsContent1Right ul.isoimg ul li{
     align-items: center;
    justify-content: center;
    display: flex;
    overflow: hidden;
    transition: all .3s;
}
.gsContent1 .gsContent1Right ul.isoimg ul li img {
    max-width: 100%;
    transition: all .3s;
}
.gsContent1 .gsContent1Right ul.lilist {
    overflow: hidden;
    margin-top: 20px;
}
.gsContent1 .gsContent1Right ul.lilist li{
    padding-left: 20px;
    position: relative;
    color: #666;
    font-size: 18px;
    line-height: 34px;
    margin-bottom: 0;
}
.gsContent1 .gsContent1Right ul.lilist li:after{
    content: '';
    display: block;
    width: 8px;
    height: 8px;
    background: #0256ff;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 12px;
    }

.gsContent2 h3{
    font-size: 42px;
    line-height: 50px;
    position: relative;
    text-align: center;
}
.gsContent2 h3::after {
    content: '';
    display: block;
    width: 60px;
    height: 6px;
    background: #0256ff;
    border-radius: 3px;
    margin: 10px auto;
    margin-top: 20px;
} 
.gsContent2 p{

	font-size: 18px;
    line-height: 34px;
    color: #666;
    margin-bottom: 0;
    text-align: left;
} 
.gsContent2 .imglist{display: flex;justify-content: space-between;margin-top: 20px;}
.gsContent2 .imglist dl{ width: 48%; margin-bottom: 40px; }
.gsContent2 .imglist dl dt{display: block;
    overflow: hidden;}
.gsContent2 .imglist dl dd{
background: rgba(233,234,236,0.5);
    font-size: 20px;
    line-height: 32px;
    color: #333;
    text-align: center;
    padding: 12px 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .3s;
    min-height: 88px;
}
.gsContent2 .imglist dl dt img {
    width: 100%;
    transition: all .3s;
}
.gsContent2 .imglist dl:hover img{transform:scale(1.1)}
.gsContent2 .imglist dl:hover dd{ background:#0256ff; color:#fff}


.gsContent2 .imglist2{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 38px;
    row-gap: 38px;
}
.gsContent2 .imglist2 dl{width: 100%;margin-bottom: 40px;}
.gsContent2 .imglist2 dl dt{display: block;
    overflow: hidden;}
.gsContent2 .imglist2 dl dd{
background: rgba(233,234,236,0.5);
    font-size: 20px;
    line-height: 32px;
    color: #333;
    text-align: center;
    padding: 12px 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .3s;
    min-height: 88px;
}
.gsContent2 .imglist2 dl dt img {
    width: 100%;
    transition: all .3s;
}
.gsContent2 .imglist2 dl:hover img{transform:scale(1.1)}
.gsContent2 .imglist2 dl:hover dd{ background:#0256ff; color:#fff}


.gsContent1Right{width:75%; padding-left:5%; float:right;line-height:26px;}
.gsContent1Right::-webkit-scrollbar {
            display: none;  /* 适用于Chrome, Safari, 和Opera */
        }
.gsContent1Right img{max-width:100%;height:auto;}

.gsContent1Right table {
    border: 1px solid #ccc;
    border-left: 0px;
    border-top: 0px;
    font-size: 14px;
    table-layout: fixed;
    width: 100%;
    box-sizing: border-box;
    border-spacing: 0;
}

    .gsContent1Right table td {
        border: 1px solid #ccc;
        border-right: 0px;
        border-bottom: 0px;
        padding: 8px 2px;
        text-align: center;
        word-wrap: break-word;
    }

    .gsContent1Right table tr {
        background: #fff;
    }

        .gsContent1Right table tr:nth-child(1) {
            background: #0256ff;
            color: #fff;
        }

.gsContent2{padding:0 0 50px 0;line-height:26px;background: #fff;}
.gsContent2 img{max-width:100%;height:auto;margin-bottom: 0;}

.gsContent2 table {
    border: 1px solid #000;
    border-left: 0px;
    border-top: 0px;
    font-size: 14px;
    /* table-layout: fixed; */
    width: 100%;
    box-sizing: border-box;
    border-spacing: 0;
}

    .gsContent2 table td {
        border: 1px solid #000;
        border-right: 0px;
        border-bottom: 0px;
        padding: 8px 3px;
        text-align: center;
        font-size: 16px;
		color:#000
        word-wrap: break-word;
    }

    .gsContent2 table tr {
        background: #e9eaec;
    }
  .gsContent2 table tr:nth-child(even) {
    background: #fff;
}
    .gsContent2 table tr:nth-child(1) td {
            background: #0256ff;
            color: #fff;
            font-size: 18px;
     }
.gsContent2 table tr.hd{
            background: #0256ff;
            color: #fff;
     }

.detail-process-box .procrss-ul {
    margin-top: 70px;
    display: flex;
    flex-wrap: wrap;
}
.detail-process-box .procrss-ul li {
    width: 17%;
    margin-right: 3%;
    padding: 16px 16px;
    border: 1px solid #eee;
    position: relative;
    transition: all .3s;
    border-left: 6px solid #0256ff;
    min-height: 142px;
}
.detail-process-box .procrss-ul li .num {
    font-size: 50px;
    color: rgba(0,0,0,0.2);
    line-height: 50px;
}
.detail-process-box .procrss-ul li .num-des {
    font-size: 18px;
    color: #666;
    line-height: 28px;
    margin-top: 6px;
}
.detail-process-box .procrss-ul li .iconfont {
    color: rgba(0,0,0,0.2);
    font-size: 28px;
    width: 30px;
    height: 30px;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 50%;
    margin-top: -15px;
    right: -37px;
}


.RdBanner{ width: 100%; height: 350px; margin-top: 108px; position: relative; align-items: center;}
.RdBannerTxt{ width: 100%; height: auto;color: #FFFFFF; text-align: center; padding:0 15%;}
.RdBannerTxt h1{ font-size: 60px; line-height: 100px;  text-transform: uppercase;  font-family: Arial; width: 100%;}
.RdBannerTxt p{ font-size:18px; line-height:22px;  margin: 0 auto;}

.RdWz{ line-height:26px; padding:15px 0;}
.RdWz a:last-child{ color:#0256FF;}

.RdBox1{ width:100%;}
.RdBox1 dl{ display:flex; background:#f5f5f5; margin-bottom:30px; width:100%;}
.RdBox1 dl dt img{ width:100%; height:100%;}
.RdBox1 dl dd{ padding:30px;}
.RdBox1 dl dd em{ display:block; font-weight:bold; font-style:normal; color:#111; font-size:24px; line-height:32px; margin-bottom:12px;}
.RdBox1 dl dd p{ font-size:18px; line-height:30px; background: url(../images/rd/Rdp.png) no-repeat left 8px; padding-left:15px;}

.RdTit{ width:100%; padding:40px 0; text-align:center;}
.RdTit h2{ color:#111; text-transform:uppercase; font-size:36px; line-height:32px; padding:15px 0;}
.RdTit p{ font-size:18px; line-height:22px;}

.RdBox2{ width:100%;}
.RdBox2 li{ width:23.5%;}
.RdBox2 li img{ width:100%; height:auto;}

.RdBox3{ width:100%;}
.RdBox3Left{ width:77%;}
.RdBox3Left em{ display:block; font-weight:bold; font-style:normal; color:#111; font-size:30px; line-height:50px; margin-bottom:12px;}
.RdBox3Left p{ font-size:24px; line-height:40px; background: url(../images/rd/Rdp.png) no-repeat left 14px; padding-left:25px;}
.RdBox3Left ul{ width:100%; padding-top:45px;}
.RdBox3Left ul li{ width:49%;}
.RdBox3Left ul li img{max-width:100%; height:auto;}
.RdBox3Right{ width:23%; padding-left:10px;}
.RdBox3Right img{ max-width:100%; height:auto;}

.RdBg{background: url(../images/rd/rdbg.png) no-repeat center; background-size:cover; padding-bottom:50px;}

.RdBox4{ width:100%;}
.RdBox4 li{ width:31.3%;}
.RdBox4 li img{ width:100%; height:auto;}

.RdBox5{ width:100%;}
.RdBox5 .contain{ background:#fff; box-shadow: 3px 3px 20px 0 rgba(0,0,0,.1); width:80%; padding:30px; margin:0 auto;}


.RdBox6{ background:#fff; box-shadow: 3px 3px 20px 0 rgba(0,0,0,.1); width:80%; padding:0 25px 25px 25px; margin:0 auto; margin-top:50px;}
.RdBox6 img{ max-width:100%; height:auto;}

.RdBox7{ width:100%; padding-bottom:50px;}
.RdBox7 ul li{width:15.66%;border:1px solid #eee;margin-bottom:1.5%;padding:10px;background:#fff;text-align:center;box-shadow: 0 0px 4px 0 rgb(0 0 0 / 2%), 0 3px 20px 0 rgb(0 0 0 / 18%);/* border: 2px solid #d1ddf5; */border-radius: 15px 15px 15px 0;}
.RdBox7 ul li img{ width:100%; height:auto;}

@media (max-width: 1720px){
.contain{ padding: 0 6%;}	
.Header .nav{float: left;margin-left: 50px;margin-top: 24px;height: 40px;line-height: 40px;}
.Header .nav li{float: left;margin: 0px 8px;position: relative;font-size: 16px;}
}

@media (max-width: 1400px){
.contain{  padding: 0 3%; }	
.Header .nav{ float: left; margin-left: 40px; height: 88px; line-height: 88px;}
.Header .nav li{ float: left; margin: 0 10px; position: relative; font-size: 16px;}
.FooterRight ul li{ padding-left: 40px;}
}


@media (max-width: 1280px){
.contain{  padding: 0 1%; }	
.Header .nav{ float: left; margin-left: 20px; height: 88px; line-height: 88px;}
.Header .nav li{ float: left; margin: 0 5px; position: relative; font-size: 16px;}
.FooterRight ul li{ padding-left: 30px;}
}



@media (max-width: 1098px) {
.auto_1280{ width: 94%; height: auto; overflow: hidden;}
.HeaderM{ display: block ;  background: #FFFFFF; overflow: hidden; position: fixed; left: 0; top: 0; height: 60px; line-height: 60px; border-bottom: 1px solid #dedede; z-index: 9999; width:100%; padding: 0 3%;}
.HeaderM .logo{ float: left; width: 153px; height:50px;overflow: hidden; padding-top: 5px;}
.HeaderM .logo a{ display: block; overflow: hidden;   width: 153px; height:50px;}
.HeaderM .logo a img{width: 153px; height:50px;}
.HeaderM .mlang{ float: right; margin-right: 30px;}
.HeaderM .mlang img{ padding-right: 10px;}
.m-menu{float: right;width: 30px; padding-top: 15px;}
.m-menu .icon{line-height: 1;font-size: 0;display: inline-block;vertical-align: middle;cursor: pointer;}
.m-menu .icon a{ display: block; width: 30px;}
.m-menu .icon>span{display: inline-block;width: 30px;height: 1px;background: #333;margin: 4px 0;display: inline-block;}
.customer{ display: none;}

#mmenu {
	z-index:9999;  opacity: 1.0;
}
#mmenu li .home-search {
	float:left;
	margin-left:20px;
	width:90%;
	background-color:#fff;
	padding-left:0;
	overflow:hidden;
	margin-top:10px;
	position:relative
}
#mmenu li .home-search .keyword {
	text-align:left;
	border:0;
	box-shadow:0;
	border-radius:0;
	width:86%;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	-o-border-radius:0;
	-mz-border-radius:0;
	font-size:14px;
	color:#999;
	line-height:20px;
	vertical-align:top;
	padding:6px 86px 6px 10px;
	-webkit-appearance:none;
	background-color:#fff;
	border:1px solid #ccc
}
#mmenu li .home-search .keyword:focus {
	transition:border linear .2s, box-shadow linear .5s;
	-moz-transition:border linear .2s, -moz-box-shadow linear .5s;
	-webkit-transition:border linear .2s, -webkit-box-shadow linear .5s;
	outline:0;
	border:1px solid #0074b1;
}
#mmenu li .home-search .btn-sub {
	top:0;
	border:0;
	right:0;
	color:#004b9c;
	width:42px;
	height:34px;
	line-height:34px;
	text-align:center;
	position:absolute;
	cursor:pointer;
	border-radius:0;
	background:#0256ff url(../images/search3.png) no-repeat center center;
}

.main_visual{ margin-top: 61px;}
.main_visual .owl-dots{ width: 100%; text-align: center; height: 8px; position:absolute; left: 0; bottom: 10px;  z-index: 999;}
.main_visual .owl-dots .owl-dot{display: inline-block;  margin:0 4px;}
.main_visual .owl-dots .owl-dot span{  display: inline-block; width: 8px; height: 8px; background: #FFFFFF; border-radius: 10px;}
.main_visual .owl-dot.active span{width: 14px; height: 8px; background:#0256FF; border-radius: 10px;}
.main_visual .owl-prev,.main_visual .owl-next{ display: none; text-indent: -9999em;}
.main_visual .owl-prev{background-image: none;}
.main_visual .owl-next{background-image: none;}
.main_visual .owl-prev:hover{background-image: none;}
.main_visual .owl-next:hover{ background-image: none;}
.nosub a.mm-next{ display:none;}

.main_visual .owl-carousel .item img.Bpic{ display: none;}
.main_visual .owl-carousel .item img.Bmpic{ display:block;}


.Header{ display: none;}
.fposi{ width:100%; height:70px; background:#0256FF; position:fixed; left:0; bottom:0; display:block; z-index:999;}
.fposi a{ display:block; float:left; text-align:center; width:25%; height:70px; color:#fff !important; border-right:1px solid #2366eb;  }
.fposi a:last-child{ border:none}
.fposi a img{ width:30px; height:auto; padding-top:8px;}
.fposi a p{ line-height:32px; font-size:0.9rem}


.alertVideoHide{display:none;position:fixed;top:0px;left:0px;width:100%;height:100%;background:url(../images/blackBg.png);z-index:888;}
.alertVideoContent{display:none;position:fixed;top:50%;left:50%;width:320px;margin:-100px 0 0 -160px;z-index:999;background:#fff; height:auto; 
box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.2);-moz-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.2);-ms-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.2);-o-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.2);-webkit-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.2);
border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;-webkit-border-radius:6px;}
.alertVideoContent iframe{width:100% !important;height:100% !important;}
.alertVideoContent .vedioClose{position:absolute;top:-27px;right:-27px;cursor:pointer;}


.inPro{  padding: 35px 0;}
.inProTit{ margin-bottom: 20px; display: block; height: auto;}
.inProTit h2{  font-size: 1.8rem; text-align: center;}
.inProTit ul{ flex: 1; text-align: center;}
.inProTit ul li{ display: block; padding: 0 ; font-size: 1rem; height: 40px; line-height: 40px; }

.inProList dl{width: 49%;box-shadow: none;background: none;border: 0;}
.inProList dl dd{ padding: 20px;}
.inProList dl dd a{ height: 32px; line-height: 32px; font-size: 1.1rem;}


.inAbout{  padding: 35px 2%;}
.inAbout .contain{ display: block;}
.inAboutLeft{ width: 100%; padding-right: 0;}
.inAboutLeft h2{ font-size: 1.8rem; }
.inAboutLeft p{ font-size: 1rem; }
.inAboutLeft h4{ margin-top: 10px; font-size: 1rem; }
.inAboutLeft a{  margin-top: 10px; }


.inAboutRight{ width: 100%; height: auto; cursor: pointer; position: relative; margin-top: 30px;}
.inAboutRight img{ width: 100%; height:auto;}
.inAboutNum{ color: #333; position: inherit; left: inherit; bottom: inherit; width: 100%;  padding-top: 30px;}
.inAboutNum dl{ text-align: center; width: 50%;}


.inRdbg{  padding: 35px 0 100px 0;}
.inRdbg h2{font-size: 1.8rem; line-height: 40px;}
.inRdbg h4{ font-size: 1.4rem; line-height: 30px; margin-top: 10px;}
.inRdbg p{ width: 100%;}




.inRdNum{padding:25px 3%; height: auto; margin: 0 auto;}
.inRdNum dl{ text-align: center; width: 50%; margin-bottom: 10px;}

.inCasebg{ padding: 35px 0; }
.inCasebg h2{ font-size: 1.8rem; line-height: 40px; }


.inCaseList{padding-top: 20px;}
.inCaseList dl{ width: 48%; text-align: center;}
.inCaseList dl dd{  padding:20px;}
.inCaseList dl dd a{ font-size: 1.2rem; height: 32px; line-height:32px; }

.inHonorbg{ padding: 35px 0;}
.inHonorbg h2{ font-size: 1.8rem; line-height: 40px; }


.inHonorList{ padding-top:25px;}
.main_visual1 .owl-carousel .item{ padding: 30px 50px;}

.main_visual1 .owl-carousel .item p{ height: 40px; line-height: 40px; font-size: 1rem;}
.main_visual1 .owl-prev{left: 10px; }
.main_visual1 .owl-next{right: 10px; }




.inFedbg{  padding: 35px 0;}
.inFedbg h2{  font-size: 1.8rem; line-height: 40px; }
.footercopy{ margin-bottom: 70px; background:#f7f7f7;}

.Footer{ display: none;}



.abmenu{ width: 100%; height: 52px; line-height: 52px; font-size: 0.9rem; }
.abmenuL{ display: none;}
.abmenuR span{ float: left;}
.abmenuR i{ margin-top: 16px; }
.pro-lanmu{ display: block; font-size: 1.4rem; margin-bottom: 15px; }

.navbar-nav-more-body{ display: block; position:fixed;top:0;left:100%;width:100vw;height:100vh;overflow:hidden;z-index:1000;background-color:rgba(0,0,0,0.6);transition:.2s}
.navbar-nav-more-body .box-shadown{position:absolute;top:0;left:0;width:40%;height:100%}
.navbar-nav-more-body .offcanva{position:absolute;top:0;right:0;width:60%;height:100%;overflow:hidden;background-color:#0256FF; }
.navbar-nav-more-body .offcanvas-body{position:relative}
.navbar-nav-more-body .offcanvas-end{width:60%;z-index:999999}
.navbar-nav-more-body .top-menu-list{position:absolute;top:0px;right:0;width:100%;height:100%;transition:.2s;font-size:1rem;padding-top: 70px;}
.navbar-nav-more-body .top-menu-list.active{transform:translateX(-100%)}
.navbar-nav-more-body .top-menu-list>li{height:3.5rem;line-height:3.5rem;padding:0}
.navbar-nav-more-body .top-menu-list>li a{height:100%;padding:0 1rem;display:flex;align-items:center;justify-content:space-between; color: #FFFFFF; border-bottom: 1px solid #EEEEEE;}
.navbar-nav-more-body .top-menu-list ul{position:absolute;left:100%;width:100%;background-color:#fff;top:0;height:100%;padding:0;display:none}
.navbar-nav-more-body .top-menu-list ul.active{display:block}.navbar-nav-more-body .top-menu-list .icon{font-size:16px;color:#666}
.navbar-nav-more-body .top-menu-list ul.active .icon{margin-right:.5rem}

.banner2{  height: 200px; margin-top: 61px;}
.banner2Txt h1{ font-size: 1.8rem; line-height: 60px;}
.banner2Txt em{  width: 48px; height: 2px; }


.aboutBox1{  padding: 25px 0;}
.aboutBox1 .contain{ display: block;}
.AboutRight{ width: 100%; padding-left: 0;}
.AboutRight h2{ font-size: 1.6rem; line-height: 32px; padding: 15px 0; margin-bottom: 0;}

.AboutLeft{ width: 100%; }


.AbService{ background:#0256FF; padding: 30px 0;  }
.AbService .contain{ display: block;}
.AbServiceLeft{ width: 100%; color: #FFFFFF; padding-right: 0;}
.AbServiceLeft h2{font-size: 1.8rem; line-height: 32px; margin-bottom: 10px;}
.AbServiceLeftlist{ width: 100%; margin-top: 20px;  justify-content: space-between;}
.AbServiceLeftlist dl{ width:100%;   margin-bottom: 10px; padding:30px;}
.AbServiceLeftlist dl dd{  padding-top: 15px;}

.AbServiceRight{ width: 100%; }

.Abfac{ padding:35px 0; }
.Abfac h2{ font-size: 1.8rem; line-height: 40px; }

.main_visual2 .owl-carousel .item em{ height: 40px; line-height: 40px; font-size: 1rem;}
.main_visual2 .owl-prev{left: 10px; }
.main_visual2 .owl-next{right: 10px; }

.about-info{padding:15px 0;}
.abList{  padding:15px 0; }
.abList .contain{ margin-left:-10px;}
.abList dl{ width: calc((100% / 2) - 10px); margin: 10px 0 0 10px;}

/*--*/
.padding30{ padding:10px;}
.titleBx{ font-size:1.8rem; margin:20px auto;}
.ContactInner .long .left{ display:none;}
.ContactInner .long .right{padding: 20px; width:100%; height:auto;}
.ContactInner .long .right .title{font-size: 18px;}
.ContactInner .long .right .tel{margin-top:10px;font-size:14px;}
.ContactInner .long .right .tel:before{top:32px;width:10px;height: 2px;}
.ContactInner .long .right .tel:after{left:13px;top:32px;width:25px;height: 2px;}
.ContactInner .long .right .tel font{margin-top: 25px;font-size: 20px;}
.ContactInner .long .right .wx{min-height:auto;margin-top: 10px;font-size:14px;line-height: 24px;}
.ContactInner .long .right .consult{position: initial;margin-top: 25px;}
.ContactInner .long .right .ewm{float: left;margin-right: 30px;}
.ContactInner .long .right .ewm:before{content:"";position:absolute;right: -15px;top: 20%;width:1px;height: 60%;border-right: 1px #ddd dashed;}
.ContactInner .long .right .ewm:after{right:-20px;}
.ContactInner .long .right .online{float: left;display: table;margin: 50px 0 0 0px;font-size:14px;padding: 5px 20px;}
.ContactInner .long .right .rt{margin-top:15px;}
.ContactInner #dituContent{height:220px;}
/*--*/
.MessageCon{ padding:50px 0;}
.MessageCon .long{padding:20px;}
.MessageCon .title{margin-bottom:20px;}
.MessageCon .title h2{font-size:18px;width: 100%;}
.MessageCon .title .tel{margin-top:15px;font-size:20px;width: 100%;}
.MessageCon .title .tel em{margin:5px 10px 0 0;font-size:20px;}
.MessageCon input{width:100%;margin-bottom:1%}
.MessageCon .block:nth-child(2n+1){margin-left:0;}
.MessageCon input,.MessageCon textarea{padding:10px 20px 10px 40px;background-position:10px 12px;}
.MessageCon textarea{height:100px;}
.MessageCon button{width:49%;margin-top:15px;padding:10px 0;font-size:14px;}
.MessageCon .block{ margin-left:0;}
.MessageCon .x5{ width:100%;}


.casebox{  padding:15px 0; }
.casebox .contain{ margin-left:0;}
.casebox dl{ width: 100%; margin: 0 0 15px 0;}

.caseShow{ padding:15px 0;}
.caseShowTit{font-size:1.6rem; line-height:38px;}


.goodsWz{padding:5px 0;}


.goodsBg{  padding:20px 0; }


.goodsLeft{ display:none;}


.goodsRight{  width:100%; height:auto; overflow:hidden; float:left;}
.goodsRight dl{ width:100%;  margin: 0 0 0 0;}

.goodsRight dl:hover img{transform: scale(1.1); -webkit-transform: scale(1.1);}
.goodsRight dl dd{ width:100%;  overflow:hidden;}


.SearchList .contain{ margin-left:0;}
.SearchList dl{   width:100%; margin: 0 0 10px 0; padding:20px;}

.psc-content .left{ float:none !important;}
.psc-content .right{ float:none !important;}
/*--*/
.DetailCont .pst-left{width:100%;}
.DetailCont .pst-right{width:100%;margin-top:30px}
/*--*/
.pst-right .title{
    font-size: 30px;
}
.pst-right .number{font-size: 14px;margin-top: 10px;}
.pst-right .wx {padding:20px;font-size:14px;min-height:50px;line-height:26px;}
.pst-right .rok{-webkit-line-clamp:3;}
.pst-right .tel {font-size:18px;}
.pst-right .tel i{font-size:22px;margin:1px 10px 0 0;}
.pst-right .online {margin-top:30px;}
.pst-right .online a{margin-right:20px;font-size:13px;padding:10px 40px;}
.pst-right .trait {padding-top:20px;}
.pst-right .trait li {font-size:14px;}
.pst-right .trait li:before {margin:0 5px 0 0;font-size:24px;}
/*--*/
.psc-content{margin-top:5px;}
.psc-content .wor{
    line-height:26px;
    font-size:15px;
 
}
.gsContent1 h3{font-size:30px;    line-height: 40px;}
	
.psc-content .long{display: block;}
.psc-content .prodetial dl {width: 77%;margin-top: 9px;box-shadow: 0 0 20px rgb(12 49 113 / 16%);}
.psc-content .prodetial dl dt{width: 99%;float:none}
.psc-content .prodetial dl dd{width: 99%;float:none}
.psc-content .psd-right{display:none}
.psc-content .tone{margin-bottom:40px;}
.psc-content .tone li{font-size: 16px;padding: 15px 20px;}
.psc-content .tone li:before{font-size: 20px;margin:2px 5px 0 0;}
.psc-content .frame{margin-bottom:40px;padding-bottom:40px;}
.psc-content .theme {font-size:18px;margin-bottom:20px;padding-left:15px}
.psc-content .download li{font-size: 14px;}
.psc-content .download .state{padding: 10px 20px;}
.psc-content .download .block{width:150px;} 

	
/*--*/
.srllOrso .leftPic, .srllOrso .rightPic{height: 400px;}
/*--*/
.srllPho .leftPic, .srllPho .rightPic{height: 400px;}
/*--*/
.work-list li{margin-bottom: 30px;padding-bottom: 30px;flex-direction: column !important;}
.work-list .pic{width: 100%;margin: 0px !important;}
.work-list .info{width: 100%;margin-top: 20px;font-size: 15px;line-height: 28px;}

/*--*/
.srllOrso{display: block;}
.srllOrso .leftPic{width:100%;height:250px;}
.srllOrso .rightPic{width: -webkit-fill-available;height:auto;margin: 30px 0 0 0;}
.srllOrso .rightPic li{height:80px;margin-bottom:0px;}
.srllOrso .btn{opacity: 1;left: 0;display: flex;width: 30px;height: 100%;padding:2px 0;align-items: center;justify-content: center;}
.srllOrso .btn:before{font-size:25px;}
.srllOrso .sNext{left:auto;right:0;}
.srllOrso .sPrev:before{transform:rotate(-90deg);}
.srllOrso .sNext:before{transform:rotate(-90deg);}

.psc-content h3,.psc-content h2{ font-size:17px;}
.pt108{ padding-top:61px;}
.gsContent1{ padding:30px 0;}
.gsContent1Right{  width:100%; height:auto; float:none; }
.gsContent2{ padding:0 0 30px 0;  line-height:26px;}


.RdBanner{  height: auto; margin-top: 61px; }
.RdBannerTxt{  padding:50px 10%;}
.RdBannerTxt h1{ font-size: 2rem; line-height: 42px;  }
.RdBannerTxt p{ font-size:0.9rem; line-height:24px; }

.RdWz{ padding:10px 0;}


.RdBox1{ width:100%;}
.RdBox1 dl{ display:block; margin-bottom:20px; }
.RdBox1 dl dt{ width:100%;}
.RdBox1 dl dt img{ width:100%; height:auto;}
.RdBox1 dl dd{ padding:20px;}
.RdBox1 dl dd em{font-size:1.2rem;  margin-bottom:10px;}


.RdTit{ padding:20px 0; }
.RdTit h2{  font-size:1.4rem;  padding:10px 0;}
.RdTit p{ font-size:1rem; line-height:24px;}


.RdBox2 li{ width:100%; margin-bottom:10px;}


.RdBox3{ width:100%;}
.RdBox3Left{ width:100%;}
.RdBox3Left em{ font-size:1.2rem; line-height:40px; margin-bottom:10px;}
.RdBox3Left p{ font-size:1rem; line-height:40px; }
.RdBox3Left ul{  padding-top:20px;}
.RdBox3Left ul li{ width:100%; margin-bottom:10px;}

.RdBox3Right{ width:100%; padding-left:0; text-align:center;}


.RdBg{padding-bottom:30px;}


.RdBox4 li{ width:100%;  margin-bottom:10px;}

.RdBox5 .contain{ width:90%; padding:20px; margin:0 auto;}


.RdBox6{ width:90%; padding:0 20px 20px 20px; margin-top:20px;}
.RdBox6 img{ max-width:100%; height:auto;}

.RdBox7{ padding-bottom:20px;}
.RdBox7 ul li{ width:49%; margin-bottom:1.5%; }



}
.iconfont {
    color: rgba(0,0,0,0.2);
    font-size: 28px;
    width: 30px;
    height: 30px;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 50%;
    margin-top: -15px;
    right: -37px;
}


.RdBanner{ width: 100%; height: 350px; margin-top: 108px; position: relative; align-items: center;}
.RdBannerTxt{ width: 100%; height: auto;color: #FFFFFF; text-align: center; padding:0 15%;}
.RdBannerTxt h1{ font-size: 60px; line-height: 100px;  text-transform: uppercase;  font-family: Arial; width: 100%;}
.RdBannerTxt p{ font-size:18px; line-height:22px;  margin: 0 auto;}

.RdWz{ line-height:26px; padding:15px 0;}
.RdWz a:last-child{ color:#0256FF;}

.RdBox1{ width:100%;}
.RdBox1 dl{ display:flex; background:#f5f5f5; margin-bottom:30px; width:100%;}
.RdBox1 dl dt img{ width:100%; height:100%;}
.RdBox1 dl dd{ padding:30px;}
.RdBox1 dl dd em{ display:block; font-weight:bold; font-style:normal; color:#111; font-size:24px; line-height:32px; margin-bottom:12px;}
.RdBox1 dl dd p{ font-size:18px; line-height:30px; background: url(../images/rd/Rdp.png) no-repeat left 8px; padding-left:15px;}

.RdTit{ width:100%; padding:40px 0; text-align:center;}
.RdTit h2{ color:#111; text-transform:uppercase; font-size:36px; line-height:32px; padding:15px 0;}
.RdTit p{ font-size:18px; line-height:22px;}

.RdBox2{ width:100%;}
.RdBox2 li{ width:23.5%;}
.RdBox2 li img{ width:100%; height:auto;}

.RdBox3{ width:100%;}
.RdBox3Left{ width:77%;}
.RdBox3Left em{ display:block; font-weight:bold; font-style:normal; color:#111; font-size:30px; line-height:50px; margin-bottom:12px;}
.RdBox3Left p{ font-size:24px; line-height:40px; background: url(../images/rd/Rdp.png) no-repeat left 14px; padding-left:25px;}
.RdBox3Left ul{ width:100%; padding-top:45px;}
.RdBox3Left ul li{ width:49%;}
.RdBox3Left ul li img{max-width:100%; height:auto;}
.RdBox3Right{ width:23%; padding-left:10px;}
.RdBox3Right img{ max-width:100%; height:auto;}

.RdBg{background: url(../images/rd/rdbg.png) no-repeat center; background-size:cover; padding-bottom:50px;}

.RdBox4{ width:100%;}
.RdBox4 li{ width:31.3%;}
.RdBox4 li img{ width:100%; height:auto;}

.RdBox5{ width:100%;}
.RdBox5 .contain{ background:#fff; box-shadow: 3px 3px 20px 0 rgba(0,0,0,.1); width:80%; padding:30px; margin:0 auto;}


.RdBox6{ background:#fff; box-shadow: 3px 3px 20px 0 rgba(0,0,0,.1); width:80%; padding:0 25px 25px 25px; margin:0 auto; margin-top:50px;}
.RdBox6 img{ max-width:100%; height:auto;}

.RdBox7{ width:100%; padding-bottom:50px;}
.RdBox7 ul li{width:15.66%;border:1px solid #eee;margin-bottom:1.5%;padding:10px;background:#fff;text-align:center;box-shadow: 0 0px 4px 0 rgb(0 0 0 / 2%), 0 3px 20px 0 rgb(0 0 0 / 18%);/* border: 2px solid #d1ddf5; */border-radius: 15px 15px 15px 0;}
.RdBox7 ul li img{ width:100%; height:auto;}

@media (max-width: 1720px){
.contain{ padding: 0 6%;}	
.Header .nav{float: left;margin-left: 50px;margin-top: 24px;height: 40px;line-height: 40px;}
.Header .nav li{float: left;margin: 0px 8px;position: relative;font-size: 16px;}
}

@media (max-width: 1400px){
.contain{  padding: 0 3%; }	
.Header .nav{ float: left; margin-left: 40px; height: 88px; line-height: 88px;}
.Header .nav li{ float: left; margin: 0 10px; position: relative; font-size: 16px;}
.FooterRight ul li{ padding-left: 40px;}
}


@media (max-width: 1280px){
.contain{  padding: 0 1%; }	
.Header .nav{ float: left; margin-left: 20px; height: 88px; line-height: 88px;}
.Header .nav li{ float: left; margin: 0 5px; position: relative; font-size: 16px;}
.FooterRight ul li{ padding-left: 30px;}
}



@media (max-width: 1098px) {
.auto_1280{ width: 94%; height: auto; overflow: hidden;}
.HeaderM{ display: block ;  background: #FFFFFF; overflow: hidden; position: fixed; left: 0; top: 0; height: 60px; line-height: 60px; border-bottom: 1px solid #dedede; z-index: 9999; width:100%; padding: 0 3%;}
.HeaderM .logo{ float: left; width: 153px; height:50px;overflow: hidden; padding-top: 5px;}
.HeaderM .logo a{ display: block; overflow: hidden;   width: 153px; height:50px;}
.HeaderM .logo a img{width: 153px; height:50px;}
.HeaderM .mlang{ float: right; margin-right: 30px;}
.HeaderM .mlang img{ padding-right: 10px;}
.m-menu{float: right;width: 30px; padding-top: 15px;}
.m-menu .icon{line-height: 1;font-size: 0;display: inline-block;vertical-align: middle;cursor: pointer;}
.m-menu .icon a{ display: block; width: 30px;}
.m-menu .icon>span{display: inline-block;width: 30px;height: 1px;background: #333;margin: 4px 0;display: inline-block;}
.customer{ display: none;}

#mmenu {
	z-index:9999;  opacity: 1.0;
}
#mmenu li .home-search {
	float:left;
	margin-left:20px;
	width:90%;
	background-color:#fff;
	padding-left:0;
	overflow:hidden;
	margin-top:10px;
	position:relative
}
#mmenu li .home-search .keyword {
	text-align:left;
	border:0;
	box-shadow:0;
	border-radius:0;
	width:86%;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	-o-border-radius:0;
	-mz-border-radius:0;
	font-size:14px;
	color:#999;
	line-height:20px;
	vertical-align:top;
	padding:6px 86px 6px 10px;
	-webkit-appearance:none;
	background-color:#fff;
	border:1px solid #ccc
}
#mmenu li .home-search .keyword:focus {
	transition:border linear .2s, box-shadow linear .5s;
	-moz-transition:border linear .2s, -moz-box-shadow linear .5s;
	-webkit-transition:border linear .2s, -webkit-box-shadow linear .5s;
	outline:0;
	border:1px solid #0074b1;
}
#mmenu li .home-search .btn-sub {
	top:0;
	border:0;
	right:0;
	color:#004b9c;
	width:42px;
	height:34px;
	line-height:34px;
	text-align:center;
	position:absolute;
	cursor:pointer;
	border-radius:0;
	background:#0256ff url(../images/search3.png) no-repeat center center;
}

.main_visual{ margin-top: 61px;}
.main_visual .owl-dots{ width: 100%; text-align: center; height: 8px; position:absolute; left: 0; bottom: 10px;  z-index: 999;}
.main_visual .owl-dots .owl-dot{display: inline-block;  margin:0 4px;}
.main_visual .owl-dots .owl-dot span{  display: inline-block; width: 8px; height: 8px; background: #FFFFFF; border-radius: 10px;}
.main_visual .owl-dot.active span{width: 14px; height: 8px; background:#0256FF; border-radius: 10px;}
.main_visual .owl-prev,.main_visual .owl-next{ display: none; text-indent: -9999em;}
.main_visual .owl-prev{background-image: none;}
.main_visual .owl-next{background-image: none;}
.main_visual .owl-prev:hover{background-image: none;}
.main_visual .owl-next:hover{ background-image: none;}
.nosub a.mm-next{ display:none;}

.main_visual .owl-carousel .item img.Bpic{ display: none;}
.main_visual .owl-carousel .item img.Bmpic{ display:block;}


.Header{ display: none;}
.fposi{ width:100%; height:70px; background:#0256FF; position:fixed; left:0; bottom:0; display:block; z-index:999;}
.fposi a{ display:block; float:left; text-align:center; width:25%; height:70px; color:#fff !important; border-right:1px solid #2366eb;  }
.fposi a:last-child{ border:none}
.fposi a img{ width:30px; height:auto; padding-top:8px;}
.fposi a p{ line-height:32px; font-size:0.9rem}


.alertVideoHide{display:none;position:fixed;top:0px;left:0px;width:100%;height:100%;background:url(../images/blackBg.png);z-index:888;}
.alertVideoContent{display:none;position:fixed;top:50%;left:50%;width:320px;margin:-100px 0 0 -160px;z-index:999;background:#fff; height:auto; 
box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.2);-moz-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.2);-ms-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.2);-o-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.2);-webkit-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.2);
border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;-webkit-border-radius:6px;}
.alertVideoContent iframe{width:100% !important;height:100% !important;}
.alertVideoContent .vedioClose{position:absolute;top:-27px;right:-27px;cursor:pointer;}


.inPro{  padding: 35px 0;}
.inProTit{ margin-bottom: 20px; display: block; height: auto;}
.inProTit h2{  font-size: 1.8rem; text-align: center;}
.inProTit ul{ flex: 1; text-align: center;}
.inProTit ul li{ display: block; padding: 0 ; font-size: 1rem; height: 40px; line-height: 40px; }

.inProList dl{width: 49%;box-shadow: none;background: none;border: 0;}
.inProList dl dd{ padding: 20px;}
.inProList dl dd a{ height: 32px; line-height: 32px; font-size: 1.1rem;}


.inAbout{  padding: 35px 2%;}
.inAbout .contain{ display: block;}
.inAboutLeft{ width: 100%; padding-right: 0;}
.inAboutLeft h2{ font-size: 1.8rem; }
.inAboutLeft p{ font-size: 1rem; }
.inAboutLeft h4{ margin-top: 10px; font-size: 1rem; }
.inAboutLeft a{  margin-top: 10px; }


.inAboutRight{ width: 100%; height: auto; cursor: pointer; position: relative; margin-top: 30px;}
.inAboutRight img{ width: 100%; height:auto;}
.inAboutNum{ color: #333; position: inherit; left: inherit; bottom: inherit; width: 100%;  padding-top: 30px;}
.inAboutNum dl{ text-align: center; width: 50%;}


.inRdbg{  padding: 35px 0 100px 0;}
.inRdbg h2{font-size: 1.8rem; line-height: 40px;}
.inRdbg h4{ font-size: 1.4rem; line-height: 30px; margin-top: 10px;}
.inRdbg p{ width: 100%;}




.inRdNum{padding:25px 3%; height: auto; margin: 0 auto;}
.inRdNum dl{ text-align: center; width: 50%; margin-bottom: 10px;}

.inCasebg{ padding: 35px 0; }
.inCasebg h2{ font-size: 1.8rem; line-height: 40px; }


.inCaseList{padding-top: 20px;}
.inCaseList dl{ width: 48%; text-align: center;}
.inCaseList dl dd{  padding:20px;}
.inCaseList dl dd a{ font-size: 1.2rem; height: 32px; line-height:32px; }

.inHonorbg{ padding: 35px 0;}
.inHonorbg h2{ font-size: 1.8rem; line-height: 40px; }


.inHonorList{ padding-top:25px;}
.main_visual1 .owl-carousel .item{ padding: 30px 50px;}

.main_visual1 .owl-carousel .item p{ height: 40px; line-height: 40px; font-size: 1rem;}
.main_visual1 .owl-prev{left: 10px; }
.main_visual1 .owl-next{right: 10px; }




.inFedbg{  padding: 35px 0;}
.inFedbg h2{  font-size: 1.8rem; line-height: 40px; }
.footercopy{ margin-bottom: 70px; background:#f7f7f7;}

.Footer{ display: none;}



.abmenu{ width: 100%; height: 52px; line-height: 52px; font-size: 0.9rem; }
.abmenuL{ display: none;}
.abmenuR span{ float: left;}
.abmenuR i{ margin-top: 16px; }
.pro-lanmu{ display: block; font-size: 1.4rem; margin-bottom: 15px; }

.navbar-nav-more-body{ display: block; position:fixed;top:0;left:100%;width:100vw;height:100vh;overflow:hidden;z-index:1000;background-color:rgba(0,0,0,0.6);transition:.2s}
.navbar-nav-more-body .box-shadown{position:absolute;top:0;left:0;width:40%;height:100%}
.navbar-nav-more-body .offcanva{position:absolute;top:0;right:0;width:60%;height:100%;overflow:hidden;background-color:#0256FF; }
.navbar-nav-more-body .offcanvas-body{position:relative}
.navbar-nav-more-body .offcanvas-end{width:60%;z-index:999999}
.navbar-nav-more-body .top-menu-list{position:absolute;top:0px;right:0;width:100%;height:100%;transition:.2s;font-size:1rem;padding-top: 70px;}
.navbar-nav-more-body .top-menu-list.active{transform:translateX(-100%)}
.navbar-nav-more-body .top-menu-list>li{height:3.5rem;line-height:3.5rem;padding:0}
.navbar-nav-more-body .top-menu-list>li a{height:100%;padding:0 1rem;display:flex;align-items:center;justify-content:space-between; color: #FFFFFF; border-bottom: 1px solid #EEEEEE;}
.navbar-nav-more-body .top-menu-list ul{position:absolute;left:100%;width:100%;background-color:#fff;top:0;height:100%;padding:0;display:none}
.navbar-nav-more-body .top-menu-list ul.active{display:block}.navbar-nav-more-body .top-menu-list .icon{font-size:16px;color:#666}
.navbar-nav-more-body .top-menu-list ul.active .icon{margin-right:.5rem}

.banner2{  height: 200px; margin-top: 61px;}
.banner2Txt h1{ font-size: 1.8rem; line-height: 60px;}
.banner2Txt em{  width: 48px; height: 2px; }


.aboutBox1{  padding: 25px 0;}
.aboutBox1 .contain{ display: block;}
.AboutRight{ width: 100%; padding-left: 0;}
.AboutRight h2{ font-size: 1.6rem; line-height: 32px; padding: 15px 0; margin-bottom: 0;}

.AboutLeft{ width: 100%; }


.AbService{ background:#0256FF; padding: 30px 0;  }
.AbService .contain{ display: block;}
.AbServiceLeft{ width: 100%; color: #FFFFFF; padding-right: 0;}
.AbServiceLeft h2{font-size: 1.8rem; line-height: 32px; margin-bottom: 10px;}
.AbServiceLeftlist{ width: 100%; margin-top: 20px;  justify-content: space-between;}
.AbServiceLeftlist dl{ width:100%;   margin-bottom: 10px; padding:30px;}
.AbServiceLeftlist dl dd{  padding-top: 15px;}

.AbServiceRight{ width: 100%; }

.Abfac{ padding:35px 0; }
.Abfac h2{ font-size: 1.8rem; line-height: 40px; }

.main_visual2 .owl-carousel .item em{ height: 40px; line-height: 40px; font-size: 1rem;}
.main_visual2 .owl-prev{left: 10px; }
.main_visual2 .owl-next{right: 10px; }

.about-info{padding:15px 0;}
.abList{  padding:15px 0; }
.abList .contain{ margin-left:-10px;}
.abList dl{ width: calc((100% / 2) - 10px); margin: 10px 0 0 10px;}

/*--*/
.padding30{ padding:10px;}
.titleBx{ font-size:1.8rem; margin:20px auto;}
.ContactInner .long .left{ display:none;}
.ContactInner .long .right{padding: 20px; width:100%; height:auto;}
.ContactInner .long .right .title{font-size: 18px;}
.ContactInner .long .right .tel{margin-top:10px;font-size:14px;}
.ContactInner .long .right .tel:before{top:32px;width:10px;height: 2px;}
.ContactInner .long .right .tel:after{left:13px;top:32px;width:25px;height: 2px;}
.ContactInner .long .right .tel font{margin-top: 25px;font-size: 20px;}
.ContactInner .long .right .wx{min-height:auto;margin-top: 10px;font-size:14px;line-height: 24px;}
.ContactInner .long .right .consult{position: initial;margin-top: 25px;}
.ContactInner .long .right .ewm{float: left;margin-right: 30px;}
.ContactInner .long .right .ewm:before{content:"";position:absolute;right: -15px;top: 20%;width:1px;height: 60%;border-right: 1px #ddd dashed;}
.ContactInner .long .right .ewm:after{right:-20px;}
.ContactInner .long .right .online{float: left;display: table;margin: 50px 0 0 0px;font-size:14px;padding: 5px 20px;}
.ContactInner .long .right .rt{margin-top:15px;}
.ContactInner #dituContent{height:220px;}
/*--*/
.MessageCon{ padding:50px 0;}
.MessageCon .long{padding:20px;}
.MessageCon .title{margin-bottom:20px;}
.MessageCon .title h2{font-size:18px;width: 100%;}
.MessageCon .title .tel{margin-top:15px;font-size:20px;width: 100%;}
.MessageCon .title .tel em{margin:5px 10px 0 0;font-size:20px;}
.MessageCon input{width:100%;margin-bottom:1%}
.MessageCon .block:nth-child(2n+1){margin-left:0;}
.MessageCon input,.MessageCon textarea{padding:10px 20px 10px 40px;background-position:10px 12px;}
.MessageCon textarea{height:100px;}
.MessageCon button{width:49%;margin-top:15px;padding:10px 0;font-size:14px;}
.MessageCon .block{ margin-left:0;}
.MessageCon .x5{ width:100%;}


.casebox{  padding:15px 0; }
.casebox .contain{ margin-left:0;}
.casebox dl{ width: 100%; margin: 0 0 15px 0;}

.caseShow{ padding:15px 0;}
.caseShowTit{font-size:1.6rem; line-height:38px;}


.goodsWz{padding:5px 0;}


.goodsBg{  padding:20px 0; }


.goodsLeft{ display:none;}


.goodsRight{  width:100%; height:auto; overflow:hidden; float:left;}
.goodsRight dl{ width:100%;  margin: 0 0 0 0;}

.goodsRight dl:hover img{transform: scale(1.1); -webkit-transform: scale(1.1);}
.goodsRight dl dd{ width:100%;  overflow:hidden;}


.SearchList .contain{ margin-left:0;}
.SearchList dl{   width:100%; margin: 0 0 10px 0; padding:20px;}

.psc-content .left{ float:none !important;}
.psc-content .right{ float:none !important;}
/*--*/
.DetailCont .pst-left{width:100%;}
.DetailCont .pst-right{width:100%;margin-top:30px}
/*--*/
.pst-right .title{
    font-size: 30px;
}
.pst-right .number{font-size: 14px;margin-top: 10px;}
.pst-right .wx {padding:20px;font-size:14px;min-height:50px;line-height:26px;}
.pst-right .rok{-webkit-line-clamp:3;}
.pst-right .tel {font-size:18px;}
.pst-right .tel i{font-size:22px;margin:1px 10px 0 0;}
.pst-right .online {margin-top:30px;}
.pst-right .online a{margin-right:20px;font-size:13px;padding:10px 40px;}
.pst-right .trait {padding-top:20px;}
.pst-right .trait li {font-size:14px;}
.pst-right .trait li:before {margin:0 5px 0 0;font-size:24px;}
/*--*/
.psc-content{margin-top:5px;}
.psc-content .wor{
    line-height:26px;
    font-size:15px;
 
}
.gsContent1 h3{font-size:30px;    line-height: 40px;}
	
.psc-content .long{display: block;}
.psc-content .prodetial dl {width: 77%;margin-top: 9px;box-shadow: 0 0 20px rgb(12 49 113 / 16%);}
.psc-content .prodetial dl dt{width: 99%;float:none}
.psc-content .prodetial dl dd{width: 99%;float:none}
.psc-content .psd-right{display:none}
.psc-content .tone{margin-bottom:40px;}
.psc-content .tone li{font-size: 16px;padding: 15px 20px;}
.psc-content .tone li:before{font-size: 20px;margin:2px 5px 0 0;}
.psc-content .frame{margin-bottom:40px;padding-bottom:40px;}
.psc-content .theme {font-size:18px;margin-bottom:20px;padding-left:15px}
.psc-content .download li{font-size: 14px;}
.psc-content .download .state{padding: 10px 20px;}
.psc-content .download .block{width:150px;} 

	
/*--*/
.srllOrso .leftPic, .srllOrso .rightPic{height: 400px;}
/*--*/
.srllPho .leftPic, .srllPho .rightPic{height: 400px;}
/*--*/
.work-list li{margin-bottom: 30px;padding-bottom: 30px;flex-direction: column !important;}
.work-list .pic{width: 100%;margin: 0px !important;}
.work-list .info{width: 100%;margin-top: 20px;font-size: 15px;line-height: 28px;}

/*--*/
.srllOrso{display: block;}
.srllOrso .leftPic{width:100%;height:250px;}
.srllOrso .rightPic{width: -webkit-fill-available;height:auto;margin: 30px 0 0 0;}
.srllOrso .rightPic li{height:80px;margin-bottom:0px;}
.srllOrso .btn{opacity: 1;left: 0;display: flex;width: 30px;height: 100%;padding:2px 0;align-items: center;justify-content: center;}
.srllOrso .btn:before{font-size:25px;}
.srllOrso .sNext{left:auto;right:0;}
.srllOrso .sPrev:before{transform:rotate(-90deg);}
.srllOrso .sNext:before{transform:rotate(-90deg);}

.psc-content h3,.psc-content h2{ font-size:17px;}
.pt108{ padding-top:61px;}
.gsContent1{ padding:30px 0;}
.gsContent1Right{  width:100%; height:auto; float:none; }
.gsContent2{ padding:0 0 30px 0;  line-height:26px;}


.RdBanner{  height: auto; margin-top: 61px; }
.RdBannerTxt{  padding:50px 10%;}
.RdBannerTxt h1{ font-size: 2rem; line-height: 42px;  }
.RdBannerTxt p{ font-size:0.9rem; line-height:24px; }

.RdWz{ padding:10px 0;}


.RdBox1{ width:100%;}
.RdBox1 dl{ display:block; margin-bottom:20px; }
.RdBox1 dl dt{ width:100%;}
.RdBox1 dl dt img{ width:100%; height:auto;}
.RdBox1 dl dd{ padding:20px;}
.RdBox1 dl dd em{font-size:1.2rem;  margin-bottom:10px;}


.RdTit{ padding:20px 0; }
.RdTit h2{  font-size:1.4rem;  padding:10px 0;}
.RdTit p{ font-size:1rem; line-height:24px;}


.RdBox2 li{ width:100%; margin-bottom:10px;}


.RdBox3{ width:100%;}
.RdBox3Left{ width:100%;}
.RdBox3Left em{ font-size:1.2rem; line-height:40px; margin-bottom:10px;}
.RdBox3Left p{ font-size:1rem; line-height:40px; }
.RdBox3Left ul{  padding-top:20px;}
.RdBox3Left ul li{ width:100%; margin-bottom:10px;}

.RdBox3Right{ width:100%; padding-left:0; text-align:center;}


.RdBg{padding-bottom:30px;}


.RdBox4 li{ width:100%;  margin-bottom:10px;}

.RdBox5 .contain{ width:90%; padding:20px; margin:0 auto;}


.RdBox6{ width:90%; padding:0 20px 20px 20px; margin-top:20px;}
.RdBox6 img{ max-width:100%; height:auto;}

.RdBox7{ padding-bottom:20px;}
.RdBox7 ul li{ width:49%; margin-bottom:1.5%; }



}