﻿/* CSS Document */
@import url("style/base.css");

/*header*/
/*.head-fixed{width:100%;position:relative;left:0;top:0;z-index:999;background:#fff;box-shadow:0 0 40px 0 rgba(0, 0, 0, 0.06);transition:all 0.4s;padding:0 0px;}*/
.head-fixed{ width:100%;height:96px;padding:20px 72px;box-sizing:border-box;position:fixed;-webkit-transition:all 0.5s;transition:all 0.5s;z-index:9999;}
.head-fixed.nfix{background:#fff;box-shadow: 0px 2px 16px rgb(15 42 54 / 4%), 0px 4px 50px rgb(15 42 54 / 5%);}
.head-fixed:hover{background:#fff;}
.head-fixed.headerFix{background: #fff;}
#header .logo{max-width:153px;max-height:57px;display: block;margin-right:16px; position:relative; float:left;}
#header .logo a{ display:block; width:100%; height:100%;}
#header .logo img{ max-width:100%; max-height:100%; height:auto; vertical-align:middle;}
#header .logoImg .minimg{display:none;}
#header .slgon{height: 57px;display: block;margin-right:72px;line-height:18px;padding-top: 13px;padding-left: 16px;position: relative;font-weight:500;font-size:14px;color:#4A4A4A;float:left;}
#header .slgon::before{content: '';position: absolute;width: 1px;height: 25px;background: rgba(151,151,151,0.4);top: 18px;left: 0;}
.top-box{ display:none;}
@media screen and (max-width:1480px){
    .head-fixed{padding:20px 16px;}
}

@media screen and (max-width:1280px){
    .head-fixed{min-width:1260px;}
	
}
@media(max-width:767px){
	.head-fixed{ display:none;}
}

.menu{transition:all 0.4s;float:left;}
.menu .nav{ width:100%; height:auto; padding:0; line-height:57px;}
.menu .nav:after{ display:none;}
.menu .nav>li{padding:0 55px 20px 0;box-sizing:border-box;position:relative;display:flex;align-items:center;}
.menu .nav>li .svb a{font-size:16px;font-weight:bold;color:#233863FF;line-height:57px;}
.menu .nav>li::after{content:"";display:block;width:19px;height:19px;vertical-align:middle;margin:-3px 0 0 3px;-webkit-transition:all 0.3s;transition:all 0.3s;background:url(/images/arrowD.svg) no-repeat center right;}
.menu .nav>li.home::after{ display:none;}
.menu .nav>li.active .svb a,.menu .nav>li:hover .svb a{color:#229AF4;}
.menu .nav>li.active::after{background:url(/images/arrowH.svg) no-repeat center right;transform:rotate(-180deg);-webkit-transform: rotate(-180deg);-ms-transform: rotate(-180deg);margin-top:1px;}
.menu .nav>li:hover::after{background: url(/images/arrowH.svg) no-repeat center right;}
.menu .nav>li.active:hover::after{transform:rotate(0);-webkit-transform:rotate(0);-ms-transform:rotate(0);margin-top:-1px;}
.menu .menuBox{color: #fff;background: #fff;position: absolute;top: 56px;left: 0;width: 100%;opacity: 1;height: auto;z-index: 999;overflow: hidden;-webkit-transition-property: height;transition-property: height;-webkit-transition: height 0.2s cubic-bezier(0.215, 0.61, 0.355, 1),opacity 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);transition: height 0.2s cubic-bezier(0.215, 0.61, 0.355, 1),opacity 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);display: none;}
.menu .menuBox{background: #FFFFFF;box-shadow: 0px 10px 20px 0px rgba(51,56,64,0.15);border-radius: 4px;padding: 16px;box-sizing: border-box;}
.menu .nav>li:hover .menuBox{display: block;}
.menu .menuBox.on{opacity:1;pointer-events:auto;transform:translate(-50%, 0);}
.menu .menuBox li{line-height: 48px;padding-left: 16px;box-sizing: border-box;margin-bottom: 4px;}
.menu .menuBox a{font-size: 14px;color: #233863;font-weight: 400;transition: all 0.3s;display: flex;align-items: center;height: 48px;}
.menu .menuBox a:nth-last-of-type(1){margin-bottom: 0;}
.menu .menuBox .img{display: inline-block;width: 28px;height: 28px;line-height: 28px;margin-right: 12px;padding: 4px;text-align: center;border-radius: 5px;background: #FFFFFF;}
.menu .menuBox.productsSubBox{width:318px;}
.menu .menuBox.industrySubBox{width:330px;}
.menu .menuBox.companySubBox{width:330px;}
.menu .menuBox.supportSubBox{width:259px;}
.menu .menuBox li:hover{background: #F5F7FB;border-radius: 4px;}
.menu .menuBox li:hover .img{box-shadow: 6px 6px 11px 0px rgba(40,61,108,0.1);}
.menu .menuBox li:hover a,.menu .menuBox li.activeS a{font-weight:bold;color:#229AF4;}
@media screen and (max-width:1480px){
    .menu .nav>li{padding-right:40px;}
}
@media screen and (max-width:1360px){
	#header .slgon{ margin-right:65px;}
    .menu .nav>li{padding-right:30px;}
}
@media screen and (max-width:1300px){
	#header .slgon{ margin-right:60px;}
}

.topRight{display:flex;align-items: center;float:right;height:57px; position:relative;}
.topRight>div{color:#233863;font-size:14px;height: 32px;margin-right:16px;line-height:32px;}
/*.topRight .switch-language{width: 32px;height: 32px;border-radius: 50%;position: relative;cursor: pointer;}
.topRight .switch-language img{position: absolute;right: 0;left: 0;top: 0;bottom: 0;margin: auto;}
.topRight .switch-language .language-box{
   position: absolute;top: 30px;left: -33px;padding-top: 9px;}
.topRight .switch-language .language-box .box{width: 100px;background: #FFFFFF;box-shadow: 0px 2px 10px 0px rgba(78,89,105,0.1);border-radius: 4px;padding: 4px 0;}
.topRight .switch-language .language-box a{font-weight: 400;font-size: 14px;display: block;line-height: 36px;padding-left: 12px;box-sizing: border-box;transition: all 0.3s;color: #233863;}
.switch-language .language-box a:hover{background: #F2F3F5;font-weight: 400;color: #233863;}
.topRight .switch-language .language-box{display: none;}
.topRight .switch-language:hover .language-box{display: block;}
.switch-language .language-box a.curLg{color: #229AF4;}*/
/*.topRight .switch-language:hover,.topRight .switch-language.curswitch{background: rgba(34, 154, 244, 0.1);}
.topRight .switch-language .deHover{display: none;opacity: 0;}
.topRight .switch-language:hover .default,.topRight .switch-language.curswitch .default{display: none;opacity: 0;}
.topRight .switch-language:hover .deHover,.topRight .switch-language.curswitch .deHover{display: inline-block;opacity: 1;}*/
.topRight .switch-user{width:120px;height: 32px;position: relative;cursor: pointer;line-height: 32px;}
.topRight .switch-user::after{content: "";display: inline-block;width: 19px;height: 19px;vertical-align: middle;margin-top: -24px;-webkit-transition: all 0.3s;transition: all 0.3s;background: url(../images/arrowD.svg) no-repeat center right;}
.topRight .switch-user .welcome{display: inline-block;max-width: 96px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.topRight .switch-user .down{position: absolute;top: 30px;left: 0;padding-top: 9px;}
.topRight .switch-user .down .box{width: 100px;background: #FFFFFF;box-shadow: 0px 2px 10px 0px rgba(78,89,105,0.1);border-radius: 4px;padding: 4px 0;}
.topRight .switch-user .down a{font-weight: 400;font-size: 14px;display: block;line-height: 36px;padding-left: 12px;box-sizing: border-box;transition: all 0.3s;color: #233863;}
.switch-user .down a:hover{background: #F2F3F5;font-weight: 400;color: #233863;}
.topRight .switch-user .down{display: none;}
.topRight .switch-user:hover .down{display: block;}
.topRight .switch-user:hover::after{background: url(../images/arrowH.svg) no-repeat center right;}
.switch-user .down a.curLg{color: #229AF4;}

.topRight .login-btn{cursor: pointer;/* transition: all 0.3s; */}
.topRight .login-btn{margin-right: 24px;}
.topRight .login-btn img{vertical-align: top;padding-top: 8px;}
.topRight .login-btn:hover{color: #229AF4;}
.topRight .login-btn:hover a{color: #229AF4;}
.topRight .login-btn .deHover{opacity: 0;display: none;}
.topRight .login-btn:hover .default{opacity: 0;display: none;}
.topRight .login-btn:hover .deHover{opacity: 1;display: inline-block;}
.topRight .freeBtn{width:85px;height:32px;background:#E8F4FD;border-radius:4px;margin-right:0;text-align:center;transition: all 0.3s;}
.topRight .freeBtn a{color:#233863;font-size:14px; display:block;width:100%;height:100%;line-height: 32px;}
.topRight .freeBtn:hover{background: rgba(34, 154, 244, 1);}
.topRight .freeBtn:hover a{color:#FFFFFF;}
.topRight .minimg{display:none;}
.topRight .tEwm{ position:absolute; background-color:#fff; top:52px; right:0; z-index:20; width:120px; height:auto; padding:5px 5px 8px;box-shadow: 0px 2px 8px rgb(15 42 54 / 5%), 0px 4px 10px rgb(15 42 54 / 5%); margin:0; display:none;transition: all 0.3s;}
.topRight .tEwm img{ display:block; margin:0;}
.topRight .tEwm span{ display:block; text-align:center; font-size:14px; color:#787878; line-height:2;}
.topRight .tEwm.show{ display:block;}
@media screen and (max-width:1300px){
	.topRight>div{ margin-right:15px;}
	.topRight .login-btn{ margin-right:15px;}
}


.pcright{ width:70px; display:none;}
.pcright .search{position:relative;background:#fff;}
.pcright .search .search-icon{cursor:pointer;background:inherit;position:relative;}
.pcright .search .search-icon i{cursor:pointer;background:inherit;margin-right:10px;z-index:-1;}
.pcright .search .search-icon i.c-icon{position:absolute;left:0;top:0;}
.pcright .search.active .search-icon i.c-icon{z-index:1 !important;}
.pcright .search.active span{color:#229AF4;}
.pcright .search span{font-size:14px;cursor:pointer;}
.search span:hover{color:#229AF4;}

/*移动端头部*/
.mo-header{display:none;width:100%;height:70px;padding:0 10px;background:#FFFFFF;position:fixed;top:0;left:0;z-index:999;box-shadow:0 0 30px 0 rgba(0, 0, 0, 0.06);}
.mo-header .logo{width:220px;}
.mo-header .logo img{ vertical-align:middle;}
.mo-header .mo-search{margin-top:0;}
.mo-header .mo-search form{width:300px;}
.mo-header .mo-search form input{width:calc(100% - 40px);line-height:38px;border:1px solid #dbdbdb;border-right:none;border-radius:2px 0 0 2px;padding:0 10px;font-size:14px;}
.mo-header .mo-search form button{width:40px;height:40px;border-radius:0 2px 2px 0;}
.mo-header .mobile-nav{width:auto;}
.mo-header .mobile-nav dl{transform:rotateY(180deg);margin-right:10px;width:30px;}
.mo-header .mobile-nav dl dd{width:0;height:2px;background:#229AF4;}
.mo-header .mobile-nav dl dd:first-child{animation:sjnav 2.4s linear infinite;}
.mo-header .mobile-nav dl dd:nth-child(2){margin:6px 0;width:20px;}
.mo-header .mobile-nav dl dd:last-child{animation:sjnav 2.4s linear infinite;animation-delay:0.4s;}
.mo-header .mobile-nav h4{color:#1a1a1a;}
.mo-mask{position:fixed;left:0;top:0;z-index:1000;width:100%;height:100vh;background:rgba(7,16,26,0.8);transition:all 0.5s;visibility:hidden;opacity:0;transition-delay:0.2s;}
.mo-mask.active{opacity:1;visibility:visible;}
.mo-nav{width:50%;height:100vh;background:#FFFFFF;position:fixed;z-index:10001;top:0;left:-50%;overflow-y:auto;opacity:0;transition:all 0.3s;}
.mo-nav.active{transition-delay:0.3s;opacity:1;left:0;}
.mo-nav .top{height:80px;padding:0 16px 0 20px;position:sticky;top:0;z-index:9999;background:#fff;box-shadow:0 0 20px 0 rgba(0,0,0,0.06);}
.mo-nav .top .logo{width:240px; padding:15px 0;}
.mo-nav .top .logo img{ vertical-align:middle; height:50px; width:auto;}
.mo-nav .top .mobnavclose{width:30px;height:30px;position:relative;}
.mo-nav .top .mobnavclose:before,.mo-nav .top .mobnavclose:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#333;border-radius:1px;}
.mo-nav .top .mobnavclose:before{width:20px;height:2px;transform:translate(-50%,-50%) rotate(45deg);}
.mo-nav .top .mobnavclose:after{width:2px;height:20px;transform:translate(-50%,-50%) rotate(225deg);}
.mo-search{padding:0 16px;margin-top:30px; display:none;}
.mo-search form input{width:calc(100% - 52px);line-height:40px;border:1px solid #dbdbdb;border-radius:2px;padding:0 12px;font-size:14px; outline:none;}
.mo-search form button{width:52px;height:42px;background:#229AF4;color:#fff;border-radius:2px;font-size:14px; border:none;}
.mo-nav .bottom{padding:6px 16px;}
.mo-nav .bottom .nav li{margin:18px 0;}
.mo-nav .bottom .nav li h3{display:flex;align-items:center;justify-content:space-between;}
.mo-nav .bottom .nav li h3 a{display:block;text-align:center;font-size:16px;line-height:30px;color:#1a1a1a;padding-left:4px;}
.mo-nav .bottom .nav li h3 i{display:block;width:30px;height:30px;line-height:32px;color:#333;text-align:center;font-size:12px;}
.mo-nav .bottom .nav li .m-subnav{border-bottom:1px solid #dbdbdb;padding-bottom:5px;display:none;}
.mo-nav .bottom .nav li .m-subnav a{display:block;line-height:24px;margin:10px 0;padding-left:20px;position:relative;}
.mo-nav .bottom .nav li .m-subnav a:before{content:"";width:8px;height:8px;border:1px solid #CCCCCC;border-radius:50%;position:absolute;left:4px;top:7px;transition:all 0.4s;}
.mo-nav .bottom .nav li .m-subnav a:after{content:"";width:4px;height:4px;background:#CCCCCC;border-radius:50%;position:absolute;left:7px;top:10px;transition:all 0.4s;}
.mo-nav .bottom .nav li.on h3 a{color:#229AF4;}
.mo-nav .bottom .nav li.on h3 i{transform:rotate(90deg);color:#229AF4;}
.mo-nav .bottom .nav li.on h3 i:before,.mo-nav .bottom .nav li.on h3 i:after{background:#fff;}
.mo-nav .bottom .nav li h3 a:hover,.mo-nav .bottom .nav li .m-subnav a:hover{color:#229AF4;}
.mo-nav .bottom .nav li .m-subnav a:hover:before{border-color:#229AF4;}
.mo-nav .bottom .nav li .m-subnav a:hover:after{background:#229AF4;}
.mo-lan{padding:0 16px;}
.mo-lan a{display:flex !important;align-items:center;justify-content:center;line-height:44px;}
.mo-info{padding:20px;}
.mo-info h2{font-size:16px;color:#1a1a1a;}
.mo-info dl dd{display:flex;margin-top:10px;}
.mo-info dl dd i{width:14px;height:14px;display:flex;align-items:center;justify-content:center;margin-top:5px;}
.mo-info dl dd p{width:calc(100% - 14px);padding-left:10px;line-height:24px;color:#666;}
.mo-info dl dd p a{color:#666;}
.mo-info dl dd p a:hover{color:#229AF4;}
@media only screen and (max-width:767px){
	.mo-header{display:flex;height:70px;}
	.mo-header .logo{width:auto; height:44px; display:flex;align-items:center}
	.mo-header .slgon{ width:212px; height:44px; background:url(/images/slgon.png) no-repeat center left; padding-left:18px; font-size:14px; margin-left:5px; line-height:22px; background-size:auto 100%;}
	.mo-nav{width:100%;left:-100%;}
	.mo-nav .top{height:80px;padding:0 12px 0 16px;}
	.mo-lan{ display:none;}
}
@media only screen and (max-width:480px){
	.mo-header .logo{ height:38px;}
	.mo-header .slgon{ width:195px; height:38px; line-height:19px; font-size:13px; padding-left:12px; margin-left:1px;}
}
@media only screen and (max-width:435px){
	.mo-header{height:60px;}
	.mo-header .logo{ height:36px;}
	.mo-header .slgon{ width:150px; height:36px; line-height:18px; font-size:12px; overflow:hidden;}
	.mo-header .slgon span{ display:none;}
}
@media only screen and (max-width:385px){
	.mo-header .logo{ height:30px;}
	.mo-header .slgon{ width:140px; height:30px; line-height:15px; font-size:10px;}
}

.banner{width:100%;height: 816px;padding-top: 136px;position: relative;background-image: url(/images/banner.png);background-repeat: no-repeat;background-size: 100% 100%;}
.banner .bg1{position: absolute;bottom: 5px;left: 50%;transform: translateX(-50%);width:188px/*188px*/;z-index: 3;}
.banner .bg2{position: absolute;bottom: 44px;left: 50%;transform: translateX(-50%);width:1212px;z-index: 2;}
.banner .bg3{position: absolute;bottom: 0px;left: 50%;transform: translateX(-50%);width:795px;z-index: 1;}
.geoImgBox {/* background: #ccc; */display: inline-block;}
.geoImgBox img{width: 100%;height: 100%;}
.banner .float{width: 1370px;height:660px;position: relative;margin: 0 auto;padding-top: 41px;background-image: url(/images/bImg.png);background-size: 100% 100%;background-repeat: no-repeat;z-index: 2;}
.banner .float img{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 0;}
.banner .float .h1{font-weight: 600;font-size: 52px;color: #233863;line-height: 72px;text-align: center;font-style: normal;}
.banner .float p{font-weight: 400;font-size:32px;color: #233863;line-height: 33px;text-align: center;font-style: normal;margin-top: 26px;}
.banner .float a{display: block;cursor: pointer;width: 259px;height: 52px;background: linear-gradient( 270deg, #A792FF 0%, #8296FF 100%);border-radius: 45px;border: 1px solid #F4F1F1;margin: 0 auto;margin-top: 36px;font-weight: 600;font-size: 16px;color: #FFFFFF;line-height: 50px;text-align: center;font-style: normal;}
.banner .float .imgBox.two{position: absolute;top: 0;right: 0;width: 76px;height: 76px;}
.banner .float .imgBox.one{position: absolute;left: 0;top: 69px;width: 96px;height: 96px;}
.banner .float .imgBox.three{position: absolute;left: 350px;bottom: 28px;width: 80px;height: 80px;}
.banner .float .imgBox.four{position: absolute;right: 304px;bottom: 0px;width: 88px;height: 88px;}
@media only screen and (max-width:767px){
	.banner{padding-top:0;height: auto; margin-top:70px;}
    .banner .bg1,.banner .bg2{display: none;}
    .banner .bg3{max-width:none;width:150%;}
    .banner .float{width: 100%;padding:39px 24px;background:none;height:580px;background-image:url(/images/bImg2.png);background-repeat: no-repeat;background-size: 90% auto;background-position: center bottom;}
    .banner .float .h1{font-size:30px;line-height:45px;text-align:left;}
    .banner .float p{font-size:20px;color:#4A4A4A;line-height: 30px;text-align:left;}
    .banner .float a{width:100%;margin-top:26px;}
}


/*main*/
.mTit{ width:100%;}
.mTit h1{font-weight: 600;font-size: 40px;color: #233863;line-height: 56px;text-align: center;font-style: normal;margin-top:0;}
.mTit .text{font-weight: 400;font-size: 24px;color: #6D7B96;line-height: 33px;text-align: center;font-style: normal;display: block;margin: 0 auto;margin-top: 12px;}
.mTitButton{width: 130px;height: 44px;background: #FFFFFF;border-radius: 22px;border: 1px solid #ECECEC;margin: 0 auto;}
.mTitButton .imgBox.icon{width: 22px;height: 22px;vertical-align: top;margin-top: 11px;margin-left: 20px;}
.mTitButton span{font-weight: 400;font-size: 16px;color: #233863;line-height: 44px;text-align: center;font-style: normal;}
@media(max-width:767px){
	.mTit{ padding:0 15px;}
    .mTit h1{font-size: 20px;line-height: 30px;}
    .mTit .text{font-size:14px;line-height: 20px;padding: 0 0;}
}


.main2{ padding:83px 0 0;padding-bottom:123px;background-image: url(/images/m2.png);background-repeat: no-repeat;background-size: 100% auto;background-position: left bottom;}
.main2Box{width:1260px;height:570px;border-radius:24px;margin:0 auto;padding-top:64px;background-image:url(/images/m2Box.png);background-repeat:no-repeat;background-size:100% 100%;}
.main2 ul{width:1162px;margin: 0 auto;display: flex;flex-wrap:wrap;justify-content: space-between;margin-top: 48px;}
.main2 ul li{width:370px;background: rgba(255,255,255,0.6);border-radius:24px;border:2px solid #FFFFFF;padding:25px;position: relative;overflow: hidden; display:flex;justify-content: space-between;align-items: center; margin-bottom:25px;}
.main2 ul li::before{content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-image: url(/images/item.png);background-size: cover;background-position: center;opacity: 0;transition: opacity 0.3s ease;border-radius: 24px;z-index: 0;}
.main2 ul li:hover::before{opacity: 1;}
.main2 ul li > *{position: relative;z-index: 1;}
.main2 ul li .imgBox{width:72px;height:72px;border-radius:12px;border:1px solid #F4F1F1;position:relative;overflow:hidden;}
.main2 ul li .imgBox img{transition:opacity 0.3s ease;}
.main2 ul li.item-1:hover .imgBox img{opacity:0;}
.main2 ul li.item-1:hover .imgBox{background:url(/images/icon_1_1.png) no-repeat center / cover;}
.main2 ul li.item-2:hover .imgBox img{opacity:0;}
.main2 ul li.item-2:hover .imgBox{background:url(/images/icon_3_3.png) no-repeat center / cover;}
.main2 ul li.item-3:hover .imgBox img{opacity:0;}
.main2 ul li.item-3:hover .imgBox{background:url(/images/icon_2_2.png) no-repeat center / cover;}
.main2 ul li.item-4:hover .imgBox img{opacity:0;}
.main2 ul li.item-4:hover .imgBox{background:url(/images/icon_4_4.png) no-repeat center / cover;}
.main2 ul li.item-5:hover .imgBox img{opacity:0;}
.main2 ul li.item-5:hover .imgBox{background:url(/images/icon_5_5.png) no-repeat center / cover;}
.main2 ul li.item-6:hover .imgBox img{opacity:0;}
.main2 ul li.item-6:hover .imgBox{background:url(/images/icon_6_6.png) no-repeat center / cover;}
.main2 ul li .txt{ width:calc(100% - 85px);}
.main2 ul li p{font-weight:600;font-size:20px;color: #233863;line-height:32px;text-align: left;font-style:normal}
.main2 ul li span{font-weight:400;font-size:16px;color:#6B7B9B;line-height:22px;text-align:left;margin-top:10px; display:block;}
.main2 ul li span em{ font-style:normal; margin-right:5px; font-size:30px; font-weight:bold; color:#6d14ff;}
.main2 ul li.item-6 span em{ color:#ff5c16;}
.allpage{text-align: center;padding-top:40px; position:relative;}
.allpage p{ font-size:16px; line-height:1.8; margin-bottom:10px; color:#6B7B9B; text-align:left;}
.allpage .freeBtn{width:205px;height:52px;line-height:52px;text-align:center;background:#898EFF;box-shadow:0px 6px 14px 0px rgba(22,113,181,0.24);border-radius:26px;font-size:16px;font-weight: bold;color: #fff;display: block;margin: auto;}
.allpage .freeBtn:hover{background: #4EDDC7;color: #FFFFFF;}
@media(max-width:767px){
	.main2{padding:40px 12px;}
    .main2 .main2Box{width: 100%;padding-top: 20px;height: auto;padding-bottom: 12px;}
    .main2 ul{width: 100%;display: block;padding: 0 12px;}
    .main2 ul li{width: 100%;margin-bottom: 12px;}
    .main2 ul li p{font-size: 18px;}
    .main2 ul li span{font-size: 14px;}
	.allpage{text-align: center;padding-top:20px;}
	.allpage .container{ padding:0;}
}


.main1{padding-top: 83px;margin-bottom:0px;}
.main1 ul{width: 1260px;margin: 0 auto;display: flex;justify-content: space-between;margin-top: 48px;}
.main1 ul li{width: 303px;border-radius: 12px;border: 1px solid #F4F1F1;padding: 24px;}
.main1 ul li .imgBox{width: 48px;height: 48px;border-radius: 12px;}
.main1 ul li p{font-weight: 500;font-size: 18px;color: #233863;line-height: 25px;text-align: left;font-style: normal;margin-top: 28px;}
.main1 ul li span{font-weight: 400;font-size: 14px;color: #6B7B9B;line-height: 20px;text-align: center;font-style: normal;margin-top: 8px;}
.main1 ul li:nth-of-type(1){background: linear-gradient( 180deg, #FEF0EF 0%, #FFFFFF 100%);}
.main1 ul li:nth-of-type(2){background: linear-gradient( 180deg, #E4E7FD 0%, #FFFFFF 100%);}
.main1 ul li:nth-of-type(3){background: linear-gradient( 180deg, #EEEAFF 0%, rgba(238,234,255,0) 100%);}
.main1 ul li:nth-of-type(4){background: linear-gradient( 180deg, #EBFCFC 0%, rgba(235,252,252,0) 100%);}
.main1 .imgBox.margin{display: block;width:959px;height:113px;margin:0 auto;}
.main1 .customerButton{display: block;width: 828px;height: 80px;background: linear-gradient( 270deg, #A792FF 0%, #8296FF 100%);border-radius: 16px;border: 1px solid #F4F1F1;font-family: AppleColorEmoji;font-size: 24px;color: #FFFFFF;line-height: 80px;text-align: left;font-style: normal;margin: 0 auto;text-align: center;}
@media(max-width:767px){
	.main1{padding-top: 20px;}
    .main1 ul{width: 100%;display: block;padding: 0 12px;margin-top:20px;}
    .main1 ul li{width: 100%;margin-bottom: 12px; padding:30px 24px;}
	.main1 ul li .imgBox{ float:left; margin-right:15px;}
	.main1 ul li p{ margin:0;}
    .main1 .imgBox.margin{display: none;}
    .main1 .customerButton{display: none;}
}

.main3{padding-top: 88px;padding-bottom: 120px;background-image: url(/images/m3.png);background-repeat: no-repeat;background-size: 100% auto;background-position: left bottom;position: relative;}
.main3 .bg2{position: absolute;left: 0;top: 120px;width: 511px;z-index: 0;}
.main3 .bg1{position: absolute;right: 0;bottom: 426px;width: 600px;z-index: 0;}
.main3 .mBox{width: 1260px;margin: 0 auto;margin-top: 70px;position: relative;z-index: 1;}
.main3 .mBox .item{width: 100%;display: flex;justify-content: space-between;margin-bottom: 64px;}
.main3 .mBox .lTxt{width: 490px;margin-top: 80px;}
.main3 .mBox .lTxt .tit{font-weight: 600;font-size: 36px;color: #233863;line-height: 50px;text-align: left;font-style: normal;}
.main3 .mBox .lTxt .text{font-weight: 400;font-size: 16px;color: #4A4A4A;line-height: 22px;text-align: left;font-style: normal;margin-top: 16px;}
.main3 .mBox .lTxt .info{background: #FFFFFF;box-shadow: 0px 2px 15px 0px rgba(34,154,244,0.11);border-radius: 12px;border: 1px solid #229AF4;padding: 16px;margin-top: 32px;}
.main3 .mBox .lTxt .info .top{height: 24px;}
.main3 .mBox .lTxt .info .top .imgBox{float: left;width: 24px;height: 24px;}
.main3 .mBox .lTxt .info .top span{float: left;font-weight: 600;font-size: 16px;color: #229AF4;line-height: 24px;text-align: left;font-style: normal;margin-left: 4px;}
.main3 .mBox .lTxt .info p{font-weight: 400;font-size: 14px;color: #4A4A4A;line-height: 20px;text-align: left;font-style: normal;margin: 0 auto;margin-top: 10px;}
.main3 .mBox .lTxt .info .icon{width: 24px;height: 24px;}
.main3 .mBox .rImg{width: 600px;height: 400px;}

.main3 .mEwm{ position:absolute; background-color:#fff; bottom:60px; left:50%; z-index:20; width:120px; height:auto; padding:5px 5px 8px;box-shadow: 0px 2px 8px rgb(15 42 54 / 5%), 0px 4px 10px rgb(15 42 54 / 5%); margin:0;transition: all 0.3s; margin-left:-60px; display:none;}
.main3 .mEwm img{ display:block; margin:0;}
.main3 .mEwm span{ display:block; text-align:center; font-size:14px; color:#787878; line-height:2;}
.main3 .mEwm.show{ display:block;}
@media only screen and (max-width:767px){
    .main3{padding-top: 20px;padding-bottom: 80px;}
    .main3 .mTit h1{line-height:24px;}
    .main3 .bg1,
    .main3 .bg2{display:none;}
    .main3 .mBox{margin-top: 12px;padding: 0 12px;width: 100%;}
    .main3 .mBox .item{display:block;padding: 12px;border: 1px #f1f1f1 solid;border-radius: 12px;margin-bottom: 12px;}
    .main3 .mBox .rImg{display:none;}
    .main3 .mBox .lTxt{margin-top: 0;margin-bottom: 12px;width:100%;}
    .main3 .mBox .lTxt .tit{font-size: 20px;}
    .main3 .mBox .lTxt .text{font-size: 14px;margin-top: 0;}
	.main3 .allpage{ display:none;}
}

.main4{padding-bottom:64px;padding-top: 38px;}
.main4 ul{width:1260px;margin:0 auto;margin-top:48px;display:flex;flex-wrap:wrap;justify-content:space-between;}
.main4 ul li{width:618px;background:#FFFFFF;border-radius:12px;border:1px solid #EBEBEB;padding:24px;margin-bottom: 24px;}
.main4 ul li .tags{display:inline-block;border-radius: 4px;height: 32px;background:rgba(34, 154, 244, 0.1);font-family: PingFangSC, PingFang SC;font-weight: 400;font-size: 18px;color: #229AF4;line-height: 32px;text-align: center;font-style: normal;padding: 0 8px;margin-bottom: 20px;}
.main4 ul li p{font-weight:600;font-size:20px;color: #233863;line-height: 33px;text-align: left;font-style: normal;margin-top:15px;margin-bottom:34px}
.main4 ul li .topBottom{font-size: 16px;color: #4A4A4AFF;line-height:1.8;/*padding:24px;background: #F9FCFF;border-radius: 8px;margin-bottom: 16px;*/}
.main4 ul li .topBottom span{font-family: PingFangSC, PingFang SC;font-weight: 600;font-size: 16px;color: #4A4A4A;line-height: 24px;text-align: left;font-style: normal;display: block;}
.main4 ul li .topBottom i{font-size: 16px;color: #4A4A4AFF;line-height:1.8;text-align: left;font-style: normal;display: block;}
.main4 ul li .tagList{display:flex;flex-wrap:wrap;justify-content:space-between;}
.main4 ul li .hasIcon{padding:20px;background: #F5FCFB;overflow: hidden; margin-bottom:16px; width:48.8%;}
.main4 ul li .hasIcon .imgBox{float:left;width:18px;height:24px;margin-right:8px; position:relative;}
.main4 ul li .hasIcon .imgBox.icon::before{content: "";display: block;width:8px;height:15px;transform:rotate(45deg);border-right:2px solid rgba(0,0,0,0.9);border-bottom:2px solid rgba(0,0,0,0.9);position: absolute;top:3px;left:4px;}
.main4 ul li .hasIcon b{float: left;font-weight:400;font-size:16px;color: #4A4A4A;line-height:1.5;text-align: left;font-style:normal;}
.main4 .consult{width:1260px;height:364px;background: #229AF4;border-radius: 16px;margin: 0 auto;padding-top: 104px;margin-top: 88px;background-image: url(/images/bg03.png);background-repeat: no-repeat;background-size: 100% 100%; position:relative;}
.main4 .consult p{font-weight: 600;font-size: 40px;color: #FFFFFF;line-height: 56px;text-align: center;font-style: normal;}
.main4 .consult a{display: block;width: 205px;height: 52px;background: #FFFFFF;box-shadow: 0px 6px 14px 0px rgba(22,113,181,0.24);border-radius: 26px;font-family: PingFangSC, PingFang SC;font-weight: 600;font-size: 16px;color: #229AF4;line-height: 52px;text-align: center;font-style: normal;margin: 0 auto;margin-top: 48px;}
.main4 .consult a:hover {color: rgb(255, 255, 255);background: rgb(78, 221, 199);}

.main4 .mEwm{ position:absolute; background-color:#fff; bottom:160px; left:50%; z-index:20; width:120px; height:auto; padding:5px 5px 8px;box-shadow: 0px 2px 8px rgb(15 42 54 / 5%), 0px 4px 10px rgb(15 42 54 / 5%); margin:0;transition: all 0.3s; margin-left:-60px; display:none;}
.main4 .mEwm img{ display:block; margin:0;}
.main4 .mEwm span{ display:block; text-align:center; font-size:14px; color:#787878; line-height:2;}
.main4 .mEwm.show{ display:block;}
@media only screen and (max-width:767px){
    .main4{padding-top: 20px;}
    .main4 ul{width: 100%;padding:0 12px;display: block;display:block;}
    .main4 ul li{width: 100%;padding:12px;margin-bottom:12px;}
    .main4 ul li p{font-size:18px;margin-bottom: 20px; margin-top:5px;}
	.main4 ul li .hasIcon{display:flex;}
	.main4 ul li .hasIcon .imgBox{ margin-right:15px;}
	.main4 ul li .hasIcon b{ font-size:15px; line-height:24px;}
	
    .main4 .consult{width:calc(100% - 24px); height:auto; padding-bottom:100px;margin:0 auto;background-image:url(/images/bg04.png); background-size:cover; background-position:bottom center;}
    .main4 .consult p{font-size:20px; padding:0 10px;}
}

/*footer*/
.footer{ background:#F7F8FA;padding-top: 43px;}
.footer>.w1200{ width:1260px; margin:0 auto;}
.footer .fBot a:hover,.flink a:hover,.footer .info a:hover,.footer .copy .right a:hover{color: #233863;}
.footer .info{position: relative; padding-bottom:30px;}
.footer .info .telBox{width:305px; padding-top:13px;}
.footer .info .left{ width:195px;}
.footer .info .right{width: calc(100% - 500px);padding: 13px 70px 0 70px;position: relative;white-space:nowrap;}
.footer .info .right::before,.footer .info .right::after{content: '';position: absolute;width: 1px;height:110px;background: #E5E8F0;top: 0;}
.footer .info .right ul{ width:100%;align-items: center;}
.footer .info .right ul span{ display:block; width:1px; height:14px; background:#ddd;}
.footer .info .right ul span:last-child{ display:none;}
.footer .info .right ul li{}
.footer .info .right ul li a{font-weight:400;font-size:15px;color:#4A4A4A;line-height:20px;}
.footer .info .right::before{left: 0;}
.footer .info .right::after{right: 0px;}
.footer .info .right dl{padding-right: 32px;display: inline-block;vertical-align: top;}
/*.footer .info .right dl:nth-child(1),.footer .info .right dl:nth-child(2){ width:200px;}*/
.footer .info .right dl:last-child{padding-right: 0px;}
.footer .info .right dl .list{float:left;}
.footer .info .right dl .list.sub{margin-right:24px;}
.footer .info .right dl dd{font-weight: 400;font-size: 12px;color: #6B7B9B;line-height: 25px;}
.footer .info .left{align-items:normal;padding-left:65px;}
.footer .info .left dl{ width:140px;text-align: center;float: left;display:flex;justify-content:space-between;align-items: center;}
/*.footer .info .left dl:nth-child(1){margin-right:24px;}*/
.footer .info .left dl dt{ width:110px; height:auto;}
.footer .info .left img{ max-width:100%; max-height:100%; vertical-align:middle;}
.footer .info .left dl dd{font-weight: 400;font-size: 12px;color: #6B7B9B;line-height: 1.2; width:16px;}


.footer .info .folgo{width:155px;height: 58px;margin-bottom: 14px;}
.footer .info .folgo img{ max-width:100%; height:auto;}
.footer .info p, .footer .info a{font-weight: 400;font-size: 14px;color: #6B7B9B;}
.footer .info p.lxwm{font-size: 15px;font-weight: bold;color: #4A4A4A;line-height: 20px;}
.footer .info .telNum{font-size: 24px;color:#4A4A4A;line-height: 26px;margin: 8px 0 10px;font-family: "D-DINExp-Bold";}
.footer .fBot a{display: inline-block;position: relative;padding:0 10px;}
.footer .fBot a:first-child{padding-left:0;}
.footer .fBot a::after{content: '';position: absolute;width: 1px;height: 11px;background:  #E5E8F0;right: 0;top:7px;}
.footer .fBot a:last-child::after{display: none;}
.footer .info .title h2{ font-weight:bold;font-size:15px;color:#4A4A4A;line-height:20px;margin-bottom:20px;}

.flink{ margin-top:0;padding-bottom:30px;}
.flink span{font-weight:400;font-size: 14px;color: #4A4A4A;line-height: 20px;display: inline-block;width: 80px;}
.flink a{font-weight: 400;font-size: 14px;color: #6B7B9B;line-height: 25px;}
.flink a{display: inline-block;min-width:10px; margin-right:20px;}

/*版权信息*/
.footer .copy{border-top:1px solid #E5E8F0;padding:20px 0;color: #6B7B9B;font-weight: 400;font-size: 14px;line-height: 20px; position:relative;}
.footer .copy a{font-weight: 400;font-size: 14px;color: #6B7B9B;line-height: 20px;}
.footer .copy .left img{vertical-align: bottom;}
.footer .copy .right a{padding-left:16px;}
.fNews{ position:absolute; right:170px; top:0; width:480px;}
.fNews .txtScroll{ padding:20px 0; height:61px; width:480px; margin:auto; border-bottom:dotted 1px #ccc;}
.fNews .txtScroll li{ height:25px; line-height:25px;}	
.fNews .txtScroll li p{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;color: #6B7B9B; font-size:14px;}
.fNews .txtScroll li a:hover p{ color:#229AF4;}

/*侧边栏留言表单*/
.sidequotebtn,.sidequotebtn1{position: fixed;right: 0;bottom: 0;z-index: 9999;}
.sidequotebtn1{ display:none;}
.circle dl,.circle dd{width: 90px !important;height: 90px !important;}
.sidequotebtn dt,.sidequotebtn1 dt{width: 50px !important;height: 50px !important;}

.index_foot{ display:none;}
@media(max-width:767px){
	.footer .info .right,.flink{ display:none;}
	.footer{padding-top: 32px;}
	.footer .info{display: block;padding-bottom: 32px;}
    .footer .info .logo{width:120px;height:44px;margin-bottom:24px;}
    .footer .info .telBox, .footer .info .left{width:100%;}	
    .footer .info p,.footer .info a{font-size: 14px;line-height: 16px;}
    .footer .info .fBot{margin-bottom: 25px;}
    .footer .info .title h2{margin-bottom: 8px;line-height: 32px;}	
    .footer .info .left{padding:30px 0 0;margin-bottom:0;}
    .footer .info .left dl{width: 150px;}
	.footer .info .left dl dd{font-size: 12px;}
	
	.footer .copy{padding: 25px 0 24px;line-height:24px; display:block;}
	.footer .copy .left,.footer .copy .right{width: 100%;}
	.footer .copy .left span{display:block;}
	.footer .copy .right{ padding-top:12px; display:none;}
	.footer .copy .right a{ padding-left:0; margin-right:15px;}
	/*侧边栏留言表单*/
	.sidequote{width: 100%;right: 0;bottom: 0;border-radius: 10px 10px 0 0;}
	.sidequotebtn{ display:none;}
	.sidequotebtn1{ display:block;}
	.sidequotebtn dt,.sidequotebtn1 dt{width: 44px !important;height: 44px !important;}
	.sidequotebtn dt svg{width: 20px !important;height: 20px !important;}
	.sidequotebtn1 dt img{width:18px !important;height: 18px !important;}
	
	.index_foot{ width:100%; height:auto;display:block; overflow:hidden;max-width:640px; margin:0 auto; margin-top:12%;}
	.app_con{ height:auto;max-width:640px;margin:0 auto; overflow:hidden;width:100%; display:block;}
	#fixed-foot{position:fixed; z-index:1000;bottom:0;width:100%; max-width:640px; height:auto; margin:0 auto;display:inline-block;background:#fff;-webkit-box-shadow:0 0 10px 0 rgba(12,36,134,.1); box-shadow:0 0 10px 0 rgba(12,36,134,.1); padding:5px;}
	#fixed-foot .btn1{width:100%; max-width:640px; margin:0 auto;display:block;text-align:center; }
	#fixed-foot .btn1 a{ cursor:pointer; display:block; color:#FFFFFF;float:left; text-align:center;width:100%; background-color:#229AF4; border-radius:8px; line-height:40px; text-align:center; font-size:0;}
	#fixed-foot .btn1 a:nth-child(1){ border-left:none; margin-right:0%;}
	#fixed-foot .btn1 a img{ display:inline-block; margin:0 8px 0 0; vertical-align:middle; width:20px; height:auto;}
	#fixed-foot .btn1 a span{ display:inline-block;font-size:15px; vertical-align:middle;}
}

.par80{ padding-right:80px;}
.pal80{ padding-left:80px;}

/*content*/
.contentBox{position:relative; min-height:500px; margin-top:96px;}
.proListBox,.aboutListBox,.newsListBox,.caseListBox,.oListBox{padding:40px 0 90px; position:relative;}
.proListBox .sideL,.aboutListBox .sideL{width:230px;position:sticky;top:0px; float:left;padding:0 50px 0 0;}
.aboutListBox .side_r{width: calc(100% - 230px); padding-left:50px; float:right;border-left:1px solid #e6e6e6;}

.newsListBox .side_r{width: calc(100% - 380px); float:left;}
.newsListBox .sideL{width:330px; float:right;}
.nyDetail .newsListBox .side_r{ width:calc(100% - 360px); float:left;}


.sideTit{color:#233863;line-height: 1.3;font-size:21px;margin-bottom:10px; font-weight:bold;}
.sideTit:after{display: block;width: 48px;height: 3px;margin-top:8px;content: '';background: #dc5000;}
.sidecate ul{display: flex;flex-direction: column;gap:12px;}
.sidecate ul li{background:#fff; border-bottom:1px solid #f2f2f2;border-radius:0px;transition:all 0.2s ease-in-out;}
.sidecate ul li:hover{/*border-color:#2867ff;background-color:#eff6ff;box-shadow:0 4px 12px rgba(40, 103, 255, 0.1);*/}
.sidecate ul li a{padding:15px 0 15px 0;display:flex;gap:0px;align-items:flex-start;flex-wrap:wrap; position:relative;}
.sidecate ul li .num{font-size:16px;font-weight: bold;line-height: 1.4;min-width: 20px; color:#232323;}
/*.sidecate ul li .fa{ position:absolute; top:22px; left:0;}*/
.sidecate ul li p{font-size:16px;color:#333;line-height: 1.5;font-weight: 500; width:100%;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.sidecate ul li u{ display:block;text-decoration: none;margin-top: 8px;color: #686868; font-style:normal; font-size:14px;}
.sidecate ul li:hover p{color:#2867ff;}
.sidecate ul li .num-1{color:#ff9a00;}
.sidecate ul li .num-2{color:#2867ff;}
.sidecate ul li .num-3{color:#00b578;}


.leftSearch{background:#229AF4/*linear-gradient(90deg, #229AF4 , #2095d3)*/;padding:40px;border-radius: 4px;}
.leftSearch .side-title{color: #fff;}
.leftSearch form input{display: block;width: calc(100% - 56px);line-height: 56px;padding: 0 15px;background: #FFFFFF;border-radius: 4px 0 0 4px;font-size: 14px;color: #666; outline:none; border:none;}
.leftSearch form button{width:56px;height:56px;border-radius: 0 4px 4px 0;background: #FFFFFF;cursor: pointer; outline:none; border:none;}
@media(max-width:767px){
	.contentBox{ min-height:100px; margin-top:70px;}

	.proListBox,.aboutListBox{padding:25px 15px;}
	.proListBox .sideL,.aboutListBox .sideL{ width:100%; height:auto; padding:0 0 10px;}
	.proListBox .side_r,.aboutListBox .side_r{ width:100%;margin-bottom:0; padding:0; border:none;}
	.newsListBox,.caseListBox,.oListBox{padding:25px 15px;}
	.newsListBox{padding:25px 15px 50px;}
	.newsListBox .sideL{margin-top:40px;}
	.newsListBox .side_r{width:100%; }
	.newsListBox .sideL{width:100%;}
	.nyDetail .caseListBox .side_r{ width:100%;}
	.nyDetail .caseListBox .sideL{ display:none;}
	.nyDetail .newsListBox .side_r{width:100%;}
	.nyDetail .proListBox .side_r{width:100%;}
	


	
	.sideTit{font-size:20px;}
	
	
	.leftSearch{padding: 30px 20px;border-radius: 2px;}
	.leftSearch form input{width: calc(100% - 50px);line-height: 50px;padding: 0 15px;border-radius: 2px 0 0 2px;}
	.leftSearch form button {width: 50px;height: 50px;border-radius: 0 2px 2px 0;}
	.leftSearch form button svg{width: 14px;height: 14px;}
}

.newsR{background: #FFFFFF;border-radius:4px;box-shadow: 0 0 60px 0 rgba(0,0,0,0.1);position: relative;padding:20px 19px; width:300px; float:right;}
.newsR .rnews{ width:100%; height:auto;}
.newsR .rnews .title2{padding: 0 0 10px 0; position:relative;}
.newsR .rnews .title2 span {display: block;height: 40px;line-height: 40px;font-size: 22px;color: #333333;}
.newsR .rnews .title2:before {content: '';position: absolute;width: 36px;height: 2px;background:#229AF4;left: 0;bottom: 2px;}
.newsR .rnews ul{ padding:15px 0 0;}
.newsR .rnews ul li{ margin-bottom:12px; position:relative; padding-left:12px;}
.newsR .rnews ul li:before{content:'';position: absolute;width:4px;height:4px;background:#666; border-radius:50%;left:0; top:50%; margin-top:-2px;}
.newsR .rnews ul li a{ font-size:16px; color:#333;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;line-height:26px; font-weight:500;}
.newsR .rnews ul li span{ display:block;font-size:14px;color:#999;line-height:26px; display:none;}
.newsR .rnews ul li:hover a{ color:#229AF4;}

.sideWrap{ width:100%;}
.side_rc{ width:100%; height:auto; padding:0; color:#333;}
.sdrTit{ font-size: 28px;font-weight: 800;margin-bottom:20px;color:#3f3030; line-height:1.1;}
@media(max-width:767px){
	.side_r{ width:100%;float:none;}
	.side_rt{ display:none;}
	.position{ font-size:.9rem; line-height:1.5; padding:.5rem 10px;}
	.position a{ font-size:.9rem;}

	.sdrTit{ font-size:24px;}
}

.caseR{background: #FFFFFF;border-radius:4px;box-shadow:0 0 60px 0 rgba(0,0,0,0.1);position: relative;padding:20px 19px; width:300px; float:right;}
.caseR .title2{padding: 0 0 10px 0; position:relative;}
.caseR .title2 span {display: block;height: 40px;line-height: 40px;font-size: 22px;color: #333333;}
.caseR .title2:before {content: '';position: absolute;width: 36px;height: 2px;background:#229AF4;left: 0;bottom: 2px;}
.caseR ul{ padding:15px 0 0;}
.caseR ul li{ width:100%; height:auto; margin-bottom:15px;}
.caseR ul li:last-child{ margin-bottom:0;}
.caseR ul li a{ display:block;}
.caseR ul li .pic{background: #f5f5f5;border-radius:0px;transition:all 0.4s;padding:5px;background-color: #fff;overflow: hidden;border:1px solid #e9e9e9;}
.caseR ul li .pic img{display:block;position:unset;width:100%;height:auto;margin: 0 auto;transition-delay: 0.2s;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.caseR ul li .tit{text-align:center;padding:0 20px;margin-top:10px;color:#1a1a1a;line-height:28px; font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.caseR ul li:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
.caseR ul li:hover .tit{color:#229AF4;}
@media(max-width:767px){
	.caseR{padding:15px 15px; width:100%; margin-top:30px;}
}


/*图文展示*/
.showList{ padding:0;}
.showList ul{height:auto !important;margin:-10px;margin-top:10px;}
.showList ul li{position: unset !important;height: auto;width:calc(100% / 3);padding:10px;cursor: pointer;}
.showList ul li a{display: block;}
.showList ul li .img{background: #f5f5f5;border-radius:0px;transition:all 0.4s;background-color:#fff;overflow:hidden;border: 1px solid #e9e9e9;padding:5px;}
.showList ul li img{display:block;position:unset;width:100%;height:auto;margin:0 auto;transition-delay: 0.2s;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.showList ul li .title{text-align: center;padding:0 20px;margin-top:12px;}
.showList ul li .title p{color: #1a1a1a;line-height: 28px; font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.showList ul li:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
.showList ul li:hover .title p{color:#229AF4;}
.factoryList ul{margin:-15px;margin-top:25px;}
.factoryList ul li{width: calc(100% / 3);padding:15px;}
.factoryList ul li:nth-child(5n+1),.factoryList ul li:nth-child(5n+2){width:50%;}
.factoryList ul li .img{ background:none;border-radius:8px;position:relative;z-index:0;overflow:hidden; padding:0;}
.factoryList ul li .img img{height:auto;}
.factoryList ul li .img:before{content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 1;transition: all 0.4s;background: #229AF4;opacity: 0;transition-delay:0.2s;}
.factoryList ul li .img i{width:54px;height: 54px;border-radius: 4px;background: #1A1A1A;line-height: 54px;text-align: center;font-size: 24px;color: #fff;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%) scale(0);z-index: 2;opacity: 0;transition-delay: 0.3s;}
.factoryList ul li:hover .img{box-shadow:none;}
.factoryList ul li:hover .img img{transform:scale(1.1);}
.factoryList ul li:hover .img:before{opacity: 0.8;}
.factoryList ul li:hover .img i{transform:translate(-50%,-50%) scale(1);opacity: 1;}
.caseList{ padding:0; margin-top:-10px;}
.caseList ul{margin-top:0}
.caseList ul li{position: unset !important;height: auto;width:25%;padding:10px;cursor: pointer;}
.caseList ul li .img{background: #f5f5f5;border-radius:4px;padding:0;transition: all 0.4s; overflow:hidden;}
.caseList ul li .img img{height: auto;}
.caseList ul li:hover .img img{transform:scale(1.1);}
.caseList ul li .img i{ display:none;}
.caseList ul li .title{ padding:0 0px;margin-top:10px; text-align:left;}
.caseList ul li .title p{ font-size:15px;white-space:nowrap;text-overflow: ellipsis;overflow: hidden;}
@media only screen and (max-width: 1200px) {
	.showList ul{margin-top:20px;}
	.factoryList{padding: 70px 0;}
	.factoryList .mTitle p br{display: none;}
	.factoryList ul{margin:-10px;margin-top:25px;}
	.factoryList ul li{padding: 10px;}
	.factoryList ul li .img{border-radius:4px;}
	.factoryList ul li .img i{width: 50px;height: 50px;line-height: 50px;font-size: 20px;}
}
@media only screen and (max-width: 900px) {
	.showList{padding: 50px 0 60px;}
	.showList .mTitle p br{display: none;}
	.showList ul{margin-top: 20px;}
	.showList ul li{width: 50%;}
	.showList ul li .img{padding:40px 30px;}
	.showList ul li img{width: 100% ;height: auto ;}
	body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object{width:60% !important;}
	.factoryList{padding: 50px 0 60px;}
	.factoryList ul{margin-top:20px;}
}
@media(max-width:767px){
	.showList{padding:0px 0 10px;}
	.showList .mTitle p{margin-top: 6px;}
	.showList ul{margin: -8px -6px;}
	.showList ul li{padding: 8px 6px;}
	.showList ul li .img{padding: 5px;}
	.showList ul li .title p{font-size: 15px;margin-top:5px;line-height:20px;padding: 0;}
	.lg-sub-html h4 {font-size:14px ;line-height:24px;}
	body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object {width: 80% !important;}
	.factoryList{padding: 35px 0 40px;}
	.factoryList ul{margin:-6px;margin-top:14px;}
	.factoryList ul li{width: 50%;padding: 6px;}
	.factoryList ul li .img{border-radius: 2px;}
	.caseList{ padding:0; margin-top:-10px;}
	.caseList ul{ margin-top:0;}
}

.productList ul{ margin:-12px -15px;}
.productList li{width:calc(100% / 3);padding:12px 15px;}
.productList li .img{border-radius:8px 0 8px 0;background:#fff;box-shadow:0 0 40px 0 rgba(0,0,0,0.06);position:relative;z-index:0;overflow:hidden;}
.productList li .img:before{content: "";width: 100%;height: 100%;background:#000;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%) scale(0);z-index: 1;opacity:0;transition: all 0.4s;}
.productList li .img i{width: 50px;height: 50px;border-radius: 4px;background:#229AF4;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%) scale(0);z-index: 1;opacity:0;transition-delay: 0.2s; border-radius:50%;}
.productList li .img i svg{width: 20px;height: 20px;}
.productList li img{ vertical-align:middle;}
.productList li .title{padding: 0 20px;margin-top:10px;line-height:26px;text-align: center;}
.productList li .title p{font-size:16px;color:#1A1A1A;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.productList li:hover .img:before{transform: translate(-50%,-50%) scale(1);opacity:0.6;}
.productList li:hover .img img{transform: scale(1.1);}
.productList li:hover .img i{transform:translate(-50%,-50%) scale(1);opacity:1;}
.productList li:hover .title p{color:#229AF4;}
@media(max-width:767px){
	.productList ul {margin: -8px -8px;}
	.productList ul li{padding:8px 8px;width:50%;}
	.productList ul li .img {border-radius:0;}
	.productList ul li .img i{width: 40px;height: 40px;}
	.productList ul li .img i svg{width: 16px;height: 16px;}
	.productList ul li .title{line-height:22px;margin-top: 10px;}
	.productList ul li .title p{font-size: 14px;}
}

/*简介*/
.side_rc .infor,.side_rc .contact{ min-height:500px; font-size:16px; line-height:2;}
.side_rc .infor img{ max-width:98%; height:auto;}
.side_rc .contact img{ max-width:inherit;}
.side_rc .contact .map *{ box-sizing:content-box !important;}
.side_rc .infor table{ border-color:#ccc;}
.side_rc .infor table tr,.side_rc .infor table td{ border-color:#ccc;}
.side_rc .infor table td{ line-height:1.5; padding:10px 5px;}
.side_rc .infor br{ line-height:normal;}

.contactBox{padding:20px 0 0px;}
.contactBox .coninfo{ width:100%; height:auto;}
.contactBox .coninfo .title h2{font-size:36px;font-weight:bold;line-height:1.5;color:#222;}
.contactBox .coninfo .details{margin-top:40px;display:flex;flex-direction: row;justify-content: space-between; width:100%;}
.contactBox .coninfo .details li{ color:#000; line-height:1;}
.contactBox .coninfo .details li h3{font-size:24px;color:#333333; line-height:1.4;}
.contactBox .coninfo .details li h3 span{ display:block;}
.contactBox .coninfo .details i{display:flex;justify-content: center;align-items: center;widtH:60px;height:60px;font-size:60px;}
.contactBox .coninfo .xin_tit{padding:20px 0 15px;display:block;color:#666666; font-size:16px;}
.contactBox .add_box{padding:50px 0 0px;border-top:1px solid #e9e9e9;color:#222222;font-size:20px;margin-top:70px;line-height:1.5; width:100%;}
.contactBox .add_box span{}

.map{position:relative;z-index: 0; height:450px; width:100%;}
#mapContainer {width: 100%;height:560px;margin: 0;border-top: 1px solid #ccc;margin-bottom: -100px;}

#tip {height: 30px;background-color: #fff;padding-left: 10px;padding-right: 10px;position: absolute;font-size: 12px;right: 10px;bottom: 20px;border-radius: 3px;line-height: 30px;border: 1px solid #ccc;}
div.info-top {position: relative;background: none repeat scroll 0 0 #F9F9F9;border-bottom: 1px solid #CCC;}
div.info-top div {display: block;color: #1a1a1a;font-size: 14px;line-height: 36px;padding: 0 15px;text-align: left;}
div.info-top img {position: absolute;top: 16px;right: 15px;transition-duration: 0.25s;}
div.info-middle {height: auto;padding: 12px 20px;display: flex;align-items: center;justify-content: center;}
div.info-middle img {float: none !important;margin: 0 15px 0 0 !important;display: none;}
div.info-middle p {font-size: 13px;line-height: 23px;}
div.info-bottom {height: 0px;width: 100%;clear: both;text-align: center;}
div.info-bottom img {position: relative;z-index: 104;left: 46%;}
@media only screen and (max-width: 1200px) {
	#mapContainer {height: 450px;margin-bottom: -80px;}
	div.info-top div {font-size: 14px;}
	div.info-middle{font-size: 12px;}
}
@media only screen and (max-width: 900px) {
	#mapContainer {height: 400px;margin-bottom: -115px;}
	div.info-top div {line-height: 36px;}
	div.info-middle{line-height: 20px;}
}
@media(max-width:767px){
	.side_rc .infor,.side_rc .contact{ min-height:150px;}
	.side_rc .infor img{ max-width:98%; width:auto; height:auto;}
	
	
	.contactBox{padding: 0;}
	.contactBox .coninfo .title h2{font-size:22px;}
	.contactBox .coninfo .details{margin-top:20px;display:block;}
	.contactBox .coninfo .details li{ margin-bottom:10px;}
	.contactBox .coninfo .details li:after {clear: both;content: '';height: 0;display: block;}
	.contactBox .coninfo .details li svg{widtH:30px;height:30px;}
	.contactBox .coninfo .details li p:nth-child(1){ float:left; width:30px; height:40px; margin-right:15px;padding:5px 0 0;}
	.contactBox .coninfo .details li:nth-child(1) p:nth-child(1),.contactBox .coninfo .details li:nth-child(2) p:nth-child(1){ height:60px;}
	.contactBox .coninfo .details li h3{font-size:18px;}
	.contactBox .coninfo .details li h3 span{ display:inline-block; margin-left:15px;}
	.contactBox .coninfo .details i{widtH:30px;height:40px;font-size:28px;}
	.contactBox .coninfo .xin_tit{padding:0px 0 10px; font-size:14px;}
	.contactBox .add_box{padding:20px 0;font-size:17px;margin-top:20px;}
	.map{ height:350px;}
}
@media(max-width:360px){
	.contactBox .coninfo .details li h3 span{ display:block; margin-left:0px;}
	
}

.rProfile{padding:50px 0; background: #f8f8f8;}
.r_t{display:flex;justify-content:center;align-items:center; width:100%;}
.r_t h2{text-align:right;line-height:10px;color:#616161; padding-right:15px; font-size:15px;}
.r_t h2 i{color:#333;font-size:18px;font-weight:500;padding:0 0 15px 0;text-transform:uppercase;display:block;font-style:normal;}
.r_t span{ display:block;color:#229AF4;font-weight:bold;font-size:44px; line-height:1.2; padding-right:220px;}
.r_t em{ display:none;}
.r_c{ width:100%; height:auto; padding-top:30px;display:flex;justify-content:space-between;align-items:center;}
.r_c .r_cl{ margin-left:50px;}
.r_c .r_cl img{ width:100%; max-width:100%; height:auto; vertical-align:middle;}
.r_c .r_cr{ width:800px; font-size:16px; line-height:1.8; color:#333; padding-top:0px; margin-right:50px;}
.r_c .r_cr font{ color:#143f76; font-size:18px;}
.r_b{ width:100%; height:auto; padding-top:60px;}
.r_b .r_bt{line-height:26px;border-bottom:1px solid #434343;color:#383838;font-size:24px;padding-bottom:20px;margin-bottom:20px;}
.r_b ul{ width:100%; height:auto; padding:0;}
.r_b ul li{ width:100%; float:left; position:relative;margin-bottom:20px; padding:5px 17px 5px 18px;background-color:#ffffff;}
.r_b ul li:hover{background-color:#fafafa;box-shadow: 2px 5px 15px 0px rgba(38, 36, 36, 0.1);}
.r_b ul li .tit{ width:100%;border-bottom:1px dotted #d0d0d0; padding-bottom:5px;}
.r_b ul li .tit h5{line-height:46px;font-size:18px;font-weight:bold; float:left; width:100%;}
.r_b ul li .tit h5 a{ color:#4c4949; display:block;}
.r_b ul li .tit h5 em{ float:right; font-style:normal; font-size:20px; font-weight:normal;}
.r_b ul li .tit span{ float:right;color:#9F9F9F;font-family:Arial; font-size:15px; display:none;}
.r_b ul li .desc{ padding-top:5px;}
.r_b ul li .desc dd{float:left;height:46px;box-sizing:border-box;line-height:46px; margin-left:55px;}
.r_b ul li .desc dd:first-of-type{ margin-left:0;}
.r_b ul li .desc dd:last-of-type{ float:right;}
.r_b ul li .desc dd span{color:#b4adad;font-size:14px;}
.r_b ul li .desc dd span b{ font-weight:normal;}
.r_b ul li .desc dd i{ font-size:14px;color:#4c4949; font-style:normal;}
@media(max-width:767px){	
	.rProfile{ padding:20px 15px; background:#f8f8f8;}
	.r_t{ margin:0 auto; padding:0 0 15px; display:block;}
	.r_t h2{ display:none;}
	.r_t span{ float:none;font-size:1.8rem; width:100%; text-align:center;padding-right:0;}
	.r_t em{ font-size:1.2rem; color:#888; margin-top:5px; text-align:center; font-style:normal; display:block;}
	.r_c{ width:100%; height:auto; padding-top:1rem; display:block;}
	.r_c .r_cl{ float:none; margin-left:0; text-align:center;}
	.r_c .r_cl img{ max-width:60%; height:auto; width:auto; margin:0;}
	.r_c .r_cr{ width:100%;  margin-right:0; padding:15px 0 0;}
	
	.r_b{ width:100%; height:auto; padding:35px 0 0;}
	.r_b .r_bt{ line-height:30px; font-size:22px;padding-bottom:10px; margin-bottom:10px;}
	
	.r_b ul{ padding:5px 0 0;}
	.r_b ul li{margin-bottom:15px;width:100%;height:auto;padding:8px 10px;}
	.r_b ul li .tit{ padding:0 0 5px;line-height:38px;}
	.r_b ul li .tit h5{line-height:38px;font-size:1.2rem; float:left; max-width:78%;}
	.r_b ul li .tit em{ display:none;}
	.r_b ul li .tit span{color:#9F9F9F; font-size:1rem; display:block;}
	.r_b ul li .desc{ padding:5px 0 0}
	.r_b ul li .desc dd{ width:50%; height:auto; line-height:1.8; margin:0; text-align:left;}
	.r_b ul li .desc dd:nth-child(2n){ text-align:right;}
	.r_b ul li .desc dd:last-of-type{ display:none;}
	.r_b ul li .desc dd span{color: #9F9F9F;font-size:14px;}
	.r_b ul li .desc dd span b{ display:none;}
	.r_b ul li .desc dd i{ font-size:14px;color:#686868;}
	
}



/*新闻*/
.news_list ul{justify-content:flex-start;}
.news_list li{ width:100%; height:auto;transition: all .6s; -webkit-transition: all .6s;}
.news_list li a{display:flex;justify-content: space-between;padding:24px 0;border-bottom: 1px solid #eee;}
.news_list li .img{width:220px;height:124px;border-radius: 4px;overflow:hidden;flex-shrink: 0;background: #f0f0f0; margin-left:24px;}
.news_list li .img img{width:100%;height:100%;object-fit: cover;transition: transform 0.3s;}
.news_list li:hover .img img{transform: scale(1.05);}
.news_list li .info{flex:1;display:flex;flex-direction:column;}
.news_list li .info h3{font-size: 18px;font-weight: 700;line-height: 1.4;margin-bottom: 10px;color: #1d1d1f;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;}
.news_list li .info p{font-size:14px;line-height:1.6;color:#666;margin-bottom:15px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-align:justify;}
.news_list li .info .time{display: flex;justify-content: space-between;}
.news_list li .info .time>div:nth-child(1){margin-top: auto;display: flex;gap: 20px;font-size: 12px;color: #86909c;}
.news_list li .info .time span{ display:flex;align-items: center;gap: 5px;}
.news_list li .info .time span i{ font-style:normal;}
.news_list li .info .time span svg{ vertical-align:middle; margin-top:-2px;}
.news_list li .info .time .jh{color:#2867ff;padding: 0 6px;border: 1px solid #2867ff;border-radius: 6px;}
.news_list li .info .copy-btn{font-size:12px;padding:3px 6px; color:#6b46c1;border-color:#6b46c1;}
.news_list li .info h3:hover{color:#2867ff;}
@media(max-width:767px){	
	.news_list ul { padding:10px 0 0;}
	.news_list li a{ padding:15px 0;}
	.news_list li .img{width:30%;height:auto;margin-left:12px;}
	.news_list li .info h3{font-size: 16px;}
}

/*page*/
#page{ height:auto; margin:50px 0 0;overflow:hidden; width:100%; text-align:center;}
#page a.active{color:#fff; cursor:pointer; background:#229AF4; border:2px solid #229AF4;}
#page a{ display:inline-block; padding:0; margin:0 3px; border:1px solid #ededed; line-height:38px; text-align:center; color:#1a1a1a; font-size:15px;border:2px solid #ccc; width:46px; height:42px;display:flex;align-items: center;justify-content: center;border-radius:4px;}
#page a.home{border-radius:32px 0 0 32px;}
#page a.end{border-radius:0 32px 32px 0;}
#page a:nth-of-type(1){ margin:0 3px 0 0;}
#page a:hover{ color:#fff; cursor:pointer; background:#229AF4; border:1px solid #229AF4;}
#page a:hover svg path{fill:#ffffff;}
#page a.next1{overflow:hidden;}
#page a.prev1{overflow:hidden;transform:rotateY(180deg);}
#page .none{ display:none;}
#page1{ display:none;} 
@media(max-width:767px){
	#page{ display:none;}
	#page1{display:flex;flex-wrap: wrap;align-items: center;justify-content: center; width:100%; height:auto; overflow:hidden;padding-top:5px;margin:30px 0 0;}
	#page1 a{ display:inline-block; margin-right:1px; width:40px; height:40px; font-size:14px;border-radius: 2px;border:2px solid #ccc; color:#1a1a1a;display:flex;align-items: center;justify-content: center;}
	#page1 a.num{ text-decoration:underline; color:#278a2f; font-weight:bold;}
	#page1 span{ display:inline-block;font-size:15px; color:#333; background:none; padding:4px 12px;}
	#page1 a:first-child{transform: rotateY(180deg);}
}

/*详情页*/
.nyDetail{margin-top:0;}
.detailWarper{ padding:0;}
.detail_con{ width:100%; height:auto; font-size:14px;}
.detail_contop{box-shadow: 0 0 60px 0 rgba(0,0,0,0.06);margin-bottom:30px;padding:30px 30px 25px;}
.zpBox{ padding:10px 0 50px;}
.zpBox .detail_contop{box-shadow:none;padding:30px 0 25px;}
.detail_title{ font-size:26px; font-weight:700; color:#333; line-height:1.5;text-align:left;}
.detail_title.line{ padding-bottom:0; margin-bottom:12px; text-align:center;}
.proListBox .detail_title{ text-align:center;}
.detail_time{padding:15px 0 0; text-align:left;display: flex;gap: 30px;font-size: 14px;color: #808080;margin-bottom: 30px;padding-bottom:20px;border-bottom: 1px solid #eee;}
.detail_time .item{display: flex;align-items: center;gap: 8px;}
.detail_time .item i{color:#bbb;}
.detail_time .item i.ico svg{ margin-top:7px;}
.detail_time a{ color:#808080;}
/*.zpBox .detail_title{ text-align:center;}*/
/*.zpBox .detail_time{ display:none;}*/
.dis_img{ text-align:center; margin-bottom:0;}
.dis_img img{ max-width:98%; height:auto;}
.details_info{padding:10px 0 0; width:100%; line-height:2; min-height:420px; color:#444;border-radius:0 0 4px 4px;background: #fff;}
.details_info .txt{ color:#787878; font-size:16px; padding:15px 0 0}
.details_info .txt a{ color:#787878;}
.details_info .txt a:hover{ color:#229AF4;}
.details_info img{ max-width:98%; height:auto;}
.details_info>h1{ display:none;}
.zpBox .details_info{ padding:20px 0 0;}
hr{ margin:5px 0;}
.cInfo p{ text-indent:2em;}


.details_video{ width:85%; height:auto; overflow:hidden; margin:0 auto 15px; border:5px solid #000; background:#000;}
.details_video .video-js.vjs-fluid{ height:auto; max-height:520px; width:100%;}

.smBox{ color:#999; font-size:14px; line-height:2; padding:15px 0 0;}

.proSummary{ padding: 0 0 80px;}
.proSummary .proDpic{position: sticky;width:30%;top: 120px;}
.proSummary .proDpic img{ width:100%; height:auto;}
.proSummary .proDpic .swiper-container{background: #FFFFFF;border-radius: 4px;box-shadow: 0 0 80px 0 rgba(0,0,0,0.06);}
.proSummary .proDpic .swiper-pagination{position: unset;display: none;font-size: 0;margin-top: 30px;}
.proSummary .proDpic .swiper-pagination span{width: 10px;height: 10px;border: 1px solid #dbdbdb;background: none;opacity: 1;margin: 0 10px !important; position: relative;}
.proSummary .proDpic .swiper-pagination span:before{content: "";width: 4px;height: 4px;border-radius: 50%;background: #d6222b;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%) scale(0);}
.proSummary .proDpic .swiper-pagination span.swiper-pagination-bullet-active{border-color: #d6222b;}
.proSummary .proDpic .swiper-pagination span.swiper-pagination-bullet-active:before{transform: translate(-50%,-50%) scale(1);}
.proSummary .proDes{padding-left:60px;width:70%;}
.proSummary .proDes .proTitle{font-size:32px;line-height: 45px; font-weight:bold;}
.proSummary .proDes .proDetails{margin-top:20px; line-height:2; font-size:16px;}
.proSummary .proDes .proDetails table{width: 100%;}
.proSummary .proDes .proDetails table td{border:1px solid #dbdbdb;text-align: center;vertical-align: middle;line-height:1.6;padding:8px 10px;/*background: #f5f5f5;*/color:#333;word-break:break-all; }
/*.proSummary .proDes .proDetails table tr:nth-child(2n) td {background:#f5f5f5;}*/
.proSummary .proDes .proDetails table table td{border:none;}
.proSummary .proBtn{margin:35px 0;}
.proSummary .proDes .proInfo{padding-bottom:24px;border-bottom: 1px solid #dbdbdb;margin-bottom:30px;}
.proSummary .proDes .proInfo dd{margin-bottom:12px;line-height: 24px;}
.proSummary .proDes .proInfo dd:last-child{margin-bottom: 0;}
.proSummary .proDes .proInfo dd h4{width:100px;font-size: 16px;}
.proSummary .proDes .proInfo dd h4 i{padding-left: 32px;}
.proSummary .proDes .proInfo dd h5{width: calc(100% - 100px);font-size: 16px;}
.proSummary .proDes .proInfo dd h5 a{color: #808080;}
.proSummary .proDes .proInfo dd h5 a:hover{color: #229AF4;}

/*内页 产品详情询盘*/
.proInquiry .inquiry {background: url(/images/messageBg.jpg) no-repeat center bottom #fff;border-radius: 4px;box-shadow: 0 0 80px 0 rgba(0,0,0,0.06);padding:60px 40px;}
.proInquiry .inquiry h2{font-size:40px;line-height: 1;margin-bottom:40px; font-weight:bold;}
.proInquiry .inquiry dl dd{width: calc((100% - 60px) / 3);margin-bottom: 30px;}
.proInquiry .inquiry dl dd input{display: block;width: 100%;line-height: 60px;padding: 0 20px;font-size: 15px;color: #333;background: #f5f5f5;border-radius: 4px; border:none; outline:none;}
.proInquiry .inquiry dl dd.textarea{width:100%;}
.proInquiry .inquiry dl dd.textarea textarea{display: block;width: 100%;padding: 15px 20px;font-size: 16px;line-height: 28px;height: 180px;color: #333;background: #f5f5f5;border-radius: 4px; border:none; outline:none; font-family:"微软雅黑";}
.proInquiry .inquiry dl dt{width: 180px;}
.proInquiry .inquiry dl dt button{display: block;width: 100%;line-height: 60px;font-size: 16px;cursor: pointer; border:none; outline:none;}
/*内页 产品详情热门*/
.recommend{padding:50px 0 0; width:100%; float:left;}
.recommend .hotList{ width:1200px; height:auto; margin:0 auto;}
.recommend .hotList h2{font-size:36px;line-height: 1; font-weight:bold;}
.recommend .hotList .swiper-container{padding:50px 0;margin: 0 -15px;}
.recommend .hotList ul li{padding:0 15px; width:25%;}
.recommend .hotList ul li .pic{border-radius:4px;background:#fff;box-shadow:0 0 20px 0 rgb(0 0 0 / 6%);position:relative;z-index: 0;}
.recommend .hotList ul li .pic:before{content: "";width: 100%;height: 100%;background:#000;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%) scale(0);z-index: 1;opacity:0;transition: all 0.4s;}
.recommend .hotList ul li .pic i {width:50px;height:50px;border-radius: 4px;background: #1a1a1a;
position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%) scale(0);z-index: 1;opacity: 0;transition-delay: 0.2s;}
.recommend .hotList ul li h2{padding:0 10px;font-size: 16px;margin-top:16px;color:#1A1A1A;line-height:28px;text-align:center;white-space:nowrap;text-overflow: ellipsis;overflow: hidden; font-weight:normal;}
.recommend .hotList ul li:hover h2{color: #229AF4;}
.recommend .hotList ul li:hover .pic img{transform: scale(1.1);}
.recommend .hotList ul li:hover .pic:before {transform: translate(-50%,-50%) scale(1);opacity: 0.6;}
.recommend .hotList ul li:hover .pic i {transform: translate(-50%,-50%) scale(1);opacity: 1;}
.recommend .hotList .switch .swiper-button-prev,
.recommend .hotList .switch .swiper-button-next{position: unset;margin: 0;background: none;width: 48px;height: 48px;border-radius: 4px;border: 2px solid #CCCCCC;background: none;margin: 0 8px;}
.recommend .hotList .switch .swiper-button-prev:hover,
.recommend .hotList .switch .swiper-button-next:hover{background: #229AF4;border-color: #229AF4;}
.recommend .hotList .switch .swiper-button-prev:hover svg path,
.recommend .hotList .switch .swiper-button-next:hover svg path{fill: #fff;}
@media only screen and (max-width: 1200px) {
	.proSummary .proDes{padding-left: 60px;}
	.proSummary .proDes .pro-title{font-size: 28px;line-height: 40px;	}
	.proSummary .proDes .proDetails{margin-top: 15px;}
	.proSummary .proDes .proDetails table td {line-height: 25px;font-size: 13px;}
	.proSummary .proBtn{margin: 30px 0;}
	.proSummary .proDes .info{padding-bottom: 20px;}
	.proSummary .proDes .info dd{margin-bottom: 10px;}
	.proSummary .proDes .info dd h4{font-size: 14px;width: 80px;}
	.proSummary .proDes .info dd h4 i {padding-left: 28px;}
	.proSummary .proDes .info dd h5{font-size: 14px;width: calc(100% - 80px);}	
	
	.proInquiry .inquiry {padding: 50px 40px;}
	.proInquiry .inquiry h2{font-size: 36px;margin-bottom: 35px;}
	.proInquiry .inquiry dl dd input{line-height: 52px;padding: 0 12px;}
	.proInquiry .inquiry dl dd.textarea textarea{padding: 12px;line-height: 24px;}
	.proInquiry .inquiry dl dt button{line-height: 52px;}
	
	.recommend{padding: 60px 0 0;}
	.recommend .hotList h2{font-size: 36px;}
	.recommend .hotList .swiper-container{padding: 40px 0;}
	.recommend .hotList ul li h2{font-size:14px;line-height: 26px;}
}
@media only screen and (max-width: 900px) {
	.nyDetail{margin-top: 70px;}
	
	.proSummary{padding:0 0 50px;}
	.proSummary .proDpic {width: 100%;position: unset;}
	.proSummary .proDes{width: 100%;padding-left: 0;margin-top: 30px;}
	.proSummary .proDes .proDetails table td {line-height: 28px;font-size: 14px;}

	.proInquiry .inquiry {padding: 40px 30px;}
	.proInquiry .inquiry h2{font-size: 32px;margin-bottom: 30px;}
	.proInquiry .inquiry dl dd:first-child{width: 100%;}
	.proInquiry .inquiry dl dd {width: calc((100% - 20px) / 2);margin-bottom: 20px;}
	
	.recommend{padding: 60px 0 0;}
	.recommend .hotList h2{font-size: 32px;}
	.recommend .hotList .swiper-container{padding: 35px 0;margin: 0 -10px;}
	.recommend .hotList ul li {padding: 0 10px;}
	.recommend .hotList ul li .pic {box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%);}
	.recommend .hotList ul li h2 {line-height: 24px;}
	
}
@media(max-width:767px){
	.nyDetail{margin-top:0;}
	.detailWarper{ padding:0;}
	.detail_title{ font-size:22px;}
	.detail_time{padding:15px 0 0;gap:0px 15px;flex-wrap: wrap;font-size: 14px;margin-bottom:10px;padding-bottom:20px;}
	.detail_contop{padding:15px 15px 15px;}	
	.zpBox .detail_contop{padding:10px 15px 15px;}
	.zpBox .details_info{ padding:10px 0 0;}
	
	
	.proSummary{padding:0 0 40px;}
	.proSummary .proDpic .swiper-pagination{margin-top: 20px;}
	.proSummary .proDes{margin-top: 15px;}
	.proSummary .proDes .proTitle {font-size: 24px;line-height: 36px;}
	.proSummary .proBtn {margin: 25px 0 20px;}
	.proSummary .proDes .proDetails table td {padding: 6px 10px;line-height: 22px;font-size: 12px;}
	.proSummary .proDes .info dd h4 {width: 70px;}
	.proSummary .proDes .info dd h5 {width: calc(100% - 70px);}
	.proSummary .proDes .info {margin-bottom: 20px;}
	
	.proInquiry .inquiry {padding: 0;background: none;box-shadow: none;}
	.proInquiry .inquiry h2{font-size: 28px;margin-bottom: 25px;}
	.proInquiry .inquiry dl dd {width: 100%;margin-bottom: 12px;}
	.proInquiry .inquiry dl dd input {line-height: 46px;border: 1px solid #e5e5e5;border-radius: 2px;font-size: 14px;}
	.proInquiry .inquiry dl dd.textarea textarea {padding: 12px;line-height: 24px;border: 1px solid #e5e5e5;height: 140px;border-radius: 2px;font-size: 14px;}
	.proInquiry .inquiry dl dt{width: 100%;}
	.proInquiry .inquiry dl dt button {line-height: 48px;}
	.proInquiry .inquiry dl dd input:focus,
	.proInquiry .inquiry dl dd.textarea textarea:focus{border-color: #229AF4;}
	
	.recommend{padding: 50px 0 0;}
	.recommend .hotList{ width:100%;}
	.recommend .hotList h2{font-size: 28px;}
	.recommend .hotList .swiper-container{padding:30px 0 20px;margin: 0 -8px;}
	.recommend .hotList ul li {padding: 0 8px;}
	.recommend .hotList ul li .pic {box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%);border-radius: 2px;}
	.recommend .hotList ul li .pic i {width: 40px;height: 40px;}
	.recommend .hotList ul li .pic i svg{width: 16px;height: 16px;}
	.recommend .hotList ul li h2{font-size:14px;margin-top:10px;line-height: 20px;padding:0;}	
	.recommend .hotList .switch .swiper-button-prev,.recommend .hotList .switch .swiper-button-next {width: 44px;height: 44px;border-radius: 2px;margin: 0 5px;}
	.recommend .hotList .switch .swiper-button-prev svg,.recommend .hotList .switch .swiper-button-next svg{width: 14px;height: 14px;}
}

.detail_fenye{ width:100%; height:auto; margin:0 auto; overflow:hidden;}
.detail_fenye .npagerlist a{display: flex;align-items: center;}
.detail_fenye .npagerlist:first-child i{transform: rotateY(180deg);margin-right: 20px;}
.detail_fenye .npagerlist:last-child i{margin-left: 20px;}
.detail_fenye .npagerlist i{display: flex;align-items: center;justify-content: center;width: 48px;line-height: 44px;height: 48px;border-radius: 4px;border: 2px solid #dbdbdb;}
.detail_fenye .npagerlist p{display: block;font-size: 16px;color: #1a1a1a;}
.detail_fenye .npagerlist a:hover i{background: #229AF4;border-color: #229AF4;}
.detail_fenye .npagerlist a:hover i svg path{fill: #ffffff;}
.detail_fenye .npagerlist a:hover p{color: #229AF4;}
@media(max-width:767px){
	.newsR{ display:none;}
	.zpBox .detail_fenye{padding:0 15px;}
}

.hotNews{padding:0px 0 10px;margin-bottom: 0;border-top: #efefef 0px solid;width: 100%;}
.hotNews .title{float:left;width: 100%;height:60px;line-height: 60px;border-bottom: #e5e5e5 1px solid;font-size:20px;margin-bottom:15px; color:#121212;}
.hotNews .title b{height: 60px;line-height: 60px;float: left;}
.hotNews ul li{ width:45%; float:left;list-style-type:disc;margin-top: 10px;font-size:16px;margin-left:25px;height: 30px;line-height:30px;color:#555;}
.hotNews ul li:nth-child(2n){ float:right;}
.hotNews ul li a{display:block; float:left;height: 30px;line-height:30px; max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#555;}
.hotNews ul li a:hover{color: #229AF4;}
@media(max-width:767px){
	.hotNews .title{height:50px;line-height:50px;font-size: 18px;margin-bottom:5px; color:#333;}
	.hotNews .title span{font-size: 40px;}
	.hotNews .title b{height:50px;line-height:50px;}
	.hotNews ul li{ width:calc(100% - 25px);}
	.hotNews ul li:nth-child(2n){ float:left;}
	
}

.serachkey .main_t{font-size:24px;padding-bottom:20px;font-weight:bold;}
.serachkey .main_t:after{ top:68px; display:none;}
.serachkey .main_t span{ color:#111;}
.news_lb{ width:100%; height:auto;}
.news_lb ul{ width:100%; height:auto; padding-bottom:20px;}
.news_lb ul li{ width:100%; height:auto; float:left;border-top:1px solid #e6e6e6; overflow:hidden;}
.news_lb ul li:last-child{ border-bottom:1px solid #e6e6e6;}
.news_lb ul li a{ display:block;padding:20px 0px;}
.news_lb ul li .info{width:100%;  padding-top:0;}
.news_lb ul li .info h5{display: -webkit-box; /* Safari 6-9 */display: -ms-flexbox; /* IE 10 */display: flex;-webkit-box-align: center; /* Safari 6-9 */-ms-flex-align: center; /* IE 10 */align-items: center;justify-content: space-between;}
.news_lb ul li .info h5 em{ display:block; max-width:80%; height:auto;font-size:18px; color:#1a1a1a; font-weight:bold;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; font-style:normal;}
.news_lb ul li .info h5 span{ display:block; color:#999; font-size:14px;}
.news_lb ul li .info .desc{font-size:15px; color:#999999; line-height:1.875; max-height:60px; margin:10px auto 0;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden}
.news_lb ul li:hover .info h5 em{ color:#229AF4;}
@media(max-width:767px){
	.serachkey{ padding:25px 15px;}
	.serachkey .main_t{ font-size:20px; padding-bottom:15px;}
	.news_lb ul li a{ width:100%; padding:15px 0;}
	.news_lb ul li .info h5 em{font-size:16px;}
	.news_lb ul li .info .desc{font-size:14px;}
	
}

.searchCaseList{ width:100%; margin-top:10px;}
.searchCaseList ul{ width:100%; height:auto;}
.searchCaseList ul li{ float:left; width:288px; background:#fff; margin:0 16px 20px 0;}
.searchCaseList ul li:nth-child(4n){ margin-right:0;}
.searchCaseList ul li a{ display:block; overflow:hidden;}
.searchCaseList ul li .pic{ width:100%; height:auto; border:1px solid #ccc;}
.searchCaseList ul li .pic img{ width:100%; height:195px;transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s; vertical-align:middle;}
.searchCaseList ul li:hover img{transform: scale(1.05);transition: all 1s ease 0s;-webkit-transform: scale(1.05);-webkit-transform: all 1s ease 0s;}
.searchCaseList ul li span{ display:block; text-align:center; float:left; width:100%;line-height:1.5; margin-top:5px;}
.searchCaseList ul li span a{ color:#333; font-size:16px; line-height:40px;}
@media(max-width:767px){
	.searchCaseList{ padding:0;}
	.searchCaseList ul li{ width:48.5%; margin:0 3% 10px 0;}
	.searchCaseList ul li:nth-child(2n){ margin-right:0;}
	.searchCaseList ul li .pic img{ width:100%; height:auto;}
	.searchCaseList ul li span a{ line-height:30px;}
}


./*serachkey{margin-top:136px;padding:80px 0;background: url(/images/searchBan.jpg) no-repeat center;}
.serachkey .ny-container{display: flex;align-items: center;justify-content: center;}
.serachkey span{display: block;font-size:36px;max-width: 1000px; line-height:1.8;}
.searchlist{}
.searchlist ul{margin:-15px;}
.searchlist ul li{width: calc(100% / 3);padding:15px;}
.searchlist ul li .pic{display: block;background:#f5f5f5;border-radius:4px;overflow: hidden;}
.searchlist ul li .pic img{mix-blend-mode: darken;object-fit: cover;width:auto;height:260px;margin: 0 auto;display:block;}
.searchlist ul li .pic:hover img{transform: scale(1.1);}
.searchlist ul li .info{padding: 0 10px;}
.searchlist ul li .info h3{font-size:16px;line-height: 1;margin-top:24px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1 ;-webkit-box-orient:vertical;}
.searchlist ul li .info h3 a{color: #1a1a1a;}
.searchlist ul li .info p{line-height:26px;font-size: 14px;color: #999;margin:12px 0;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.searchlist ul li .info h4{display: block;color: #808080;font-size: 14px;line-height: 24px;}
.searchlist ul li .info h4 a{color: #1a1a1a;}
.searchlist ul li .info h4 a:hover{color:#2095d3;}
.searchlist ul li .info h3 a:hover{color:#229AF4;}
@media only screen and (max-width: 1200px) {
	.serachkey{padding: 50px 0;}
	.serachkey span {font-size: 32px;line-height: 42px;max-width: 800px;}
	.searchlist ul {margin: -12px -10px;}
	.searchlist ul li {padding: 12px 10px;}
	.searchlist ul li .pic img {height: 200px;}
	.searchlist ul li .info {padding: 0px 10px;}
	.searchlist ul li .info h3 {margin-top: 20px;}
	.searchlist ul li .info p {line-height: 24px;}
}
@media only screen and (max-width: 900px) {
	.serachkey{margin-top:0;padding: 40px 0;}
	.serachkey span {font-size: 28px;line-height: 32px;max-width: 100%;}
	.searchlist ul li{width:50%;}
	.searchlist ul li .pic img{height: 220px;}
}
@media only screen and (max-width: 767px) {
	.serachkey {margin-top: 60px;padding: 30px 0;}
	.serachkey span {font-size: 20px;line-height: 24px;}
	.searchlist ul {margin: -8px -6px;}
	.searchlist ul li {padding: 8px 6px;}
	.searchlist ul li .pic {border-radius: 2px;}
	.searchlist ul li .pic img {height: 130px;}
	.searchlist ul li .info {padding: 0 6px;}
	.searchlist ul li .info h3 {font-size: 14px;line-height: 24px;margin-top: 10px;-webkit-line-clamp:1;}
	.searchlist ul li .info p {line-height: 20px;margin: 6px 0 8px;font-size: 12px;}
	.searchlist ul li .info h4 {font-size: 12px;line-height: 20px;}
}*/

@keyframes bounce{
    0%,20%,53%,80%,to{
        animation-timing-function:cubic-bezier(.215,.61,.355,1);
        transform:translateZ(0)
    }
    40%,43%{
        animation-timing-function:cubic-bezier(.755,.05,.855,.06);
        transform:translate3d(0,-14px,0)
    }
    70%{
        animation-timing-function:cubic-bezier(.755,.05,.855,.06);
        transform:translate3d(0,-7px,0)
    }
    90%{
        transform:translate3d(0,0,0)
    }
}

@-webkit-keyframes shake{
  from,to{-webkit-transform:translate3d(0, 0, 0);}
  20%,60%{-webkit-transform:translate3d(-10px, 0, 0);}
  40%,80%{-webkit-transform:translate3d(10px, 0, 0);}
}

@keyframes shake{
  from,to{transform:translate3d(0, 0, 0);}
  20%,60%{transform:translate3d(-10px, 0, 0);}
  40%,80%{transform:translate3d(10px, 0, 0);}
}

/*图标抖动*/
@keyframes jitter{
  from, to{
    -webkit-transform:scale(1, 1);
    transform:scale(1, 1);
  }
  25%{
    -webkit-transform:scale(0.9, 1.1);
    transform:scale(0.9, 1.1);
  }
  50%{
    -webkit-transform:scale(1.1, 0.9);
    transform:scale(1.1, 0.9);
  }
  75%{
    -webkit-transform:scale(0.95, 1.05);
    transform:scale(0.95, 1.05);
  }
}
@-webkit-keyframes jitter{
  from, to{
    -webkit-transform:scale(1, 1);
    transform:scale(1, 1);
  }
  25%{
    -webkit-transform:scale(0.9, 1.1);
    transform:scale(0.9, 1.1);
  }
  50%{
    -webkit-transform:scale(1.1, 0.9);
    transform:scale(1.1, 0.9);
  }
  75%{
    -webkit-transform:scale(0.95, 1.05);
    transform:scale(0.95, 1.05);
  }
}

[class*=am-icon-]{display:inline-block;font-style:normal}
[class*=am-icon-]:before{display:inline-block;font:normal normal normal 1.6rem/1 FontAwesome,sans-serif;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}
@font-face{font-family:FontAwesome;src:url(/style/font/fontawesome-webfont.eot?v=4.6.3);src:url(/style/font/fontawesome-webfont.eot?#iefix&v=4.6.3) format('embedded-opentype'),url(/style/font/fontawesome-webfont.ttf?v=4.6.3) format('truetype');font-weight:400;font-style:normal}
