/* CSS Document */
*{padding:0; margin:0;}

html {overflow:-moz-scrollbars-vertical; scrollbar-face-color:#e8e8e8;scrollbar-shadow-color:#c1c1bb;scrollbar-highlight-color:#c1c1bb;scrollbar-3dlight-color:#ebebe4;scrollbar-darkshadow-color:#ebebe4;scrollbar-track-color:#f4f4f0;scrollbar-arrow-color:#cacab7; }

div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p,input,img{padding:0; margin:0;}   
div,ul,li{list-style:none;}
h1,h2,h3,h4,h5,h6 {font-weight:normal;}
a{text-decoration:none; color:#222222; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out; outline:none;}
a:hover {color:#0073ff;}
:focus{outline:0;}
.clear{margin:0; padding:0; clear:both;}
table {BORDER-COLLAPSE:collapse; border-spacing:0;}
img{display:block; border:0; width:100%;}

button, input, select, textarea,radio {display:block; margin:0; padding:0; outline:none; background-color:transparent; border:0; border-radius:none; -webkit-font-smoothing:antialiased;}
button {cursor:pointer;}

.clearfix:after {content:""; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display: inline-table;}
*html .clearfix {height:1%;}
.clearfix {display:block;}
*+html .clearfix {min-height:1%;}

input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{opacity:1;}
input:-moz-placeholder,textarea:-moz-placeholder{opacity:1;}
input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;} 
input:-ms-input-placeholder,textarea:-ms-input-placeholder{opacity:1;}


@font-face{
font-family: "Poppins-Regular";
src:
url('../fonts/Poppins-Regular.ttf') format('truetype'),
url('../fonts/Poppins-Regular.woff') format('woff'),
url('../fonts/Poppins-Regular.otf') format('otf');
font-weight: normal;
font-style: normal;
font-display: block;
}


body {font-size:16px; color:#222222; font-family:"Poppins-Regular", Arial, Helvetica, sans-serif; padding:0; margin:0; behavior:url("images/csshover.htc");-webkit-text-size-adjust:none; background:#ffffff; line-height:30px;}
.main {position:relative; margin:0 auto; width:90%; max-width:2100px;}

@media screen and (max-width:1920px){
.main {max-width:1620px;}
}  

@media screen and (max-width:1380px){  
body {font-size:14px;}
}  

@media screen and (max-width:1200px){  
body {font-size:12px; line-height:24px;}
}  

@media screen and (max-width:992px){  
body {font-size:12px; line-height:24px;}
} 

@media screen and (max-width:768px) {
body {font-size:12px; line-height:24px;}
}


/***头部***/
.header{width:100%; box-sizing:border-box; position:fixed; height:90px; top:0; left:0; z-index:99;}
.header_over{background-color:rgba(255,255,255,1);border-bottom:1px #ececec solid; box-sizing:border-box;}
.header_over a{color:#222222!important;}
.header_over a:hover{color: #0073ff!important;}
.header_over .header_nav ul li:hover span{color:#0073ff!important;}
.header_over .header_left_logo .logo_color{display:block;}
.header_over .header_left_logo .logo_white{display:none;}
.header_over .header_right ul li{color:#222222!important;}
.header_over .header_search_btn1{width:30px; height:30px; vertical-align:middle;  margin-top:30px; display:none;}
.header_over .header_search_btn2{width:30px; height:30px; vertical-align:middle;  margin-top:30px; display:block;}


/***Logo and nav left ***/
.header_left{float:left; width:11%;}
.header_left_logo{width:100%; height:90px; line-height:90px; float:left; overflow:hidden;}
.header_left_logo img{max-width:160px; vertical-align:middle; display:inline;}
.header_left_logo .logo_color{display:none;}
.header_left_logo .logo_white{display:block;}

.header_nav{width:71.5%; float:left;}
.header_nav>ul{display:flex; justify-content:center;}
.header_nav>ul>li{position:relative; display:inline-block; text-align:center; line-height:90px; height:90px; box-sizing:border-box; margin:0 3%; color:#ffffff; font-size:17px;}
.header_nav>ul>li>a{color:#ffffff;}
.header_nav>ul>li:hover{ border-bottom:2px #0073ff solid;}

/***phone-search-en right***/
.header_right{float:right; width:17.5%;}
.header_right ul{ display:flex;justify-content: flex-end;}
.header_right ul li{position:relative; display:inline-block; text-align:center; line-height:90px; height:90px; box-sizing:border-box; padding:0 3%; color:#ffffff; font-size:16px; overflow:hidden;}
.header_right ul li a{color:#ffffff;}
.header_right ul li:first-child{padding:0;}
.header_right ul li:last-child{padding:0;}
.header_search_btn1{width:30px; height:30px; vertical-align:middle;  margin-top:30px; display:block;}
.header_search_btn2{width:30px; height:30px; vertical-align:middle;  margin-top:30px; display:none;}
.m-header {display:none;}

@media screen and (max-width:1680px){ 
.header_nav{width:67%;}
.header_right{width:22%;}
}  

@media screen and (max-width:1420px){ 
.header_nav{width:67%;}
.header_right{width:22%;}
}  

@media screen and (max-width:1380px){
.header_nav ul li{font-size:14px;}
.header_right ul li{font-size:14px;}
}  

@media screen and (max-width:1200px){  
.header_nav ul li{font-size:12px;}
.header_right ul li{font-size:12px;}
}  

#menu:before, #menu:after {content:"";display:table;}
#menu:after {clear:both;}
#menu>li>ul{margin:0; opacity:0; visibility:hidden; position:absolute; top:88px; z-index:1; background-color:#ffffff; left:0px; padding:10px; display:block; box-sizing:border-box;border-radius: 0 0 5px 5px; border-top:2px #0073ff solid;}
#menu>li:hover>ul{opacity:1; visibility:visible; margin:0;}
#menu>li>ul>li{display:block; text-align:left; line-height:40px!important; height:40px!important; padding:0 10px; background:none;}
#menu>li>ul>li>a{display:block; font-weight:normal; box-sizing:border-box; text-transform:capitalize; padding:0; width:max-content; color:#ffffff; font-size:14px; color:#222222!important;}
#menu>li>ul>li:hover a{color:#0073ff!important;}

#menu>li:hover .mnSubBg{opacity:1; visibility:visible;}

@media screen and (max-width:992px) {
.header {display:none;}
.m-header {display:block; position:fixed; top:0; left:0; width:100%; background:rgb(255,255,255,1); z-index:89;}
.m-header .main {margin:0 auto; width:96%; height:45px; overflow:hidden;}
.m-header-logo {float:left; width:85%; margin-top:5px;font-size:16px;}
.m-header-logo img{height:35px; width:auto; float:left; margin-right:5px;}
.m-header-logo h2{font-size:18px; line-height:35px;  font-weight:700;}
.m-header-logo h2 b{display:block;  font-size:16px; color:#333;}

.nav-btn {position:relative; float:right; margin:12px -9px 0 0; width:50px; height:30px; cursor:pointer;}
.nav-btn span {position:absolute; left:10px; display:block; width:30px; height:3px; background:#161616; transition:all ease 0.35s;}
.nav-btn span:nth-of-type(1){top:0;}
.nav-btn span:nth-of-type(2){top:8px;}
.nav-btn span:nth-of-type(3){top:16px;}
.nav-btn-se span:nth-of-type(1){top:10px; transform:rotate(45deg);}
.nav-btn-se span:nth-of-type(2){width:0}
.nav-btn-se span:nth-of-type(3){top:10px; transform:rotate(-45deg);}
.m-nav {position:fixed; top:-100%; left:0; z-index:9999; width:100%; height:calc(100%); font-size:16px; line-height:45px; background:rgb(22,22,22,0.98); overflow:auto; overflow-x:hidden; transition:top ease 0.35s;}
.nav-show {top:45px;}
.nav-show ul {border-bottom:1px rgba(255,255,255,0.10) solid;}
.m-nav ul li i {position:absolute; top:4px; right:0px; height:40px; padding:0 17px 0 17px;}
.m-nav ul li i svg {transform:rotate(-90deg); transition:all ease 0.35s;}
.m-nav ul li .m-nav-i-se svg {transform:rotate(0deg);}
.m-nav ul li {position:relative; line-height:45px; font-size:14px; border-top:1px rgba(255,255,255,0.10) solid;}
.m-nav ul li img{ height:20px; width:auto; margin-right:10px; float:left; margin-top:12px;}
.m-nav ul li ul {display:none; background:rgb(255,255,255,0.02); overflow:hidden;}
.m-nav ul li a {color:#fff;width:80%; display:block; padding-left:20px; font-weight:normal; text-transform:capitalize;}
.m-nav ul li ul li a {display:block; font-size:14px; color:#fff; line-height:40px; text-align:left; padding-left:40px; opacity:0.7;}
.m-nav ul li ul li ul li{background:url(../images/whitedian.svg) 35px center no-repeat; background-size:10px; float:left; width:50%;}
.m-nav ul li ul li ul li a {display:block; font-size:14px; color:#fff; line-height:35px; text-align:left; padding-left:50px; opacity:0.7;}
.m-nav ul li i svg {width:25px; height:20px; fill:#fff;}
.m-nav ul li .m-nav-i-se svg {fill:#fff;}
}


/*通栏下拉菜单开始*/
.mnSubBg_main{background:rgb(0,0,0,0.2); z-index:110; top:90px; left:0; position:fixed; zoom:1; width:100%; height:100%;opacity:0; visibility:hidden; -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out;}
.mnSubBg{background:#ffffff; z-index:111; top:90px; left:0; position:fixed; zoom:1; width:100%; overflow:hidden; opacity:0; visibility:hidden;}
.mnSubBg .navmain{width:90%; /*max-width:1620px;*/ overflow:hidden; position:relative; margin:0 auto;}
.mnSubBg .navmain1{width:90%; /*max-width:1620px;*/ overflow:hidden; position:relative; margin:0 auto;}
.mnSubBg .navmain2{width:90%; /*max-width:1620px;*/ overflow:hidden; position:relative; margin:0 auto;}
.mnSubBg .navmain3{width:90%; /*max-width:1620px;*/ overflow:hidden; position:relative; margin:0 auto;}
.mnSubBg .navmain4{width:90%; /*max-width:1620px;*/ overflow:hidden; position:relative; margin:0 auto;}
.divtest{position:absolute; top:110px; right:50px; height:2px; width:10px; padding-left: 110px;background:#fff; line-height:120px;}
.divtest:before{content: '';  position:absolute; top:-3px; right:-1px; width:7px; height:7px; border-top:2px solid #fff; border-right: 2px solid #fff; transform: rotate(45deg);}

/*product*/
.navmain1 ul{overflow:hidden; display:flex; padding:40px 0 40px 8%; box-sizing:border-box;}
.navmain1 ul li{width:31.333%; float:left; padding-right:3%; padding-left:3%; box-sizing:border-box; border-right:1px #ececec solid;}
.navmain1 ul li:not(:nth-of-type(3n)){margin-right:3%;}
.navmain1 ul li h2{margin-bottom:5px;font-size:14px; color:#0073ff; text-align:left; line-height:1.2; font-weight:700;}
.navmain1 ul li:last-child{border-right:0; padding-right:0;}

.navmain2>ul{overflow:hidden; display:block; padding:40px 0 40px 8%; box-sizing:border-box;}
.navmain2>ul>li{float:left;}
.navmain2>ul>li:first-child{width:66.666%;}
.navmain2>ul>li:last-child{width:33.333%; padding-left:3.5%; box-sizing:border-box;}
.navmain2>ul>li>h2{margin-bottom:10px; padding-bottom:10px; padding-left:4.5%; font-size:14px; color:#0073ff; text-align:left; line-height:1.2; font-weight:700;}

.prodnewcategory{width:100%; display:block; margin-bottom:30px; overflow:hidden;}
.prodnewcategory:last-child{margin-bottom:0; padding-bottom:0; border-bottom:0;}
.prodnewcategory_left{float:left; width:120px;}
.prodnewcategory_left img{width:80px;}
.prodnewcategory_right{float:right; width:calc(100% - 120px);}
.prodnewcategory_right h3{color:#000000; text-align:left; line-height:30px; height:30px; font-size:14px; font-weight:700;}
.prodnewcategory_right ul{width:100%; display:block; padding:0;}
.prodnewcategory_right ul li{width:100%; margin-bottom:10px; line-height:18px; display:block; font-size:13px!important; text-align:left; background:url(../images/point.png) left 8px no-repeat; padding-left:10px; padding-right:0; border-right:0;}
.prodnewcategory_right ul li:last-child{margin-bottom:0;}
.prodnewcategory_right ul li:hover{background:url(../images/point2.png) left 8px no-repeat;}
.prodnewcategory_right ul li p{display:block; font-size:13px!important;}
.prodnewcategory_right ul li a{color:#666666!important; display:inline-grid;}

.softcategory{width:45%; display:inline-block; float:left; border-right:1px #ececec solid; border-bottom:0; padding-left:4.5%; padding-right:4.5%; margin-right:5%; box-sizing:border-box; padding-bottom:0; margin-bottom:0; min-height:230px;}
.navmain2 ul li .softcategory:last-child{padding-left:5.5%;}
.navmain2>ul>li:last-child .softcategory{width:100%; border-right:0;}

.softcategory_left{float:left; width:120px;}
.softcategory_left img{width:80px;}
.softcategory_right{float:right; width:calc(100% - 120px);}
.softcategory_right h3{color:#000000; text-align:left; line-height:30px; height:30px; font-size:14px; font-weight:700;}
.softcategory_right ul{width:100%; display:block; padding:0;}
.softcategory_right ul li{width:100%; margin-bottom:10px; line-height:18px; display:block; font-size:13px!important; text-align:left; background:url(../images/point.png) left 8px no-repeat; padding-left:10px; padding-right:0; border-right:0;}
.softcategory_right ul li:last-child{margin-bottom:0;}
.softcategory_right ul li:hover{background:url(../images/point2.png) left 8px no-repeat;}
.softcategory_right ul li p{display:block; font-size:13px!important;}
.softcategory_right ul li a{color:#666666!important; display:inline-grid;}

/*sloution*/
.navmain_solu{width:100%; display:block;padding:30px 0; padding-left:10%; box-sizing:border-box;}
.navmain_solu_ul{letter-spacing:-8px; text-align:left; line-height:40px; width:240px;}
.navmain_solu_ul>li{width:49%;letter-spacing:normal; vertical-align:top; display:inline-block; text-align:center; -webkit-transition:all 0.1s ease-in-out; transition:all 0.1s ease-in-out; cursor:pointer; line-height:40px; height:40px; color:#222222;font-weight:700; font-size:14px!important; background:#e5e5e5; border-radius:5px;}
.navmain_solu_ul>li:first-child{ margin-right:2%;}
.navmain_solu_ul>li:last-child{margin-right:0;}
.navmain_solu_ul>li:hover{color:#ffffff; background:#0073ff;}
.navmain_solu_ul>li.active{color:#ffffff;background:#0073ff;}


.navmain_solu_list{width:100%; display:block; overflow:hidden; margin-top:20px;}
.navmain_solu_list ul{overflow:hidden;letter-spacing:-8px; text-align:left;}
.navmain_solu_list ul li{overflow:hidden; width:22.75%; letter-spacing:normal; vertical-align:top; position:relative; box-sizing:border-box; display:inline-block;}
.navmain_solu_list ul li:not(:nth-of-type(4n)){margin-right:3%;}
.navmain_solu_list ul li:nth-child(n+5){margin-top:1.5%;}

.solulist_left{float:left; width:60px;}
.solulist_left img{width:40px; filter:grayscale(100%) brightness(30%);}
.solulist_right{float:right; width:calc(100% - 60px);}
.solulist_right h3{color:#222222; text-align:left; line-height:30px; height:30px; font-size:14px; font-weight:700;}
.solulist_right .ptxt{display:block; font-size:13px!important; line-height:24px; color:#666666; text-align:left;}
.solulist_right_btn{margin-top:10px; text-align:left; font-size:13px; line-height:30px;}
.solulist_right h3:hover, .solulist_right .ptxt:hover{color:#0073ff;}


/*case*/
.navmain3{display:flex; justify-content:center; align-items: center;}
.navmain3>ul{overflow:hidden; display:block; padding:40px 0; box-sizing:border-box; display:flex;}
.navmain3>ul>li{margin:0 20px;}
.navmain3>ul>li .imgbox{width:200px; border-radius:5px;}
.navmain3>ul>li p{margin-top:10px;line-height:1.2; font-size:14px;}

/*accressories*/
.navmain4{display:flex; justify-content:center; align-items: center;}
.navmain4>ul{overflow:hidden; display:block; padding:40px 0; box-sizing:border-box; display:flex;}
.navmain4>ul>li{margin:0 20px;}
.navmain4>ul>li .imgbox{width:200px; border-radius:5px;}
.navmain4>ul>li p{margin-top:10px;line-height:1.2; font-size:14px;}


/*sarech*/
.header_search{width:100%; padding:100px 0; box-sizing:border-box;}
.header_search_box{width:600px; position:relative; overflow:hidden; margin:0 auto; }
.header_search_box .input{width:100%; height:50px; line-height:50px; padding:0 30px 0 15px; box-sizing:border-box; border:1px #ddd solid;}
.header_search_box .search{position:absolute; top:15px; right:10px; width:20px; height:20px; background: url(../images/ico_search.svg) no-repeat; background-size:cover;}
.header_search_box .keywords{ margin:10px 0 20px 0; text-align:left; line-height:40px;}
.header_search_box .keywords p{margin-right:20px; display:inline; opacity:0.75; font-size:12px;}


@media screen and (max-width:1560px){ 
.navmain1 ul{padding:40px 0 40px 6.5%;}
.prodnewcategory_right ul{padding:0;}
.navmain2>ul{padding:40px 0 40px 6.5%;}
.navmain2 ul li:first-child .prodnewcategory{width:47%; padding-left:3%; padding-right:3%; margin-right:3%;}
.navmain2 ul li:last-child .prodnewcategory{padding-left:3%;  padding-right:3%; margin-right:3%;}
.navmain_solu{padding-left:9%;}
} 

@media screen and (max-width:1420px){ 
.navmain1 ul{padding:30px 0 30px 5%;}
.prodnewcategory_right ul{padding:0;}
.navmain2>ul{padding:30px 0 30px 5%;}
} 

@media screen and (max-width:1380px){ 
.navmain1 ul{padding:30px 0 30px 4%;}
.prodnewcategory_right ul{padding:0;}
.navmain2>ul{padding:30px 0 30px 4%;}
} 

@media screen and (max-width:1200px){  
.navmain1 ul{padding:30px 0 30px 1.5%;}
.prodnewcategory_right ul{padding:0;}
.navmain2>ul{padding:30px 0 30px 1.5%;}
.navmain2 ul li:first-child .prodnewcategory{width:49%; padding-left:1%; padding-right:1%; margin-right:1%;}
.navmain2 ul li:last-child .prodnewcategory{padding-left:1%;  padding-right:1%; margin-right:1%;}
}  

@media screen and (max-width:992px) {
.mnSubBg{display:none;}
}
/*通栏下拉菜单结束*/




/***banner***/
.banner{width:100%; overflow:hidden; position:relative; margin:0 auto; max-width:2560px;}
.banner .swiper-container {}
.banner .swiper-slide{overflow:hidden; position:relative;}
.banner .swiper-slide img{width:100%;}
.banner .swiper-slide video{/*position:absolute;*/ width:100%; left:0; top:0; z-index:2; height:100%!important; object-fit:cover;}

.banner .swiper-slide .text{position:absolute; width:fit-content; top:55%; transform:translateY(-55%); text-align:left; color:#fff; padding:0 10%; box-sizing:border-box;}
.banner .swiper-slide .text h2{margin-bottom:20px; font-size:32px; line-height:1.3; opacity:0; text-shadow:4px 8px 10px rgba(0, 0, 0, 0.14);transform: translateY(32px);transition: all 0.8s ease 0.8s; text-transform:uppercase;}
.banner .swiper-slide .text .ptxt{font-size:24px; line-height:1.3; opacity:0; text-shadow:4px 8px 10px rgba(0, 0, 0, 0.14); transform:translateY(32px); transition: all 1s ease 1s;}
.banner .swiper-slide .text .banner_btn{opacity:0; transform:translateY(32px); transition: all 1.2s ease 1.2s; margin-top:40px;}

.banner .swiper-container .swiper-wrapper .swiper-slide .text.active .ptxt{transform:translateY(0);opacity: 1;}  /*必须保留这个路径*/
.banner .swiper-container .swiper-wrapper .swiper-slide .text.active h2{transform: translateY(0);opacity: 1;} /*必须保留这个路径*/
.banner .swiper-container .swiper-wrapper .swiper-slide .text.active .banner_btn{transform: translateY(0);opacity: 1;} /*必须保留这个路径*/

.banner .swiper-button-prev{width:40px; height:40px; background:none; margin-top:0; left:0.5%; top:46%;}
.banner .swiper-button-prev:before{font-size:32px; position:absolute; left:50%; top:50%; display:inline-block; transform: translate(-50%, -50%);color:#fff;}
.banner .swiper-button-prev:hover:before{color:#31a338;}
.banner .swiper-button-next{width:40px; height:40px; background:none; margin-top:0; right:0.5%; top:46%;}
.banner .swiper-button-next:before{font-size:32px; position: absolute; left: 50%; top:50%; display: inline-block; transform: translate(-50%, -50%);color:#fff;}
.banner .swiper-button-next:hover:before{color:#31a338;}
.banner .pagination-all{position:absolute;bottom:20px;width:100%;left:0;z-index:100; text-align:center;}
.banner .swiper-pagination {position:relative;display: inline-block;text-align:left;}
.banner .swiper-pagination .swiper-pagination-bullet{width:20px; height:4px; border-radius:0; background:rgba(255, 255, 255, 0.7); opacity:1; margin:0 3px; position:relative; transition: all 0.5s;}
.banner .swiper-pagination .swiper-pagination-bullet-active{background:#0073ff;}

@media screen and (max-width:1600px){  
.banner .swiper-slide .text h2{font-size:32px;}
.banner .swiper-slide .text .ptxt{ font-size:24px;}
.banner .swiper-slide .text .banner_btn{margin-top:30px;}
}  

@media screen and (max-width:1380px){  
.banner .swiper-slide .text h2{font-size:24px;}
.banner .swiper-slide .text .ptxt{ font-size:18px;}
.banner .swiper-slide .text .banner_btn{margin-top:25px;}
}  

@media screen and (max-width:1200px){  
.banner .swiper-slide .text h2{font-size:24px;}
.banner .swiper-slide .text .ptxt{ font-size:18px;}
.banner .swiper-slide .text .banner_btn{margin-top:20px;}
}  

@media screen and (max-width:992px) {
.banner .swiper-slide .text h2{font-size:18px;}
.banner .swiper-slide .text .ptxt{ font-size:16px;}
.banner .swiper-slide .text .banner_btn{margin-top:10px;}
}

@media screen and (max-width:768px) {
.banner{margin-top:45px;}
.banner .swiper-slide .text{width:80%; top:45%; transform:translateY(-45%); left:10%; text-align:center; padding:20px 0;}
.banner .swiper-slide .text h2{font-size:18px; margin-bottom:15px; font-weight:700;}
.banner .swiper-slide .text .ptxt{ font-size:12px;}
.banner .swiper-slide .text .banner_btn{margin-top:10px;}
.banner .swiper-container .swiper-button-prev {top:40%; width:20px; height:20px;}
.banner .swiper-container .swiper-button-next {top:40%; width:20px; height:20px;}
.banner .swiper-container .pagination-all {bottom:5px;}
}



.mod1{width:100%; overflow:hidden; padding:60px 0 0 0; box-sizing:border-box;}
.mod1 ul{letter-spacing:-8px; display:flex;flex-wrap: wrap;}
.mod1 ul li{overflow:hidden; width:22.75%; letter-spacing:normal; vertical-align:top;  box-sizing:border-box; display:inline-block; background:#ffffff; box-shadow:0 0 10px 0 #f1f1f1; position:relative;}
.mod1 ul li:not(:nth-of-type(4n)){margin-right:3%;}
.mod1_box{position:absolute; width:100%; left:0; top:0; padding:30px; box-sizing:border-box; text-align:center; z-index:3;}
.mod1_box h2{font-size:18px; font-weight:700; line-height:1.2; margin-bottom:5px;}
.mod1_box h3{font-size:16px; line-height:20px; height:20px; color:#666666; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
@media screen and (max-width: 768px){
.mod1{padding:30px 0 0 0;}
.mod1 ul li{width:48.5%;}
.mod1 ul li:not(:nth-of-type(4n)){margin-right:0;}
.mod1 ul li:not(:nth-of-type(2n)){margin-right:3%;}
.mod1 ul li:nth-child(n+3){margin-top:3%;}
.mod1_box{padding:10px;}
.mod1_box h2{font-size:14px; line-height:1;}
.mod1_box h3{font-size:12px; line-height:16px; height:16px;}

}



.mod2{width:100%; padding:60px 0 0 0; box-sizing:border-box;}

.mod2_box_all{width:100%; display:block; box-sizing:border-box; margin:10px auto 0; position:relative;max-width:2560px;}
.mod2_box_all>ul{letter-spacing:-8px; text-align:center; margin-bottom:15px; position:absolute; z-index:3; text-align:center; width:100%; left:0; top:30px;}
.mod2_box_all>ul>li{letter-spacing:normal; vertical-align:top; display:inline-block; text-align:center; -webkit-transition:all 0.1s ease-in-out; transition:all 0.1s ease-in-out; margin-right:5px; font-size:16px; line-height:40px;cursor:pointer; padding:0 25px; background:#f7f9fa; border-radius:5px;}
.mod2_box_all>ul>li:last-child{margin-right:0;}
.mod2_box_all>ul>li:hover{color:#0073ff;}
.mod2_box_all>ul>li.active{color:#ffffff; background:rgb(0,103,204,0.85);}

.mod2_box{position:relative;}
.mod2_box_class{position:absolute; width:90%; left:8%; bottom:10%; display:flex; z-index:3;}
.mod2_box_class li{padding:15px 20px; box-sizing:border-box; color:#ffffff; background:rgb(0,0,0,0.4); margin-right:1.5%; display:inline; border-radius:5px; transition:all .2s ease-in-out;}
.mod2_box_class li img{width:30px; height:30px; display:block; margin:0 auto 10px;}
.mod2_box_class li p{text-align:center;}
.mod2_box_class .active{background:rgb(0,103,204,0.85);}
.mod2_box_class li:hover{cursor:pointer;}
.mod2_box_cases{position:relative;}
.mod2_box_cases_top{position:absolute; width:40%; left:8%; top:24%; color:#ffffff;}
.mod2_box_cases_top h2{ font-size:24px; margin-bottom:10px; line-height:1.2;}
.mod2_box_cases_top .ptext{overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
.mod2_box_cases_top .div_more_top{ margin-top:30px;}

@media screen and (max-width:1600px){  
.mod2_box_class{bottom:10%;}
.mod2_box_cases_top{top:24%;}
.mod2_box_cases_top h2{font-size:24px; margin-bottom:10px;}
.mod2_box_cases_top .div_more_top{ margin-top:30px;}
}  

@media screen and (max-width:1380px){  
.mod2_box_class{bottom:5%;}
.mod2_box_cases_top h2{font-size:18px; margin-bottom:10px;}
.mod2_box_cases_top .div_more_top{ margin-top:25px;}
.mod2_box_class li{padding:15px 10px;}
}  

@media screen and (max-width:1200px){  
.mod2_box_cases_top h2{font-size:16px; margin-bottom:10px;}
.mod2_box_cases_top .div_more_top{ margin-top:15px;}
.mod2_box_cases_top .ptext{font-size:12px;}
.mod2_box_class li p{font-size:12px;}
}  

@media screen and (max-width:992px) {
.mod2_box_cases_top h2{font-size:14px; margin-bottom:5px;}
.mod2_box_cases_top .div_more_top{ margin-top:5px;}
.mod2_box_cases_top .ptext{font-size:12px;}
.mod2_box_class li p{font-size:12px;}
.mod2_box_class li{padding:5px 10px;}
}

@media screen and (max-width: 768px){
.mod2{padding:30px 0 0 0;}

.mod2_box_all{margin:10px 0;}
.mod2_box_all>ul{top:15px;}
.mod2_box_all>ul>li{font-size:14px; line-height:35px; padding:0 10px; background:#e5e5e5;}

.mod2_box{background:#f7f9fa; padding:70px 0 0 0;}
.mod2_box_class{position:relative; width:90%; left:5%; bottom:0; display:block; letter-spacing:-8px; margin-bottom:20px;}
.mod2_box_class li{overflow:hidden; letter-spacing:normal; vertical-align:top;box-sizing:border-box; display:inline-block; width:23.5%; margin-right:0; padding:10px;background:rgb(0,0,0,0.6);}
.mod2_box_class li:not(:nth-of-type(4n)){margin-right:2%;}
.mod2_box_class li:nth-child(n+5){margin-top:2%;}
.mod2_box_class li img{margin:0 auto 5px;}
.mod2_box_class li p{font-size:12px; line-height:16px;}
.mod2_box_cases_top{position:absolute; width:90%; left:5%; top:10%;}
.mod2_box_cases_top h2{font-size:14px; margin-bottom:5px; font-weight:700;}
.mod2_box_cases_top .ptext{-webkit-line-clamp:2;}
}



.mod3{width:100%; padding:60px 0 60px 0; box-sizing:border-box; background:#ffffff;}
#mod3_box{width:100%; height:510px; overflow:hidden; display:flex;}
#mod3_box>li{float:left; position:relative; width:calc(20% - 6px); height:100%; overflow:hidden; background:linear-gradient(to bottom, #f1f2f4, #f3f4f5); border-right:2px #ffffff solid;}
#mod3_box>li:last-child{ border-right:0;}
#mod3_box>li:first-child{width:40%;}
#mod3_box>li:first-child div{display:block;}

.mod3_box_all{position:absolute;width:100%;  top:50%; transform:translateY(-50%); display:block!important; padding:0 15%; box-sizing:border-box; text-align:center;transition:all .3s ease-in-out;}
.mod3_box_img{width:50px; margin:0 auto; margin-bottom:10px;transition:all .3s ease-in-out;}
.mod3_box_txt{box-sizing:border-box;transition:all .3s ease-in-out;}
.mod3_box_txt h2{font-size:16px;font-weight:700;}
.mod3_box_txt .ptext{overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; opacity:0.8; line-height:24px;}

.mod3 .overbox{display:none;}
.mod3 .overbox>ul{letter-spacing:-8px; margin-top:30px;}
.mod3 .overbox>ul>li{overflow:hidden; width:30%; letter-spacing:normal; vertical-align:top;  box-sizing:border-box; display:inline-block; padding:10px; background:#ffffff; box-shadow:0 0 10px 0 #dddddd;}
.mod3 .overbox>ul>li:not(:nth-of-type(3n)){margin-right:5%;}
.mod3 .overbox>ul>li:nth-child(n+4){margin-top:3%;}

.cursor-default{background:linear-gradient(to bottom, #e2e4e8, #ebecee)!important;}
.cursor-pointer{cursor:pointer;}

@media screen and (max-width:1600px){  
#mod3_box{height:510px;}
.mod3_box_txt h2{font-size:16px;}
}  

@media screen and (max-width:1380px){  
#mod3_box{height:450px;}
.mod3_box_txt h2{font-size:14px;}
}  

@media screen and (max-width:1200px){  
#mod3_box{height:450px;}
.mod3_box_txt h2{font-size:14px;}
.mod3_box_txt .ptext{font-size:12px;}
}  

@media screen and (max-width:992px) {
#mod3_box{height:350px;}
.mod3_box_txt h2{font-size:14px;}
.mod3_box_txt .ptext{font-size:12px;}
}

@media screen and (max-width: 768px){
.mod3{padding:30px 0;}
#mod3_box{height:auto; display:block;}
#mod3_box>li{float:none; width:100%; height:auto; border-right:0px; margin-bottom:20px;}
#mod3_box>li:first-child{width:100%;}
#mod3_box>li:last-child{ border-right:0; margin-bottom:0;}

.mod3_box_all{position:relative; width:100%; top:0; transform:translateY(0); display:block!important; padding:5% 5%;}
.mod3_box_img{width:30px; margin:0 auto; margin-bottom:10px;}
.mod3_box_txt{box-sizing:border-box;}
.mod3_box_txt h2{font-size:14px;font-weight:700;}
.mod3_box_txt .ptext{overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; opacity:0.8; line-height:24px;}

.mod3 .overbox{ display:block; overflow:hidden;}
.mod3 .overbox>ul{letter-spacing:-8px; margin-top:10px;}
.mod3 .overbox>ul>li{overflow:hidden; width:30%; letter-spacing:normal; vertical-align:top;  box-sizing:border-box; display:inline-block; padding:10px; background:#ffffff;}
.mod3 .overbox>ul>li:not(:nth-of-type(3n)){margin-right:5%;}
.mod3 .overbox>ul>li:nth-child(n+4){margin-top:3%;}
}



.mod4{width:100%; padding:80px 0; box-sizing:border-box; background:#f7f9fa; overflow:hidden;}
.mod4 .mod4_box ul{letter-spacing:-8px; display:flex;flex-wrap: wrap;}
.mod4 .mod4_box ul li{overflow:hidden; width:31.333%; letter-spacing:normal; vertical-align:top;  box-sizing:border-box; display:inline-block; background:#ffffff; box-shadow:0 0 10px 0 #f1f1f1; position:relative;}
.mod4 .mod4_box ul li:not(:nth-of-type(3n)){margin-right:3%;}

.mod4_box_title{background:#0073ff; color:#ffffff; padding:8px 25px; box-sizing:border-box; top:0; left:0; z-index:3; width:fit-content; position:absolute;}
.mod4_box_title:hover{text-decoration:underline;}
.mod4_box_txt{padding:25px; box-sizing:border-box;}
.mod4_box_txt h2{font-size:16px;overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;line-height:24px; font-weight:700;}
.mod4_box_txt .ptxt{overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; margin:5px 0; opacity:0.75;}

.mod4_box_all{padding:80px 50px 20px 50px; box-sizing:border-box;}
.mod4_box_txt2{box-sizing:border-box; padding-bottom:18px; border-bottom:1px #f1f1f1 solid; margin-bottom:18px;}
.mod4_box_txt2:last-child{ margin-bottom:0; padding-bottom:0; border-bottom:0;}
.mod4_box_txt2 h2{font-size:16px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;line-height:24px;}
.mod4_box_txt2 .ptxt{overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; opacity:0.75; line-height:24px;}

@media screen and (max-width:1600px){  
.mod4_box_all{padding:70px 30px 20px 30px;}
.mod4_box_txt2 h2{font-size:16px;line-height:24px;}
}  

@media screen and (max-width:1380px){  
.mod4_box_all{padding:70px 30px 20px 30px;}
.mod4_box_txt2{padding-bottom:15px; margin-bottom:15px;}
.mod4_box_txt2 h2{font-size:14px;line-height:20px;}
}  

@media screen and (max-width:1200px){  
.mod4_box_all{padding:70px 30px 20px 30px;}
.mod4_box_txt2{padding-bottom:10px; margin-bottom:10px;}
.mod4_box_txt2 h2{font-size:14px;line-height:20px;}
.mod4_box_txt .ptxt{font-size:12px;}
}  

@media screen and (max-width:992px) {
.mod4_box_all{padding:50px 20px 20px 20px;}
.mod4_box_txt2{padding-bottom:7px; margin-bottom:7px;}
.mod4_box_txt2 h2{font-size:14px;line-height:20px;}
.mod4_box_txt .ptxt{font-size:12px;}
}

@media screen and (max-width: 768px){
.mod4{padding:30px 0;}
.mod4 .mod4_box ul{display:block;}
.mod4 .mod4_box ul li{width:100%; position:relative; margin-bottom:20px;}
.mod4 .mod4_box ul li:not(:nth-of-type(3n)){margin-right:0;}
.mod4 .mod4_box ul li:last-child{margin-bottom:0;}
.mod4_box_txt{padding:15px;}
.mod4_box_txt h2{font-size:14px; line-height:20px; font-weight:700;}
.mod4_box_txt .ptxt{line-height:20px;}

.mod4_box_all{padding:50px 20px 20px 20px;}
.mod4_box_txt2 h2{font-size:14px; line-height:20px;}
.mod4_box_txt2 .ptxt{line-height:20px;}
}




.mod5{width:100%; box-sizing:border-box; overflow:hidden; position:relative; min-height:600px;background:#0067cc;max-width:2560px; margin:0 auto;}
.mod5 .main{position:absolute; z-index:3; left:50%; top:50%;  transform: translate(-50%, -50%); width:90%;}
.mod5 .main .htitle{color:#ffffff; padding:0;}
.mod5 .main .htitle .ptxt{line-height:30px;}

.mod5_box{display:block; overflow:hidden; color:#ffffff;}
.mod5_box ul{overflow:hidden;letter-spacing:-8px; padding:50px 0 0 0; box-sizing:border-box; display:flex; flex-wrap: wrap;}
.mod5_box ul li{overflow:hidden; width:17.5%; letter-spacing:normal; vertical-align:top; position:relative; box-sizing:border-box; display:inline-block;}
.mod5_box ul li:not(:nth-of-type(4n)){margin-right:10%;}
.mod5_box ul li:nth-child(n+5){margin-top:5%;}
.mod5_box ul li:last-child{ border-right:0;}
.mod5_box ul li h2{font-size:60px; line-height:60px; width:fit-content; font-family:Tahoma, Geneva, sans-serif; display:inline-block;}
.mod5_box ul li sup{font-size:24px; margin-left:10px; letter-spacing:normal; font-weight:normal; position:absolute;}
.mod5_box ul li h2 span{font-size:16px; letter-spacing:normal; margin-left:5px;}
.mod5_box ul li .ptxt{margin-top:20px; line-height:24px; border-top:1px rgb(255,255,255,0.3) solid; padding-top:20px; opacity:0.8;}
.mod5 img{position:absolute; bottom:0; height:100%;}

@media screen and (max-width:1600px){  
.mod5{min-height:680px;}
.mod5 .main{top:30%; transform: translate(-50%, -30%);}
.mod5_box ul li h2{font-size:60px; line-height:60px;}
}  

@media screen and (max-width:1380px){  
.mod5{min-height:480px;}
.mod5 .main{top:35%; transform: translate(-50%, -35%);}
.mod5_box ul{padding:30px 0 0 0;}
.mod5_box ul li h2{font-size:48px; line-height:48px;}
}  

@media screen and (max-width:1200px){  
.mod5{min-height:480px;}
.mod5_box ul{padding:20px 0 0 0;}
.mod5 .main{top:40%; transform: translate(-50%, -40%);}
.mod5_box ul li h2{font-size:36px; line-height:36px;}
.mod5_box ul li .ptxt{font-size:12px;}
}  

@media screen and (max-width:992px) {
.mod4_box_all{padding:50px 20px 20px 20px;}
.mod4_box_txt2{padding-bottom:7px; margin-bottom:7px;}
.mod4_box_txt2 h2{font-size:14px;line-height:20px;}
.mod5_box ul li .ptxt{font-size:12px;}
}

@media screen and (max-width:768px) {
.mod5 img{display:none;}
.mod5 .main{position:relative; z-index:3; left:0; top:0; transform:translateY(-0); width:100%; /*max-width:1620px;*/ background:#0073ff; padding:25px; box-sizing:border-box;}
.mod5 .main .htitle{padding:0;}
.mod5 .main .htitle .ptxt{line-height:24px; padding:0;}

.mod5_box ul{padding:20px 0 0 0; display:block;}
.mod5_box ul li{width:45%;}
.mod5_box ul li:not(:nth-of-type(4n)){margin-right:0;}
.mod5_box ul li:not(:nth-of-type(2n)){margin-right:10%;}
.mod5_box ul li:nth-child(n+3){margin-top:10%;}
.mod5_box ul li h2{font-size:32px; line-height:45px;}
.mod5_box ul li sup{font-size:14px;}
.mod5_box ul li h2 span{ font-size:14px;}
.mod5_box ul li .ptxt{margin-top:10px; line-height:20px; border-top:1px rgb(255,255,255,0.3) solid; padding-top:10px;}
}


/***footer***/
.footer {position:relative; padding:60px 0 40px 0; background:#161616;}
.footer .main{position:relative;}

.footer_left {width:28%;box-sizing:border-box; float:right;}
.footer_left_contact{overflow:hidden; width:100%; color:#ffffff;}
.footer_left_contact a{color:#ffffff;}
.footer_left_contact a:hover{color:#ffffff; text-decoration:underline;}

.footer_left_contact h2{ position:relative; font-size:16px; margin-bottom:15px; font-weight:700;}
.footer_left_contact ul{overflow:hidden;}
.footer_left_contact ul li{margin-bottom:20px; padding-left:30px; line-height:24px; background-repeat:no-repeat; background-size:20px; background-position:left 5px; opacity:0.7; font-size:14px;}
.footer_left_contact ul li:nth-child(1) {background-image:url(../images/ico_address2.svg);}
.footer_left_contact ul li:nth-child(2) {background-image:url(../images/ico_address2.svg);}
.footer_left_contact ul li:nth-child(3) {background-image:url(../images/ico_tel2.svg);}
.footer_left_contact ul li:nth-child(4) {background-image:url(../images/ico_whatsup2.svg);}
.footer_left_contact ul li:nth-child(5) {background-image:url(../images/ico_email2.svg);}

.footer_right{float:left; width:65%; box-sizing:border-box;}

.footer_nav {overflow:hidden; box-sizing:border-box; width:100%;}
.footer_nav h2{font-size:16px; font-weight:700; color:#fff; margin-bottom:10px;}
.footer_nav h2 a{color:#ffffff;}
.footer_nav h2 a:hover{color:#ffffff; text-decoration:underline;}

.footer_nav ul{letter-spacing:-8px;}
.footer_nav ul li{letter-spacing:normal; vertical-align:top; width:20%; float:left;}
.footer_nav ul li .btnlist{margin-bottom:10px;color:#ffffff; opacity:0.8; font-size:14px;}
.footer_nav ul li p{margin-bottom:6px; font-size:14px;}
.footer_nav ul li p a{color:#fff;opacity:0.6;}
.footer_nav ul li p:hover a{color:#ffffff; text-decoration:underline; opacity:1;}

.footer_nav ul li:nth-child(2){ width:60%;}
.footer_nav ul li:nth-child(2) .btnlist{ float:left; width:33.333%;}

.footer_copyright_top{width:100%; display:block; border-top:1px rgb(255,255,255,0.1) solid; margin-top:20px;}
.footer_copyright_top_left{width:50%; float:left;}
.footer_copyright_top_left ul{display:flex;}
.footer_copyright_top_left ul li{position:relative; display:flex; margin-right:25px; align-items:center; cursor:pointer; height:60px; line-height:60px;}
.footer_copyright_top_left ul li:last-child{margin-right:0;}
.footer_copyright_top_left ul li .logoimg{width:25px; position:relative;filter: invert(100%);}
.mod6_box_txt{position: absolute; bottom:95%; left:50%; transform: translateX(-50%); background-color:#ffffff; padding:10px;border-radius:5px; opacity: 0; pointer-events:none; transition: opacity 0.3s ease; z-index:3; box-sizing:border-box;}
.mod6_box_txt img{width:130px!important; height:130px!important;}
.footer_copyright_top_left ul li:hover .mod6_box_txt{opacity: 1;}


.footer_copyright_top_right{ width:50%; align-items:center; display:flex; justify-content: flex-end;}
.footer_copyright_top_right img{width:80px;}
.footer_copyright_top_right p{margin-left:35px; line-height:60px; color:#ffffff; opacity:0.6; transition:all .3s ease-in-out; width:fit-content; display:inline-block; font-size:14px;}
.footer_copyright_top_right p a{color:#ffffff;}
.footer_copyright_top_right p a:hover{opacity:1!important; text-decoration:underline;color:#ffffff;}

.footer_copyright {width:100%; color:#ffffff; border-top:1px rgb(255,255,255,0.1) solid; padding-top:10px; text-align:left; overflow:hidden;opacity:0.6; font-size:14px;}
.footer_copyright a{margin:0 0 0 5px; color:#ffffff;}
.footer_copyright a:hover{opacity:1; text-decoration:underline;}
.footer_copyright .pright{float:right; margin-left:15px;}
.footer_copyright_left{float:left; width:60%; padding-right:5%; box-sizing:border-box;}
.footer_copyright_right{float:right; width:40%;}


@media screen and (max-width:1380px){
.footer_nav ul li p{font-size:12px;}
.footer {padding:40px 0 20px 0;}
}  

@media screen and (max-width:1200px){  
.footer_nav ul li p{font-size:12px;}
.footer {padding:40px 0 20px 0;}
.footer_copyright_top_right{float:left!important;}
.footer_copyright {font-size:12px;}
}  

@media screen and (max-width:992px) {
.footer_nav ul li p{font-size:12px;}
.footer {padding:40px 0 10px 0;}
.footer_copyright {font-size:12px;}
}

@media screen and (max-width:768px) {
.footer {padding:30px 10px 10px 10px; box-sizing:border-box;}

.footer_left {width:100%; padding:0px; margin-right:0; float:none; margin-top:0px;}
.footer_left_contact{overflow:hidden; width:100%; margin-top:0px;}
.footer_left_contact h2{font-size:14px; margin-bottom:15px;}
.footer_left_contact ul{overflow:hidden;}
.footer_left_contact ul li{margin-bottom:15px; padding-left:28px; line-height:24px; background-repeat:no-repeat; background-size:20px; background-position:top left;}

.footer_right{ display:none;}
.footer_copyright {margin-top:15px; padding-top:15px;font-size:12px;}
.footer_copyright_left{float:none; width:100%; padding-right:0;}
.footer_copyright_right{float:none; width:100%;}


.footer_copyright_top_left{width:100%; float:none;}
.footer_copyright_top_left ul li{margin-right:20px; height:40px; line-height:40px;}
.footer_copyright_top_left ul li .logoimg{width:20px;}


.footer_copyright_top_right{width:100%; display:block; text-align:left;}
.footer_copyright_top_right p{margin-left:0px; margin-right:20px; line-height:40px; float:left;}
.footer_copyright_top_right img{display:none;}

.footer_copyright .pright{float:left; margin-left:0px; margin-top:10px;}
.footer_copyright a{margin:0 0 0 15px;}

}




/************内页banner*************/
.ban {margin:90px auto 0; width:100%; position:relative; overflow:hidden;max-width:2560px;}
.ban .addiv{position:absolute; width:100%; text-align:center; color:#FFF; left:0; top:40%; transform:translateY(-40%);}
.ban .addiv h2{font-size:32px; line-height:1.2; -webkit-line-clamp:1; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-box-orient:vertical; margin:0 auto;}
.ban .addiv .ptxt{margin-top:10px; padding:0 10%; box-sizing:border-box; opacity:0.8; font-size:16px;}
@media screen and (max-width:1380px){
.ban .addiv h2{font-size:24px; }
}  

@media screen and (max-width:1200px){  
.ban .addiv h2{font-size:20px; }
}  

@media screen and (max-width:992px) {
.ban .addiv h2{font-size:18px; }
}

@media screen and (max-width:768px) {
.ban {margin:45px auto 0;}
.ban .addiv{top:20%; transform:translateY(-20%);}
.ban .addiv h2{font-size:18px; line-height:24px;}
.ban .addiv .ptxt{margin-top:0px; line-height:20px; font-size:12px; -webkit-line-clamp:2; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-box-orient:vertical;}
}


/*--------内页路径--------*/
#weizhi_details{width:100%; margin:90px auto 0; background:#f7f9fa; border-bottom:1px #ececec solid;} 
#weizhi{width:100%; margin:0px auto; background:#f7f9fa; border-bottom:1px #ececec solid;} 
.weizhi{width:90%; max-width:2100px; margin:0 auto;line-height:20px; padding:15px 0; box-sizing:border-box; opacity:0.75; overflow:hidden;}
.weizhi ul{width:fit-content; float:left;}
.weizhi a:hover{ text-decoration:underline;}
.span_right{float:right; display:none;}
.home{height:20px; line-height:20px; display:inline-block;background:url(../images/icon5.png) left 2px no-repeat; padding-left:25px;}
.span_list{height:20px; line-height:20px; display:inline-block; background:url(../images/weizhi_right.png) 5px 1px no-repeat; padding-left:30px;}
@media screen and (max-width:1920px) {
.weizhi{max-width:1620px;}
}
@media screen and (max-width:768px) {
#weizhi_details{margin:45px auto 0;} 
.weizhi{width:100%; padding:10px 0; font-size:11px;}
.span_right{display:none;}
.home{height:20px; line-height:20px; display:inline-block;}
.span_list{height:20px; line-height:20px; display:inline-block; background:url(../images/weizhi_right.png) left center no-repeat; padding-left:20px;}
}

.weizhi_prod{width:100%; position:relative; background:#f7f9fa; margin:0 auto;}
.weizhi_prod .weizhi a:hover{ text-decoration:underline;}
.weizhi_prod .home{height:20px; line-height:20px; display:inline-block;background:url(../images/icon5.png) left 2px no-repeat; padding-left:25px;}
.weizhi_prod .span_list{height:20px; line-height:20px; display:inline-block; background:url(../images/weizhi_right.png) 5px 1px no-repeat; padding-left:30px;}
@media screen and (max-width:768px) {
.weizhi_prod{display:none;}
}



/***img***/
.imgbox {position:relative; overflow:hidden; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.imgbox img {transition:clip 0.3s cubic-bezier(0,.3,.6,1), transform 0.3s ease, opacity 0.3s ease, -webkit-transform 0.3s ease, -webkit-clip 0.3s cubic-bezier(0,.3,.6,1);}
a:hover .imgbox img {-webkit-transform:scale(1.05); transform:scale(1.05);}
.imgbox:hover img {-webkit-transform:scale(1.05); transform:scale(1.05);}

.imgbox .mask, .imgbox .view {position:absolute; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out; opacity:0;}
.imgbox .mask {bottom:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.8);}
.imgbox .view {top:50%; left:50%; margin:-26px 0 0 -24px; width:48px; height:48px; background:url(../images/view.png) no-repeat; -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.imgbox:hover .mask, .imgbox:hover .view {opacity:0.6;}
.imgbox:hover .view {-webkit-transform:scale(1,1); transform:scale(1,1);}

.imgbox .video {position:absolute; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out; top:50%; left:50%; margin:-18px 0 0 -18px; width:36px; height:36px; background:url(../images/video.svg) no-repeat; -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1); background-size:36px;}

/***htitle***/
.htitle{width:100%; box-sizing:border-box; margin-bottom:20px;}
.htitle h2{font-size:32px; line-height:1.2; text-align:center; position:relative; width:fit-content; margin:0 auto; padding-bottom:5px;}
.htitle .ptxt{opacity:0.8; padding:0 10%; box-sizing:border-box; text-align:center; -webkit-line-clamp:2; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-box-orient:vertical; margin-top:5px; line-height:24px;}

@media screen and (max-width:1600px){  
.htitle h2{font-size:32px;}
.htitle .ptxt{font-size:14px;}
}  

@media screen and (max-width:1380px){  
.htitle h2{font-size:24px;}
.htitle .ptxt{font-size:14px;}
}  

@media screen and (max-width:1200px){  
.htitle h2{font-size:20px;}
.htitle .ptxt{font-size:12px;}
}  

@media screen and (max-width:992px) {
.htitle{margin-bottom:10px;}
.htitle h2{font-size:18px;}
.htitle .ptxt{font-size:12px;margin-top:0px;}
}


@media screen and (max-width:768px) {
.htitle{margin-bottom:10px;}
.htitle h2{font-size:18px; font-weight:700; padding-bottom:0;}
.htitle .ptxt{padding:0 5%; line-height:20px; -webkit-line-clamp:5; margin-top:0; font-size:12px;}
}


.div_more{text-align:center;}
.div_more_top{ margin-top:45px;}
.more{display:inline-block; margin:0px auto; height:40px; line-height:40px; text-align:center; text-transform:uppercase; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out; position:relative; color:#ffffff;}
.more:hover{color:#0073ff;}
@media screen and (max-width:768px) {
.div_more_top{ margin-top:15px;}
.more{height:30px; line-height:30px;}
}

.more1{display:inline-block; margin:0px auto; height:40px; line-height:40px; padding:0 30px; text-align:center; text-transform:uppercase; border-radius:25px; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out; position:relative; color:#555555; border:1px #555555 solid;}
.more1:hover{color:#0073ff; border:1px #0073ff solid;}
.more_right{margin-right:20px;}
@media screen and (max-width:768px) {
.more1{height:30px; line-height:30px; padding:0 25px;}
.more_right{margin-right:15px;}
}

.div_more_top2{ margin-top:20px;}
.more2{display:inline-block; margin:0px auto; height:40px; line-height:40px; text-align:center; text-transform:uppercase; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out; position:relative; color:#0073ff;}
.more2:hover{ text-decoration:underline;}
@media screen and (max-width:768px) {
.div_more_top2{ margin-top:10px;}
.more2{height:30px; line-height:30px;}
}

.div_btn_box{margin:30px auto 0!important;}
.btn_box{margin:15px auto 0; width:fit-content; padding:2px 30px; box-sizing:border-box; border:1px #dddddd solid; border-radius:25px; font-size:14px;-webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.btn_box:hover{background:#0073ff; color:#ffffff; border:1px #0073ff solid;}
.btn_box:hover a{color:#ffffff;}
@media screen and (max-width:768px) {
.dov_btn_box{margin:15px auto 0;}
}


/****************************公用****************************/
.wrap {margin:0 auto; width:100%; position:relative;}
.wrap2 {background:#f7f9fa; overflow:hidden;margin:0 auto; width:100%; position:relative;}
.lymain {position:relative; margin:0 auto; width:90%; max-width:2100px;}
.lymain_detail{position:relative; margin:0 auto; width:90%; max-width:1620px;}
@media screen and (max-width:1920px){  
.lymain {max-width:1620px;}
.lymain_detail{max-width:1620px;}
}  
@media screen and (max-width:768px) {
.wrap {padding:0; width:100%;}
.wrap2 {padding:0; width:100%;}
.lymain {width:90%;}
.lymain_detail {width:90%;}
}


/*左右分栏*/
.lymain_box{width:100%; overflow:hidden; display:flex; align-items:stretch;box-sizing:border-box; padding:60px 0;}
.lymain_box_left{float:left; width:70%;background:#ffffff; padding:5%; box-sizing:border-box; border:1px #dddddd solid; box-shadow:0 0 10px 0 #efefef; border-radius:5px;}
.lymain_box_right{float:right; width:30%; padding:40px; box-sizing:border-box;}

/*应用案例右侧的悬浮用*/
.lymain_box_right_app{float:right; width:30%; position:relative;}
@media screen and (max-width:768px){
.lymain_box{display:block; padding:0; display:block;}
.lymain_box_left{float:none; width:100%; padding:0; border:0;}
.lymain_box_right{display:none;}
.lymain_box_right_app{display:none;}
}


#onsec {color:#d7d7d7;}
#onsec a{color:#d7d7d7;}

/*分页*/
.page{text-align:center; padding:40px 0 0 0; /*margin-top:20px;border:1px solid #D9D9D9;background:#fff; */ }
.page a{display:inline-block; border:1px #161616 solid; font-size:14px; padding:6px 14px; border-radius:3px; margin:0 2px; font-family:"宋体"; line-height:20px; height:20px;}
.page a:hover{background:#111c36; color:#fff;}
.pagea{background:#161616; color:#fff;}
@media screen and (max-width: 768px) {
.page{padding:8px 0;margin-top:10px;}
.page a{font-size:14px; padding:5px 15px; margin:0 0 10px 0;}
}



/*内页子导航*/
.lmlb{width:100%; display:block; overflow:hidden; box-sizing:border-box; margin:40px 0 30px 0;}
.lmlb ul{ letter-spacing:-8px;}
.lmlb ul li{letter-spacing:normal; vertical-align:top; display:inline-block; text-align:center; padding:0px 30px; margin:0 10px 10px 0; line-height:45px; border-radius:5px; -webkit-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; background:#f7f9fa; border:1px #dddddd solid;}
.lmlb ul li:hover{background:#0073ff; color:#ffffff; border:1px #0073ff solid;}
.lmlb ul li a{color:#fff;}
#lmlbonsec {background:#0073ff; color:#ffffff; border:1px #0073ff solid;}
#lmlbonsec a{background:#0073ff; color:#ffffff;}
@media screen and (max-width: 768px) {
.newscategory{margin-bottom:15px; margin-top:20px;}
.newscategory h2{font-size:18px; line-height:24px;}
.lmlb{ margin:20px 0 10px 0;}
.lmlb ul{margin:0; padding:0;}
.lmlb ul li { padding:0px 15px; margin:0 10px 10px 0; line-height:37px; height:35px;}
}


/*about*/
.about_title{font-size:32px; line-height:1.2; position:relative; text-align:center;}
.about_title span{color:#161616;}
.about_title_ptxt{ text-align:center; margin-top:10px; opacity:0.8; padding:0 5%; box-sizing:border-box;}
@media screen and (max-width:1600px){  
.about_title{font-size:32px;}
}  

@media screen and (max-width:1380px){  
.about_title{font-size:24px;}
}  

@media screen and (max-width:1200px){  
.about_title{font-size:20px;}
}  

@media screen and (max-width:992px) {
.about_title{font-size:18px;}
}

@media screen and (max-width: 768px) {
.about_title{font-size:18px; font-weight:700;}
.about_title_ptxt{ text-align:center; margin-top:10px;}
}



.about_mod1{width:100%; display:block; overflow:hidden; padding:80px 0; box-sizing:border-box;}
.about_mod1_box{width:100%; overflow:hidden; display:flex;margin-top:30px;}
.about_mod1_box_txt{box-sizing:border-box; float:left; width:50%; padding-right:30px;}
.about_mod1_box_txt b,.about_mod1_box_txt strong{color:#0073ff; font-weight:normal;}
.about_mod1_box_txt br{display:block; content:""; height:12px;} 
.about_mod1_box_img{width:50%; overflow:hidden;}
.about_mod1_box_img img{width:auto; max-width:100%; height:100%; float:right;}
@media screen and (max-width: 768px) {
.about_mod1{padding:30px 0;}
.about_mod1_box{display:block; margin-top:10px;}
.about_mod1_box_txt{float:none; width:100%; padding-right:0px;}
.about_mod1_box_img{width:100%; margin-top:10px;}
}

.about_mod2{width:100%; display:block; overflow:hidden; padding:80px 0; box-sizing:border-box; background:#f7f9fa;}
@media screen and (max-width: 768px) {
.about_mod2{padding:30px 0;}
}

.about_mod2_nav{width:100%; display:block; box-sizing:border-box; margin:20px 0;}
.about_mod2_nav>ul{letter-spacing:-8px; text-align:center;border-bottom:1px #dddddd solid;}
.about_mod2_nav>ul>li{letter-spacing:normal; vertical-align:top; display:inline-block; text-align:center; -webkit-transition:all 0.1s ease-in-out; transition:all 0.1s ease-in-out; margin-right:30px; font-size:18px; line-height:50px; border-bottom:2px #666666 solid; cursor:pointer;}
.about_mod2_nav>ul>li:last-child{margin-right:0;}
.about_mod2_nav>ul>li:hover{border-bottom:2px #0073ff solid; color:#0073ff;}
.about_mod2_nav>ul>li.active{border-bottom:2px #0073ff solid!important; color:#0073ff;}
@media screen and (max-width: 768px) {
.about_mod2_nav{margin:10px 0;}
.about_mod2_nav>ul>li{font-size:14px; line-height:40px; margin-right:10px;}
}



.about_mod2_list{width:100%; display:block; padding:30px 0 0 0; box-sizing:border-box;}
.about_mod2_list ul{letter-spacing:-8px; box-sizing:border-box; display:flex; flex-wrap: wrap; border-bottom:0;}
.about_mod2_list ul li{overflow:hidden; letter-spacing:normal; vertical-align:top; position:relative; box-sizing:border-box; display:inline-block; -webkit-transition:all 0.1s ease-in-out; transition:all 0.1s ease-in-out; }
.about_mod2_list ul li .leftimg{width:500px; float:left;}
.about_mod2_list ul li .righttxt{float:right; width:calc(100% - 530px);}
.about_mod2_list ul li .righttxt br{display:block; content:""; height:12px;} 
.about_mod2_list ul li b,.about_mod2_list ul li strong{color:#0073ff; font-weight:700;}
@media screen and (max-width: 768px) {
.about_mod2_list{padding:15px 0 0 0;}
.about_mod2_list ul{display:block;}
.about_mod2_list ul li .leftimg{width:100%; float:none;}
.about_mod2_list ul li .righttxt{float:none; width:100%; margin-top:10px;}
}


.about_mod4{width:100%; display:block; overflow:hidden; padding:80px 0; box-sizing:border-box; background:#ffffff;}
.about_mod4 ul{letter-spacing:-8px; box-sizing:border-box; display:flex; flex-wrap: wrap; width:85%; margin:20px auto 40px;}
.about_mod4 ul li{overflow:hidden; width:22.75%; letter-spacing:normal; vertical-align:top; position:relative; box-sizing:border-box; display:inline-block; padding:30px; background:#ffffff; border-bottom:1px #eaeaea solid; cursor:pointer;}
.about_mod4 ul li:not(:nth-of-type(4n)){margin-right:3%;}
.about_mod4 ul li h2{font-size:16px; line-height:24px;margin-top:20px; font-weight:700; text-align:center;}
.about_mod4 ul li .about_mod4_img{ margin:0 auto; padding:20px; border:1px #eaeaea solid; border-radius:100%; width:fit-content;}
.about_mod4 ul li .about_mod4_img img{width:60px;}
.about_mod4 ul li .ptxt{margin-top:10px; opacity:0.8;}
.about_mod4 ul li:hover{box-shadow:0 0 10px 0 #f1f1f1; border-bottom:2px #0073ff solid!important;}
.about_mod4 ul li:hover .about_mod4_img{border:1px #0073ff solid; background:#0073ff;}
.about_mod4 ul li:hover .about_mod4_img img{filter:brightness(500%);}
.tabtech>ul>li.active{box-shadow:0 0 10px 0 #f1f1f1; border-bottom:2px #0073ff solid!important;}
.tabtech>ul>li.active .about_mod4_img{border:1px #0073ff solid; background:#0073ff;}
.tabtech>ul>li.active .about_mod4_img img{filter:brightness(500%);}
.tabtech .news_xxjs{width:85%; margin:0px auto;}
@media screen and (max-width: 768px) {
.about_mod4{padding:30px 0;}
.about_mod4 ul{display:block; width:100%; margin:10px auto 20px;}
.about_mod4 ul li{width:49%; padding:10px 0;}
.about_mod4 ul li:not(:nth-of-type(4n)){margin-right:0;}
.about_mod4 ul li:not(:nth-of-type(2n)){margin-right:2%;}
.about_mod4 ul li .about_mod4_img{padding:15px;}
.about_mod4 ul li .about_mod4_img img{width:30px;}
.about_mod4 ul li h2{font-size:13px; margin-top:10px; font-weight:normal;}
.about_mod4 ul li .ptxt{margin-top:10px; opacity:0.8;}
.tabtech .news_xxjs{width:100%; text-align:center}
.tabtech .news_xxjs img{width:auto; height:auto; max-width:100%; float:none; margin-bottom:10px;}
}



.about_mod5{width:100%; display:block; overflow:hidden; padding:80px 0; box-sizing:border-box; background:#f7f9fa;}
.about_mod5 .about_title{color:#ffffff;}
.about_mod5_left{float:left; width:40%; overflow:hidden; margin-top:20px; display:none;}
.about_mod5 ul{letter-spacing:-8px; box-sizing:border-box; width:80%; max-width:1100px; margin:30px auto 0;}
.about_mod5 ul li{overflow:hidden; width:48.5%; letter-spacing:normal; vertical-align:top; position:relative; box-sizing:border-box; display:inline-block; padding:20px 50px; background:#ffffff; border-radius:5px;}
.about_mod5 ul li:not(:nth-of-type(2n)){margin-right:3%;}
.about_mod5 ul li:nth-child(n+3){margin-top:3%;}
.about_mod5 ul li .leftpic{width:50px; float:left;}
.about_mod5 ul li .righttxt{ width:calc(100% - 50px); float:right; padding-left:20px; box-sizing:border-box;}
.about_mod5 ul li .righttxt h2{font-size:16px; font-weight:700;}
.about_mod5 ul li .righttxt .ptxt{margin-top:5px; opacity:0.8; line-height:24px; height:48px; overflow:hidden;}
@media screen and (max-width: 768px) {
.about_mod5{padding:30px 0; background:#f7f9fa!important;}
.about_mod5 .about_title{color:#222222;}
.about_mod5_left{float:none; width:0; margin-top:0;}
.about_mod5 ul{display:block; margin-top:20px; width:100%; float:none;}
.about_mod5 ul li{width:47.5%; padding:15px;}
.about_mod5 ul li:not(:nth-of-type(4n)){margin-right:0;}
.about_mod5 ul li:not(:nth-of-type(2n)){margin-right:5%;}
.about_mod5 ul li:nth-child(n+3){margin-top:20px;}
.about_mod5 ul li .leftpic{width:40px; float:none; margin:0 auto 10px;}
.about_mod5 ul li .righttxt{ width:100%; float:none; padding-left:0px; text-align:center;}
.about_mod5 ul li .righttxt h2{font-size:14px;}
.about_mod5 ul li .righttxt .ptxt{margin-top:5px; line-height:20px; height:60px;}
}



.about_mod6{width:100%; display:block; overflow:hidden; padding:80px 0; box-sizing:border-box; background:#ffffff;}
@media screen and (max-width: 768px) {
.about_mod6{padding:30px 0;}
}

/**发展历程**/
.mod33_factorys {position:relative; margin:30px auto 0; width:100%; padding:0 30px; box-sizing:border-box;}
.mod33_factorys .swiper-wrapper{display:flex;} 
.mod33_factorys .swiper-wrapper .swiper-slide{height:auto!important; box-sizing:border-box;}

.mod33_factorys_item{position:relative;display:block;}
.mod33_factorys_item h2{font-size:16px; line-height:1.1; padding:15px 40px 15px 40px; box-sizing:border-box; border-bottom:1px rgb(0,0,0,0.3) solid; font-weight:700;}
.mod33_factorys_item .ptxt{padding:25px 40px 0 40px; box-sizing:border-box;}
.mod33_factorys_item .ptxt b, .mod33_factorys_item .ptxt strong{font-size:14px; background:#0073ff; padding:10px 15px; border-radius:5px; color:#ffffff;}
.mod33_factorys_item .ptxt br{display:block; content:""; height:12px;} 

.factory-area-next{right:10px; width:52px; height:52px; color:#222222;top:3.5%;font-size:18px;}
.factory-area-prev{left:10px; width:52px; height:52px; color:#222222;top:3.5%;font-size:18px;}
@media screen and (max-width:768px) {
.mod33_factorys .swiper-wrapper .swiper-slide{padding:0px;}
.mod33_factorys{margin:20px auto 0; width:100%; padding:0 15px; box-sizing:border-box;}
.mod33_factorys_item{padding:0px;}
.mod33_factorys_item h2{padding:10px;}
.mod33_factorys_item .ptxt{font-size:12px; padding:20px 0px;}
.mod33_factorys_item .ptxt b, .mod33_factorys_item .ptxt strong{font-size:14px;}

.factory-area-next{right:-10px; width:30px; height:30px;top:5%;}
.factory-area-prev{left:-10px; width:30px; height:30px;top:5%;}
}





/*tech*/
.tech_mod1{width:100%; display:block; overflow:hidden; padding:80px 0; box-sizing:border-box; background:#f7f9fa;}
.tech_mod1 ul{letter-spacing:-8px; box-sizing:border-box; display:flex; flex-wrap: wrap; margin-top:20px;}
.tech_mod1 ul li{overflow:hidden; width:22.75%; letter-spacing:normal; vertical-align:top; position:relative; box-sizing:border-box; display:inline-block; padding:40px; background:#ffffff;box-shadow: 0 0 10px 0 #f1f1f1; border:1px #eaeaea solid; border-radius:10px;}
.tech_mod1 ul li:not(:nth-of-type(4n)){margin-right:3%;}
.tech_mod1 ul li h2{font-size:18px; line-height:24px;margin-top:20px; font-weight:700; text-align:center;}
.tech_mod1 ul li .ptxt{margin-top:10px; opacity:0.8; text-align:center;}
.tech_mod1 ul li img{ width:60px; margin:0 auto;}
@media screen and (max-width: 768px) {
.tech_mod1{padding:30px 0;}
.tech_mod1 ul{display:block; margin-top:10px;}
.tech_mod1 ul li{width:47.5%; padding:20px;}
.tech_mod1 ul li:not(:nth-of-type(4n)){margin-right:0;}
.tech_mod1 ul li:not(:nth-of-type(2n)){margin-right:5%;}
.tech_mod1 ul li:nth-child(n+3){margin-top:20px;}
.tech_mod1 ul li h2{font-size:14px; margin-top:10px;}
.tech_mod1 ul li .ptxt{margin-top:0px; opacity:0.8;}
}


.tech_mod2{width:100%; display:block; overflow:hidden; padding:80px 0 30px 0; box-sizing:border-box; background:#ffffff;}
.technav{width:100%; display:block; box-sizing:border-box; margin:20px 0;}
.technav>ul{letter-spacing:-8px; text-align:center; position:relative;}
.technav>ul:before{content: ''; position: absolute; left: 0; right: 0; top:50%; height:1px; background-color:#999999; transform: translateY(-50%);}  
.technav>ul>li{letter-spacing:normal; vertical-align:top; display:inline-block; text-align:center; -webkit-transition:all 0.1s ease-in-out; transition:all 0.1s ease-in-out; margin-right:25px; font-size:14px; line-height:50px;cursor:pointer; background:#ffffff; position:relative; padding:0 10px; box-sizing:border-box;}
.technav>ul>li em{width:12px; height:12px; background:#ffffff; border-radius:100%; box-sizing:border-box; margin-right:5px; display:inline-block; position:relative;}
.technav>ul>li em i{width:5px; height:5px; background:#222222; border-radius:100%; top:50%; left:50%;transform: translate(-50%, -50%); position:absolute;}
.technav>ul>li em::before{content:""; width:100%; height:100%; position:absolute; top:0px; left:0px; right:0px; bottom:0px; border:1px solid #222222; border-radius:100%;    box-sizing: border-box;}
.technav>ul>li:last-child{margin-right:0;}
.technav>ul>li:hover{color:#0073ff;}
.technav>ul>li.active{color:#0073ff;}
.technav>ul>li:hover em::before{border:1px solid #0073ff;}
.technav>ul>li:hover em i{background:#0073ff;}
.technav>ul>li.active em::before{border:1px solid #0073ff;}
.technav>ul>li.active em i{background:#0073ff;}
@media screen and (max-width: 768px) {
.tech_mod2{padding:30px 0;}
.technav{margin:10px 0;}
.technav>ul:before{display:none;}  
.technav>ul>li{display:inline-block; text-align:left; margin-right:0px; font-size:12px; line-height:40px;padding:0; width:50%; float:left;}
}

.techlist{width:100%; display:block; overflow:hidden; padding:10px 0 0 0; box-sizing:border-box; background:#ffffff;}
.techlist img{ width:auto; max-width:100%; margin:0 auto;}
@media screen and (max-width: 768px) {
.techlist{padding:20px 0 0 0;}
}



.tech_mod3{width:100%; display:block;}
.tech_mod3 ul{letter-spacing:-8px; box-sizing:border-box; display:flex; flex-wrap: wrap;}
.tech_mod3 ul li{overflow:hidden; width:100%; letter-spacing:normal; vertical-align:top; position:relative; box-sizing:border-box; display:inline-block;padding:80px 0; background:#f7f9fa;}
.tech_mod3 ul li:nth-child(2) , .tech_mod3 ul li:nth-child(4){background:#ffffff url(../images/tech_bg.jpg) center center no-repeat; background-size:100%;}
.tech_mod3 ul li .lymain{display:flow-root;}
.tech_mod3 ul li .leftbox{float:left; margin-right:5%;}
.tech_mod3 ul li .rightbox{float:right;}
.tech_mod3 ul li .picbox{width:46.5%;}
.tech_mod3 ul li .textbox{width:48.5%; position:absolute; left:0; top:50%;  transform: translateY(-50%);}
.tech_mod3 ul li .textbox2{width:47.5%; position:absolute; right:0; top:50%;  transform: translateY(-50%);}
.tech_mod3 ul li  h2{font-size:32px; line-height:1.2;}
.tech_mod3 ul li .ptxt{margin-top:10px; opacity:0.8;}

@media screen and (max-width:1600px){  
.tech_mod3 ul li  h2{font-size:32px;}
}  

@media screen and (max-width:1380px){  
.tech_mod3 ul li  h2{font-size:24px;}
}  

@media screen and (max-width:1200px){  
.tech_mod3 ul li  h2{font-size:20px;}
}  

@media screen and (max-width:992px) {
.tech_mod3 ul li  h2{font-size:18px;}
}

@media screen and (max-width: 768px) {
.tech_mod3{}
.tech_mod3 ul{display:block;}
.tech_mod3 ul li{width:100%; padding:30px;}
.tech_mod3 ul li .lymain{display:block; width:100%;}
.tech_mod3 ul li .leftbox{float:none; margin-right:0;}
.tech_mod3 ul li .rightbox{float:none;}
.tech_mod3 ul li .picbox{width:100%;}
.tech_mod3 ul li .textbox{width:100%; position:relative; left:0; top:0;  transform:translateY(0); margin-top:20px;}
.tech_mod3 ul li .textbox2{width:100%; position:relative; right:0; top:0;  transform:translateY(0); margin-top:20px;}
.tech_mod3 ul li  h2{font-size:18px;}
.tech_mod3 ul li  .ptxt{margin-top:20px; opacity:0.8; font-size:14px;}
}




/*cust*/
.cust_mod1{width:100%; display:block; overflow:hidden; padding:80px 0; box-sizing:border-box; background:#ffffff;}
.cust_mod1 ul{letter-spacing:-8px; box-sizing:border-box; display:flex; flex-wrap: wrap; margin-top:20px;}
.cust_mod1 ul li{overflow:hidden; width:31.333%; letter-spacing:normal; vertical-align:top; position:relative; box-sizing:border-box; display:inline-block; padding:40px; background:#ffffff;box-shadow: 0 0 10px 0 #f1f1f1;border:1px #eaeaea solid; border-radius:10px;}
.cust_mod1 ul li:not(:nth-of-type(3n)){margin-right:3%;}
.cust_mod1 ul li h2{font-size:18px; line-height:24px;margin-top:20px; font-weight:700; text-align:center;}
.cust_mod1 ul li .ptxt{margin-top:15px; opacity:0.8; text-align:center;}
.cust_mod1 ul li img{ width:60px; margin:0 auto;}
@media screen and (max-width: 768px) {
.cust_mod1{padding:30px 0;}
.cust_mod1 ul{display:block; margin-top:10px;}
.cust_mod1 ul li{width:100%; padding:20px;}
.cust_mod1 ul li:not(:nth-of-type(3n)){margin-right:0;}
.cust_mod1 ul li:nth-child(n+2){margin-top:20px;}
.cust_mod1 ul li h2{font-size:14px; margin-top:10px;}
.cust_mod1 ul li .ptxt{margin-top:0px; opacity:0.8;}
}


.cust_mod2{width:100%; display:block; overflow:hidden; padding:80px 0; box-sizing:border-box; background:#f7f9fa;}
.cust_mod2_box{width:100%; overflow:hidden;}
.cust_mod2_box_txt{margin-top:10px; box-sizing:border-box; text-align:center;}
.cust_mod2_box_txt img{width:auto; max-width:100%; margin-right:20px; margin-bottom:20px;}
.cust_mod2_box2{width:100%;}
.cust_mod2_box2 ul{letter-spacing:-8px; box-sizing:border-box; display:flex; flex-wrap: wrap; margin-top:20px;}
.cust_mod2_box2 ul li{overflow:hidden; width:31.333%; letter-spacing:normal; vertical-align:top; position:relative; box-sizing:border-box; display:inline-block; background:#ffffff;box-shadow: 0 0 10px 0 #f1f1f1; border:1px #eaeaea solid; border-radius:10px;}
.cust_mod2_box2 ul li:not(:nth-of-type(3n)){margin-right:3%;}
.cust_mod2_box2 ul li p{padding:10px; text-align:center; box-sizing:border-box;}
@media screen and (max-width: 768px) {
.cust_mod2{padding:30px 0;}
.cust_mod2_box2 ul{display:block; margin-top:10px;}
.cust_mod2_box2 ul li{width:100%;}
.cust_mod2_box2 ul li:not(:nth-of-type(3n)){margin-right:0;}
.cust_mod2_box2 ul li:nth-child(n+2){margin-top:20px;}
}


.cust_mod3{width:100%; padding:80px 0; background:#ffffff;}
.cust_mod3 ul{letter-spacing:-8px; box-sizing:border-box; display:flex; flex-wrap: wrap; margin-top:50px;}
.cust_mod3 ul li{width:13.6%; letter-spacing:normal; vertical-align:top; position:relative; box-sizing:border-box; display:inline-block; background:#ffffff;}
.cust_mod3 ul li:not(:nth-of-type(5n)){margin-right:8%;}
.cust_mod3 ul li h2{text-align:center; box-sizing:border-box; font-size:18px; font-weight:700; margin-bottom:10px;}
.cust_mod3 ul li p{padding:0px 20px; text-align:center; box-sizing:border-box; opacity:0.8;}
.cust_mod3 ul li img{ width:40px; height:40px; margin:0 auto;}
.cust_mod3 ul:before{content: ''; position: absolute; left: 0; right: 0; top:50%; height:1px; background-color:#999999; transform: translateY(-50%);}  
@media screen and (max-width: 768px) {
.cust_mod3{margin:30px 0;}
.cust_mod3 ul{display:block; margin-top:20px;}
.cust_mod3 ul li{overflow:hidden; width:31.333%;}
.cust_mod3 ul li:not(:nth-of-type(5n)){margin-right:0;}
.cust_mod3 ul li:not(:nth-of-type(3n)){margin-right:3%;}
.cust_mod3 ul li:nth-child(n+4){margin-top:20px;}
.cust_mod3 ul li h2{font-size:14px; margin-bottom:0;}
.cust_mod3 ul li p{padding:0px; margin-top:0;}
.cust_mod3 ul:before{height:0px;}  
}


.cust_mod4{width:100%; display:block; overflow:hidden; padding:80px 0; box-sizing:border-box; background:#f7f9fa;}
.cust_mod4 ul{letter-spacing:-8px; box-sizing:border-box; display:flex; flex-wrap: wrap; margin-top:20px;}
.cust_mod4 ul li{overflow:hidden; width:31.333%; letter-spacing:normal; vertical-align:top; position:relative; box-sizing:border-box; display:inline-block; padding:40px; background:#ffffff;box-shadow: 0 0 10px 0 #f1f1f1;border:1px #eaeaea solid; border-radius:10px;}
.cust_mod4 ul li:not(:nth-of-type(3n)){margin-right:3%;}
.cust_mod4 ul li h2{font-size:18px; line-height:24px; margin-top:10px; font-weight:700; text-align:center; margin-bottom:10px;}
.cust_mod4 ul li .ptxt{opacity:0.8; text-align:center;}
.cust_mod4 ul li img{width:40px; height:40px; margin:0 auto;}
@media screen and (max-width: 768px) {
.cust_mod4{padding:30px 0;}
.cust_mod4 ul{display:block; margin-top:10px;}
.cust_mod4 ul li{width:100%; padding:20px;}
.cust_mod4 ul li:not(:nth-of-type(3n)){margin-right:0;}
.cust_mod4 ul li:nth-child(n+2){margin-top:20px;}
.cust_mod4 ul li h2{font-size:14px; margin-top:10px;}
.cust_mod4 ul li .ptxt{margin-top:0px; opacity:0.8;}
}


.cust_mod5{width:100%; display:block; overflow:hidden; box-sizing:border-box; background:#ffffff; position:relative;}
.cust_mod5 .lymain{position:absolute; z-index:3; left:50%; top:50%;  transform: translate(-50%, -50%); width:90%;}
.cust_mod5 .about_title{color:#ffffff;}
.cust_mod5 .about_title_ptxt{color:#ffffff;}
.cust_mod5_btn{width:fit-content; margin:20px auto 0; padding:0 40px; height:45px; line-height:45px; font-size:18px; border-radius:25px; background:#0073ff; color:#ffffff;transition:all .3s ease-in-out;}
.cust_mod5_btn a{color:#ffffff;}
.cust_mod5_btn:hover{background:#ff6600; color:#ffffff;}
@media screen and (max-width: 768px) {
.cust_mod5 .about_title{font-size:14px;}
.cust_mod5 .picbg{display:flex; justify-content: center; height:300px; overflow: hidden;}
.cust_mod5 .picbg img{height:300px; object-fit:cover;}
}



/*service*/
.service_mod1{width:100%; display:block; overflow:hidden; padding:80px 0; box-sizing:border-box; background:#ffffff;}
.service_mod1 ul{letter-spacing:-8px; box-sizing:border-box; display:flex; flex-wrap: wrap; margin-top:20px;}
.service_mod1 ul li{overflow:hidden; width:31.333%; letter-spacing:normal; vertical-align:top; position:relative; box-sizing:border-box; display:inline-block; padding:40px; background:#ffffff;box-shadow: 0 0 10px 0 #f1f1f1;border:1px #eaeaea solid; border-radius:10px;}
.service_mod1 ul li:not(:nth-of-type(3n)){margin-right:3%;}
.service_mod1 ul li h2{font-size:16px; line-height:24px;margin-top:20px; font-weight:700; text-align:center;}
.service_mod1 ul li img{width:40px; height:40px; margin:0 auto;}
.service_mod1 ul li .ptxt{line-height:24px; text-align:center; opacity:0.8; margin-top:10px;}
@media screen and (max-width: 768px) {
.service_mod1{padding:30px 0;}
.service_mod1 ul{display:block; margin-top:10px;}
.service_mod1 ul li{width:100%; padding:20px;}
.service_mod1 ul li:not(:nth-of-type(3n)){margin-right:0;}
.service_mod1 ul li:nth-child(n+2){margin-top:20px;}
.service_mod1 ul li h2{font-size:14px; margin-top:0px;}
.service_mod1 ul li .ptxt{line-height:20px;}
}


.service_mod2{width:100%; display:block; overflow:hidden; padding:80px 0; box-sizing:border-box; background:#f7f9fa;}
.service_mod2 ul{letter-spacing:-8px; box-sizing:border-box; display:flex; flex-wrap: wrap; margin-top:20px;}
.service_mod2 ul li{overflow:hidden; width:31.333%; letter-spacing:normal; vertical-align:top; position:relative; box-sizing:border-box; display:inline-block; background:#ffffff;box-shadow: 0 0 10px 0 #f1f1f1;border:1px #eaeaea solid; border-radius:10px;}
.service_mod2 ul li:not(:nth-of-type(3n)){margin-right:3%;}
.service_mod2 ul li h2{font-size:16px; line-height:24px;margin-top:20px; font-weight:700; text-align:center; margin-bottom:20px;}
@media screen and (max-width: 768px) {
.service_mod2{padding:30px 0;}
.service_mod2 ul{display:block; margin-top:10px;}
.service_mod2 ul li{width:100%;}
.service_mod2 ul li:not(:nth-of-type(3n)){margin-right:0;}
.service_mod2 ul li:nth-child(n+2){margin-top:20px;}
.service_mod2 ul li h2{font-size:14px; margin-top:10px;margin-bottom:10px;}
}


.service_mod3{width:100%; display:block; overflow:hidden; padding:80px 0; box-sizing:border-box; background:#ffffff;}
.service_mod3_pic{margin-top:20px; overflow:hidden; text-align:center}
.service_mod3_pic img{margin:0 auto; width:100%;}
.service_mod3_div{overflow:hidden;}
.service_mod3_div ul{display:flex; flex-wrap: wrap; margin-top:20px; overflow:hidden;}
.service_mod3_div ul li{width:50%; display:inline-block;}
.service_mod3_div ul li h2{font-size:18px; font-weight:700;}
.service_mod3_div ul li .ptxt1{color:#0073ff; font-size:16px;}
@media screen and (max-width: 768px) {
.service_mod3{padding:30px 0;}
.service_mod3_div ul{display:block; margin-top:10px;}
.service_mod3_div ul li{width:100%;}
.service_mod3_div ul li:first-child{margin-bottom:10px;}
.service_mod3_div ul li h2{font-size:16px;}
.service_mod3_div ul li .ptxt1{color:#0073ff; font-size:14px;}
}


.service_mod4{width:100%; display:block; overflow:hidden; padding:80px 0; box-sizing:border-box; background:#f7f9fa;}
.service_mod4 ul{letter-spacing:-8px; box-sizing:border-box; display:flex; flex-wrap: wrap; margin-top:20px;}
.service_mod4 ul li{overflow:hidden; width:31.333%; letter-spacing:normal; vertical-align:top; position:relative; box-sizing:border-box; display:inline-block; background:#ffffff;box-shadow: 0 0 10px 0 #f1f1f1; border:1px #eaeaea solid;  border-radius:10px;}
.service_mod4 ul li:not(:nth-of-type(3n)){margin-right:3%;}
.service_mod4_txt{padding:30px; box-sizing:border-box;}
.service_mod4 ul li h2{font-size:16px; line-height:24px; font-weight:700; text-align:center; margin-bottom:5px;}
.service_mod4 ul li .ptxt{line-height:24px; text-align:center; opacity:0.8;}
.service_mod4 ul li img{width:40px; height:40px; margin:0 auto;}
@media screen and (max-width: 768px) {
.service_mod4{padding:30px 0;}
.service_mod4 ul{display:block; margin-top:10px;}
.service_mod4 ul li{width:100%;}
.service_mod4 ul li:not(:nth-of-type(3n)){margin-right:0;}
.service_mod4 ul li:nth-child(n+2){margin-top:20px;}
.service_mod4_txt{padding:15px 30px;}
.service_mod4 ul li h2{font-size:14px;}
.service_mod4 ul li .ptxt{line-height:20px;}
}


.service_mod44{width:100%; display:block; overflow:hidden; padding:80px 0; box-sizing:border-box; background:#ffffff;}
/*
.service_mod44 ul{letter-spacing:-8px; box-sizing:border-box; display:flex; flex-wrap: wrap; margin-top:20px;}
.service_mod44 ul li{overflow:hidden; width:31.333%; letter-spacing:normal; vertical-align:top; position:relative; box-sizing:border-box; display:inline-block; background:#ffffff;box-shadow: 0 0 10px 0 #f1f1f1; border:1px #eaeaea solid;  border-radius:10px;}
.service_mod44 ul li:not(:nth-of-type(3n)){margin-right:3%;}
.service_mod44_txt{padding:30px; box-sizing:border-box;}
.service_mod44 ul li h2{font-size:16px; line-height:24px; font-weight:700; text-align:center; margin-bottom:5px;}
.service_mod44 ul li .ptxt{line-height:24px; text-align:center; opacity:0.8;}
.service_mod44 ul li img{ width:80px; height:80px; padding:20px; box-sizing:border-box; margin:40px auto 0; background:#0073ff; border-radius:10px;}
*/
@media screen and (max-width: 768px) {
.service_mod44{padding:30px 0;}
/*
.service_mod44 ul{display:block; margin-top:10px;}
.service_mod44 ul li{width:100%;}
.service_mod44 ul li:not(:nth-of-type(3n)){margin-right:0;}
.service_mod44 ul li:nth-child(n+2){margin-top:20px;}
.service_mod44_txt{padding:15px 30px;}
.service_mod44 ul li h2{font-size:14px;}
.service_mod44 ul li .ptxt{line-height:20px;}
.service_mod44 ul li img{ width:60px; height:60px; padding:10px; margin:20px auto 0;}
*/
}

/*培训服务*/
.solutions{overflow:hidden;}
#solu_pc{display:block;}
#solu_mob{display:none;}
.solu_left{float:left; left:0;}
.solu_right{float:right; right:0;}
.solutionsul{letter-spacing:-8px;}
.solutionsul li{overflow:hidden; width:100%; background:#f7f9fa; letter-spacing:normal; vertical-align:top; position:relative; margin:20px 0; display:flex;}
.solutionsul .imgbox {width:50%; display:inline-block; overflow:hidden;}
.solutionsul .imgbox img {width:100%; height:auto; display:block;}
.solutions_info {padding:0px 80px; position:relative; z-index:2; width:50%; box-sizing:border-box; position:absolute; top:50%; transform:translateY(-50%);}
.solutions_info h3 {font-weight:700; padding-bottom:5px; text-align:left;}
.solutions_info .ptxt{overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:6; -webkit-box-orient: vertical; opacity:0.8;}
@media screen and (max-width: 768px) {
#solu_pc{display:none;}
#solu_mob{display:block;}
.solutionsul{ padding:0; margin-top:0;}
.solutionsul li{margin:0 0 20px 0; display:block;}
.solutionsul .imgbox {width:100%;}
.solutions_info {padding:20px; width:100%; position:relative; top:0;transform:translateY(0);}
.solutions_info h3 {font-size:14px; line-height:20px; padding-bottom:10px;}
.solutions_info .ptxt {overflow:hidden;-webkit-line-clamp:10;font-size:14px; line-height:24px;}
}




/*解决方案*/
.solution{position:relative; padding:30px 0; box-sizing:border-box; display:flow-root;}

.solution_left{width:250px; float:left;}
.solution_left .lefttitle{margin-bottom:10px; padding-left:20px; box-sizing:border-box; font-weight:700; color:#0073ff;}
.solution_left ul{overflow:hidden; background:#ffffff;}
.solution_left ul li{display:block; width:100%;}
.solution_left ul li h2{line-height:55px; height:55px; padding:0 20px; box-sizing:border-box; font-size:16px; font-weight:700;}
.solution_left ul li h2 span{float:right;}
.solution_left ul li h2 span img{width:12px; height:auto; margin-top:21px;}
.solution_left ul li .ptxt{padding:5px 20px; box-sizing:border-box; opacity:0.8; line-height:30px; font-size:14px; display:none;}
.solution_left ul li:hover{background:#f3f3f3;}
#h2onsec{background:#0073ff; color:#ffffff;}
#h2onsec a{color:#ffffff;}
#h2onsec + .ptxt{display: block;}

.solution_right{width:calc(100% - 310px); float:right; scroll-margin-top:100px;}
.solution_right .productban{margin-bottom:50px;}
@media screen and (max-width: 768px) {
.solution{padding:15px 0;}
.solution_left{display:none;}
.solution_right{width:100%; float:none;}
.solution_right .productban{margin-bottom:25px;}
}


/*解决方案右侧上半部分*/
.solution_top{width:100%; display:block; overflow:hidden; padding:0 0 50px 0; box-sizing:border-box;}
.solution_top ul{letter-spacing:-8px; box-sizing:border-box; display:flex; flex-wrap: wrap;}
.solution_top ul li{overflow:hidden; width:31.333%; letter-spacing:normal; vertical-align:top; position:relative; box-sizing:border-box; display:inline-block; padding:40px; background:#ffffff;box-shadow: 0 0 10px 0 #f1f1f1; border:1px #eaeaea solid; border-radius:10px;}
.solution_top ul li:not(:nth-of-type(3n)){margin-right:3%;}
.solution_top ul li:nth-child(n+4){margin-top:3%;}
.solution_top ul li h2{font-size:16px; line-height:24px;font-weight:700; text-align:center;}
.solution_top ul li .ptxt{margin-top:10px; opacity:0.8; text-align:center;}
.solution_top ul li img{ width:60px; margin:0 auto;}
@media screen and (max-width: 768px) {
.solution_top{padding:20px 0;}
.solution_top ul{display:block;}
.solution_top ul li{width:100%; padding:20px;}
.solution_top ul li:not(:nth-of-type(3n)){margin-right:0;}
.solution_top ul li:nth-child(n+2){margin-top:3%;}
.solution_top ul li h2{font-size:14px; margin-top:10px;}
.solution_top ul li .ptxt{margin-top:0px; opacity:0.8;}
.solution_top ul li .picmove_box2{padding:0;}
}


/*解决方案右侧下半部分*/
.solution_end{width:100%; padding:0 0 50px 0; position:relative;}
.solutionlist{display:block; margin-top:10px; box-sizing:border-box; padding:10px 0;}
.solutionlist li {float:left; width:100%; position:relative; display:block; overflow:hidden;}
.swiper-button-next.solutionlist-area-next {top:45%; right:-40px; width:40px; height:40px;color:#161616; transition:all .3s ease-in-out; font-size:24px;}
.swiper-button-prev.solutionlist-area-prev {top:45%; left: -40px; width:40px; height:40px;color:#161616; transition:all .3s ease-in-out; font-size:24px;}
.swiper-button-next.solutionlist-area-next:hover {color:#0073ff;}
.swiper-button-prev.solutionlist-area-prev:hover {color:#0073ff;}
.solutionlist_box{margin-top:10px; width:100%; text-align:center;}
.solutionlist_box h3{font-size:16px;line-height:1.2;}
.solutionlist_box_over_bg{position:absolute; width:100%; height:100%; background:rgb(0,0,0,0.5); opacity:0;-webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;z-index:2;}
.solutionlist_box_over{position:absolute; width:100%; top:50%; transform:translateY(-50%); padding:0 10%;  box-sizing:border-box; color:#ffffff; opacity:0;-webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out; z-index:3; -webkit-line-clamp:7; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-box-orient:vertical; line-height:30px!important;}
.solutionlist_box_over p{line-height:30px!important;}

.solutionlist li:hover .solutionlist_box_over_bg{opacity:1;}
.solutionlist li:hover .solutionlist_box_over{opacity:1;}
@media screen and (max-width: 768px) {
.solution_end{padding:10px 0 20px 0;}
.swiper-button-next.solutionlist-area-next {right:-22px; width:30px; height:30px; font-size:14px;}
.swiper-button-prev.solutionlist-area-prev {left:-22px; width:30px; height:30px; font-size:14px;}
.solutionlist_box h3{font-size:16px;}
}



/*解决方案页面的应用案例*/
.solution_case{display:block; margin:0 auto 50px;}
.solution_case ul{letter-spacing:-8px; margin-top:20px;}
.solution_case ul li{display:flex; letter-spacing:normal; vertical-align:top; -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out; position:relative;  background:#fff; box-sizing:border-box; border-radius:5px; overflow:hidden; border:1px #f5f5f5 solid; box-shadow:0 0 2px 0 #e2e8ee;}
.solution_case ul li:nth-child(n+2){margin-top:3%;}
.solution_case ul li:hover{box-shadow:0 0 10px 0 #e2e8ee; border:1px #dddddd solid;}
.solution_case ul li .imgbox{ width:23.8%; float:left;}
.solution_case ul li .imgbox img{width:100%;}
.solution_case ul li .news_box{width:76.2%; float:right; padding:2%; box-sizing:border-box;}
.solution_case ul li .news_title{font-size:16px; font-weight:700; margin-bottom:5px; line-height:24px; -webkit-line-clamp:1; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-box-orient:vertical;}
.solution_case ul li .ptxt{-webkit-line-clamp:3; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-box-orient:vertical; color:#666;}
.solution_case ul li .news_box_btn{text-align:right;}
.solution_case .btn{ margin:30px auto 0; width:fit-content; padding:5px 35px; box-sizing:border-box; border:1px #dddddd solid; border-radius:25px; font-size:14px;}
@media screen and (max-width:1560px) {
.solution_case ul li .ptxt{-webkit-line-clamp:2;}
}
@media screen and (max-width:768px) {
.solution_case{display:block; margin:0 auto 20px;}
.solution_case ul{margin-top:10px;}
.solution_case ul li{width:100%; display:block;}
.solution_case ul li:nth-child(n+2){margin-top:5%;}
.solution_case ul li .imgbox{ width:100%; float:none;}
.solution_case ul li .news_box{width:100%; float:none; padding:5%;}
.solution_case ul li .news_title{font-size:14px; margin:5px 0;}
.solution_case ul li .ptxt{height:auto; -webkit-line-clamp:3;}
.solution_case .btn{ margin:15px auto 0; font-size:12px;}
}


/*解决方案页面的联系我们和推荐产品*/
.solution_contact{display:block; margin:0 auto 20px; overflow:hidden;}
.solution_contact ul{letter-spacing:-8px; margin-top:20px;}
.solution_contact ul li{float:left; width:48.5%; letter-spacing:normal; vertical-align:top; -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out; position:relative;  background:#fff; padding:2%; box-sizing:border-box; border-radius:5px; overflow:hidden; border:1px #f5f5f5 solid; box-shadow:0 0 2px 0 #e2e8ee;}
.solution_contact ul li:not(:nth-of-type(2n)){margin-right:3%;}
.solution_contact ul li:hover{box-shadow:0 0 10px 0 #e2e8ee; border:1px #dddddd solid;}
.solution_contact ul li img{width:70px; margin-right:15px; float:left;}
.solution_contact ul li .prod_title{text-align:left;font-size:24px; margin-top:8px;}
.solution_contact ul li p{opacity:0.8;}
.solution_contact_btn{position:absolute; right:3%; top:50%; transform:translateY(-50%);width:fit-content; padding:5px 20px; box-sizing:border-box; border:1px #dddddd solid; border-radius:25px; font-size:14px;}
@media screen and (max-width:1380px) {
.solution_contact ul li .prod_title{font-size:20px; margin-top:10px;}
.solution_contact_btn{font-size:12px;}
}

@media screen and (max-width:768px) {
.solution_contact ul{margin-top:10px;}
.solution_contact ul li{float:none; width:100%;padding:5% 3%;}
.solution_contact ul li:not(:nth-of-type(2n)){margin-right:0;}
.solution_contact ul li:nth-child(n+2){margin-top:5%;}
.solution_contact ul li img{width:50px; margin-right:6px;}
.solution_contact ul li .prod_title{font-size:16px; margin-top:5px;}

}


.service_mod5{width:100%; display:block; padding:80px 0; box-sizing:border-box; background:#ffffff;}
.service_mod5 ul{letter-spacing:-8px; box-sizing:border-box; display:flex; flex-wrap: wrap; margin-top:20px;}
.service_mod5 ul li{overflow:hidden; width:31.333%; letter-spacing:normal; vertical-align:top; position:relative; box-sizing:border-box; display:inline-block; background:#ffffff;box-shadow: 0 0 10px 0 #f1f1f1;border:1px #eaeaea solid; border-radius:10px;}
.service_mod5 ul li:not(:nth-of-type(3n)){margin-right:3%;}
.service_mod5 ul li h2{font-size:14px; line-height:24px;margin-top:10px; text-align:center; margin-bottom:10px;}
@media screen and (max-width: 768px) {
.service_mod5{padding:30px 0;}
.service_mod5 ul{display:block; margin-top:10px;}
.service_mod5 ul li{width:100%;}
.service_mod5 ul li:not(:nth-of-type(3n)){margin-right:0;}
.service_mod5 ul li:nth-child(n+2){margin-top:20px;}
.service_mod5 ul li h2{font-size:14px; margin-top:10px;margin-bottom:10px;}
}


.service_mod55{width:100%; display:block; padding:80px 0; box-sizing:border-box; background:#f7f9fa;}
.service_mod55 ul{letter-spacing:-8px; box-sizing:border-box; display:flex; flex-wrap: wrap; margin-top:20px;}
.service_mod55 ul li{overflow:hidden; width:31.333%; letter-spacing:normal; vertical-align:top; position:relative; box-sizing:border-box; display:inline-block; background:#ffffff;box-shadow: 0 0 10px 0 #f1f1f1;border:1px #eaeaea solid; border-radius:10px;}
.service_mod55 ul li:not(:nth-of-type(3n)){margin-right:3%;}
.service_mod55 ul li h2{font-size:14px; line-height:24px;margin-top:10px; text-align:center; margin-bottom:10px;}
@media screen and (max-width: 768px) {
.service_mod55{padding:30px 0;}
.service_mod55 ul{display:block; margin-top:10px;}
.service_mod55 ul li{width:100%;}
.service_mod55 ul li:not(:nth-of-type(3n)){margin-right:0;}
.service_mod55 ul li:nth-child(n+2){margin-top:20px;}
.service_mod55 ul li h2{font-size:14px; margin-top:10px;margin-bottom:10px;}
}



.service_mod6{width:100%; display:block; overflow:hidden; padding:80px 0; box-sizing:border-box; background:#ffffff;}
@media screen and (max-width: 768px) {
.service_mod6{padding:30px 0;}
}


.service_mod7{width:100%; display:block; overflow:hidden; padding:80px 0; box-sizing:border-box; background:#f7f9fa;}
.service_mod7 ul{letter-spacing:-8px; box-sizing:border-box; display:flex; flex-wrap: wrap; margin-top:20px;}
.service_mod7 ul li{overflow:hidden; width:31.333%; letter-spacing:normal; vertical-align:top; position:relative; box-sizing:border-box; display:inline-block; background:#ffffff;box-shadow: 0 0 10px 0 #f1f1f1; border:1px #eaeaea solid; border-radius:10px;}
.service_mod7 ul li:not(:nth-of-type(3n)){margin-right:3%;}
.service_mod7_txt{padding:20px 50px; box-sizing:border-box;}
.service_mod7 ul li h2{font-size:18px; line-height:24px; font-weight:700; text-align:center; margin-bottom:10px;}
.service_mod7 ul li .ptxt{text-align:center; opacity:0.8;}
@media screen and (max-width: 768px) {
.service_mod7{padding:30px 0;}
.service_mod7 ul{display:block; margin-top:10px;}
.service_mod7 ul li{width:100%;}
.service_mod7 ul li:not(:nth-of-type(3n)){margin-right:0;}
.service_mod7 ul li:nth-child(n+2){margin-top:20px;}
.service_mod7_txt{padding:15px 30px;}
.service_mod7 ul li h2{font-size:14px;}
.service_mod7 ul li .ptxt{line-height:20px;}
}


.service_mod8{width:100%; display:block; overflow:hidden; padding:80px 0; box-sizing:border-box; background:#ffffff;}
.service_mod8 ul{letter-spacing:-8px; box-sizing:border-box; display:flex; flex-wrap: wrap; margin-top:20px;}
.service_mod8 ul li{overflow:hidden; width:31.333%; letter-spacing:normal; vertical-align:top; position:relative; box-sizing:border-box; display:inline-block; background:#ffffff;box-shadow: 0 0 10px 0 #f1f1f1; border:1px #eaeaea solid;  border-radius:10px;}
.service_mod8 ul li:not(:nth-of-type(3n)){margin-right:3%;}
.service_mod8_txt{padding:30px; box-sizing:border-box;}
.service_mod8 ul li h2{font-size:16px; line-height:24px; font-weight:700; text-align:center; margin-bottom:5px;}
.service_mod8 ul li .ptxt{line-height:24px; text-align:center; opacity:0.8;}
.service_mod8 ul li img{width:40px; height:40px; margin:0 auto;}
@media screen and (max-width: 768px) {
.service_mod8{padding:30px 0;}
.service_mod8 ul{display:block; margin-top:10px;}
.service_mod8 ul li{width:100%;}
.service_mod8 ul li:not(:nth-of-type(3n)){margin-right:0;}
.service_mod8 ul li:nth-child(n+2){margin-top:20px;}
.service_mod8_txt{padding:15px 30px;}
.service_mod8 ul li h2{font-size:14px;}
.service_mod8 ul li .ptxt{line-height:20px;}
}



.service_mod9{width:100%; display:block; overflow:hidden; padding:80px 0; box-sizing:border-box; background:#ffffff;}
.service_mod9 ul{letter-spacing:-8px; box-sizing:border-box; display:flex; flex-wrap: wrap; margin-top:20px;}
.service_mod9 ul li{overflow:hidden; width:22.75%; letter-spacing:normal; vertical-align:top; position:relative; box-sizing:border-box; display:inline-block; background:#ffffff;box-shadow: 0 0 10px 0 #f1f1f1; border:1px #eaeaea solid;  border-radius:10px; padding:30px;}
.service_mod9 ul li:not(:nth-of-type(4n)){margin-right:3%;}
.service_mod9_txt{padding:0px; box-sizing:border-box;}
.service_mod9_txt h2{font-size:16px; line-height:24px; text-align:center;}
.service_mod9_txt .ptxt{line-height:24px; text-align:center; opacity:0.8;}
.service_mod9 ul li img{width:40px; height:40px; margin:0 auto;}
@media screen and (max-width: 768px) {
.service_mod9{padding:30px 0;}
.service_mod9 ul{display:block; margin-top:10px;}
.service_mod9 ul li{width:47.5%;}
.service_mod9 ul li:not(:nth-of-type(3n)){margin-right:0;}
.service_mod9 ul li:not(:nth-of-type(2n)){margin-right:5%;}
.service_mod9 ul li:nth-child(n+3){margin-top:20px;}
.service_mod9_txt{padding:15px;}
.service_mod9_txt h2{font-size:14px;}
.service_mod9_txt .ptxt{line-height:20px;}
}


.service_mod10{width:100%; display:block; overflow:hidden; padding:80px 0; box-sizing:border-box; background:#f7f9fa;}
.service_mod10 ul{letter-spacing:-8px; box-sizing:border-box; display:flex; flex-wrap: wrap; margin-top:20px;}
.service_mod10 ul li{overflow:hidden; width:22.75%; letter-spacing:normal; vertical-align:top; position:relative; box-sizing:border-box; display:inline-block; background:#ffffff;box-shadow: 0 0 10px 0 #f1f1f1; border:1px #eaeaea solid;  border-radius:10px;}
.service_mod10 ul li:not(:nth-of-type(4n)){margin-right:3%;}
.service_mod10_txt{padding:30px; box-sizing:border-box;}
.service_mod10_txt h2{font-size:16px; line-height:24px; font-weight:700; text-align:left; margin-bottom:5px; color:#0073ff;}
.service_mod10_txt .ptxt{text-align:left; opacity:0.8;}
@media screen and (max-width: 768px) {
.service_mod10{padding:30px 0;}
.service_mod10 ul{display:block; margin-top:10px;}
.service_mod10 ul li{width:100%;}
.service_mod10 ul li:not(:nth-of-type(3n)){margin-right:0;}
.service_mod10 ul li:nth-child(n+2){margin-top:20px;}
.service_mod10_txt{padding:15px;}
.service_mod10_txt h2{font-size:14px;}
.service_mod10_txt .ptxt{line-height:20px;}
}


.service_mod11{width:100%; display:block; overflow:hidden; padding:80px 0; box-sizing:border-box; background:#ffffff;}
.service_mod11 ul{letter-spacing:-8px; box-sizing:border-box; display:flex; flex-wrap: wrap; margin-top:20px;}
.service_mod11 ul:before{content: ''; position: absolute; left: 0; right: 0; top:60%; height:1px; background-color:#999999; transform: translateY(-60%);}  
.service_mod11 ul li{width:19.75%; letter-spacing:normal; vertical-align:top; position:relative; box-sizing:border-box; display:inline-block; background:#ffffff;}
.service_mod11 ul li:not(:nth-of-type(4n)){margin-right:7%;}
.service_mod11_txt{padding:0px 30px 30px 30px; box-sizing:border-box;}
.service_mod11_txt h2{font-size:16px; line-height:24px; text-align:center;}
.service_mod11_txt .ptxt{line-height:24px; text-align:center; opacity:0.8;}
.service_mod11 ul li img{width:40px; height:40px; margin:0 auto;}
@media screen and (max-width: 768px) {
.service_mod11{padding:30px 0;}
.service_mod11 ul{display:block; margin-top:10px;}
.service_mod11 ul:before{display:none;}  
.service_mod11 ul li{width:47.5%;background:#ffffff;box-shadow: 0 0 10px 0 #f1f1f1; border:1px #eaeaea solid;  border-radius:10px;}
.service_mod11 ul li:not(:nth-of-type(3n)){margin-right:0;}
.service_mod11 ul li:not(:nth-of-type(2n)){margin-right:5%;}
.service_mod11 ul li:nth-child(n+3){margin-top:20px;}
.service_mod11_txt{padding:15px;}
.service_mod11_txt h2{font-size:14px;}
.service_mod11_txt .ptxt{line-height:20px;}
}


.service_mod12{width:100%; display:block; overflow:hidden; box-sizing:border-box; background:#f7f9fa; position:relative;}
.service_mod12 .lymain{position:absolute; z-index:3; left:50%; top:50%;  transform: translate(-50%, -50%); width:90%;}
.service_mod12 .about_title{color:#ffffff;}
.service_mod12 .about_title_ptxt{color:#ffffff;}
@media screen and (max-width: 768px) {
.service_mod12{padding:0;}
.service_mod12 .picbg{display:flex; justify-content: center; height:300px; overflow: hidden;}
.service_mod12 .picbg img{height:300px; object-fit:cover;}
}



.service_mod13{width:100%; display:block; overflow:hidden; padding:0; box-sizing:border-box; background:#ffffff;}
.service_mod13 ul{letter-spacing:-8px; box-sizing:border-box; display:flex; flex-wrap: wrap; margin-top:20px;}
.service_mod13 ul li{overflow:hidden; width:31.333%; letter-spacing:normal; vertical-align:top; position:relative; box-sizing:border-box; display:inline-block; padding:40px; background:#ffffff;box-shadow: 0 0 10px 0 #f1f1f1;border:1px #eaeaea solid; border-radius:10px;}
.service_mod13 ul li:not(:nth-of-type(3n)){margin-right:3%;}
.service_mod13 ul li h2{font-size:18px; line-height:24px;margin-top:20px; font-weight:700; text-align:center;}
.service_mod13 ul li img{width:40px; height:40px; margin:0 auto;}
.service_mod13 ul li .ptxt{text-align:center; opacity:0.8; margin-top:10px;}
@media screen and (max-width: 768px) {
.service_mod13{padding:30px 0;}
.service_mod13 ul{display:block; margin-top:10px;}
.service_mod13 ul li{width:100%; padding:20px;}
.service_mod13 ul li:not(:nth-of-type(3n)){margin-right:0;}
.service_mod13 ul li:nth-child(n+2){margin-top:20px;}
.service_mod13 ul li h2{font-size:14px; margin-top:0px;}
.service_mod13 ul li .ptxt{line-height:20px;}
}



/*download*/.downlist{display:block; margin:0 auto 50px;}
.downlist ul{letter-spacing:-8px;}
.downlist ul li{display:inline-block; letter-spacing:normal; vertical-align:top; width:22.75%; -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out; position:relative;  background:#fff; box-sizing:border-box;overflow:hidden;}
.downlist ul li:not(:nth-of-type(4n)){margin-right:3%;}
.downlist ul li:nth-child(n+5){margin-top:3%;}
.downlist ul li .imgbox img{ width:100%; height:100%;}
.downlist ul li .ptxt{line-height:35px; height:35px; -webkit-line-clamp:1; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-box-orient:vertical; text-align:center;}
@media screen and (max-width:768px) {
.downlist ul li{width:47.5%;}
.downlist ul li:not(:nth-of-type(4n)){margin-right:0;}
.downlist ul li:not(:nth-of-type(2n)){margin-right:5%;}
.downlist ul li:nth-child(n+3){margin-top:5%;}
.downlist ul li .imgbox{height:auto;}
}


/*知识分享*/
.faqlist{display:block; margin:0 auto 50px;}
.faqlist ul{letter-spacing:-8px;}
.faqlist ul li{display:inline-block; letter-spacing:normal; vertical-align:top; width:31.33%; -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out; position:relative;  background:#fff; box-sizing:border-box; box-shadow:0 0 8px 0 #e2e8ee; border-radius:5px; overflow:hidden;}
.faqlist ul li:not(:nth-of-type(3n)){margin-right:3%;}
.faqlist ul li:nth-child(n+4){margin-top:3%;}
.faqlist ul li .imgbox img{ width:100%; height:100%;}
.faqlist ul li .news_box{box-sizing:border-box; padding:30px;}
.faqlist ul li .news_title{font-weight:700; margin-bottom:10px; line-height:24px; -webkit-line-clamp:1; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-box-orient:vertical;}
.faqlist ul li .ptxt{line-height:1.8; -webkit-line-clamp:3; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-box-orient:vertical; color:#666;}
.faqlist ul li .news_date{display:inline-block; color:#999999; font-weight:normal; background:url(../images/date.svg) left center no-repeat; padding-left:30px; background-size:20px;}
.faqlist ul li .news_more{border-top:1px #efefef solid; padding-top:10px; margin-top:20px;}
@media screen and (max-width:768px) {
.faqlist ul li{width:100%;}
.faqlist ul li:not(:nth-of-type(3n)){margin-right:0;}
.faqlist ul li:nth-child(n+2){margin-top:5%;}
.faqlist ul li .imgbox{height:auto;}
.faqlist ul li .news_box{padding:20px;}
.faqlist ul li .news_title{font-size:15px; line-height:20px; height:auto; margin-bottom:5px;}
.faqlist ul li .ptxt{line-height:24px; height:auto;}
.faqlist ul li .news_date{font-size:13px; padding-left:25px; background-size:20px;}
.faqlist ul li .news_more{padding-top:10px; margin-top:20px;}
}


/*新闻*/
.newslist{display:block; margin:0 auto 50px;}
.newslist ul{letter-spacing:-8px;}
.newslist ul li{display:flex; letter-spacing:normal; vertical-align:top; -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out; position:relative;  background:#fff; box-sizing:border-box; border-radius:5px; overflow:hidden; padding:40px; border:1px #f5f5f5 solid; box-shadow:0 0 2px 0 #e2e8ee;}
.newslist ul li:nth-child(n+2){margin-top:3%;}
.newslist ul li:hover{box-shadow:0 0 10px 0 #e2e8ee; border:1px #dddddd solid;}
.newslist ul li .imgbox{ width:20%; float:left;}
.newslist ul li .imgbox img{width:100%; height:100%;}
.newslist ul li .news_box{width:60%; float:left; padding:0 2.5%;}
.newslist ul li .news_title{font-size:16px; font-weight:700; margin-bottom:10px; line-height:24px; -webkit-line-clamp:1; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-box-orient:vertical;}
.newslist ul li .ptxt{-webkit-line-clamp:4; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-box-orient:vertical; color:#666;}
.newslist ul li .date_box{ float:right; width:15%; text-align:center; background:#f7f9fa; position:relative; border-radius:5px;}
.newslist ul li .date_box_all{top:50%; transform:translateY(-50%); position:absolute; width:100%;left:0; color:#666666;}
.newslist ul li .date_box_img{ width:30px; margin:0 auto;}
.newslist ul li .news_date1{font-size:36px; margin:15px 0 5px 0;}
.newslist ul li .news_date2{}
.news_date_mob{display:none;}
@media screen and (max-width:768px) {
.newslist{display:block; margin:0 auto 20px;}
.newslist ul li{width:100%; display:block; padding:20px;}
.newslist ul li:nth-child(n+2){margin-top:5%;}
.newslist ul li .imgbox{ width:100%; float:none;}
.newslist ul li .news_box{width:100%; float:none; padding:0;}
.newslist ul li .news_title{font-size:14px; margin:5px 0;}
.newslist ul li .ptxt{height:auto; -webkit-line-clamp:3;}
.newslist ul li .date_box{display:none;}
.news_date_mob{border-top:1px #efefef solid; padding-top:10px; margin-top:20px; display:block; background:url(../images/date.svg) left 12px no-repeat; padding-left:30px; background-size:20px; opacity:0.8;}
}



/*新闻详情页*/
.newsdetail{width:100%; overflow:hidden; margin-bottom:30px; border-bottom:1px #ddd dotted; padding-bottom:30px;}
.newsdetail_left{float:left; width:55%; margin-right:5%;}
.newsdetail_right{float:right; width:30%;}
@media screen and (max-width: 768px) {
.newsdetail{margin-bottom:15px; padding-bottom:15px;}
.newsdetail_left{float:none; width:100%; margin-right:0; margin-bottom:5%;}
.newsdetail_right{float:none; width:100%;}
}

.newsshow{overflow:hidden;}
.newsshow_case{background:#ffffff; padding:5%; box-sizing:border-box; border:1px #dddddd solid; box-shadow:0 0 10px 0 #efefef; border-radius:5px;}
.news_xxjs_img{display:block; margin-bottom:10px; max-width:100%;}
.news_xxjs{line-height:26px!important; overflow-wrap:break-word;!important; overflow:hidden;}
.news_xxjs p,.news_xxjs span{line-height:30px!important;font-size:16px;}
.news_xxjs table{width:100%!important; border:0;}
.news_xxjs td{padding:4px; font-size:16px; border:1px #CCCCCC solid!important;line-height:26px!important;overflow-wrap:break-word!important;}
.news_xxjs td p,.news_xxjs td span{font-size:16px;line-height:30px!important;overflow-wrap:break-word!important;}
.news_xxjs th{padding:4px; font-size:16px; border:1px #CCCCCC solid!important;line-height:26px!important;overflow-wrap:break-word!important;}
.news_xxjs th p,.news_xxjs th span{font-size:16px;line-height:30px!important;overflow-wrap:break-word!important;}
.news_xxjs img{width:auto; min-width:600px; max-width:600px; margin:10px auto 0; display:inline; height:auto;}
.news_xxjs ul{display:block;}
.news_xxjs li{margin-bottom:5px; background:url(../images/circle.svg) left center no-repeat; background-size:10px; padding-left:15px;}
.news_xxjs b,.news_xxjs strong{font-size:16px;}
.news_xxjs br{display:block; content:""; height:12px;} 

.news_title{text-align:left;}
.news_title h1{font-size:32px; line-height:1.2; margin-bottom:10px;}
.news_title h1 span{ float:right;}

.pubdate{margin:0 0 20px 0; overflow:hidden; color:#999999;}
.pubdate span{background:url(../images/date.svg) left 13px no-repeat; padding-left:28px; background-size:20px; line-height:28px; float:left; padding-top:10px;}
.pubdate a{color:#999999;}
.pubdate a:hover{ color:#f08619;}
.pubdate p{float:right;}
.pubdate p img{ width:24px;display:inline;}
.pubdate p a{margin-left:10px; padding:5px; box-sizing:border-box; display:inline-flex; border-radius:5px;}
@media screen and (max-width: 768px) {
.newsshow{margin:20px 0;}
.newsshow_case{padding:0; border:0; background:none; box-shadow:none;}
.news_xxjs{line-height:26px!important; font-size:13px!important;}
.news_xxjs p,.news_xxjs span{line-height:26px!important;font-size:13px!important;}
.news_title h1{font-size:18px; line-height:24px;}
.news_title h1 span{ float:right; display:none;}
.news_xxjs table{display: block; display: -webkit-box; width:auto!important; overflow-x: auto; overflow-y:hidden;font-size:13px!important;}
.news_xxjs img{min-width:100%; max-width:100%;}
.news_xxjs b,.news_xxjs strong{font-size:14px;}
.pubdate{margin:0 0 10px 0;}
.pubdate p img{ width:20px;display:inline;}
.pubdate p a{margin-left:5px; padding:5px; box-sizing:border-box; display:inline-flex; border-radius:5px;}
}


.videoplay{background:#555555; box-sizing:border-box; padding:30px; margin-bottom:20px;}
@media screen and (max-width: 768px) {
.videoplay{padding:10px; margin-bottom:10px;}
}

/*相关资讯*/
.Information{overflow:hidden;margin:40px 0 0 0; background:#f7f9fa;}
.Information h4{padding-left:10px; height:30px; line-height:28px; font-size:16px; font-weight:bold; color:#555; border-bottom:1px solid #ccc; background:#fff;}
.Information ul{ padding:0px;}
.Information li{border-bottom:1px dotted #dcdcdc; line-height:22px; padding:10px;}
.Information li span{float:right; color:#999999;padding-left:10px; padding-right:10px;}
.Information li{overflow: hidden; overflow-wrap:break-word;; text-overflow: ellipsis;}


/*右侧的悬浮案例*/
.cases_fixed{position:fixed;z-index:90;}
.cases_right_fixed{display:block; overflow:hidden; padding:0 50px; box-sizing:border-box; position:relative; background:#ffffff;}
.cases_right_fixed h2{font-size:24px; padding-bottom:10px; border-bottom:1px #dddddd dotted; margin-bottom:10px; text-transform:uppercase;}
.cases_right_fixed ul{overflow:hidden;}
.cases_right_fixed ul li{width:100%; position:relative; box-sizing:border-box; border-bottom:1px #dddddd dotted; padding-bottom:15px;}
.cases_right_fixed ul li:nth-child(n+2){margin-top:15px;}
.cases_right_fixed ul li .news_box{box-sizing:border-box; margin-top:10px;}
.cases_right_fixed ul li .news_title{font-weight:700; line-height:24px; font-size:14px;}
.cases_right_fixed ul li .imgbox{width:100%;margin-bottom:10px;}
.cases_right_fixed ul li .ptxt{-webkit-line-clamp:3; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-box-orient:vertical; margin-top:5px; opacity:0.8; line-height:1.8;}
.cases_right_fixed ul li .news_date{display:inline-block; font-size:14px; color:#999999; font-weight:normal; background:url(../images/date.svg) left center no-repeat; padding-left:30px; background-size:20px;}
.cases_right_fixed ul li .news_more{border-top:1px #ecf5ff dotted; padding-top:5px;}



/*右侧推荐新闻*/
.lymain_right_news{ position:relative; display:block; overflow:hidden;}
.lymain_right_news h2{font-size:24px; padding-bottom:10px; border-bottom:1px #dddddd dotted; margin-bottom:10px; text-transform:uppercase;}
.lymain_right_news ul{overflow:hidden;}
.lymain_right_news ul li{width:100%; position:relative; box-sizing:border-box; border-bottom:1px #dddddd dotted; padding-bottom:20px;}
.lymain_right_news ul li:nth-child(n+2){margin-top:20px;}
.lymain_right_news ul li .news_box{box-sizing:border-box; margin-top:10px;}
.lymain_right_news ul li .news_title{font-weight:700; line-height:24px;}
.lymain_right_news ul li .imgbox{width:100%;margin-bottom:10px;}
.lymain_right_news ul li .ptxt{-webkit-line-clamp:3; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-box-orient:vertical; margin-top:5px; opacity:0.8; line-height:1.8;}
.lymain_right_news ul li .news_date{display:inline-block; font-size:14px; color:#999999; font-weight:normal; background:url(../images/date.svg) left center no-repeat; padding-left:30px; background-size:20px;}
.lymain_right_news ul li .news_more{border-top:1px #ecf5ff dotted; padding-top:5px;}



/*成功案例分类*/
.prodcate{width:100%; display:block; overflow:hidden; box-sizing:border-box; padding:40px 0 30px 0;}
.prodcate_box{margin-bottom:10px; overflow:hidden; border-bottom:1px #dddddd dotted; padding-bottom:10px;}
.prodcate_box ul{float:left; width:100%; letter-spacing:-8px;}
.prodcate_box ul h3{display:block;font-size:14px; font-weight:700; letter-spacing:normal;}
.prodcate_box ul li{letter-spacing:normal; vertical-align:top; display:inline-block; -webkit-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out; padding-right:40px; width:fit-content; box-sizing:border-box;}
.prodcate_box ul li:hover{color:#0073ff;}
.prodcate_box ul li:hover a{display:block; color:#0073ff;}
.prodcate_box ul li input{display:inline-block; margin-right:5px;}
.nulltext{width:46px;}
#prodcateonsec{color:#0073ff;}
#prodcateonsec a{color:#0073ff;}
@media screen and (max-width: 768px) {
.prodcate{padding:20px 0 0 0;}
.prodcate_box{margin-bottom:5px; padding-bottom:5px;}
.prodcate_box ul{float:none; width:100%; letter-spacing:-8px;}
.prodcate_box ul li{width:fit-content; float:left; margin-bottom:5px; margin-right:15px;}
.prodcate_box ul li input{margin-right:3px;}
}



/*contact us*/
.contact_mod1{width:100%; display:block; overflow:hidden; padding:80px 0; box-sizing:border-box; background:#f7f9fa;}
.contact_mod1 ul{letter-spacing:-8px; box-sizing:border-box; display:flex; flex-wrap: wrap; margin-top:20px;}
.contact_mod1 ul li{overflow:hidden; width:31.33%; letter-spacing:normal; vertical-align:top; position:relative; box-sizing:border-box; display:inline-block; padding:40px; background:#ffffff;box-shadow: 0 0 10px 0 #f1f1f1; border:1px #eaeaea solid; border-radius:10px;}
.contact_mod1 ul li:not(:nth-of-type(3n)){margin-right:3%;}
.contact_mod1 ul li h2{line-height:24px; font-weight:700;}
.contact_mod1 ul li .ptxt{margin-top:10px; opacity:0.8;}
.contact_mod1 ul li .ptxt br{display:block; content:""; height:12px;} 

.contact_mod1_btn{border:1px #0073ff solid; box-sizing:border-box; color:#0073ff; line-height:40px; padding:0 15px; width:fit-content; margin-top:20px; border-radius:5px;}
.contact_mod1_btn:hover{text-decoration:underline;}
.contact_mod1 a{display:inline-block;}
@media screen and (max-width: 768px) {
.contact_mod1{padding:30px 0;}
.contact_mod1 ul{display:block; margin-top:10px;}
.contact_mod1 ul li{width:100%; padding:20px;}
.contact_mod1 ul li:not(:nth-of-type(3n)){margin-right:0;}
.contact_mod1 ul li:nth-child(n+2){margin-top:20px;}
.contact_mod1 ul li h2{font-size:14px; margin-top:0px;}
.contact_mod1 ul li .ptxt{margin-top:0px; opacity:0.8; height:auto;}
.contact_mod1_btn{line-height:30px; margin-top:10px;}
}

.contact_mod4{width:100%; display:block; overflow:hidden; padding:80px 0; box-sizing:border-box; background:#ffffff;}
.contact_mod4 ul{letter-spacing:-8px; box-sizing:border-box; display:flex; flex-wrap: wrap; margin-top:20px;}
.contact_mod4 ul li{overflow:hidden; width:48.5%; letter-spacing:normal; vertical-align:top; position:relative; box-sizing:border-box; display:inline-block; padding:40px; background:#ffffff;box-shadow: 0 0 10px 0 #f1f1f1;border:1px #eaeaea solid; border-radius:10px;}
.contact_mod4 ul li:not(:nth-of-type(2n)){margin-right:3%;}
.contact_mod4 ul li img{width:100%; float:none;}
.contact_mod4 ul li .textbox{ width:100%; float:none;}
.contact_mod4 ul li .textbox h2{line-height:24px; font-size:16px; margin-top:15px;}
.contact_mod4 ul li .textbox .ptxt{opacity:0.8;}
@media screen and (max-width: 768px) {
.contact_mod4{padding:30px 0;}
.contact_mod4 ul{display:block; margin-top:10px;}
.contact_mod4 ul li{width:100%; padding:20px;}
.contact_mod4 ul li img{width:100%; float:none;}
.contact_mod4 ul li .textbox{ width:100%; float:none; padding-left:0px; padding-top:10px;}
.contact_mod4 ul li:not(:nth-of-type(2n)){margin-right:0;}
.contact_mod4 ul li:nth-child(n+2){margin-top:20px;}
.contact_mod4 ul li .textbox h2{font-size:14px; margin-top:0px;}
.contact_mod4 ul li .textbox .ptxt{margin-top:0px; opacity:0.8;}
}


/*jobs*/
.jobs_mod1{width:100%; display:block; overflow:hidden; padding:80px 0; box-sizing:border-box; background:#ffffff;}
.jobs_mod1 ul{letter-spacing:-8px; box-sizing:border-box; display:flex; flex-wrap: wrap; margin-top:20px;}
.jobs_mod1 ul li{overflow:hidden; width:31.333%; letter-spacing:normal; vertical-align:top; position:relative; box-sizing:border-box; display:inline-block; padding:40px; background:#ffffff;box-shadow: 0 0 10px 0 #f1f1f1; border:1px #eaeaea solid; border-radius:10px;}
.jobs_mod1 ul li:not(:nth-of-type(3n)){margin-right:3%;}
.jobs_mod1 ul li:nth-child(n+4){margin-top:3%;}
.jobs_mod1 ul li h2{font-size:18px; line-height:24px;margin-top:10px; font-weight:700; text-align:center;}
.jobs_mod1 ul li .ptxt{margin-top:10px; opacity:0.8; text-align:center;}
.jobs_mod1 ul li img{width:40px; height:40px; margin:0 auto;}
@media screen and (max-width: 768px) {
.jobs_mod1{padding:30px 0;}
.jobs_mod1 ul{display:block; margin-top:10px;}
.jobs_mod1 ul li{width:47.5%; padding:20px;}
.jobs_mod1 ul li:not(:nth-of-type(3n)){margin-right:0;}
.jobs_mod1 ul li:not(:nth-of-type(2n)){margin-right:5%;}
.jobs_mod1 ul li:nth-child(n+3){margin-top:20px;}
.jobs_mod1 ul li h2{font-size:14px; margin-top:10px;}
.jobs_mod1 ul li .ptxt{margin-top:0px; opacity:0.8;}
}


.jobs_mod2{width:100%; display:block; overflow:hidden; padding:80px 0; box-sizing:border-box; background:#f7f9fa;}
.jobs_mod2 .about_title{margin-bottom:40px;}
.container {position:relative; width:48.5%; float:left;}  
.accordion {position:relative; display: block; width:100%; border-bottom:1px solid #999999; vertical-align:middle; transition:0.3s; cursor:pointer;}  
.accordion li{height:50px; line-height:50px; transition:0.3s; display:block; text-align:left; box-sizing:border-box; font-size:16px; font-weight:700;}
.accordion_margintoop{margin-top:40px;}
.accordion li span{float:right;}
.accordion-desc{z-index:2; margin-top:10px; margin-bottom:40px;}  
.accordion-desc img{display:none;}
.container_right {position:relative; width:48.5%; float:right;} 
.container_right img{border:4px #ffffff solid; box-shadow:0 0 10px 0 #dddddd; width:auto; max-width:100%; border-radius:10px; box-sizing:border-box;}
.container_right > div {display: none;}   
@media screen and (max-width: 768px) {
.jobs_mod2{padding:30px 0;}
.jobs_mod2 .about_title{margin-bottom:20px;}
.accordion li{height:40px; line-height:40px; font-size:14px;}
.accordion_margintoop{margin-top:20px;}
.accordion-desc{margin-bottom:0px;}  
.accordion-desc img{border:4px #ffffff solid; box-shadow:0 0 10px 0 #dddddd; width:auto; max-width:100%; border-radius:10px; box-sizing:border-box; margin-top:10px; display:block;}
.container {width:100%; float:none;}
.container_right{display:none;} 
}



.jobs_mod3{width:100%; display:block; overflow:hidden; padding:80px 0; box-sizing:border-box; background:#ffffff;}
.jobs_mod3 .swiper-container{overflow: hidden; padding:10px 0; box-sizing:border-box;}
.jobs_mod3 .swiper-container .swiper-slide{width:55%; transition-timing-function:linear; position: relative; transition: transform 0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55), opacity 0.5s linear;}
.jobs_mod3 .swiper-container .swiper-slide img{width:100%; border-radius:10px;}
.clients-area-next-1,.clients-area-next-2{right:21%;position:absolute; top:50%; transform: translateY(-50%); margin-top:-20px;width:45px; height:45px; background:#0073ff;  z-index:95; border-radius:5px;}
.clients-area-prev-1,.clients-area-prev-2{left:21%;position:absolute; top:50%; transform: translateY(-50%); margin-top:-20px;width:45px; height:45px; background:#0073ff;  z-index:95; border-radius:5px;}
.clients-area-next-1:hover,.clients-area-prev-1:hover,.clients-area-next-2:hover,.clients-area-prev-2:hover {background-color:#ff6600; }

.jobs_mod3 .swiper-slide-active{transform: scale(1); opacity: 1; z-index: 100;}  
.jobs_mod3 .swiper-slide-active img{box-shadow:0 0 8px 0 #999999;}
.jobs_mod3 .swiper-slide-next{transform: translateX(-10%); z-index:90; /* 向右移动并缩小 */  }  
.jobs_mod3 .swiper-slide-next img{transform: scale(0.9); opacity: 0.6;}
.jobs_mod3 .swiper-slide-prev{transform: translateX(10%) ; z-index:90; /* 向左移动并缩小 */}
.jobs_mod3 .swiper-slide-prev img{transform: scale(0.9); opacity: 0.6;}


@media screen and (max-width: 768px) {
.jobs_mod3{padding:30px 0;}
.jobs_mod3 .swiper-container .swiper-slide{width:100%; transition-timing-function:linear;}
.jobs_mod3 .swiper-container .swiper-slide img{width:100%; border-radius:0;}
.clients-area-next-1,.clients-area-next-2{right:5%;position:absolute; top:50%; margin-top:-15px;width:30px; height:30px; left:auto;}
.clients-area-prev-1,.clients-area-prev-2{left:5%;position:absolute; top:50%; margin-top:-15px;width:30px; height:30px;}
}

.jobsnav{width:100%; display:block; box-sizing:border-box; margin:20px 0;}
.jobsnav>ul{letter-spacing:-8px; text-align:center;border-bottom:1px #dddddd solid;}
.jobsnav>ul>li{letter-spacing:normal; vertical-align:top; display:inline-block; text-align:center; -webkit-transition:all 0.1s ease-in-out; transition:all 0.1s ease-in-out; margin-right:45px; font-size:16px; line-height:50px; border-bottom:2px #666666 solid; cursor:pointer;}
.jobsnav>ul>li:last-child{margin-right:0;}
.jobsnav>ul>li:hover{border-bottom:2px #0073ff solid; color:#0073ff;}
.jobsnav>ul>li.active{border-bottom:2px #0073ff solid!important; color:#0073ff;}
.jobtext{display: none;}
.jobtextdispaly{display:block;}  
@media screen and (max-width: 768px) {
.jobsnav{margin:10px 0;}
.jobsnav>ul>li{margin-right:20px; font-size:14px; line-height:30px;}
}




.jobs_mod4{width:100%; display:block; overflow:hidden; padding:80px 0; box-sizing:border-box; background:#f7f9fa;}
.zhiweinav{width:100%; display:block; box-sizing:border-box; margin:20px 0;}
.zhiweinav>ul{letter-spacing:-8px; text-align:center;border-bottom:1px #dddddd solid;}
.zhiweinav>ul>li{letter-spacing:normal; vertical-align:top; display:inline-block; text-align:center; -webkit-transition:all 0.1s ease-in-out; transition:all 0.1s ease-in-out; margin-right:30px; font-size:18px; line-height:50px; border-bottom:2px #666666 solid; cursor:pointer;}
.zhiweinav>ul>li:last-child{margin-right:0;}
.zhiweinav>ul>li:hover{border-bottom:2px #0073ff solid; color:#0073ff;}
.zhiweinav>ul>li.active{border-bottom:2px #0073ff solid!important; color:#0073ff;}
@media screen and (max-width: 768px) {
.jobs_mod4{padding:30px 0;}
.zhiweinav{margin:10px 0;}
.zhiweinav>ul>li{margin-right:20px; font-size:14px; line-height:30px;}
}

.zhiwei{width:100%; display:block; overflow:hidden; padding:30px 0 0 0; box-sizing:border-box;}
.zhiwei ul{letter-spacing:-8px; box-sizing:border-box; display:flex; flex-wrap: wrap; border-bottom:0;}
.zhiwei ul li{overflow:hidden; width:31.333%; letter-spacing:normal; vertical-align:top; position:relative; box-sizing:border-box; display:inline-block; background:#ffffff; border-radius:5px; text-align:left; padding:30px; -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out; border:1px #eaeaea solid; border-radius:10px;}
.zhiwei ul li:not(:nth-of-type(3n)){margin-right:3%;}
.zhiwei ul li:nth-child(n+4){margin-top:3%;}
.zhiwei ul li h2{font-size:16px; font-weight:700;}
.zhiwei ul li .ptxt{margin-top:5px; opacity:0.8;}
.zhiwei ul li:hover{background:#ffffff; box-shadow:0 0 10px 0 #f7f9fa;}
.zhiwei ul li:hover h2{color:#0073ff;}
@media screen and (max-width: 768px) {
.zhiwei{padding:20px 0 0 0;}
.zhiwei ul{display:block;}
.zhiwei ul li{width:100%; padding:15px;}
.zhiwei ul li:not(:nth-of-type(3n)){margin-right:0;}
.zhiwei ul li:nth-child(n+2){margin-top:3%;}
.zhiwei ul li h2{font-size:14px;}
.zhiwei ul li .ptxt{line-height:24px;}
}


.fullpage-background{display:none; position:fixed; top:0; left:0; width:100%; height:100%; background: rgba(0, 0, 0, 0.75); z-index: 1000;}  
.reveal-modal{display:none;  position:fixed; top:50%; left:50%; transform: translate(-50%, -50%); background:#ffffff; padding:30px; border: 1px solid #ccc; z-index:1001; box-shadow: 0 0 10px rgba(0,0,0,0.25); border-radius:10px; line-height:28px; width:50%;}  
.reveal-modal br{display:block; content:""; height:12px;} 
.reveal-modal h2{font-size:24px;}
.reveal-modal-txt1{margin:10px 0; opacity:0.8;  border-bottom:1px #dddddd solid; padding-bottom:10px; box-sizing:border-box; line-height:24px;}
.reveal-modal-txt1 br{display:block; content:""; height:0px;} 

.reveal-modal-txt2{top:0; left:0; width:100%; height:400px; overflow-y:auto;}
.reveal-modal-txt2::-webkit-scrollbar {/*滚动条整体样式*/  /*高宽分别对应横竖滚动条的尺寸*/ width:10px;  height:1px;}
.reveal-modal-txt2::-webkit-scrollbar-thumb {/*滚动条里面小方块*/ border-radius:10px;  -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); background:#0067cc;}
.reveal-modal-txt2::-webkit-scrollbar-track {/*滚动条里面轨道*/ -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); border-radius: 10px; background: #EDEDED;}

.reveal-modal-close{cursor:pointer; display:block; text-align:center; padding:5px 30px; background:#555555; margin-top:20px; color:#ffffff!important; border-radius:25px; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out; width:fit-content;}
.reveal-modal-close:hover{background:#0067cc;}
@media screen and (max-width: 768px) {
.reveal-modal{top:50%; left:10%; transform: translate(-5%, -50%); padding:20px; width:80%;}  
}



/*case*/
.caselist{display:block; padding:50px 0;}
.caselist ul{letter-spacing:-8px;}
.caselist ul li{ display:inline-block; letter-spacing:normal; vertical-align:top; width:22.75%; -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out; position:relative;  background:#fff; box-sizing:border-box; border-radius:5px; overflow:hidden;}
.caselist ul li:not(:nth-of-type(4n)){margin-right:3%;}
.caselist ul li:nth-child(n+5){margin-top:3%;}
.caselist ul li .imgbox{width:100%; overflow:hidden;}
.caselist ul li .imgbox img{width:100%; max-height:100%; object-fit:cover;}
.caselist ul li .ptxt{line-height:24px; -webkit-line-clamp:2; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-box-orient:vertical; color:#ffffff; padding:15px 10px; box-sizing:border-box; background:rgb(0,0,0,0.65); position:absolute; width:100%; left:0; bottom:0; text-align:center;}
@media screen and (max-width:768px) {
.caselist{padding:20px 0;}
.caselist ul{margin-top:0px;}
.caselist ul li{width:47.5%;}
.caselist ul li:not(:nth-of-type(4n)){margin-right:0;}
.caselist ul li:not(:nth-of-type(2n)){margin-right:5%;}
.caselist ul li:nth-child(n+3){margin-top:10%;}
.caselist ul li .imgbox{width:100%; height:auto; overflow:hidden;}
.caselist ul li .ptxt{line-height:20px; -webkit-line-clamp:3; padding:5px; }
}

/*product*/
.prodcate_left{overflow:hidden; margin-bottom:80px;}
.prodcate_left h2{font-size:20px; color:#161616; font-weight:700; border-bottom:2px #161616 solid; padding-bottom:10px;}
.prodcate_left ul{overflow:hidden;}
.prodcate_left ul li{ background:url(../images/point.png) left center no-repeat; padding:15px 10px 15px 15px; border-bottom:1px #ddd dotted; line-height:20px;}
#prodcate_left_on a{color:#0073ff;}
@media screen and (max-width:768px) {
.prodcate_left{display:none;}
}

.prodcate_left_formob{display:none;}
@media screen and (max-width:768px) {
.prodcate_left_formob{display:block; overflow:hidden; margin-top:40px; margin-bottom:20px;}
.prodcate_left_formob h2{font-size:20px; color:#161616; font-weight:700; border-bottom:2px #161616 solid; padding-bottom:10px;}
.prodcate_left_formob ul{overflow:hidden;}
.prodcate_left_formob ul li{ background:url(../images/point.png) left center no-repeat; padding:15px 10px 15px 15px; border-bottom:1px #ddd dotted; line-height:20px;}
}


.prodcate_list{padding-top:60px;}
.prodcate_list_box{overflow:hidden; padding-bottom:40px; border-bottom:1px #eaeaea solid;}
.prodcate_list_box:last-child{border-bottom:0; padding-bottom:0;}
.prodcate_list_box_margin{margin-bottom:60px;}
.prodcate_list_txt{overflow:hidden;}
.prodcate_list_txt h2{font-size:32px; line-height:1.2; margin-bottom:20px;}
.prodcate_list_txt h2 a{color:#161616;}
.prodcate_list_txt h2 a:hover{color:#0073ff;}

@media screen and (max-width:1600px){  
.prodcate_list_txt h2{font-size:32px;}
}  

@media screen and (max-width:1380px){  
.prodcate_list_txt h2{font-size:24px;}
}  

@media screen and (max-width:1200px){  
.prodcate_list_txt h2{font-size:20px;}
}  

@media screen and (max-width:992px) {
.prodcate_list_txt h2{font-size:18px;}
}

@media screen and (max-width:768px) {
.prodcate_list{margin:0; padding-top:30px;}
.prodcate_list_box{margin-bottom:40px; padding-bottom:20px;}
.prodcate_list_txt h2{font-size:18px;line-height:20px; font-weight:700;}
}


/*产品型号列表*/
.productlistul{ letter-spacing:-8px; overflow:hidden;}
.productlistul li{letter-spacing:normal; vertical-align:top; position: relative; width:22.75%; display:inline-block;}
.productlistul li:not(:nth-of-type(4n)){ margin-right:3%;}
.productlistul li:nth-child(n+5){margin-top:3%;}
.productlistul li .imgbox{box-sizing:border-box; border-radius:5px; overflow:hidden; border:1px #efefef solid; box-shadow:0 0 8px 0 #f5f5f5; background:#ffffff; padding:20px;}
.productlistul li .imgbox img{width:auto; max-width:100%; margin:0 auto;}
.productlistul li .div_txt{line-height:1.8; margin:10px 0 0 0; text-align:center; -webkit-line-clamp:2; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-box-orient:vertical;}
.productlistul li .div_txt a{color:#222222;}
.productlistul li .div_txt a:hover{color:#0073ff; }
@media screen and (max-width:768px) {
.productlistul li{width:48.5%;}
.productlistul li:not(:nth-of-type(4n)){ margin-right:0;}
.productlistul li:not(:nth-of-type(2n)){ margin-right:3%;}
.productlistul li:nth-child(n+3){margin-top:8%;}
.productlistul li .div_txt{line-height:20px;}
.productlistul li .div_txt h2{font-size:14px; line-height:20px; height:auto;}
}



.productban {margin:90px auto 0; width:100%; position:relative; overflow:hidden; max-width:2560px;}
.productban .addiv{position:absolute; width:50%; text-align:left; color:#FFF; left:7%; top:50%; transform:translateY(-50%);}
.productban .addiv h1{font-size:24px; line-height:1.2;}
.productban .addiv h2{font-size:36px; line-height:1.2; margin-bottom:15px;}
.productban .addiv h3{margin-top:10px; font-weight:normal; padding-right:18%; box-sizing:border-box; -webkit-line-clamp:4; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-box-orient:vertical; font-size:16px;}
.productban .addiv .ptxt{overflow:hidden; margin-top:40px;}
.productban .addiv .ptxt .ptxt1{background:#0073ff; font-size:16px; color:#ffffff; border-radius:25px; margin-right:20px; line-height:40px; height:40px; padding:0 40px; width:fit-content; display:inline-block; border:1px #0073ff solid;  -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;padding-bottom:2px;}
.productban .addiv .ptxt .ptxt2{font-size:16px; color:#ffffff; border-radius:25px; line-height:40px; height:40px; padding:0 30px; width:fit-content; display:inline-block; border:1px #ffffff solid;  -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out; padding-bottom:2px;}
.productban .addiv .ptxt .ptxt2 img{margin-right:5px; width:auto; height:18px; vertical-align:middle; display:inline-block;}

.productban .addiv .ptxt .ptxt1:hover{background:#0069d4; border:1px rgb(255,255,255,0.4) solid;}
.productban .addiv .ptxt .ptxt2:hover{background:#0069d4; border:1px rgb(255,255,255,0.4) solid;}

@media screen and (max-width:1380px){
.productban .addiv h1{font-size:18px;}
.productban .addiv h2{font-size:30px;}
.productban .addiv h3{ font-size:14px;}
.productban .addiv .ptxt{margin-top:20px;}
.productban .addiv .ptxt .ptxt2{font-size:14px; line-height:35px; height:35px; padding:0 20px;}
}  

@media screen and (max-width:1200px){  
.productban .addiv h1{font-size:16px;}
.productban .addiv h2{font-size:24px; }
}  

@media screen and (max-width:992px) {
.productban .addiv h1{font-size:14px;}
.productban .addiv h2{font-size:18px;}
.productban .addiv h3{ font-size:12px;}
}

@media screen and (max-width:768px) {
.productban {margin:45px auto 0;}
.productban .addiv{width:80%;}
.productban .addiv h1{font-size:16px;}
.productban .addiv h2{font-size:18px; margin-bottom:5px;}
.productban .addiv .ptxt{display:none;}
.productban .addiv h3{-webkit-line-clamp:3; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-box-orient:vertical; padding-right:0; line-height:20px; margin-top:5px; font-size:12px;}
}

.ptxt_formob{display:none;}
@media screen and (max-width:768px) {
.ptxt_formob{display:block;}
.ptxt_formob .ptxt{background:#dddddd; padding:5px; box-sizing:border-box; text-align:center;}
.ptxt_formob .ptxt .ptxt1{background:#0073ff; font-size:14px; color:#ffffff; border-radius:25px; margin-right:20px; line-height:35px; height:35px; padding:0 30px; width:fit-content; display:inline-block; border:1px #0073ff solid;  -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;padding-bottom:2px;}
.ptxt_formob .ptxt .ptxt2{background:#161616; font-size:12px; color:#ffffff; border-radius:25px; line-height:30px; height:30px; padding:0 15px; width:fit-content; display:inline-block; border:1px #ffffff solid;  -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out; padding-bottom:2px;}
.ptxt_formob .ptxt .ptxt2 img{margin-right:5px; width:auto; height:18px; vertical-align:middle; display:inline-block;}
.ptxt_formob .addiv .ptxt .ptxt1:hover{background:#0069d4; border:1px rgb(255,255,255,0.4) solid;}
.ptxt_formob .addiv .ptxt .ptxt2:hover{background:#0069d4; border:1px rgb(255,255,255,0.4) solid;}
}

.product_video{border-radius:100%; height:60px; width:60px; background:rgb(0,0,0,0.3); padding:10px; box-sizing:border-box; position:absolute; left:50%; margin-left:-30px;top:50%; transform:translateY(-50%);transition:all .3s ease-in-out; z-index:3;}
.product_video:hover{background:rgb(0,115,255,0.65);}

.prodmain_all{padding:35px 0; box-sizing:border-box;}
@media screen and (max-width:768px) {
.prodmain_all{padding:15px 0;}
}

/*产品的标签*/
.product_bar{width:fit-content; float:right;}
.fixed{position:fixed; top:90px; z-index:90;border-bottom: 1px #ececec solid;}
.product_bar ul{overflow:hidden; text-align:right;}
.product_bar ul li{border-right:1px #ddd solid; height:18px; line-height:18px; display:inline-flex; padding:0 20px;}
.product_bar ul li:last-child{border-right:0;}
@media screen and (max-width: 768px) {
.product_bar ul{text-align:center;}
.fixed{top:45px; left:0; margin-left:0; transform:translateX(0);}
.product_bar ul li{padding:0 5px;}
}

/*产品详情页的标题*/
.wrapbg{margin:0 auto; width:100%; position:relative; scroll-margin-top:140px;/*这个是对锚点定位用的减去顶部固定元素的高度*/} /*每一个详情样式外围的容器*/
.wrapbg_top{margin-top:35px; padding-top:35px;}
.wrapbg_bottom{margin-bottom:35px;}
.prod_title{font-size:32px; line-height:1.2; position:relative; text-align:center;}
.prod_title_ptxt{ text-align:center; margin-top:10px; opacity:0.8; padding:0 10%; box-sizing:border-box;}
@media screen and (max-width:1380px){  
.prod_title{font-size:24px;}
.prod_title_ptxt{padding:0 10%;}
}  

@media screen and (max-width:1200px){  
.prod_title{font-size:20px;}
.prod_title_ptxt{padding:0 10%;}
}  

@media screen and (max-width:992px) {
.prod_title{font-size:18px;}
.prod_title_ptxt{padding:0; margin-top:5px;}
}

@media screen and (max-width: 768px) {
.wrapbg{scroll-margin-top:45px;/*这个是对锚点定位用的减去顶部固定元素的高度*/} 
.prod_title{font-size:14px; font-weight:700; text-align:left;}
.prod_title_ptxt{ text-align:center; margin-top:5px; line-height:22px;}
}


/*文字常规格式*/
.prod_details h2{font-size:32px; line-height:1.2;}
.prod_details h3{font-size:24px; line-height:1.2;}
.prod_details .ptxt{margin-top:10px; opacity:0.8; box-sizing:border-box; letter-spacing:normal;}
@media screen and (max-width:1380px){  
.prod_details h2{font-size:24px;}
.prod_details h3{font-size:18px;}
}  

@media screen and (max-width:1200px){  
.prod_details h2{font-size:22px;}
.prod_details h3{font-size:18px;}
}  

@media screen and (max-width:992px) {
.prod_details h2{font-size:18px;}
.prod_details h3{font-size:16px;}
}

@media screen and (max-width: 768px) {
.wrapbg_top{margin-top:15px; padding-top:15px;}
.wrapbg_bottom{margin-bottom:15px;}
.prod_details h2{font-size:16px; font-weight:700;}
.prod_details h3{font-size:14px; font-weight:700;}
.prod_details .ptxt{margin-top:5px;}
}


/*左右盒子*/
.leftbox{flex:1; position:relative;}
.rightbox{flex:1; position:relative;}
.prod_txtbox{width:100%; position:absolute; left:0; top:50%; transform:translateY(-50%); padding:0 50px; box-sizing:border-box;}
@media screen and (max-width: 768px) {
.leftbox{flex:none; width:100%;}
.rightbox{flex:none; width:100%;}
.prod_txtbox{position:relative; left:0; top:0; transform:translateY(0); padding:5% 0 0 0;}
}


.prod_ptype1{width:90%; max-width:2100px; padding:35px 0; box-sizing:border-box; margin:0 auto;}
@media screen and (max-width:1920px){  
.prod_ptype1 {max-width:1620px;}
} 
@media screen and (max-width: 768px) {
.prod_ptype1{padding:15px 0;}
}

.prod_ptype0{width:90%;max-width:2100px; box-sizing:border-box; margin: 0 auto; padding-top:35px;}
@media screen and (max-width:1920px){  
.prod_ptype0 {max-width:1620px;}
} 
@media screen and (max-width: 768px) {
.prod_ptype0{padding:15px 5% 0 5%;}
}


.prod_ptype2{width:90%; max-width:2100px; overflow:hidden;display:flex; margin:0 auto; padding:35px 0;}
@media screen and (max-width:1920px){  
.prod_ptype2 {max-width:1620px;}
} 
@media screen and (max-width: 768px) {
.prod_ptype2{display:block; padding:15px 0;}
}

.prod_ptype3{width:90%; max-width:2100px; overflow:hidden; display:flex; flex-direction:row; margin:0 auto; padding:35px 0;}
@media screen and (max-width:1920px){  
.prod_ptype3 {max-width:1620px;}
} 
@media screen and (max-width: 768px) {
.prod_ptype3{flex-direction: column; padding:15px 0;}
.prod_ptype3 .rightbox{order:-1;}
}


.prod_ptype4{width:90%; max-width:2100px; overflow:hidden; padding:35px 0; margin: 0 auto;}
.prod_ptype4 ul{ letter-spacing:-8px; overflow:hidden;display:flex;}
.prod_ptype4 ul:nth-child(n+2){margin-top:3%;}
.prod_ptype4 ul li{letter-spacing:normal; vertical-align:top; position: relative; width:47.5%; display:inline-block;}
.prod_ptype4 ul li:not(:nth-of-type(2n)){ margin-right:5%;}
.prod_ptype4 ul li:nth-child(n+3){margin-top:3%;}
.prod_ptype4 ul li h2{margin-top:10px; font-size:18px;}
.prod_ptype4 ul li .ptxt{font-size:18px; margin-top:0;}
@media screen and (max-width:1920px){  
.prod_ptype4 {max-width:1620px;}
} 
@media screen and (max-width: 768px) {
.prod_ptype4{padding:15px 0;}
.prod_ptype4 ul{display:block;}
.prod_ptype4 ul:nth-child(n+2){margin-top:5%;}
.prod_ptype4 ul li{width:100%;}
.prod_ptype4 ul li:not(:nth-of-type(2n)){ margin-right:0;}
.prod_ptype4 ul li:nth-child(n+2){margin-top:5%;}
.prod_ptype4 ul li h2{margin-top:5px; font-size:14px;}
.prod_ptype4 ul li .ptxt{font-size:12px;}
}


.prod_ptype5{width:90%; max-width:2100px; overflow:hidden; padding:35px 0; margin: 0 auto;}
.prod_ptype5 ul{ letter-spacing:-8px; overflow:hidden;display:flex;}
.prod_ptype5 ul:nth-child(n+2){margin-top:3%;}
.prod_ptype5 ul li{letter-spacing:normal; vertical-align:top; position: relative; width:47.5%; display:inline-block;}
.prod_ptype5 ul li:not(:nth-of-type(2n)){ margin-right:5%;}
.prod_ptype5 ul li:nth-child(n+3){margin-top:3%;}
.prod_ptype5 ul li img{margin-bottom:10px;}
@media screen and (max-width:1920px){  
.prod_ptype5 {max-width:1620px;}
} 
@media screen and (max-width: 768px) {
.prod_ptype5{padding:15px 0;}
.prod_ptype5 ul{display:block;}
.prod_ptype5 ul:nth-child(n+2){margin-top:5%;}
.prod_ptype5 ul li{width:100%;}
.prod_ptype5 ul li:not(:nth-of-type(2n)){ margin-right:0;}
.prod_ptype5 ul li:nth-child(n+2){margin-top:5%;}
}


.prod_ptype6{width:90%; max-width:2100px; margin: 0 auto; overflow:hidden; display:flex; padding:15px 0 35px 0; box-sizing:border-box;}
.prod_ptype6 .leftbox{padding:3% 50px; box-sizing:border-box; flex:none; width:50%;  background:#f5f5fb;}
.prod_ptype6 .accordion_prod {position:relative; display: block; width:100%; border-bottom:1px solid #dddddd; vertical-align:middle; transition:0.3s; cursor:pointer;transition: background-color 0.3s;}  
.prod_ptype6 .accordion_prod::after{content: '';  position:absolute; left:0; bottom:0; width:0%; height:1px; background:linear-gradient(to right, #0073ff, #0073ff); transition: width 0.3s ease-in-out;}  
.prod_ptype6 .accordion_prod:hover::after {width:100%;}
.prod_ptype6 .accordion_prod:hover{border:0;}

.prod_ptype6 .active{color:#0073ff;  border-bottom:1px solid #0073ff;}
.prod_ptype6 .accordion_prod li{height:40px; line-height:40px; transition:0.3s; display:block; text-align:left; box-sizing:border-box; font-size:24px;}
.prod_ptype6 .accordion_prod_margintoop{margin-top:20px;}
.prod_ptype6 .accordion_prod li span{float:right;}
.prod_ptype6 .accordion_prod-desc{z-index:2; margin-top:5px; margin-bottom:20px; opacity:0.8;}  
.prod_ptype6 .accordion_prod-desc img{display:none;}
.prod_ptype6 .rightbox > div{display: none;}
@media screen and (max-width:1920px){  
.prod_ptype6 {max-width:1620px;}
} 
@media screen and (max-width: 1380px) {
.prod_ptype6 .leftbox{padding:3% 50px;}
.prod_ptype6 .accordion_prod li{font-size:18px;}
}
@media screen and (max-width: 768px) {
.prod_ptype6{display:block; padding:15px 0;}
.prod_ptype6 .leftbox{padding:5%; width:100%;}
.prod_ptype6 .accordion_prod li{height:30px; line-height:30px; font-size:16px;}
.prod_ptype6 .accordion_prod_margintoop{margin-top:10px;}
.prod_ptype6 .accordion_prod-desc{margin-bottom:10px; line-height:20px;}  
}


.prod_ptype7{width:90%; max-width:2100px; padding:35px 0; margin:0 auto; display:block;}
.prod_ptype7 ul{ letter-spacing:-8px; display:flex;}
.prod_ptype7 ul:nth-child(n+2){margin-top:3%;}
.prod_ptype7 ul li{letter-spacing:normal; vertical-align:top; position: relative; width:31.333%; display:inline-block; box-shadow:0 0 10px 0 #dddddd;}
.prod_ptype7 ul li:not(:nth-of-type(3n)){ margin-right:3%;}
.prod_ptype7 ul li:nth-child(n+4){margin-top:3%;}
.prod_ptype7 ul li .ptxt{ margin-top:0; margin-bottom:10px;}
.prod_ptype7 ul li .ptxt a{color:#0073ff; padding-left:15px;}
.prod_ptype7 ul li .ptxt a:hover{text-decoration:underline;}
.prod_ptype7 ul li h3{padding-left:15px; margin-top:10px; box-sizing:border-box;}
@media screen and (max-width:1920px){  
.prod_ptype7 {max-width:1620px;}
} 
@media screen and (max-width: 768px) {
.prod_ptype7{padding:15px 0;}
.prod_ptype7 ul{display:block;}
.prod_ptype7 ul:nth-child(n+2){margin-top:5%;}
.prod_ptype7 ul li{width:100%;}
.prod_ptype7 ul li:not(:nth-of-type(3n)){ margin-right:0;}
.prod_ptype7 ul li:nth-child(n+2){margin-top:5%;}
}


.prod_ptype8{width:90%; max-width:2100px; overflow:hidden; padding:35px 0; margin: 0 auto;}
.prod_ptype8 .ptxt{text-align:center; margin-bottom:15px;}
@media screen and (max-width:1920px){  
.prod_ptype8 {max-width:1620px;}
} 
@media screen and (max-width: 768px) {
.prod_ptype8{padding:15px 0;}
}

.prod_ptype9{width:90%; max-width:2100px; overflow:hidden; padding:35px 0; margin: 0 auto;}
.prod_ptype9 ul{ letter-spacing:-8px; overflow:hidden; display:flex;}
.prod_ptype9 ul:nth-child(n+2){margin-top:1.2%;}
.prod_ptype9 ul li{letter-spacing:normal; vertical-align:top; position: relative; width:49.5%; display:inline-block; background:#f5f5fb; padding:40px; box-sizing:border-box;}
.prod_ptype9 ul li:not(:nth-of-type(2n)){ margin-right:1%;}
.prod_ptype9 ul li:nth-child(n+3){margin-top:1%;}
@media screen and (max-width:1920px){  
.prod_ptype9 {max-width:1620px;}
} 
@media screen and (max-width: 768px) {
.prod_ptype9{padding:15px 0;}
.prod_ptype9 ul{display:block;}
.prod_ptype9 ul:nth-child(n+2){margin-top:5%;}
.prod_ptype9 ul li{width:100%; padding:20px; }
.prod_ptype9 ul li:not(:nth-of-type(2n)){ margin-right:0;}
.prod_ptype9 ul li:nth-child(n+2){margin-top:5%;}
}


.prod_ptype10{width:90%; max-width:2100px; overflow:hidden; padding:35px 0; margin: 0 auto;}
.prod_ptype10 ul{letter-spacing:-8px; display:flex;}
.prod_ptype10 ul:nth-child(n+2){margin-top:0;}
.prod_ptype10 ul li{letter-spacing:normal; vertical-align:top; position: relative; width:23.5%; display:inline-block; box-shadow:0 0 10px 0 #dddddd; text-align:center;}
.prod_ptype10 ul li:not(:nth-of-type(4n)){ margin-right:2%;}
.prod_ptype10 ul li .ptxt{ margin-top:0; margin-bottom:10px;}
.prod_ptype10 ul li h3{padding-left:15px; margin-top:10px;}
@media screen and (max-width:1920px){  
.prod_ptype10 {max-width:1620px;}
} 
@media screen and (max-width: 768px) {
.prod_ptype10{padding:15px 0;}
.prod_ptype10 ul{display:block;}
.prod_ptype10 ul:nth-child(n+2){margin-top:10%;}
.prod_ptype10 ul li{width:47.5%;}
.prod_ptype10 ul li:not(:nth-of-type(4n)){ margin-right:0;}
.prod_ptype10 ul li:not(:nth-of-type(2n)){ margin-right:5%;}
.prod_ptype10 ul li:nth-child(n+3){margin-top:5%;}
}


.prod_ptype11{width:90%; max-width:2100px; padding:35px 0; margin: 0 auto; display:block;}
.prod_ptype11 ul{letter-spacing:-8px; display:flex;}
.prod_ptype11 ul:nth-child(n+2){margin-top:3%;}
.prod_ptype11 ul li{letter-spacing:normal; vertical-align:top; position: relative; width:31.333%; display:inline-block; box-shadow:0 0 10px 0 #dddddd; padding-bottom:15px;}
.prod_ptype11 ul li:not(:nth-of-type(3n)){ margin-right:3%;}
.prod_ptype11 ul li .ptxt{padding:0 15px; box-sizing:border-box;}
.prod_ptype11 ul li h3{padding:15px 15px 0 15px; box-sizing:border-box;} 
@media screen and (max-width:1920px){  
.prod_ptype11 {max-width:1620px;}
} 
@media screen and (max-width: 768px) {
.prod_ptype11{padding:15px 0;}
.prod_ptype11 ul{display:block;}
.prod_ptype11 ul:nth-child(n+2){margin-top:5%;}
.prod_ptype11 ul li{width:100%;}
.prod_ptype11 ul li:not(:nth-of-type(3n)){ margin-right:0;}
.prod_ptype11 ul li:nth-child(n+2){margin-top:5%;}
}


/*解决方案采用与产品一样的css 以下是补充*/
.prod_ptype12{width:100%; overflow:hidden; background:#f6f5fb; padding:35px 0 120px 0; margin-bottom:35px;}
.prod_ptype12_main{width:90%; max-width:2100px; overflow:hidden; margin: 0 auto;}
.prod_ptype12_main ul{ letter-spacing:-8px;}
.prod_ptype12_main ul li{letter-spacing:normal; vertical-align:top; position:relative; width:16%; display:inline-block;}
.prod_ptype12_main ul li:not(:nth-of-type(5n)){margin-right:5%;}
.prod_ptype12_main ul li:nth-child(n+6){margin-top:4%;}
@media screen and (max-width:1920px){  
.prod_ptype12_main {max-width:1620px;}
} 
@media screen and (max-width: 768px) {
.prod_ptype12{padding:15px 0 15px 0; margin-bottom:15px;}
.prod_ptype12_main{}
.prod_ptype12_main ul li{width:48.5%;}
.prod_ptype12_main ul li:not(:nth-of-type(5n)){margin-right:0;}
.prod_ptype12_main ul li:not(:nth-of-type(2n)){margin-right:3%;}
.prod_ptype12_main ul li:nth-child(n+3){margin-top:3%;}
}
/*解决方案的补充结束*/

.prod_ptype13{width:90%; max-width:2100px; padding:15px 0 35px 0; margin: 0 auto; display:block;}
.prod_ptype13 ul{letter-spacing:-8px; display:flex;}
.prod_ptype13 ul:nth-child(n+2){margin-top:3%;}
.prod_ptype13 ul li{letter-spacing:normal; vertical-align:top; position: relative; width:31.333%; display:inline-block;}
.prod_ptype13 ul li:not(:nth-of-type(3n)){ margin-right:3%;}
.prod_ptype13_box_bg{}
.prod_ptype13_box{width:100%; padding:15px 0 0 0; box-sizing:border-box;}
@media screen and (max-width:1920px){  
.prod_ptype13 {max-width:1620px;}
} 
@media screen and (max-width: 768px) {
.prod_ptype13{padding:15px 0;}
.prod_ptype13 ul{display:block;}
.prod_ptype13 ul:nth-child(n+2){margin-top:5%;}
.prod_ptype13 ul li{width:100%;}
.prod_ptype13 ul li:not(:nth-of-type(3n)){ margin-right:0;}
.prod_ptype13 ul li:nth-child(n+2){margin-top:5%;}
}

.prod_ptype14{width:90%; max-width:2100px; padding:15px 0 35px 0; margin: 0 auto; display:block; position:relative;}
.prod_ptype14 ul{letter-spacing:-8px; display:flex;}
.prod_ptype14 ul:nth-child(n+2){margin-top:3%;}
.prod_ptype14 ul li{letter-spacing:normal; vertical-align:top; position:relative; width:22.75%; display:inline-block;}
.prod_ptype14 ul li:not(:nth-of-type(4n)){ margin-right:3%;}
.prod_ptype14_box{width:100%; padding:15px 0 0 0; box-sizing:border-box;}
.prod_ptype14_box h3{letter-spacing:normal;}
@media screen and (max-width:1920px){  
.prod_ptype14 {max-width:1620px;}
} 
@media screen and (max-width: 768px) {
.prod_ptype14{padding:15px 0;}
.prod_ptype14 ul{display:block;}
.prod_ptype14 ul:nth-child(n+2){margin-top:5%;}
.prod_ptype14 ul li{width:48.5%; box-shadow:none;}
.prod_ptype14 ul li:not(:nth-of-type(4n)){ margin-right:0;}
.prod_ptype14 ul li:not(:nth-of-type(2n)){ margin-right:3%;}
.prod_ptype14 ul li:nth-child(n+3){margin-top:5%;}
}


/*后来新加一个软件页面的格式*/
.prod_ptype144{width:90%; max-width:2100px; padding:15px 0 35px 0; margin: 0 auto; display:block; position:relative;}
.prod_ptype144 ul{letter-spacing:-8px; display:flex;}
.prod_ptype144 ul:nth-child(n+2){margin-top:3%;}
.prod_ptype144 ul li{letter-spacing:normal; vertical-align:top; position:relative; width:100%; box-shadow:none;}
.prod_ptype144 ul li:not(:nth-of-type(4n)){ margin-right:3%;}
.prod_ptype144_box{width:100%; padding:15px 0 0 0; box-sizing:border-box; text-align:center;}
.prod_ptype144_box h3{letter-spacing:normal;}
.prod_ptype144_box_over_bg{position:absolute; width:100%; height:100%; background:rgb(0,0,0,0.7); opacity:0;-webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;z-index:2;}
.prod_ptype144_box_over{position:absolute; width:100%; top:50%; transform:translateY(-50%); padding:0 10%;  box-sizing:border-box; color:#ffffff; opacity:0;-webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out; z-index:3;}
.prod_ptype144 ul li:hover .prod_ptype144_box_over_bg{opacity:1;}
.prod_ptype144 ul li:hover .prod_ptype144_box_over{opacity:1;}
@media screen and (max-width:1920px){  
.prod_ptype144 {max-width:1620px;}
} 
@media screen and (max-width: 768px) {
.prod_ptype144{padding:15px 0;}
.prod_ptype144 ul{display:block;}
.prod_ptype144 ul:nth-child(n+2){margin-top:5%;}
.prod_ptype144 ul li:not(:nth-of-type(4n)){ margin-right:0;}
.prod_ptype144_box{padding:10px 0 0 0;}
.prod_ptype144_box h3{font-size:16px;}
}


.prod_ptype15{width:90%; max-width:2100px; padding:35px 0; margin: 0 auto; display:block; display:flex;}
.prod_ptype15 ul{overflow:hidden; box-sizing:border-box;}
.prod_ptype15 ul:nth-child(1){width:25%;padding:0 5%;}
.prod_ptype15 ul:nth-child(2){width:50%;}
.prod_ptype15 ul:nth-child(3){width:25%;padding:0 5%;}
.prod_ptype15 ul li{position: relative; width:100%; display:inline-block; box-sizing:border-box; text-align:center;}
.prod_ptype15 ul li h3{box-sizing:border-box;} 
.prod_ptype15 ul li .ptxt{line-height:24px;}
.prod_ptype15 ul li img{ width:auto; max-width:100%; margin:0 auto;}
.prod_ptype15 ul li:nth-child(1),.prod_ptype15 ul li:nth-child(2){ padding-bottom:40px; border-bottom:2px #0073ff solid; margin-bottom:40px;}
.prod_ptype15 ul:nth-child(2) li{padding-bottom:0; border-bottom:0; margin-bottom:0px;}
@media screen and (max-width:1920px){  
.prod_ptype15 {max-width:1620px;}
} 
@media screen and (max-width: 1380px) {
.prod_ptype15 ul li:nth-child(1),.prod_ptype15 ul li:nth-child(2){ padding-bottom:20px; margin-bottom:20px;}
}
@media screen and (max-width: 768px) {
.prod_ptype15{padding:15px 0; display:block;}
.prod_ptype15 ul:nth-child(1){width:100%;padding:0;}
.prod_ptype15 ul:nth-child(2){width:100%; margin:15px 0 0 0;}
.prod_ptype15 ul:nth-child(3){width:100%;padding:0;}
.prod_ptype15 ul li:nth-child(1),.prod_ptype15 ul li:nth-child(2){ padding-bottom:10px; margin-bottom:10px;}

}


.prod_ptype16{width:90%; max-width:2100px; padding:35px 0; margin: 0 auto; display:block;}
.prod_ptype16 ul{letter-spacing:-8px; display:flex;}
.prod_ptype16 ul:nth-child(n+2){margin-top:0;}
.prod_ptype16 ul li{letter-spacing:normal; vertical-align:top; position: relative; width:30%; display:inline-block; padding:40px; box-sizing:border-box; text-align:center;}
.prod_ptype16 ul li:not(:nth-of-type(3n)){ margin-right:5%;}
.prod_ptype16 ul li .ptxt{}
.prod_ptype16 ul li h3{padding:15px 0 0 0; box-sizing:border-box;} 
.prod_ptype16 ul li img{ width:auto; max-width:100%; margin:0 auto;}
@media screen and (max-width:1920px){  
.prod_ptype16 {max-width:1620px;}
} 
@media screen and (max-width: 768px) {
.prod_ptype16{padding:15px 0 30px 0;}
.prod_ptype16 ul{display:block;}
.prod_ptype16 ul:nth-child(n+2){margin-top:8%;}
.prod_ptype16 ul li{width:100%; padding:0px;}
.prod_ptype16 ul li:not(:nth-of-type(3n)){ margin-right:0;}
.prod_ptype16 ul li:nth-child(n+2){margin-top:8%;}
.prod_ptype16 ul li img{max-width:20%;}
.prod_ptype16 ul li h3{padding:5px 0 0 0;} 
}


.prod_ptype17{width:90%; max-width:2100px; padding:35px 0; margin: 0 auto; display:block; position:relative;}
.prod_ptype17_txt{width:100%; position:relative; margin-top:15px;}
.prod_ptype17_txt table{width:100%!important; border:0;}
.prod_ptype17_txt tbody{width:100%!important; border:0;}
.prod_ptype17_txt table tr:first-child{background-color:#727171; color:#ffffff;}
.prod_ptype17_txt table tr:nth-child(even){background-color:#f8f8f8;/*选择从第二个<tr>开始的奇数行，设置背景颜色为#f5f5f5 */}
.prod_ptype17_txt table tr:nth-child(odd):not(:first-child){background-color:#e6e6e7;/* 选择从第二个<tr>开始的偶数行（在整体中是奇数），设置背景颜色为#f5f5f5 */}
.prod_ptype17_txt table img{width:auto; max-width:150px; height:auto; margin:0 auto;}

.prod_ptype17_txt td{padding:10px 6px; font-size:14px!important; border:2px #ffffff solid!important;line-height:24px!important;overflow-wrap:break-word!important;}
.prod_ptype17_txt td p,.prod_ptype17_txt td span{font-size:14px!important;line-height:24px!important; overflow-wrap:break-word!important;}
.prod_ptype17_txt th{padding:6px; font-size:14px!important; border:2px #ffffff solid!important;line-height:24px!important;overflow-wrap:break-word!important;}
.prod_ptype17_txt th p,.prod_ptype17_txt th span{font-size:14px!important;line-height:24px!important;overflow-wrap:break-word!important;}
.prod_ptype17_txt .swiper-slide .prod_title{font-size:18px;}

@media screen and (max-width:1920px){  
.prod_ptype17 {max-width:1620px;}
} 
@media screen and (max-width: 768px) {
.prod_ptype17{padding:15px 0 30px 0;}
.prod_ptype17_txt table{display:block; display: -webkit-box; width:auto!important; overflow-x:auto;}
.prod_ptype17_txt td{padding:4px; font-size:12px!important; white-space:nowrap;}
.prod_ptype17_txt td p,.prod_ptype17_txt td span{font-size:12px!important;}
.prod_ptype17_txt th{padding:4px; font-size:12px!important;white-space:nowrap; }
.prod_ptype17_txt th p,.prod_ptype17_txt th span{font-size:12px!important;}
}

.prod_ptype17 .ismobdiv{overflow:hidden; margin-bottom:30px;}
.prod_ptype17 .prod_ptype17_txt{margin-top:5px;}



/*相关案例*/
.prod_like{width:100%; padding:35px 0;}
.project{display:block; box-sizing:border-box;}
.project li {float:left; width:100%; position:relative; display:block; overflow:hidden; box-sizing:border-box;box-shadow: 0 0 10px 0 #dddddd;}
.swiper-button-next.project-area-next {top:45%; right:-40px; width:40px; height:40px;color:#161616; transition:all .3s ease-in-out; font-size:24px;}
.swiper-button-prev.project-area-prev {top:45%; left: -40px; width:40px; height:40px;color:#161616; transition:all .3s ease-in-out; font-size:24px;}
.swiper-button-next.project-area-next:hover {color:#0073ff;}
.swiper-button-prev.project-area-prev:hover {color:#0073ff;}
.project_box{padding:15px; box-sizing:border-box; background:#ffffff; width:100%;line-height:24px;}
.project_box h3{font-size:20px; line-height: 1.5;}
.project_box .ptxt{ opacity:0.8; margin-top:0px;}
.project_box .ptxt a{color:#0073ff;}
.project_box .ptxt a:hover{text-decoration:underline;}
@media screen and (max-width: 768px) {
.prod_like{padding:15px 0;}
.swiper-button-next.project-area-next {right:-22px; width:30px; height:30px; font-size:14px;}
.swiper-button-prev.project-area-prev {left:-22px; width:30px; height:30px; font-size:14px;}
.project_box h3{font-size:14px;}
}



/*客户案例*/
.prod_cases{width:100%; overflow:hidden; padding:35px 0;}
.prod_cases ul{ letter-spacing:-8px; margin-top:20px;}
.prod_cases ul li{letter-spacing:normal; vertical-align:top; position: relative; width:31.333%; display:inline-block; box-shadow:0 0 10px 0 #dddddd;}
.prod_cases ul li:not(:nth-of-type(3n)){ margin-right:3%;}
.prod_cases ul li:nth-child(n+4){margin-top:3%;}
.prod_cases ul li h3{padding:0 20px; margin-top:15px; margin-bottom:15px; font-size:16px; line-height:24px; box-sizing:border-box; font-weight:normal;}
@media screen and (max-width: 768px) {
.prod_cases{padding:15px 0;}
.prod_cases ul{margin-top:10px;}
.prod_cases ul li{width:100%;}
.prod_cases ul li:not(:nth-of-type(3n)){ margin-right:0;}
.prod_cases ul li:nth-child(n+2){margin-top:5%;}
.prod_cases ul li h3{padding:0 10px; margin-top:10px; margin-bottom:10px; font-size:14px; line-height:20px;}
}


/*查看产品参数*/
.prodspc{max-width:1100px; width:90%; margin:60px auto; padding:50px; border:1px #ececec solid; box-sizing:border-box; box-shadow:0 0 10px 0 #f5f5f5; background:#ffffff;}
.prodspc h1{ font-size:32px; line-height:1.5; margin-bottom:40px; text-align:center;}
@media screen and (max-width: 768px) {
.prodspc{width:95%; margin:15px auto; padding:15px;}
.prodspc h1{font-size:18px; margin-bottom:20px;}
}


/***banner***/
.flexslider{display:block; position:relative; height:auto; background:url(../images/loading.gif) 50% no-repeat;}
.slides{position:relative; z-index:0; margin:0 auto; width:100%; overflow:hidden;}
.slides li {position:relative; margin-left:0!important; margin-top:0!important;}

.flex-control-nav{position:absolute; bottom:5px;z-index:2; width:100%; text-align:center;}
.flex-control-nav li{display:inline-block; margin:0 6px;}
.flex-control-nav a{display:inline-block; width:15px; height:15px; background:#ffffff; border-radius:100%; cursor:pointer; font-size:0;}
.flex-control-nav .flex-active{background:#0073ff;}

.flex-direction-nav{position:absolute; z-index:3; width:100%; top:50%; margin-top:-20px; display:none;}
.flex-direction-nav li a{position:absolute; display:block; width:28px; height:40px; overflow:hidden; cursor:pointer;}
.flex-direction-nav li a.flex-prev{left:2px; background:rgb(0,0,0,0.5) url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:2px; background:rgb(0,0,0,0.5) url(../images/next.png) center center no-repeat;}
.flex-direction-nav li a.flex-prev:hover{background:rgb(0,105,212,0.85) url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next:hover{background:rgb(0,105,212,0.85) url(../images/next.png) center center no-repeat;}
@media screen and (max-width:768px) {
.flex-control-nav li{display:inline-block; margin:0 4px;}
.flex-control-nav a{width:10px; height:10px;}
}


.page404{ width:100%; margin:300px 0 200px 0; text-align:center;}
.page404 img{ width:auto; display:inline-block;}
@media screen and (max-width:768px) {
.page404{ width:80%; margin:100px 10%; text-align:center;}
.page404 img{ width:auto; max-width:100%; display:inline-block;}
}

/*视频弹窗*/
.masklayer{position: fixed;display: none;width:100%;height:100%; top:0px; left:0px;background-color:rgba(0, 0, 0, 0.8);z-index:99999; -webkit-user-select: none;-ms-user-select: none;}
.vclose{position:absolute;right:0px; top:-30px;cursor: pointer; width:30px; height:30px; }
.vclose img{width:auto; height:auto; display:inline-block;}
.videos{display:none; position:fixed; left:20%; top:20%; z-index:100; width:60%; height:fit-content; background-color:rgba(0,0,0,0.8); box-sizing:border-box; padding:2%;top:50%; transform:translateY(-50%);}
.videos video{width:100%; height:auto;}
.videos div{width:100%; height:100%;}
.videolist {cursor:pointer; height:100%;}
@media screen and (max-width: 768px) {
.vclose { position:absolute;right:10px; top:10px; cursor: pointer; width:30px; height:30px; }
.vclose img{width:auto; height:auto; display:inline-block;}
.videos{display:none; position:fixed; left:0; z-index:100; width:100%; background-color:rgba(0,0,0,0.8); box-sizing:border-box; padding:8%;}
.videolist {}
}

/*留言弹窗*/
.content_box{position:relative; box-sizing:border-box; width:90%; padding:6% 0; box-sizing:border-box; margin:0 auto;}
.content_box h2{ font-size:32px; line-height:1.2; text-align:center;}

.footer_msn{box-sizing:border-box; width:100%; margin:0 auto; display:block;}
.footer_msn ul{margin-top:3%;}
.footer_msn li {overflow:hidden;}
.footer_msn li:nth-child(n+2) {margin-top:2%;}
.msg_name_input,.msg_mail_input,.msg_textarea {padding:10px 15px; background:#fafafa; box-sizing:border-box; font-family:"Poppins-Regular", Helvetica, sans-serif; border-radius:5px; border:1px #eaeaea solid;}
.msg_name_input,.msg_mail_input {float:left; width:48.5%; line-height:45px;}
.msg_mail_input{margin-left:2%;}
.msg_textarea {width:100%;line-height:24px; resize:none; }
.msg_submit{width:fit-content; height:55px; line-height:55px; font-size:16px; text-align:center; text-transform:uppercase; color:#ffffff; background:#333333; cursor:pointer; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out; border-radius:5px; padding:0 40px; display:inline-block;}
.msg_submit:hover{ background:#0073ff; color:#ffffff;}
.selectinput{padding:20px 20px;}
.countryinput{}
@media screen and (max-width:1380px) {
.footer_msn h2{font-size:24px; margin-bottom:20px;}
.msg_submit{height:45px; line-height:45px; font-size:14px; padding:0 30px;}
}

@media screen and (max-width:1024px) {
.footer_msn h2{font-size:16px; margin-bottom:10px;}
.msg_submit{height:40px; line-height:40px; font-size:14px; padding:0 20px;}
}

@media screen and (max-width:768px) {
.content_box{width:100%; padding:10% 0;}
.footer_msn{float:none; width:100%;}
.footer_msn ul{margin-top:10px;}
.msg_name_input,.msg_mail_input {line-height:30px; font-size:12px;}
.msg_submit{height:40px; line-height:40px; font-size:14px;}
.countryinput{width:100%;}
}


.searchlistspace{margin:60px 0!important;}
.searchlist{overflow:hidden; border:1px solid #DCDCDC; padding:30px; background-color:#fff; box-sizing:border-box; margin:0 0 50px 0;}
.searchlist h2{ font-size:18px; font-weight:700; padding-left:10px; margin-bottom:20px;}
.searchlist dl{border-bottom:1px #CCCCCC dotted; overflow:hidden; padding:15px 10px;}
.searchlist dl:hover{background:#f5f5f5;}
.searchlist dd{line-height:24px;}
.searchlist dd h4{font-size:16px; text-align:left;}
.searchlist dd p{font-size:14px; color:#999999;}
.searchlist dd p span{ margin-right:35px;}
@media screen and (max-width:768px) {
.searchlistspace{margin:30px 0!important;}
.searchlist{padding:20px;}
.searchlist h2{font-size:18px; margin-bottom:10px;}
.searchlist dl{padding:10px 10px;}
}

#feedback{width:100%; box-sizing:border-box;}
.feedback{width:80%; padding:50px; box-sizing:border-box; margin:100px auto 180px;}
.feedback h2{font-size:24px;font-weight:700;}
.feedback h4{height:4px; width:40px; background:#161616; margin:20px 0;}
.feedback h3{font-size:18px; line-height:24px; margin-bottom:30px;}
.feedback_btn{height:45px; line-height:45px; background:#23282b; color:#fff; border-radius:5px; text-align:center;-webkit-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out; display:inline-block; padding:0 25px;}
.feedback_btn:hover{background:#161616; color:#fff;}
@media screen and (max-width: 768px) {
.feedback{width:90%; padding:30px; margin:30px auto;}
.feedback h2{font-size:32px;}
.feedback h4{height:2px; width:50px; background:#d7d7d7; margin:10px 0;}
.feedback h3{font-size:16px; line-height:24px; margin-bottom:30px;}
.feedback_btn{margin-bottom:10px;margin-right:0px;}
}


.global_left_top{position:fixed; right:10px; bottom:20px; z-index:99;}
#myback{width:50px; height:50px;}
#myback img{width:100%;}
.myback_active{opacity:0!important;}
#mymeil{width:50px; height:50px; margin-bottom:10px;}
#mymeil img{width:100%;}
@media screen and (max-width:768px){
.global_left_top{bottom:10px;}
#myback{width:35px; height:35px;}
#mymeil{width:35px; height:35px;}
}

.picmove_box{transition:transform 0.5s ease-in-out; overflow: hidden; position:relative; padding:20px; box-sizing:border-box; margin:0 auto 15px; background:#0073ff; border-radius:10px; width:fit-content; cursor:pointer; transition:margin-top 0.3s ease;}
.picmove_box img{transition: transform 0.5s ease;}
.picmove_box:hover {
  background: #0073ff;
  box-shadow: 0 0 20px 4px rgba(16,99,200,0.35);
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  margin-top: -5px;
}
.picmove_box:hover img{transform: scaleX(-1);}


.picmove_box2{transition:transform 0.5s ease-in-out; overflow: hidden; position:relative; padding:20px; box-sizing:border-box; margin:0 auto; width:fit-content; cursor:pointer; transition:margin-top 0.3s ease;}
.picmove_box2 img{transition: transform 0.5s ease;}
.picmove_box2:hover {
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  margin-top: -5px;
}

.picmove_box2:hover img{transform: scaleX(-1);}


#infoFormDiv{display: none; position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); padding:3% 4%; background-color: #fff; z-index:1000; width:60%; box-sizing:border-box; border-radius:5px;}
#infoFormDiv h2{ font-size:32px; line-height:1.2; text-align:center;}
#infoFormDiv ul{margin-top:3%;}
#infoFormDiv ul p{text-align:center; margin-top:10px;}
#infoFormDiv li {overflow:hidden;}
#infoFormDiv li:nth-child(n+2) {margin-top:3%; text-align:center;}
#overlay{display: none; position: fixed; top:0; left:0; width:100%; height:100%; background: rgba(0, 0, 0, 0.5); z-index: 999;}
.msg_cancel{width:fit-content; font-size:16px; text-align:center; text-transform:uppercase; cursor:pointer; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out; display:inline-block;}
.msg_cancel:hover{color:#0073ff;}
@media screen and (max-width:1380px) {
#infoFormDiv h2{font-size:24px; margin-bottom:20px;}
.msg_cancel{font-size:14px;}
}

@media screen and (max-width:1024px) {
#infoFormDiv h2{font-size:16px; margin-bottom:10px;}
}

@media screen and (max-width:768px) {
#infoFormDiv{padding:5% 5%; width:90%;}
}