@font-face
{
    font-family: myFirstFont;
    src: url(../fonts/IMPACT.ttf);
}
*{ margin:0 auto; 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, helvetica, sans-serif"; color:#333; font-size:14px; background: #FFFFFF;  min-width: 1280px;}
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: #0092F9;}
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 auto; padding:0;}
.padding5{ padding:5px;}
.padding10{ padding:10px;}
.padding15{ padding:15px;}
.padding20{ padding:20px;}
.padding30{ padding:30px;}
.padding40{ padding:40px;}
.fr{ float:right;}
.fl{ 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:#e30117;}
.fff{ color:#fff;}
.pdt30{ padding-top: 30px;}
.txtcenter{ text-align: center;}
.auto_1280{ width:1280px;}


#home .home,
#products .products,
#application .application,
#services .services,
#news .news,
#contact .contact,
#about .about{ background: url(../images/navline.png) no-repeat bottom center;}





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; overflow: hidden; position: relative;}

.searchshow{ width: 268px; height: 34px; z-index: 10;  background: #FFFFFF; position: absolute; right:0; top: 55px; display: none;}
.searchshow .inputt{ width: 208px; padding: 0 10px; height: 32px; border: 1px solid #ddd; border-right:none ; float: left; font-size: 14px; color:#999;}
.searchshow .submitt{ width: 39px; height: 34px; float: left;  border: none; background-image: linear-gradient(160deg,#4440dd 15%,#0887f5 88%); color: #FFFFFF; font-size: 18px; }

.HeaderBg{ width: 100%; height: 63px; padding: 20px; border-bottom: 1px solid #EEEEEE; background: #FFFFFF; position: fixed; left: 0; top: 0; z-index: 999;}
.Header{ width: 1280px; position: relative; height: 63px; line-height: 63px;}
.Header .logo{ float: left; width: 152px; height: 63px;}
.Header .logo a{  display: block; width: 152px; height: 63px; background: url(../images/logo.png) no-repeat;}

.Header .Hlang{ float: right; width: auto; background: url(../images/Hlang.png) no-repeat left center; padding-left: 38px; cursor: pointer; position: relative;}
.Header .Hlang img{ vertical-align: middle; padding-left: 8px;}
.Header .Hlang:hover ul{ display: block;}
.Header .Hlang ul{ position: absolute; left: 0; top: 63px; background: #FFFFFF; width: 110px; box-shadow: 3px 3px 10px 0 rgba(0,0,0,.1); display: none;}
.Header .Hlang ul li{ line-height: 42px; height: 42px; overflow: hidden; text-align: center; border-bottom: 1px solid #EEEEEE;}
.Header .Hlang ul li a{ display: block;}

.Header .nav{ float: left; padding-left: 100px;}
.Header .nav li{ float: left; padding: 0 26px; font-size: 16px; }
.Header .nav li a{ display: inline-block; transition:none}
.Header .nav li a:hover{background: url(../images/navline.png) no-repeat bottom center;}
.Header .nav ul li ul{ position: absolute; left: 0; top: 63px; background: #FFFFFF; width: 1280px; box-shadow: 3px 3px 10px 0 rgba(0,0,0,.1); display: none; text-align:center;  }
.Header .nav ul li ul li{text-align: center; width: auto;  height: 42px; line-height: 42px;  display:inline-block;  font-size: 14px; float:none; padding:0;}
.Header .nav ul li ul li a:hover{ background: none; background-image: linear-gradient(160deg,#4440dd 15%,#0887f5 88%); color:#fff;}
.Header .nav ul li ul li a{  padding:0 25px;}
.Header .nav li ul li ul.nul2{ left:241px; top:0;}
.Header .nav li:hover ul.nul1{ display: block;}
.Header .nav li ul li:hover ul.nul2{ display: block;}
.Header .Hsearch{ float: right; width: 28px; height: 28px; background: url(../images/Hsearch.png) no-repeat; margin-top: 17px; margin-right: 40px;}



/**banner**/
.main_visual{ margin-top: 103px;}
.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-prev,.main_visual .owl-next{width:50px;height: 50px;background-repeat: no-repeat; background-position: center center; position: absolute;top: 50%;margin-top: -25px;text-indent: -999px; overflow: hidden;}
.main_visual .owl-prev{background-image: url(../images/BL.png);left: 10%; opacity: 0;}
.main_visual .owl-next{background-image: url(../images/BR.png);right: 10%;  opacity: 0;}
.main_visual:hover .owl-prev{ opacity: 1.0;}
.main_visual:hover .owl-next{ opacity: 1.0;}
.main_visual .owl-dots{ display: none; }

.index-about{ width: 1280px; height: auto; padding: 70px 0;}
.index-aboutLeft{ float: left; width: 561px; height: auto;}
.index-aboutLeft img{ width: 100%; height: auto;}

.index-aboutRight{ float: right; width: 680px; height:auto; overflow: hidden;}
.index-aboutRight h2{ font-size: 42px; height: 82px; line-height: 76px; background: url(../images/inTitbg.png) no-repeat left bottom;}
.index-aboutRight p{ font-size: 18px; line-height: 28px; height: auto; overflow: hidden; margin-top: 40px;}
.index-aboutRight a{ width: 164px; height: 48px; line-height: 48px; text-align: center; color: #FFFFFF; font-weight: bold; background-image: linear-gradient(140deg,#0887f5 15%,#4440dd 88%); display: block; border-radius: 24px; float: left; margin-top: 20px;}
.index-aboutRight a:hover{background-image: linear-gradient(140deg,#4440dd 15%,#0887f5 88%); }

.index-num{ width: 100%; height: 110px;  padding: 75px 0; background: url(../images/innumbg.png) no-repeat; text-align: center; }
.index-num dl{ display: inline-block; padding: 0 110px; height: 100px; box-sizing: border-box; border-right: 2px solid #dfdfdf;}
.index-num dl dt{ line-height: 66px; height: 66px; overflow: hidden; font-size: 46px;  font-family: myFirstFont; display: inline-block; position: relative; min-width: 90px; }
.index-num dl dt h4{ display: inline-block;  background: linear-gradient(160deg,#0887f5 15%,#4440dd 88%);
      -webkit-background-clip: text;
      color: transparent;}
.index-num dl dt span{ display: inline-block; font-size: 30px; position: absolute; right: 0; top: 0; background: linear-gradient(160deg,#0887f5 15%,#4440dd 88%);
      -webkit-background-clip: text;
      color: transparent;}
.index-num dl dd{ line-height: 34px; height: 34px; font-size: 18px; overflow: hidden;}
.index-num dl:last-child{ border: none;}

.index-tit{ width: 1280px; padding: 60px 0 40px 0; text-align: center;}
.index-tit h2{ font-size: 42px; height: 82px; line-height: 76px; background: url(../images/inTitbg.png) no-repeat center bottom;}
.index-tit p{ color: #242A44; font-size: 16px; line-height: 24px; padding: 0 10%; margin-top: 15px;}

.index-proLeft{ float: left;  width: 806px; height: auto; overflow: hidden;}
.index-proLeftTop{ width: 806px; height: 326px; background: url(../images/inpro1bg.png) no-repeat; overflow: hidden; box-sizing: border-box; padding: 35px 30px;}
.index-proLeftTop dt{ float: left; width: 360px; height: auto; overflow: hidden;}
.index-proLeftTop dt h4{ font-size: 26px; line-height: 58px; height: 58px; overflow: hidden;}
.index-proLeftTop dt div{ line-height: 24px; height: 72px; overflow: hidden; font-size: 16px; color: #999; margin-top: 10px;}
.index-proLeftTop dt h3{ display: inline-block; margin-top: 42px; width: 158px; height: 38px; line-height: 38px; font-size: 12px; font-weight: normal; border: 1px solid #000000; text-align: center;}
.index-proLeftTop dt h3 i{ padding-left: 15px;}
.index-proLeftTop a:hover h3{background-image: linear-gradient(160deg,#4440dd 15%,#0887f5 88%); border: none; color: #FFFFFF;}
.index-proLeftTop dd{ float: right; width: 256px; height: 256px;}
.index-proLeftTop dd img{ width: 250px; height: 250px;}

.index-proLeftHot{ width: 806px; height: 308px; margin-top: 50px; overflow: hidden;}
.index-proLeftHot dl{ float: left; width: 378px; height: 308px; margin-left: 50px; box-sizing: border-box; padding: 38px 30px;}
.index-proLeftHot dl:first-child{ margin-left: 0; border: 1px solid #EEEEEE;}
.index-proLeftHot dl:last-child{ background: #f0f4f5;}
.index-proLeftHot dl dt h4{ font-size: 26px; line-height: 58px; height: 58px; overflow: hidden;}
.index-proLeftHot dl dt div{ line-height: 24px; height: 72px; overflow: hidden; font-size: 16px; color: #999; margin-top: 10px;}
.index-proLeftHot dl dd h3{ display: inline-block; margin-top: 42px; width: 158px; height: 38px; line-height: 38px; font-size: 12px; font-weight: normal; border: 1px solid #000000; text-align: center;}
.index-proLeftHot dl dd h3 i{ padding-left: 15px;}
.index-proLeftHot dl a:hover h3{background-image: linear-gradient(160deg,#4440dd 15%,#0887f5 88%); border: none; color: #FFFFFF;}

.index-proRight{ float: right;  width: 425px; height: auto; overflow: hidden;}

.index-proRightRed{ width: 425px; height: 480px; overflow: hidden; position: relative;}
.index-proRightRed dt{ position: absolute; left: 0; top: 0; width: 100%; height: 250px; z-index: 333; text-align: center;}
.index-proRightRed dt img{ width: 250px; height: 250px;}
.index-proRightRed dd{ width: 425px; height: 380px; background: #f2f2f2; padding: 145px 60px 0 60px; box-sizing: border-box; position: absolute; left: 0; bottom: 0; text-align: center;}
.index-proRightRed dd h4{ font-size: 26px; line-height: 58px; height: 58px; overflow: hidden;}
.index-proRightRed dd div{ line-height: 24px; height: 48px; overflow: hidden; font-size: 16px; color: #999; margin-top: 10px;}
.index-proRightRed dd h3{ display: inline-block; margin-top: 30px; width: 158px; height: 38px; line-height: 38px; font-size: 12px; font-weight: normal; border: 1px solid #000000; text-align: center;}
.index-proRightRed dd h3 i{ padding-left: 15px;}
.index-proRightRed dl a:hover h3{background-image: linear-gradient(160deg,#4440dd 15%,#0887f5 88%); border: none; color: #FFFFFF;}

.index-proMore{ margin-top: 48px; width: 425px; height: 155px; line-height: 155px; overflow: hidden; display: block; text-align: center; color: #FFFFFF; background: url(../images/inpromore.png) no-repeat; font-weight: bold; }
.index-proMore i{ padding-left: 10px;}
.index-proMore:hover{background: url(../images/inpromores.png) no-repeat; }


.index-application{ width: 100%; height: auto; padding-bottom: 150px; background: url(../images/inappbg.png) no-repeat center; background-size:cover ;}
.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%; position: relative; 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 div{ width: 100%; height: 174px;  background: #FFFFFF; box-sizing: border-box; padding: 25px 20px;}
.main_visual1 .owl-carousel .item div h4{ height: 36px; line-height: 36px; overflow: hidden; font-size: 17px;}
.main_visual1 .owl-carousel .item div p{ height: 25px; line-height: 25px; overflow: hidden; color: #999;}
.main_visual1 .owl-carousel .item div h3{ width: 40px; height: 30px; line-height: 30px; border-radius: 20px; text-align: center; border: 1px solid #EEEEEE; display: inline-block; margin-top: 15px;}
.main_visual1 .owl-carousel .item:hover div{ background: url(../images/inappddbg.png) no-repeat center; color: #FFFFFF;}
.main_visual1 .owl-carousel .item:hover p{ color: #FFFFFF;}
.main_visual1 .owl-carousel .item:hover h3{ color: #0b83f4; background: #FFFFFF;}


.main_visual1 .owl-prev,.main_visual1 .owl-next{width:50px;height: 50px;background-repeat: no-repeat; background-position: center center; position: absolute;top: 50%;margin-top: -25px;text-indent: -999px; overflow: hidden;}

.main_visual1 .owl-dots{ width: 100%; text-align: center; height: 15px; position:absolute; left: 0; bottom: -50px;  z-index: 999; }
.main_visual1 .owl-dots .owl-dot{display: inline-block;  margin:0 5px ;}
.main_visual1 .owl-dots .owl-dot span{  display: inline-block; width: 15px; height: 15px; background:#9e9e9e; border-radius: 10px;}
.main_visual1 .owl-dot.active span{width: 15px; height:15px; background-image: linear-gradient(160deg,#4440dd 15%,#0887f5 88%); border-radius: 10px;}

.inNewsLeft{ float: left; width: 450px; height: 510px; overflow: hidden; box-sizing: border-box; background: #f0f4f5; border-radius: 16px; padding: 30px;}
.inNewsLeft img{ width: 100%; height: auto;}
.inNewsLeft h4{ font-weight: normal; font-size: 14px; color: #999999; line-height: 34px; margin-top: 23px;}
.inNewsLeft h2{ font-size: 16px; line-height: 24px; height: 48px; overflow: hidden; color: #000000;}
.inNewsLeft p{ font-size: 14px; line-height: 20px; height: 40px; overflow: hidden; color: #666666; margin-top: 10px;}
.inNewsLeft h3{transition: all ease .1s;  display: inline-block; margin-top: 30px; width: 158px; height: 38px; line-height: 38px; font-size: 12px; font-weight: normal; border: 1px solid #000000; text-align: center;}
.inNewsLeft h3 i{ padding-left: 15px;}
.inNewsLeft a:hover h3{background-image: linear-gradient(160deg,#4440dd 15%,#0887f5 88%); border: none; color: #FFFFFF;}

.inNewsRight{ float: right; width: 800px; height: auto; overflow: hidden;}
.inNewsRight dl{ width: 800px; height: 153px; overflow: hidden; box-sizing: border-box; background: #f0f4f5; border-radius: 16px; padding: 22px 0; margin-bottom: 26px;}
.inNewsRight dl dt{ float: left; width: 108px; height: 57px; border-right: 1px solid #b4b6b5; text-align: center; margin-top: 27px;}
.inNewsRight dl dt h2{ line-height: 32px; height: 32px; font-size: 36px;}
.inNewsRight dl dt p{ color: #666; line-height: 14px; margin-top: 10px;}
.inNewsRight dl dd{ float: right; width: 690px; height:109px; overflow: hidden; box-sizing: border-box; padding: 0 30px;}
.inNewsRight dl dd h4{ font-size: 16px; line-height: 34px; height: 34px; overflow: hidden;}
.inNewsRight dl dd p{ line-height: 20px; color: #666666; font-size: 14px; height: 40px; overflow: hidden;}
.inNewsRight dl dd h3{ font-size: 14px; font-weight: normal; line-height: 22px; margin-top: 15px;}
.inNewsRight dl dd h3 img{ vertical-align: middle; padding-left: 10px;}


.inQuality{ width: 100%; height: auto; background: url(../images/inquabg.png) no-repeat center; background-size:cover; padding-bottom: 75px;}
.inQuality dl{ position: relative; margin-left: 95px; transition: all ease .1s; box-sizing: border-box; padding: 45px 30px; float: left; width: 360px; height: 400px; background: #FFFFFF; border-radius: 12px; box-shadow: 3px 3px 10px 0 rgba(0,0,0,.1); cursor: pointer;}
.inQuality dl dt{ width: 100%; height: 86px; text-align: left; position: relative; z-index: 333;}
.inQuality dl dt img.inquaicon{ display: inline-block;}
.inQuality dl dt img.inquaicons{ display: none;}
.inQuality dl dd{ width: 100%; height: auto; padding-top: 30px; position: relative; z-index: 333;}
.inQuality dl dd h4{font-size: 21px; line-height: 44px; height: 44px; overflow: hidden;}
.inQuality dl dd p{ font-size: 16px; line-height: 23px;}
.inQuality dl:first-child{ margin-left: 0;}
.inQuality dl div{transition: all ease .1s; position: absolute; left: 0; top:0; width: 360px; height: 400px; opacity: 0;}
.inQuality dl:hover div{ opacity: 1.0;}
.inQuality dl:hover dt img.inquaicon{ display: none;}
.inQuality dl:hover dt img.inquaicons{ display: inline-block;}
.inQuality dl:hover dd{ color: #FFFFFF;}


.inBrand{ width: 100%; padding: 48px 0; height: 110px; background: url(../images/inBrandbg.png) no-repeat center; background-size:cover ; color: #FFFFFF;}
.inBrandLeft{ float: left; width: 310px; height: 110px;}
.inBrandLeft h4{ font-size: 42px; line-height: 62px;}
.inBrandLeft p{ font-size: 24px; line-height: 42px;}

.inBrandRight{ float: right; width: 950px; height: 73px; margin-top: 18px;}
.main_visua2 .owl-carousel,.main_visua2 .owl-stage-outer,.main_visua2 .owl-stage,.main_visua2 .owl-carousel .owl-item{width: 100%;height: 100% !important;}
.main_visua2 .owl-carousel .item{width: 100%;height: 100%; position: relative; background-repeat: no-repeat; text-align:center; background:#fff; border-radius: 5px; background-position: center center;-webkit-background-size: cover; background-size: cover;}
.main_visua2 .owl-carousel .item img{ width:80%; height: auto; }

.main_visua2 .owl-prev,.main_visua2 .owl-next{ text-indent: -99999em;}
.main_visua2 .owl-dots{  display: none;}







.footerBg{ width: 100%; height: auto; background: #222222; padding: 50px 0;}
.footer{ width: 1280px; height: auto; overflow: hidden; padding-bottom: 50px;}
.footer dl{ float: left; width: 18.5%; height: auto; overflow: hidden;}
.footer dl:first-child{ width: 34%;}
.footer dl:last-child{ width: 10%;}
.footer dl dt{ color: #FFFFFF; font-size: 16px; font-weight: bold; line-height: 42px;}
.footer dl dd a{ display: block; color: #666666; line-height: 28px;}
.footer dl dd a:hover{ color: #FFFFFF;}



.footercontact{ width: 1280px; height: auto; overflow: hidden;}
.footercontactL{ width: 488px; height: auto; overflow: hidden; float: left;}
.footercontactL h4{ color: #FFFFFF; font-size: 16px; line-height: 42px;}
.footercontactL dl{ width: 100%; height: auto; margin-top: 12px; float: left;}
.footercontactL dl dt{ float: left; width: 18px; padding-top: 3px;}
.footercontactL dl dd{ float: right; width: 460px; line-height: 24px; color: #ccc;}

.footercontactR{ width: 473px; height: auto; overflow: hidden; float: right;}
.footercontactR1{ width: 100%; height: 52px; margin-bottom: 10px;}
.footercontactR1 input{ background: #FFFFFF; border: none; border-radius: 4px; width: 230px; height: 52px; padding: 0 18px; box-sizing: border-box;}

.footercontactR2{ width: 100%; height: 95px; margin-bottom: 10px;}
.footercontactR2 textarea{background: #FFFFFF; border: none; border-radius: 4px; width: 100%; height: 95px; line-height: 24px;  padding:10px 18px; box-sizing: border-box;}

.footercontactR button{ width: 100%; height: 40px; border: none; background: url(../images/footersub.png) no-repeat;}


.footerCopyBg{ width: 100%; height: 63px; line-height: 63px; background: #222222; border-top: 2px solid #313131;}
.footerCopy{ width: 1280px; color: #666; overflow: hidden;}
.footerCopy span a{ width: 24px; height: 24px; line-height: 24px; display: inline-block; text-align: center; background: #FFFFFF; border-radius: 50%; margin-left: 15px; color: #222222; font-size: 16px;}

.foposi{ position: fixed; z-index: 888; right: 50px; top: 45%; width: 50px; height: auto; }
.foposi li{ width: 50px; height: 50px; margin-bottom: 9px; position: relative;}
.foposi li .fwxbox{transition: all ease .1s; position: absolute; right: 60px; top: 0; width: 120px; height: 120px; text-align: center; background: #EEEEEE; border-radius: 3px; opacity: 0;}
.foposi li .fwxbox img{width: 110px; height: 110px; padding-top: 5px;}
.foposi li.fwxli:hover .fwxbox{ opacity: 1.0;}
.foposi li .fwxbox:before{content: "";
				width: 0px;
				height: 0px;
				border-top: 6px solid transparent;
				border-bottom: 6px solid transparent;
				border-left: 6px solid #EEEEEE;
				position: absolute;
				top: 25px; margin-top: -6px;
				right: -6px;}


.foposi li .ftelbox{transition: all ease .1s; position: absolute; right: 60px; top: 0; width: 150px; height: 50px; line-height: 50px; text-align: center; background: #EEEEEE; border-radius: 3px; opacity: 0;}

.foposi li .ftelbox:before{content: "";
				width: 0px;
				height: 0px;
				border-top: 6px solid transparent;
				border-bottom: 6px solid transparent;
				border-left: 6px solid #EEEEEE;
				position: absolute;
				top: 25px; margin-top: -6px;
				right: -6px;}

.foposi li.ftelli:hover .ftelbox{ opacity: 1.0;}

.banner2{ width: 100%; height: 350px; margin-top: 103px;}
.banner2 h2{ color: #FFFFFF; font-size: 32px; height: 85px; line-height: 79px; background: url(../images/banner2Tit.png) no-repeat left bottom; padding-top: 124px;}

.about-fcontact{ width: 100%; height: 360px; background: url(../images/abfconbg.png) no-repeat center; background-size:cover; color: #FFFFFF; text-align: center;}
.about-fcontact h4{ width: 70%; font-size: 32px; line-height: 42px; font-weight: normal; padding-top: 90px;}
.about-fcontact a{ width: 165px; height: 48px; line-height: 48px; display: block; color: #FFFFFF; border-radius: 30px; font-size: 16px; font-weight: bold; margin-top: 30px; background-image: linear-gradient(160deg,#4440dd 15%,#0887f5 88%);}
.about-fcontact a:hover{ background-image: linear-gradient(160deg,#0887f5 15%,#4440dd 88%);}

.webposi{ width: 1280px; height: 72px; line-height: 72px;}

.aboutLeft{ float: left; width: 447px;  height: auto; overflow: hidden;}
.aboutLeft img{ width: 100%; height: auto;}
.aboutRight{ float: right; width: 795px;  height: auto; overflow: hidden;}
.aboutRight h2{ font-size: 42px; height: 82px; line-height: 76px; background: url(../images/inTitbg.png) no-repeat left bottom;}
.aboutRight div{ font-size: 18px; line-height: 28px; height: 112px; overflow: hidden; margin-top: 40px;}

.ab2bg{ width: 100%; height: 360px; padding-top: 100px; background: url(../images/ab2bg.png) no-repeat center; background-size:cover; color: #FFFFFF;}
.ab2bg h4{ font-size: 36px; line-height: 80px;}


.about3-tit{ width: 1280px; padding: 50px 0; height: auto;}
.about3-tit h2{ font-size: 36px; line-height: 52px;}
.about3-tit p{ font-size: 18px; line-height: 32px;}
.main_visual3{ padding-bottom: 120px;}
.main_visual3 .owl-carousel,.main_visual3 .owl-stage-outer,.main_visual3 .owl-stage,.main_visual3 .owl-carousel .owl-item{width: 100%;height: 100% !important;}
.main_visual3 .owl-carousel .item{width: 100%;height: 100%; position: relative; background-repeat: no-repeat; background-position: center center;-webkit-background-size: cover; background-size: cover;}
.main_visual3 .owl-carousel .item img{ width: 100%; height: auto;}



.main_visual3 .owl-prev,.main_visual3 .owl-next{width:50px;height: 50px;background-repeat: no-repeat; background-position: center center; position: absolute;top: 50%;margin-top: -25px;text-indent: -999px; overflow: hidden;}

.main_visual3 .owl-dots{ width: 100%; text-align: center; height: 15px; position:absolute; left: 0; bottom: -50px;  z-index: 999; }
.main_visual3 .owl-dots .owl-dot{display: inline-block;  margin:0 5px ;}
.main_visual3 .owl-dots .owl-dot span{  display: inline-block; width: 15px; height: 15px; background:#9e9e9e; border-radius: 10px;}
.main_visual3 .owl-dot.active span{width: 15px; height:15px; background-image: linear-gradient(160deg,#4440dd 15%,#0887f5 88%); border-radius: 10px;}

.about-tit{ width: 1280px; padding: 30px  0; text-align: center;}
.about-tit h2{ font-size: 42px; height: 82px; line-height: 76px; background: url(../images/inTitbg.png) no-repeat center bottom;}

.about-info{ width:1280px; height:auto; padding-bottom:30px; line-height:26px; font-size:15px; overflow:hidden;}
.about-info img{ max-width:100%; height:auto;}

.AbList{ width: 1280px; height: auto; overflow: hidden; padding: 30px 0;}
.AbList dl{ float: left;  width: 18%; height: auto; margin: 1%; overflow: hidden; text-align: center; }
.AbList dl dt{ width: 100%; height: auto; overflow: hidden;}
.AbList dl dt img{width: 100%; height: auto; }
.AbList dl dd{ width: 100%;height: 53px; line-height: 53px; font-size: 1rem; overflow: hidden;}

.conMap{ width:1280px; height:450px; overflow:hidden;}

.conFed {
    width: 1280px; padding-bottom:50px;
    height: auto;
    overflow: hidden;
}

    .conFed dl {
        width: 100%;
        height: auto;
    }

        .conFed dl dt {
            width: 100%;
            height: 42px;
            line-height: 42px;
            font-size: 16px;
        }

        .conFed dl dd {
            width: 100%;
            height: 42px;
        }

            .conFed dl dd input {
                width: 100%;
                padding: 0 15px;
                height: 42px;
                border: 1px solid #dedede;
                box-sizing: border-box;
                line-height: 42px;
                border-radius: 5px;
            }

            .conFed dl dd textarea {
                width: 100%;
                padding: 15px;
                height: 80px;
                border: 1px solid #dedede;
                box-sizing: border-box;
                line-height: 24px;
                border-radius: 5px;
            }

    .conFed li {
        width: 100%;
        height: 42px;
        margin-top: 20px;
    }

        .conFed li input {
            width: 100%;
            height: 42px;
            line-height: 42px;
            border: none;
            background-image: linear-gradient(160deg,#4440dd 15%,#0887f5 88%);
            color: #FFFFFF;
            font-size: 16px;
            border-radius: 5px;
        }
.abMenu{ width: 100%; height: 60px; background: #f5f5f5;}
.abMenuBox{ width: 1280px; height: 60px;}
.abMenuBox span{ line-height: 60px; font-size: 16px; }
.abMenuBox span i{ color: #000;}
.abMenuBox span a{color: #666666;}


.abMenuBoxL{ float: left;}
.abMenuBoxL a{ display: block; float: left; padding: 0 30px; line-height: 60px; font-size: 16px;}
.abMenuBoxL a:hover{ color: #FFFFFF; font-weight: bold; background-image: linear-gradient(160deg,#4440dd 15%,#0887f5 88%);}
#lm_hover{ color: #FFFFFF; font-weight: bold; background-image: linear-gradient(160deg,#4440dd 15%,#0887f5 88%);}

.newsList{ width: 1300px; height: auto; overflow: hidden;}
.newsList dl{ float: left; width: 31%; height: auto; overflow: hidden; margin: 1%; background:#fff;}
.newsList dl dt{ width: 100%; height: auto; overflow: hidden;}
.newsList dl dt img{ width: 100%; height: auto;}
.newsList dl dd{ width: 100%; height: auto; overflow: hidden; box-sizing: border-box; padding: 30px 25px; background: #f5f5f5;}
.newsList dl dd h2{color: #A8A8A8; font-size: 15px; line-height: 36px; font-weight: normal;}
.newsList dl dd h4{font-size: 16px;font-weight: normal;color: #000000; line-height: 30px; height: 30px; overflow: hidden; margin-top: 10px;}
.newsList dl dd p{ margin-top: 10px; line-height: 28px; height: 56px; overflow: hidden; color: #666666;}
.newsList dl dd h3{transition: all ease .5s; width: 162px; height: 40px; border: 1px solid #999999;  text-align: center; line-height: 40px; color: #666; float: left; margin-top:25px; font-weight: normal;}
.newsList dl dd h3 i{ padding-left: 8px;}
.newsList dl a:hover h3{background-image: linear-gradient(160deg,#4440dd 15%,#0887f5 88%); color: #FFFFFF; border:none;}
.newsList dl a:hover img{transform: scale(1.1); -webkit-transform: scale(1.1);}

.newsBg{ width:100%; padding:150px 0 30px 0; background:#f5f5f5;}
.NewsShow{ width:1280px; box-sizing:border-box; background:#fff; padding:30px;}
.NewsShowTit{ width:100%; height:auto; line-height:42px; font-size:30px; text-align:center; padding:15px 0; font-weight:bold;}
.NewsShowAdmin{ width:100%; line-height:30px; text-align:center; color:#999;}
.NewsShowInfo{ padding:25px 0; line-height:28px; font-size:15px; overflow:hidden;}
.NewsShowInfo img{ max-width:100%; height:auto;}

.newsPrev{ width:100%; line-height:30px; font-size:15px;}


/*product list*/
.parts-list{ padding:30px 0;}
.parts-list table{border: 1px solid #CCCCCC;border-collapse: collapse;border-spacing: 0; width: 1280px;}
.parts-list th{border: 1px solid #CCCCCC;background-color: #E0E4E9;color: #000000;font-size: 15px;padding: 15px;text-align: center;}
.parts-list td{background-color: #FFFFFF;border: 1px solid #CCCCCC;color: #042437;font-size: 15px;padding: 3px 0;text-align: center;vertical-align: middle;}
.parts-list td img{max-width: 60px;}
.parts-list td.i{border-left: medium none;}
.parts-list td.p{padding-left: 15px;text-align: left;}
.parts-list td.p a{font-weight:bold;color:#004480;font-size: 12px;}
.parts-list td.p a{font-weight:bold;color:#004480;font-size: 12px;}
.parts-list td a.p{position:relative}
.parts-list td .pic{ position:absolute;left:0;bottom: 20px;}
.parts-list td .pic img{ width:60%}
.parts-list td a.mfg{color:#004480;font-size: 12px;}
.parts-list td a.view{background-image: linear-gradient(160deg,#4440dd 15%,#0887f5 88%); border-radius: 3px; color: #FFFFFF;font-size: 14px;padding:8px 15px;text-decoration: none; cursor:pointer}
.parts-list td a.view:hover{background-image: linear-gradient(160deg,#0887f5 15%,#4440dd 88%);}

.parts-list tr:first-child th{ background:#0889f6; color:#fff;}
.parts-list tr:nth-child(even) td{ background:#f7f7f7;}

.PhotoList{ width: 1280px;  height: auto; overflow: hidden; padding-bottom:50px;}
.PhotoList  a{ float:left; background:#fff; padding:15px 0; text-align:center; width:14.66%; margin:1%; display:block; box-sizing:border-box; border:1px solid #eee; border-radius:3px;}
.PhotoList  a  img{ width: 90%; height: auto;}


.goodsCateBox{width:1280px;height:auto;overflow:hidden}
.goodsCateBox dl{width:100%; height:auto; margin-bottom:15px; box-sizing:border-box;border-radius:3px}
.goodsCateBox dl dt{width:100%;height:72px;background:#dfdfdf;overflow:hidden}
.goodsCateBox dl dt img{width:48px;height:48px;float:left;padding-top:12px;padding-left:30px}
.goodsCateBox dl dt h4{height:72px;line-height:72px;float:left;font-weight:400;display:inline-block;padding-left:20px;font-size:16px;color:#0092F9;overflow:hidden}
.goodsCateBox dl dt p{float:left;padding-left:10px;font-size:13px;line-height:72px}
.goodsCateBox dl dd{width:100%;height:auto;padding:20px 0;background:#fff;overflow: hidden; border:1px solid #eee; box-sizing:border-box;}
.goodsCateBox dl dd ul{width:94%;height:auto;font-size:13px}
.goodsCateBox dl dd ul li{line-height:28px;width:100%;text-align:left; float:left; width:50%;}