@charset "utf-8";  /*格式化样式*/  

/*公共压缩样式，处理各个浏览器兼容性所写，可以无视*/html,body{ font-family: Microsoft YaHei;}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0}ul,ol{list-style:none}s{text-decoration:none}img{border:0}table{border-collapse:collapse;border-spacing:0}caption,cite,code,dfn,th,var{text-align:left;font-weight:normal;font-style:inherit;}body{background-color:#fff;}/* 表单 */label{display:inline-block;*display:inline;*zoom:1}button,input,select,textarea{vertical-align:baseline;*vertical-align:middle}input[type="reset"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="file"]  input[type="button"]::-moz-focus-inner{border:none;padding:0}/* 字体 */h1{font-size:24px;margin:0 0 12px}h2{font-size:24px;margin:0 0 10px}h3{font-size:20px;margin:0 0 8px}h4{font-size:16px;margin:0 0 5px}h5{font-size:14px;margin:5px 0}h6{font-size:14px;margin:0 0 5px;}

.clearfix{overflow:hidden;zoom:1;clear: both;}

.clearfix{overflow:hidden;zoom:1;clear: both;}

*{

-webkit-box-sizing: border-box;

-moz-box-sizing: border-box;

box-sizing: border-box;

*behavior: url(../css/boxsizing.htc);

}

div,body,p,h1,h2,h3,h4,h5,ul,li,dl,dd,dt{

margin:0; 

padding:0;

list-style: none;

box-sizing:border-box;

}

a:focus{outline:none;}

a{color:#333;text-decoration: none; cursor:pointer; outline:none;}  

a:hover{ color:#4370f5; text-decoration: none;}

body{color:#000; max-width:1920px; min-width: 1200px; margin:0 auto;line-height: 1.5; overflow-x:hidden;}

html{font-size:14px;}

input[type=text],textarea {border: 1px solid #e3e3e3; background: #fff; -webkit-appearance: none;font-family: Microsoft YaHei;  -webkit-appearance: none;

    font-family: Microsoft YaHei;

    outline: none;}  

input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;  font-family: Microsoft YaHei;}  

input{font-family: Microsoft YaHei;}  

textarea { -webkit-appearance: none;}

input[type="button"], input[type="submit"], input[type="reset"] {

    -webkit-appearance: none;

    font-family: Microsoft YaHei;

    outline: none;

}

img{width:auto; max-width:100%;vertical-align: bottom;}

select{outline: none;}

.flex{display: none;}

.fl{float:left;}

.fr{float:right;}

.clear{clear:both;}

.container{width:1200px; margin:0 auto;}
.header{display:flex; align-items:center; justify-content:space-between; height:100px;}
.header .logo{display:flex; align-items:center; gap:15px;}
.header .logo a img{height:70px;}
.header .logo .ico img{width:auto; height:34px;}
.topright{display:flex; align-items:center; gap:15px;}
.topright .search{position:relative;}
.topright .search input{background:#fff;border-radius: 4px; width:360px; border: 2px solid #4370f5; line-height:40px; font-size:14px; color:#333; padding:0 12px;}
.topright .search button{background:#4370f5; line-height:44px; width:60px; text-align:center;border-radius: 4px; cursor: pointer; color:#fff; font-size:32px; border:none; position:absolute; right:0; top:0;}
.topright .tel{font-size: 20px; color: #f30808; display:flex; align-items:center;}
.topright .tel i{color:#666; margin-right:10px; font-size:26px;}
.navbox{background:#111b39; height:45px; position: relative; z-index:12;}
.navbox ul{position: relative; display:flex;}
.navbox>ul>li{width:20%;}
.navbox ul li>a{display:block; color:#fff; text-align:center; line-height:45px; font-size:16px;}
.navbox ul li>a i{margin-left:10px;display: inline-block;transition: all 0.2s ease-in-out;}
.navbox ul li>a.active{background:#4370f5;}
.navbox ul li>a.active i{transform: rotateX(180deg);}
.navbox ul li:nth-child(n+3){position:relative;}
.navbox ul li .box{background:#111b39; line-height:40px; display:none; width:100%; position:absolute; top:45px; left:0; text-align:center;}
.navbox ul li .box p a{display:block; color:#fff; font-size:16px;}
.navbox ul li .box p a:hover{color:#4370f5;}
.navbox ul li:hover .box{display:block;}
.navbox ul li:hover>a i{transform: rotateX(180deg);}
.navbox>ul>li:hover>a{background:#4370f5;}
.swiper-pagination-bullet-active{background:#fff;}
.bannerbox{    width: 100%;
    overflow: hidden;}
.bannerbox .swiper-banner{position:relative; width:1920px; height:570px; left:50%; margin-left:-960px;}
.productnav{background:#fff;width:240px; height:570px; padding-top:10px; position: absolute; left:0; top:45px;}
.productnav .parent>a{padding-left:68px; padding-right:20px; font-size:16px; display:flex; align-items:center; justify-content:space-between; line-height:40px;}
.productnav .parent>a i{font-size:18px;}
.productnav .parent .childbox{position:absolute;display:none; width:780px; padding:0 30px 15px; box-shadow:0 3px 6px rgba(0, 0, 0, 0.16); height:570px; overflow-y: auto; left:240px; background:#fff; top:0;}
.productnav .parent .childbox dl{padding:15px 0 10px;  border-top:1px solid #eee; min-height:88px; display:grid; grid-template-columns:150px 1fr; gap:10px;}
.productnav .parent .childbox dl:first-child{border: none;}
.productnav .parent .childbox dl dd a{font-size:16px; font-weight:bold;}
.productnav .parent .childbox dl dt{display:grid; grid-template-columns:repeat(4,1fr); font-size:16px; gap:10px;}
.productnav .parent .childbox .list{display:grid; grid-template-columns:repeat(4,1fr); gap:20px;}
.productnav .parent .childbox .list li{position: relative;}
.productnav .parent .childbox .list span{position:absolute; left:0; top:0; font-size:12px; border-radius:0 0 15px 0; background:#4370f5; color:#fff; line-height:24px; padding:0 10px;}
.navbox ul li .productnav{display:none;}
.productnav .parent:hover .childbox{display:block;}
.navbox ul li:hover .productnav{display:block;}
.productnav .parent.active .childbox{display:block;}
.navbox ul li.homeactive .productnav{display:block;}
.navbox ul li.homeactive .productnav .parent .childbox{display:none;}
.navbox ul li.homeactive .productnav .parent:hover .childbox{display:block;}
.navbox ul li.active>a{background:#4370f5;}
.navbox ul li.active>a>i{transform: rotateX(180deg);}
.homeservicebox{background:#eee; padding-top:15px;}
.htitlebox{display:flex; justify-content:space-between; align-items:center; padding:35px 0;}
.htitlebox span{font-size:24px; color:#000; display:flex; gap:15px; align-items:center;}
.htitlebox span i{font-size:32px; color:#4370f5; display:block; line-height:1;}
.htitlebox ul{display:flex; align-items:center; gap:10px;}
.htitlebox ul li{display:flex;align-items:center;}
.htitlebox ul li a{display:block; line-height:32px;font-size: 18px; color:#000; padding:0 10px; min-width:120px; text-align:center;}
.htitlebox ul li a.active{background:#4370f5; color:#fff;}
.htitlebox ul .more a{font-size:18px;}
.servicelist .box{display:none;}
.servicelist ul{display:grid; gap:10px; grid-template-columns:300px 1fr;}
.servicelist ul .leftpic{background:url(../images/service1.png) no-repeat center; color:#fff;padding: 40px; height:400px;}
.servicelist ul .leftpic h3{font-size: 24px;}
.servicelist ul .leftpic p{padding: 30px 0; line-height: 28px; min-height:240px;}
.servicelist ul .leftpic .tip span{padding: 5px 10px; margin-right: 10px; border: 1px solid #fff;}
.servicelist ul li{display:grid; grid-template-columns:repeat(3,1fr); gap:10px;}
.servicelist ul li dl{background:#fff; position: relative;padding: 20px; height:195px;}
.servicelist ul li dl h3{font-size: 18px; color: #333; font-weight:normal;}
.servicelist ul li dl dd{padding:20px 0 10px; display:flex; gap:10px; flex-wrap: wrap;}
.servicelist ul li dl dd a{padding: 3px 7px; height:29px; display:inline-block; color:#222d39; border: 1px solid #999; color: #666;}
.servicelist ul li dl dd a:hover{background:#4370f5; border:1px solid #4370f5; color:#fff;}
.servicelist ul li dl dt{color: #4370f5; padding-top:10px;}
.servicelist ul li dl dt p{padding-top:10px;color: #666;}
.servicelist ul li dl dt.m{text-align:right;}
.servicelist ul li dl dt.m a{color: #4370f5;}
.servicelist2 .box{display:none;}
.servicelist2 ul{display:grid; gap:10px; grid-template-columns:300px 1fr;}
.servicelist2 ul .leftpic{padding: 30px; height:400px; background:#fff;}
.servicelist2 ul .leftpic h3{font-size: 24px; font-weight: 700; color: #333;}
.servicelist2 ul .leftpic .img{margin: 30px 0 20px;width: 240px; height: 166px;}
.servicelist2 ul .leftpic p{line-height: 23px; color: #999;
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; height:80px;}
.servicelist2 ul .leftpic .more{text-align:right;color: #4370f5;}
.servicelist2 ul li{display:grid; grid-template-columns:repeat(3,1fr); gap:10px;}
.servicelist2 ul li dl{height: 195px; padding: 20px; background: #fff;}
.servicelist2 ul li dl h3{line-height: 23px; font-size: 18px; color: #333;}
.servicelist2 ul li dl p{margin: 15px 0 10px; line-height: 23px; font-size: 14px; color: #999;}
.servicelist3 .box{display:none;}
.servicelist3 ul{display:grid; gap:0; grid-template-columns:260px 1fr;}
.servicelist3 ul .leftpic{background:url(../images/service1.png) no-repeat center; display: block; color:#fff;padding: 40px 35px; height:400px;}
.servicelist3 ul .leftpic a{color:#fff; display: block;}
.servicelist3 ul .leftpic h3{font-size: 24px;}
.servicelist3 ul .leftpic p{padding: 30px 0; line-height: 28px; min-height:180px;}
.servicelist3 ul .leftpic .tip span{padding: 5px 10px; background:hsla(0,0%,100%,.32); display: inline-block; margin-bottom:20px; margin-right: 10px;}
.servicelist3 ul li{background:#fff; display:flex; flex-wrap:wrap;}
.servicelist3 ul li dl{width:33.33333%;border-right: 1px solid #eee; border-bottom: 1px solid #eee;padding: 30px; height: 247px;}
.servicelist3 ul li dl:nth-child(n+4){width:50%;height: 152px;}
.servicelist3 ul li dl:nth-child(3),.servicelist3 ul li dl:nth-child(5){border-right:0;}
.servicelist3 ul li dl h3{font-size: 18px; font-weight: 400; color: #333;}
.servicelist3 ul li dl p{margin: 20px 0 2px; height: 69px; line-height: 23px; font-size: 14px; color: #999;}
.servicelist3 ul li dl .icon{display:flex; justify-content:end;}
.servicelist3 ul li dl .icon span{display: flex; align-items: center; padding:0 15px; background: linear-gradient(137deg, rgb(153, 168, 245) 0%, rgb(35, 59, 245) 100%); justify-content: center; width: 85px; height: 85px; text-align: center; font-size: 14px; color: #fff; border-radius: 50%;}
.servicelist3 ul li dl:nth-child(2) .icon span{background: linear-gradient(137deg, rgb(154, 228, 243) 0%, rgb(48, 193, 223) 100%);}
.servicelist3 ul li dl:nth-child(3) .icon span{background: linear-gradient(137deg, rgb(248, 129, 110) 0%, rgb(239, 49, 18) 100%);}
.servicelist3 ul li dl:hover{box-shadow: 0 8px 16px rgba(0,0,0,.2);
    transition: .3s;
    transform: translate3d(0,-3px,0);}
#tab4{display:grid; grid-template-columns:repeat(6,1fr); gap:10px;}
#tab4 li{display:flex; align-items:center; overflow: hidden; cursor: pointer; position: relative;  justify-content:center; color: #fff; background:rgb(35, 59, 245); text-align:center; height:80px; gap:10px; border-radius:;font-size: 18px;border-radius: 4px;}
#tab4 li img{width:28px;}
#tab4 li:nth-child(2){background:rgb(166, 101, 236);}
#tab4 li:nth-child(3){background:rgb(239, 49, 18);}
#tab4 li:nth-child(4){background:rgb(1, 127, 243);}
#tab4 li:nth-child(5){background:rgb(239, 185, 37);}
#tab4 li:nth-child(6){background:rgb(29, 200, 235);}
#tab4 li.active:after{content:''; width: 16px; height: 16px; background: #fff; position: absolute; bottom: -8px; left: 0; right: 0; margin: 0 auto; transform: rotate(45deg);}
.servicelist4{padding-top:40px;}
.servicelist4 .box{display:none;}
.servicelist4 ul{background:#fff; display:grid; grid-template-columns:repeat(4,1fr);}
.servicelist4 ul li{border-top: 1px solid #eee; border-right: 1px solid #eee; background: #fff; padding: 20px;}
.servicelist4 ul li:nth-child(1),.servicelist4 ul li:nth-child(2),.servicelist4 ul li:nth-child(3),.servicelist4 ul li:nth-child(4){border-top:none;}
.servicelist4 ul li:nth-child(4),.servicelist4 ul li:nth-child(8){border-right:none;}
.servicelist4 ul li .txt{margin-top: 20px; font-size: 18px; color: #000;}
.servicelist4 ul li .txt small{margin-left: 20px; font-size: 14px; color: #4370f5;}
.animate_hover:hover{box-shadow: 0 8px 16px rgba(0,0,0,.2);
    transition: .3s;
    transform: translate3d(0,-3px,0);}
.servicelist5 .box{display:none;}
.servicelist5 ul{display:grid; grid-template-columns:585px 1fr; gap:10px; text-align:center;}
.servicelist5 ul .catname{height:400px;}
.servicelist5 ul .catname img{width:100%; height:340px; object-fit:cover; border-radius:3px 3px 0 0;}
.servicelist5 ul .catname p{line-height: 60px; text-align: center; background: hsla(0,0%,100%,.9); border-radius: 0 0 4px 4px;color: #222d39; font-size:18px;}
.servicelist5 ul li{display:grid; gap:10px; grid-template-columns:repeat(3,1fr);}
.servicelist5 ul li img{height:155px; width:100%; object-fit:cover;border-radius:3px 3px 0 0;}
.servicelist5 ul li {line-height:40px; border-radius: 0 0 4px 4px;color: #222d39; font-size:18px;}
.servicelist5 ul li dl{background:#fff;}
.htitlebox ul .more{font-size: 18px; color: #666;}


.servicelist6 ul{display:grid; grid-template-columns:380px 1fr; gap:10px; text-align:center;}
.servicelist6 ul .catname{height:604px; display:grid; gap:10px;}
.servicelist6 ul .catname dl{position: relative;}
.servicelist6 ul .catname img{width:100%; height:258px; object-fit:cover; border-radius:3px 3px 0 0;}
.servicelist6 ul .catname p{line-height:44px; text-align: center; background: hsla(0,0%,100%,.9); border-radius: 0 0 4px 4px; width:100%; color: #333; font-size:18px;}
.servicelist6 ul li{display:grid; gap:10px; grid-template-columns:repeat(4,1fr);}
.servicelist6 ul li img{height:151px; width:100%; object-fit:cover;border-radius:3px 3px 0 0;}
.servicelist6 ul li {line-height:44px; border-radius: 0 0 4px 4px;color: #222d39; font-size:18px;}
.servicelist6 ul li dl{background:#fff;}
.servicelist6 ul li dl p{color:#888;}
.servicelist7{padding-bottom:70px;}
.servicelist7 .box{display:none;}
.servicelist7 ul{display:grid; grid-template-columns:repeat(2,1fr); padding-top:20px;}
.servicelist7 ul li{padding-left:80px;}
.servicelist7 ul li h3{font-size: 18px; color:#333; padding-bottom:40px;}
.servicelist7 ul li .list{display:grid; grid-template-columns:repeat(2,1fr); gap:50px;}
.servicelist7 ul li .list p{line-height: 24px; font-size: 18px;}
.servicelist7 ul li .list span{width: 168px; min-height: 38px; margin-top: 10px; display: block; line-height: 19px; font-size: 14px;}
.haboutbox{padding:15px 0 80px;}
.aboutlist .box{display:none;}
.aboutlist ul{display:grid; grid-template-columns:repeat(3,1fr); gap:20px 10px;}
.aboutlist ul li{position: relative; overflow:hidden;border-radius: 8px;}
.aboutlist ul li img{border-radius: 8px; border: 1px solid #ccc; width:100%;}
.aboutlist ul li p{position:absolute; bottom:0; line-height: 60px; width:100%; text-align:center; font-size: 16px; color:#fff;background: linear-gradient(180deg,rgba(34,45,57,0),rgba(20,27,34,0.3) 40%,#000);opacity: 0.54;}
.footer{background:#0a1127; color:#fff; color:rgba(255, 255, 255,0.7);padding: 40px 0; font-size:16px;}
.footer a{color:#fff; color:rgba(255, 255, 255,0.7);}
.fnav{display:flex;}
.fnav h3{font-weight:normal;padding-bottom: 20px; margin-bottom:10px; line-height:25px; height:45px; border-bottom: 1px solid #333; color:#fff; font-size:16px;}
.fnav ul:nth-child(1){width:285px;}
.fnav ul:nth-child(2){width:418px;}
.fnav ul:nth-child(3){width:187px;}
.fnav ul:nth-child(4){width:228px;}
.fnav ul:nth-child(5){width:70px;}
.fnav ul li{line-height:40px; display:grid;}
.fnav ul li a{display:block; color:#999;}
.fnav ul li a:hover{color:#4370f5;}
.fnav ul:nth-child(2) li{grid-template-columns: repeat(3,1fr);}
.fnav ul:nth-child(3) li{grid-template-columns: repeat(2,1fr);}
.fnav ul:nth-child(4) li{grid-template-columns: repeat(2,1fr);}
.fnav ul li h4{margin-bottom:0; font-size: 24px; color: #4370f5; font-weight: 700;}
.copy{display:flex; justify-content:space-between;padding-top: 20px;}
.addlist{align-items: flex-start; padding:30px 0; border-bottom: 1px solid #333; border-top:1px solid #333;}
.addlist ul{display:flex; align-items: flex-start; gap:30px; }
.addlist ul li{line-height:30px; height:30px;}
.addlist ul li i{margin-right:5px; font-size:18px; color:#fff;}
.nbanner{position:relative; height:300px;}
.nbanner .banner-info{background: rgba(0,0,0,.29); align-items: center; color: #fff;width:900px; height: 188px;display: flex; flex-direction: column; justify-content: center; position:absolute; left:50%; top:50%; transform: translate(-50%,-50%);}
.nbanner .banner-info h3{font-size: 50px; font-weight: 400;}
.position{padding:30px 0; color: #222d39; font-size:16px;}
.centernav{display:flex; gap:40px; font-size:20px; line-height:30px; padding-bottom:25px;}
.centernav a.active{color:#4370f5;}
.main{min-height:240px;}
.page{overflow:hidden; line-height:32px; text-align: center; padding:40px 0;}
.page a,.page span{color:#444; display:block; font-size:14px; padding:2px 12px; margin:0 5px; background:#e2e2e2; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; border-radius:3px}
.page a:nth-child(1){margin-left:0!important}
.page .active a{background:#4370f5; color:#FFF}
.page a:hover{background:#4370f5; color:#FFF}
.page ul,.page li{list-style:inherit;}
.page li{display:inline-block;}
.newslist ul{display:grid; grid-template-columns:repeat(3,1fr); gap:30px;}
.newslist ul li .item-info{padding-top:25px; display:grid; grid-template-columns:64px 1fr; gap:35px;}
.newslist ul li .item-info .left-top{height: 72px; background: #4370f5; text-align: center; color: #fff;}
.newslist ul li .item-info .left-top h3{font-size: 24px; padding-top:7px;}
.newslist ul li .item-info .left-bottom{height: 49px; border: 1px solid #ccc; position: relative; color: #999;}
.newslist ul li .item-info .left-bottom span:nth-child(1){position: absolute; left: 9px; top: 2px; font-size: 16px;}
.newslist ul li .item-info .left-bottom span:nth-child(2){position: absolute; left: 25%; top: 50%; width: 65%; height: 1px; background-color: #ccc; z-index: 1; transform: rotate(135deg);}
.newslist ul li .item-info .left-bottom span:nth-child(3){position: absolute; right: 3px; bottom: 3px; font-size: 16px;}
.two_row_ellipsis{word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}
.newslist ul li .item-info .item-right h3{min-height: 42px; font-size: 16px; font-weight: 700; color: #222d39; margin: 0 0 5px;}
.newslist ul li .item-info .item-right p{overflow: hidden; color: #999; font-size: 14px;}
.newslist ul li .item-info .item-right .tag{display:flex; justify-content: self-start; padding-top:5px;}
.newslist ul li .item-info .item-right .tag b{font-size: 16px; font-weight:normal; color:#000;}
.newslist ul li .item-info .item-right .tag span{color: #4370f5; margin-right: 5px; font-size:16px;}
.contentbox{padding:20px 20px 40px;}
.contentbox .content{font-size:16px; line-height:2;}
.contentbox .content h3{margin:10px 0; padding-left: 20px; position: relative;}
.contentbox .content h3:after{content: "";
    width: 6px;
    height: 30px;
    background: #4370f5;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto 0;}
.next{ padding:10px 30px; background: #f5f5f5; font-size:16px; line-height:2;} 
.next a{color:#666;}
.next a:hover{color:#4370f5;}
.aboutmain{ padding:50px 0 70px; min-height:640px;}
.leftnav{padding: 20px 0; width:205px; box-shadow: 0 3px 6px rgba(0,0,0,.16); border-radius: 20px; float: left;}
.leftnav h3{font-weight:normal; padding:0 30px 35px; display:flex; justify-content:space-between; align-items:center; font-size: 16px; color:#000;}
.leftnav h3 i{color:#222d39; font-size:20px;}
.leftnav li{padding: 0 12px;}
.leftnav li>a{display:flex; gap:10px; align-items:center; margin-bottom:15px; justify-content:space-between; line-height:45px; padding:0 12px; color: #222d39; font-size:16px;}
.leftnav li>a i{font-size:18px; margin-right:8px;}
.leftnav li.active>a em{transform: rotate(90deg); display:block;}
.leftnav li>a:hover,.leftnav li.active>a{background: rgb(238, 246, 255); border-radius:23px; color:rgb(67, 112, 245);}
.rightcontent{margin-left:240px;}
.rightcontent .content{padding:0 0 50px; font-size:16px; line-height:2;}
.equitlist ul{display:grid; grid-template-columns:repeat(3,1fr); gap:20px; text-align: center;}
.equitlist ul li img{border:1px solid #e8e8e8;}
.equitlist ul li p{font-size:16px; padding-top:10px;}
.aboutmain .newslist ul{gap:25px;}
.aboutmain .newslist ul li .item-info{grid-template-columns:55px 1fr; gap:15px;}
.aboutmain .newslist ul li .item-info .left-top{font-size:13px; height:56px;}
.aboutmain .newslist ul li .item-info .left-top h3{font-size:20px; padding-top:10px; line-height:1;}
.leftnav .secondbox{display:none;}
.leftnav li.active .secondbox{display:block;}
.leftnav li .secondbox .second{color: #687294; line-height:38px; position: relative;}
.leftnav li .secondbox .second>a{color: #687294; font-size:14px; display: block;padding-left: 30px;}
.leftnav li .secondbox .second>a.active,.leftnav li .secondbox .second>a:hover{color:rgb(67, 112, 245);}
.leftnav li .secondbox .second .thirdbox{display: none; position: absolute; top: 0; right: -135px; width: 160px; max-height: 500px; overflow-y: auto; padding: 10px 0; background: #fff; border: 1px solid #ccc; box-shadow: 0 3px 6px rgba(0,0,0,.16); border-radius: 8px; z-index: 10000;}
.leftnav li .secondbox .second .thirdbox p{line-height: 40px; padding: 0 15px; overflow:hidden;}
.leftnav li .secondbox .second .thirdbox p a{color: #687294;white-space: nowrap; display: block;overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
.leftnav li .secondbox .second .thirdbox p a:hover{color:rgb(67, 112, 245);}
.leftnav li .secondbox .second:hover .thirdbox{display: block;}
.pruductnav{display: flex; gap:30px; font-size: 20px;padding-bottom:30px;font-size: 16px; color: #687294;}
.pruductnav a:hover,.pruductnav a.active{color: #4370f5;}
.productlist ul{display:grid; grid-template-columns:repeat(5,1fr); gap:10px;}
.productlist ul .productimglist{height:184px;}
.productlist ul li{height:184px; overflow: hidden;}
.productlist ul .productimglist img{width:100%; height:184px;}
.productlist ul .productimglist{ grid-column-start: 1; grid-column-end: 3;}
.productlist ul li{border: 1px solid #ccc; border-radius: 4px;}
.productlist ul li img{width:100%; height:123px; object-fit:cover;}
.productlist ul li h3{padding: 8px 10px 0;font-size: 16px; color: #222d39; font-weight: 400;overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
.productlist ul li p{display:flex; justify-content:end; padding:0 10px; color: #4370f5;}
.productlist ul .productimglist .swiper-pagination-bullet{background:#fff;}
.productlist ul .productimglist .swiper-pagination-bullet-active{background:#007aff !important;}
.productcontent .title{text-align:center;font-size: 24px; font-weight:bold; padding-bottom:10px;}
.productcontent .content h2,.productcontent .content h3{margin:15px 0; padding-left: 20px; position: relative;}
.productcontent .content h2:after,.productcontent .content h3:after{content: "";
    width: 6px;
    height: 30px;
    background: #4370f5;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto 0;}
    .productcontent .content table{width:100% !important;}
    .productcontent .content table tr td{padding: 5px; text-align:center;}
    .productcontent .content table tr:first-child{border-top:3px solid #4370f5;}
.RightSidebar{position: fixed; top: 20%; right: 0; z-index:100; width: 55px; height: 320px; border-radius: 2px; font-size: 12px;}
.RightSidebar .rs_top{margin-bottom: 10px; color: #fff;}
.RightSidebar .rs_top .circular{display: flex; width: 55px; height: 55px; border: 2px solid #4370f5; border-radius: 50%; background: #fff;}
.RightSidebar .rs_top .circular img{width: 25px; margin: auto;}
.RightSidebar .rs_top span{width: 54px; height: 18px; margin-top: -8px; line-height: 18px; text-align: center; background: #4370f5; border-radius: 2px;}
.RightSidebar ul{width: 54px; height: 240px; padding-top: 6px; border: 1px solid #f5f5f5; background: #fff;}
.RightSidebar ul li{height: 54px; cursor: pointer; position: relative; padding-top: 6px; margin-bottom: 4px; cursor: pointer; text-align:center;}
.RightSidebar ul li img{width: 26px;}
.RightSidebar ul li>span{margin-top: 5px; color: #4370f5; display:block;}
.RightSidebar ul li .iphoneItem{display:none; position:absolute; text-align:left; right:54px; bottom:-6px;width: 190px;color: #999; background:#fff;
padding: 14px 0 14px 32px; background: #fff; border: 1px solid #f5f5f5;}
.RightSidebar ul li .iphoneItem .saleInfo_item{margin-bottom: 10px; position: relative; color: #999;}
.RightSidebar ul li .iphoneItem img{position: absolute; top: 2px; left: -22px; width: 15px;}
.RightSidebar ul li .iphoneItem span{display:block;}
.RightSidebar ul li .iphoneItem small{color: #4370f5;}
.RightSidebar ul li .iphoneItem .operation{width: 64px; height: 20px; margin-top: 5px; line-height: 18px; text-align: center; background: #fff; border: 1px solid #4370f5; border-radius: 2px; color: #4370f5; cursor: pointer;}
.RightSidebar ul li:hover .iphoneItem{display:block;}
.serarchlist  li{padding: 22px 0 20px; border-bottom: 1px solid #ddd; cursor: pointer;}
.serarchlist  li h3{margin-bottom: 20px; font-size: 16px; color: #333; font-weight:normal;}
.serarchlist  li p{line-height: 21px;color: #687294;}
.searchtxt{padding-top:40px;font-size: 24px; color: #000;}
.leftnav li .secondbox .second89:hover .thirdbox,
.leftnav li .secondbox .second90:hover .thirdbox,
.leftnav li .secondbox .second91:hover .thirdbox,
.leftnav li .secondbox .second142:hover .thirdbox
{display:none;}
.productnav .parent.active>a{position: relative;}
.productnav .parent.active>a:after{width:1px; height:25px; background:#4370f5; content:""; right:0; top:8px; position:absolute;}

.partnerlist ul{display:grid; grid-template-columns:repeat(3,1fr); gap:20px; text-align: center;}
.partnerlist ul li img{border:1px solid #e8e8e8;}
.partnerlist ul li p{font-size:16px; padding-top:10px;}
.small-title{display:flex; align-items:center; gap:10px;color: #222d39; font-size:24px;}
.product-introduce{width: 100%; height: 100px; padding: 28px 20px; margin-top: 20px; line-height: 24px; background: #f5f5f5; font-size: 14px; color: #687294;}
.product-type{padding-top:60px; display:flex; gap:8px;}
.product-type a{width: 90px; height: 30px; line-height: 28px; display: block; text-align: center; font-size: 16px; color: #222d39; border-radius: 8px; border: 1px solid #ccc; cursor: pointer;}
.product-type a.active{color: #fff; background: #4370f5; border-color:#4370f5;}
.product-type-detail{overflow: hidden; padding-bottom:70px;}
.product-type-detail .box{display:none;}
.product-type-detail .box .txt{padding-top:100px; width:485px; float:left;}
.product-type-detail .box .txt h3{line-height: 50px; font-size: 50px;}
.product-type-detail .box .txt span{margin: 27px 0 20px; font-size: 18px; font-weight: 700; display: block;}
.product-type-detail .box .txt p{font-size: 14px; min-height:135px; padding-bottom:20px; line-height: 24px; color: #687294; letter-spacing: 2px;}
.product-type-detail .box .txt .more a{width: 150px; height: 50px; line-height: 48px; display: block; text-align: center; background: #fff; border: 1px solid #ccc; border-radius: 8px; font-size: 16px; cursor: pointer;}
.product-type-detail .box .img{float:right;width: 450px;}
.text-project ul{display:grid; grid-template-columns:repeat(6,1fr); gap:20px; padding:40px 0 70px;}
.text-project ul li{height: 60px; line-height: 58px; text-align: center; font-size: 16px; background: #f5f5f5; border: 1px solid #ccc; border-radius: 47px;}
.standard-con{margin-top: 60px; width: 1000px; border-top: 4px solid #4185f4; border-radius: 8px;}
.standard-con .standard-item {background: #fff;}
.standard-con .standard-item li{padding: 14px 0;display:grid; grid-template-columns:repeat(2,1fr);font-size: 16px; color: #222d39;}
.standard-con .standard-item li.odd{background:#f5f5f5;}
.standard-con .standard-item li:nth-child(1){padding-left: 80px;}
.introduce{padding-top:55px; display:grid; grid-template-columns:400px 1fr; gap:25px;}
.introduce .txt h3{font-size: 20px; color: #222d39; font-weight: 400; padding-top:10px;}
.introduce .txt span{display: inline-block; margin-top: 8px; width: 50px; height: 4px; background: #4370f5; border-radius: 3px;}
.introduce .txt p{font-size: 14px; color: #687294; margin-top: 15px; line-height:2;}
.TextService{padding: 40px 12px 0;}
.TextService .ts-title{padding-bottom: 10px; font-size: 12px; color: #4370f5;}
.TextService ul{display:flex; flex-wrap: wrap;justify-content: flex-start; padding-bottom: 65px;}
.TextService ul li{margin: 23px 18px 0 0; padding: 11px 15px; border: 1px solid #ccc; border-radius: 38px; cursor: pointer;}
.testProject{padding:55px 0;}
.testProject .con-top{line-height: 60px; background-color: #4185f4; align-items:center; color:#eef6ff; font-size:16px; height: 60px; display: flex; gap:20px; padding-left:20px; border-radius: 8px; margin-bottom: 20px;}
.testProject .con-top img{width:24px; height:24px;}
.testProject ul{display:grid; grid-template-columns:repeat(2,1fr); gap:16px; padding-top:15px;}
.testProject ul li{background: #fff; display:grid; padding:25px; grid-template-columns:68px 1fr; gap:25px;  box-shadow: 0 3px 6px rgba(0,0,0,.16);  border-radius: 8px;}
.testProject ul li h3{color: #333; font-size:18px;}
.testProject ul li p{font-size: 14px; color: #687294; margin-top:15px;}
.material-range{padding-bottom:55px;}
.material-range .img{padding:55px 0 30px; display:grid; grid-template-columns:repeat(2,1fr); gap:20px;}
.material-range ul{display:grid; grid-template-columns:repeat(5,1fr); gap:20px;}
.material-range ul li{line-height: 60px; background: #f5f5f5; text-align:center;}
.material-range ul li a{color:#222d39; font-size:18px;}
.material-range ul li a:hover{color:#4370f5;}
.material-range ul li a small{font-size:14px;}
.pro{margin-top: 60px; margin-bottom:55px; position: relative;border-top: 4px solid #4185f4; box-shadow: 0 3px 6px rgba(0,0,0,.16); border-radius: 8px; padding: 50px 20px 30px 20px;}
.problembox{padding:55px 0; display:flex;justify-content: space-between; gap:40px; align-items: flex-end;}
.problembox .pro-right{width:418px;}
.problembox .pro-left{width:540px;}
.problembox li{padding-bottom:6px;}
.problembox li h3{height: 50px; align-items:center; cursor: pointer; display:flex; padding-left:25px; gap:10px; font-weight:100; background: #eef6ff; border-radius: 4px; line-height:50px; font-size: 18px; color: #222d39;}
.problembox li p{display: none; padding:20px 15px; color: #687294; font-size: 14px;  overflow: hidden;}
.problembox li.active p{display: block;}
.problembox li.active h3{background: #4370f5; color: #fff;}
.problembox li h3 i{width:19px; height:19px; display: block;background:url(../images/xj-iconwenti.png) no-repeat center;}
.problembox li.active h3 i{background:url(../images/title-iconwenti.png) no-repeat center;}
.plastic{padding:55px 0;}
.plastic ul{display:grid; grid-template-columns:repeat(2,1fr);gap:20px;}
.plastic ul li h3{margin-top: 20px; color: #222d39; font-size: 18px; font-weight: 700; margin-left: 3px;}
.plastic ul li p{display:flex; flex-wrap:wrap; padding-top:10px;}
.plastic ul li p span{display: inline-block; padding: 5px 10px; background: #eef6ff; border-radius: 4px; text-align: center; font-size: 12px; color: #687294; margin-right: 10px; margin-bottom: 10px;}
.text-range{padding:55px 0;}
.text-range ul{display:grid; grid-template-columns:repeat(2,1fr);gap:20px;}
.text-range ul li{border: 1px solid #ccc; padding:25px;}
.text-range ul li h3{margin: 20px 0 14px; font-size: 18px; font-weight: 700; color: #222d39;}
.text-range ul li p{font-size: 12px; line-height: 24px; color: #687294;}

.pro-detailbox{padding:55px 0;}
.pro-detailbox .con-top{line-height: 60px; background-color: #4185f4; align-items:center; color:#eef6ff; font-size:16px; height: 60px; display: flex; gap:20px; padding-left:20px; border-radius: 8px; margin-bottom: 20px;}
.pro-detailbox .con-top img{width:24px; height:24px;}
.pro-detailbox ul{flex-wrap: wrap; position: relative; height: 708px; padding-left: 510px;display: flex; align-items: center; justify-content:space-between;}
.pro-detailbox ul li{display: flex; justify-content: space-between; width:470px; gap:20px; padding: 30px 20px; box-shadow: 0 3px 6px rgba(0,0,0,.16); border-radius: 8px;}
.pro-detailbox ul li:nth-child(1){position: absolute; top: 0; left: 0; height: 690px;}
.pro-detailbox ul li{display:grid; grid-template-columns:60px 310px;justify-content:space-between;}
.pro-detailbox ul li h3{height: 24px; margin-bottom: 18px; font-size: 18px; line-height: 24px; font-weight: 700;}
.pro-detailbox ul li p{margin-bottom: 22px; line-height: 24px; position: relative;}
.pro-detailbox ul li p:after{content: "";
    position: absolute;
    top: 8px;
    left: -20px;
    width: 8px;
    height: 8px;
    background: #4370f5;
    border-radius: 50%;}
.ca-test-range .catnav{padding:55px 0 45px; display:grid; grid-template-columns:repeat(5,1fr); gap:45px;}
.ca-test-range .catnav a{display: block;background: #fff; box-shadow: 0 3px 6px rgba(0,0,0,.1); border-radius: 50px; text-align:center; line-height:50px; font-size: 18px; font-weight: 700; color: #000;}
.ca-test-range .catnav a.active{color: #fff;background: #4370f5;}
.ca-test-range ul li{display:none; overflow: hidden;padding: 36px 59px; background: #f5f5f5;}
.ca-test-range ul li .img{width:380px; float: left;}
.ca-test-range ul li .txt{width:420px; float: right; padding-top:20px;}
.ca-test-range ul li .txt h3{font-size: 18px; color: #222d39; font-weight: 400;}
.ca-test-range ul li .txt p{margin-top: 35px; font-size: 14px; line-height: 23px; color: #687294;}
.ThreeItem{padding-bottom:55px;}
.ThreeItem ul{display:grid; grid-template-columns:repeat(3,1fr); gap:20px;}
.ThreeItem ul li{position: relative; text-align:center; padding: 30px 18px; box-shadow: 0 1px 8px rgba(0,0,0,.1); font-size: 14px;}
.ThreeItem ul li:after{content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: #4370f5;}
.ThreeItem ul li h3{margin-bottom: 20px; color: #333; font-weight: 700;}
.ThreeItem ul li p{line-height: 23px; color: #687294; text-align: center;}
.chm-problem-item{padding:40px 0 ; display:grid; grid-template-columns:repeat(2,1fr); gap:50px; align-items:center;}
.chm-problem-item .txt h3{margin-bottom: 35px; font-size: 18px; color: #4370f5; font-weight: 700;}
.chm-problem-item .txt h4{margin-bottom: 20px; color: #222d39;font-size: 14px;}
.chm-problem-item .txt p{margin-bottom: 30px; color: #687294; font-size:14px;}
.TextProjectTable{margin-top: 50px;}
.TextProjectTable .flex_column{display: flex; flex-direction: column;}
.TextProjectTable ul.flex_column li{display: flex; flex-wrap: wrap; font-size: 16px; color: #222d39;}
.TextProjectTable ul.flex_column li:first-child{background: #4370f5; color: #fff;}
.TextProjectTable ul.flex_column li .table-title{display: flex; align-items: center; justify-content: center; width: 343px; border: 1px solid #999; border-top: none;}
.TextProjectTable ul.flex_column li:first-child .table-title{border:none;}
.TextProjectTable ul.flex_column li .table-con{width: 617px; padding: 28px 70px 28px 140px; border-right: 1px solid #999; border-bottom: 1px solid #999;}
.TextProjectTable ul.flex_column li:first-child .table-con{padding: 14px 70px 14px 140px; border: none;}
.intoss{margin-top: 35px; font-size: 16px; line-height: 26px;}
.flex_between{display: flex;  align-items: center; justify-content: space-between;}
.cm-range-detail{padding:40px 0; color:#fff;}
.cm-range-detail .range-detail-left{width: 301px; height: 300px; background:url(../images/cm_range1.png) no-repeat center;}
.cm-range-detail .range-detail-left ul{flex-wrap: wrap; padding: 94px 0 0 69px; display: flex; align-items: center;}
.cm-range-detail .range-detail-left ul li{width: 80px; margin: 0 20px 25px 0; font-size: 16px; color: #fff;}
.cm-range-detail .range-detail-right{width: 647px;}
.cm-range-detail .range-detail-right ul{display:grid; grid-template-columns: repeat(3,1fr); align-items: center; justify-content: space-between; gap:10px;}
.cm-range-detail .range-detail-right ul li{display: flex; align-items: center; justify-content: center; width: 223px; height: 145px; font-size: 16px; color: #fff; border-radius: 4px; overflow: hidden;}
.standard-con2 .standard-item li{grid-template-columns:180px 1fr;}
.me-range-table{margin-top: 40px; border-top: 4px solid #4370f5; border-bottom: 4px solid #4370f5; border-radius: 4px; overflow: hidden;}
.me-range-table ul{display: flex; flex-direction: column;}
.me-range-table ul li{display: flex; flex-wrap: wrap; font-size: 16px; color: #222d39;}
.me-range-table ul li .range-table-title{display: flex; align-items: center; width: 148px; padding: 0 25px; border: 1px solid #ddd; border-top:none;}
.me-range-table ul.flex_column li .range-table-type{display: flex; flex-direction: column; width: 812px;}
.me-range-table ul.flex_column li .range-table-type p{display:flex;border-bottom: 1px solid #ddd;}
.me-range-table ul.flex_column li .range-table-type p span{border-right: 1px solid #ddd;}
.me-range-table ul.flex_column li .range-table-type p span:nth-child(1){display: flex; align-items: center; justify-content: center; width: 320px;}
.me-range-table ul.flex_column li .range-table-type p span:last-child{padding: 25px 72px;width:500px;}
.upservice-table-title{width: 100%; height: 49px; line-height: 49px; padding-left: 248px; margin-top: 40px; font-size: 16px; background: #4370f5; color: #fff;}
.upservice-table-title span:nth-child(1){margin-right: 175px;}
.rs-main-upservice li{display: flex; flex-wrap: wrap; color: #222d39; font-size: 16px;}
.rs-main-upservice li .upservice-title{display: flex; align-items: center; justify-content: center; width: 148px; border: 1px solid #ddd; border-bottom:none;}
.rs-main-upservice li .upservice-info > div{display: flex; width: 812px;}
.rs-main-upservice li .upservice-info > div p:first-child{display: flex; align-items: center; justify-content: center; width: 319px; border-top: 1px solid #ddd; border-right: 1px solid #ddd;}
.rs-main-upservice li .upservice-info > div p:last-child{display: flex; flex-direction: column; width: 532px; padding: 27px 70px 27px 80px; border-top: 1px solid #ddd; border-right: 1px solid #ddd;}
.rs-main-type{padding:80px 0 50px;}
.rs-main-type ul{display:grid; grid-template-columns:repeat(2,1fr); gap:90px 60px;}
.rs-main-type ul li .img{ margin:-40px 0 0 10px; float: right; position: relative;}
.rs-main-type ul li .txt{padding: 20px 0 20px 20px; background: #f5f5f5;}
.rs-main-type ul li .txt h3{font-size: 18px; color: #222d39; font-weight: 700;}
.rs-main-type ul li .txt p{margin-top: 20px; font-size: 14px; color: #687294; line-height: 23px;}
.problembox li .txt{display:none; padding:5px;}
.problembox li.active .txt{display:block;}
.problembox li .txt h4{font-size: 16px; color: #222d39; padding:5px;}
.problembox li .txt p{color: #687294; font-size: 14px; padding:0;}
.problembox .pro-right img{display:none;}
.project-item ul{display:grid; grid-template-columns:repeat(3,1fr); gap:30px 20px; padding:50px 0;}
.project-item ul .item-con{display: grid; grid-template-columns:65px 1fr; gap:20px; padding-top:20px;}
.project-item ul .item-con .item-con-num{height: 72px; background: #4370f5; color: #fff; font-size: 24px; font-weight: 700;flex-direction: column;display: flex; align-items: center; justify-content: center;}
.project-item ul .item-con .item-con-num span:last-child{font-size: 18px; font-weight: 400;}
.project-item ul .item-con h3{font-size: 16px; color: #222d39;}
.project-item ul .item-con p{font-size: 12px; color: #999; line-height:1.8; padding-top:8px;}
.productlist ul li .img{position: relative;}
.productlist ul li .img i{width:28px; height:32px; background:url(../images/icon_hot.png) no-repeat  center; background-size:100% 100%; position:absolute; top:0; left:0;}
.gbookbox{width:900px; margin:0 auto; padding-bottom:30px;}
.gbookbox .title{font-size:30px; letter-spacing:1px; color:#111b39; font-weight:bold; padding:10px 0 25px; text-align:center;}
.gbookbox .ti{font-size:20px; color:#000; padding:10px 0 0 15px; position: relative; margin-top:15px;}
.gbookbox .ti:after{content:""; left:0; width:4px; background:#111b39; height:22px; top:15px; position:absolute;}
.gbookbox ul{display:flex; justify-content:space-between;}
.gbookbox ul li p{padding:10px 0; font-size:16px; color:#111;}
.gbookbox ul li p span{color:#f00; margin-left:4px;}
.gbookbox ul li input{width:100%; line-height:42px; border:1px solid #e4e4e4; border-radius:5px; padding:0 12px; font-size:14px; color:#333;}
.gbookbox ul.u2 li{width:100%;}
.gbookbox ul li textarea{width:100%; height:150px; resize:none; line-height:42px; border:1px solid #e4e4e4; border-radius:5px; padding:0 12px; font-size:14px; color:#333;}
.gbookbox ul.u1 li{width:23%;}
.gbookbox ul.u1 li:nth-child(3){width:48%;}
.gbookbox ul.u1 li select{width:100%; line-height:42px; padding-left:10px; height:42px; background:#fff;border:1px solid #e4e4e4;font-size:14px; color:#333;}
.gbookbox .btn{margin-top:30px; text-align:center;}
.gbookbox .btn button{background: #111b39; color:#fff; line-height: 48px; width:180px; cursor: pointer; border-radius:5px; border:none; font-size:16px;}
.gbookbox .downbox .btn{width:100%;}
.gbookbox .downbox .btn button{width:100%;}
.gbookbox .downbox ul{display:block; width:640px; margin:0 auto;}
.gbookbox .downbox ul li{line-height:46px; width:100%;}
.gbookbox .downbox ul li input{line-height: 46px; font-size:16px; color:#000;}
.resultbox{padding:20px; display:none;}
.resultbox .rti{background:#f8f8f8; padding:15px; text-align:center; font-size:20px;}
.resultbox .t{font-size:16px; color:#111b39; padding:15px 0 10px;}
.resultbox .content{font-size:14px; line-height:24px; color:#333;}
.resultbox .content table{width:100% !important;}
.resultbox .content table tr td{padding:15px; border:1px solid #e8e8e8; text-align:center;color:#3e3e3e;font-size:16px; line-height:1.6; color:#3e3e3e;}
.resultbox .content table tr td p{font-size:18px; color:#3e3e3e;}
.resultbox .content table tr:nth-child(2n-1) td{background:#f2f7fa;}
.downfile{padding-top:10px;}
.downfile a{font-size:16px; color:#333; font-weight:bold;}
.downfile a:hover{color:#111b39;}
.downfile a i{font-size:18px;font-size: 24px;
    vertical-align: bottom;}