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

/*公共压缩样式，处理各个浏览器兼容性所写，可以无视*/html,body{height:100%;  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:#053491; text-decoration: none;}

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

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:1280px; margin:0 auto;}

.top .container{display:flex; height:100px; justify-content:space-between; align-items:center;}
.top .logo img{height:85px;}
.top .toptel{background:url(../images/tel.png) no-repeat left center; font-weight:bold; padding-right:10px; line-height: 1.2; padding:2px 0 2px 60px; height:52px; font-size:14px; color:#474747;}

.top .toptel p{font-size:20px; font-weight:bold; padding-top:9px; color:#053491; line-height:1;}
.top .toptel p b{letter-spacing: 0.5px;}
.header{width:100%; height:55px; background:#053491; position:relative;z-index:10;}

.header .box{position:relative;width:100%;top:0; transition: all 0.5s ease-in-out}

.header .container{height:55px; display:flex; justify-content:space-between; align-items:center;}

.header ul{width:100%; display:flex; justify-content:space-between; align-items:center;}

.header .logo{display:block; width:18%;}

.header .logo img{height:88px;}

.headeractive{background:#000;}

.header ul li{position:relative;}

.header ul li>a{line-height:55px; position:relative; display:block; color:#fff; font-weight:400; font-size:16px; min-width:80px; text-align:center;}

.header ul li>a:after{ content:'';transition: all 0.3s ease-in-out;  position:absolute; bottom:12px; left:50%; transform:translate(-50%,0); width:0%; height:1px; background:#fff;}

.header ul li:hover a:after{width:100%;}

.header ul li .box{display:none; position:absolute; width:275%; top:55px; background:#053491; left:0;}

.header ul li .box p a{display:block; padding-left:20px; color:#fff; line-height:40px; border-top:1px solid #052564; font-size:14px;}

/* .header ul li .box p a:hover{color:#00831e;} */

.header ul li .box h3 a{display:block; padding-left:20px; font-weight:normal; color:#fff; line-height:40px; border-top:1px solid #032362; font-size:14px;}

.header ul li .box h3 a:hover{ font-weight:bold;}

.header ul li .casebox p a{padding-left:45px;}

.header ul li:hover .box{display:block;}

.banner{position:relative;}

.banner .info{text-align:center; width:100%; top:50%; transform:translate(0,-50%); color:#fff; position:absolute;}

.banner .info p{font-size:50px; font-weight:bold; letter-spacing:1px;}

.banner .info h3{font-size:70px; letter-spacing:0.8px; padding-top:20px;}

.hti{text-align:center; padding:50px 0;}

.hti h3{font-size:30px; color:#053491;}

.hti span{display:block; width:60px; height:3px; background:#053491; margin:5px auto;}

.hti p{font-size:16px; color:#333;font-weight:400;}
.section1{padding:0 0 70px;}
.section1 .hti{padding-bottom:30px;}
.productnav{display:flex; justify-content:center;padding-bottom:30px;}
.productnav a{ padding:0 20px; line-height:50px; font-size:16px; font-weight: 400; background:#f5f5f5; text-align:center; cursor: pointer;}
.productnav a.active{background: #053491; color:#fff;}

.hproduct>ul{display:none;}
.hproduct li{display:grid; grid-template-columns:300px 1fr; gap:20px;}
.hnavbox{background:#f5f5f5;}
.hnavbox .title{background:#053491; color:#fff; line-height:70px; text-align:center; font-weight:bold; font-size:24px;}
.hnavbox ul{line-height:48px; font-size:15px;}
.hnavbox ul li{padding-left:40px; border-bottom:1px solid #fff;}
.hnavbox ul li a{display: block;}
.hnavbox ul li a:hover{font-weight:bold;}
.productlist{overflow:hidden;}
.productlist .swiper-slide{background:#053491; color:#fff; overflow:hidden; position: relative;}
.productlist .swiper-slide .txt{padding:30px; display:flex; flex-direction: column; justify-content:center; position:absolute; width:100%; bottom:0; z-index: 2; background:rgba(0,184,238, 0.85);}
.productlist .swiper-slide .txt h3{font-size:24px;}
.productlist .swiper-slide .txt p{font-size:15px; line-height:2; margin:15px auto 0;
    -webkit-line-clamp:2;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.productlist .swiper-slide .txt a{display:block; width:110px; line-height:32px; border-radius:16px; color:#fff; border:1px solid #fff; text-align:center;}
.section2{background:#f5f5f5 url(../images/Floor002691-bg.jpg) no-repeat bottom center; padding-bottom:70px;}
.hcasebox .swiper-slide .img{overflow: hidden;}
.hcasebox .swiper-slide .img img{transition: all 0.4s;}
.hcasebox .swiper-slide:hover .img img{ opacity:0.9; transform:scale(1.08);}
.hcasebox .swiper-slide .txt{line-height:40px; font-size:16px;}
.hcasebox .swiper-slide .txt a{display: block;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-all; word-wrap: break-word;}
.hcasebox .swiper-case{padding-bottom:0.4rem;}
.hcasebox .swiper-button-next,.hcasebox .swiper-button-prev{top:40%;}
.hcasebox .swiper-slide:hover .txt a{color:#053491;}
.morecase{text-align:center; padding-top:60px;}
.hcasebox ul{display:grid; grid-template-columns:repeat(6,1fr);gap:30px; place-items:center;}
.hcasebox ul li{width:180px; height:180px; border-radius:100%; background:#333; position: relative; overflow: hidden;}
.hcasebox ul li a{display:grid; border-radius:100%; 
    background:linear-gradient(to right bottom,rgba(0,184,238,0.5),rgba(0,0,0,0.8),rgba(0,0,0,0.9)); 
    background:rgba(0,0,0,0.6);
    place-items:center; height:100%;place-content: center; color:#fff; position: relative;z-index: 2;}
.hcasebox ul li a i{font-size:40px;}
.hcasebox ul li a p{font-size:18px; font-weight:bold;}
.hcasebox ul li img{position:absolute; top:0; left:0;}
.hcasebox ul li img{transition: all 0.4s;}
.hcasebox ul li:hover img{ opacity:0.9; transform:scale(1.2);}
.hcasebox ul li:nth-child(1){background:url(../images/iconbg1.png) no-repeat center;}
.hcasebox ul li:nth-child(2){background:url(../images/iconbg2.png) no-repeat center;}
.hcasebox ul li:nth-child(3){background:url(../images/iconbg3.png) no-repeat center;}
.hcasebox ul li:nth-child(4){background:url(../images/iconbg4.png) no-repeat center;}
.hcasebox ul li:nth-child(5){background:url(../images/iconbg5.png) no-repeat center;}
.hcasebox ul li:nth-child(6){background:url(../images/iconbg6.png) no-repeat center;}
.hcasebox ul li:nth-child(7){background:url(../images/iconbg7.png) no-repeat center;}
.hcasebox ul li:nth-child(8){background:url(../images/iconbg8.png) no-repeat center;}
.hcasebox ul li:nth-child(9){background:url(../images/iconbg9.png) no-repeat center;}
.hcasebox ul li:nth-child(10){background:url(../images/iconbg10.png) no-repeat center;}
.hcasebox ul li:nth-child(11){background:url(../images/iconbg11.png) no-repeat center;}

.morecase a{display:block; line-height:54px; border-radius:27px; color:#333; border:1px solid #dbdbdb; width:280px; background:#fff; font-size:18px; margin:0 auto;}
.morecase a:hover{background:#053491; border-color:#053491; color: #fff;}
.sectionbg{height:264px; background:url(../images/bg1.jpg) no-repeat center;}

.section3{ background:url(../images/about_bg.jpg) no-repeat top center;}
.section3 .hti h3,.section3 .hti p{color:#fff;}
.section3 .hti span{background:#fff;}
.section3 .habout .container{ padding:35px 35px 60px; border-radius:15px 15px 0 0; display:grid; grid-template-columns:480px 1fr; gap:40px; background:#fff url(../images//about_b.jpg) no-repeat bottom center;}
.section3 .habout .container .img{}
.swiper-honor{display:none;}
.hhonorlist{overflow:hidden;}
.section3 .habout .container .info{position:relative;}
.section3 .habout .container .info h3{font-weight:normal; font-size:26px; color:#3a3a3a; padding:15px 0 10px;}
.section3 .habout .container .info .txt{font-size:16px; line-height:2; color:#232323;font-weight:400;}
.section3 .habout .container .info .txt p{padding-bottom:15px;}
.section3 .habout .container .info .xq{display:block; margin-top:30px; width:140px; line-height:42px; border-radius:3px; color:#fff; font-size:16px; background:#053491; text-align:center;}
.swiper-honor{padding-bottom:20px;}
.swiper-pagination-bullet-active{background:#053491;}
/*.section4 .list ul{display:flex; justify-content:space-around; text-align:center; padding:25px 0 20px;}

.section4 .list ul li{width:16.6666%;}*/
.section4{padding-bottom:50px;}
.section4 .list ul p{font-size:16px; color:#504f4f; line-height:2;}

.section4 .list ul{padding:25px 0 20px; text-align:center;}

.section4 .list .box{display:none;}
.section4 .hti{padding-bottom:30px;}
.htab{display:flex; justify-content:center;padding-bottom:30px;}
.htab a{width:215px; line-height:50px; font-size:16px; font-weight:400; background:#f5f5f5; text-align:center;}
.htab a.active{background: #053491; color:#fff;}
.hhonorlist .swiper-slide{padding:10px 0;}
.swiper-honor{padding-bottom:30px;}
.hhonorlist img{box-shadow:0 0 8px rgba(0,0,0,0.08);}
.section4 .tab:after{content:''; position:absolute; left:50%; margin-left:-20px; width:2px; height:60px; background:#4f4f4f;}
.section5{background:#f5f5f5;}
.hnewsbox ul{display:grid; gap:30px; grid-template-columns:repeat(2,minmax(0,1fr));}
.hnewsbox ul li{display:grid; gap:15px; grid-template-columns:200px 400px;}
.hnewsbox ul li .txt h3{font-size:16px; padding:10px 0;}
.hnewsbox ul li .txt h3 a{display:block;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-all; word-wrap: break-word;}
.hnewsbox ul li .txt span{font-size:14px; color:#999;}
.hnewsbox ul li .txt p{
  -webkit-line-clamp: 3;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  color:#666;
  line-height:1.8;
  margin-top:0.1rem;
}
.hnewsbox ul li .img{overflow: hidden;}
.hnewsbox ul li .img img{transition: all 0.4s;}
.hnewsbox ul li:hover .img img{ opacity:0.9; transform:scale(1.08);}
.hnewsbox ul li:hover .txt h3 a{color:#053491;;}
.section5 .more{padding:70px 0; text-align:center;}
.section5 .more a{display:block; margin:0 auto;width: 135px; line-height: 42px; border-radius: 3px; color: #fff; font-size: 16px; background: #053491; text-align: center;}
.footer{background:#053491; color:#fff;}

.footer .container{display:grid; grid-template-columns:repeat(3,1fr); gap:60px; padding:40px 0;}
.footer a{color:#fff;}
.copy{background:#041639; font-size:14px; text-align:center; line-height:25px; padding:25px 0;}

.copy a{color:#fff;}
.footer .right li{display:flex; justify-content:left; font-size:16px; line-height:40px; align-items:center;}

.footer .right li img{width:26px; height:26px; margin-right:10px;}

.footer .right li b{font-size:24px;}

.footer .center{ display:grid; gap:20px; grid-template-columns:repeat(2,1fr); align-items:center; text-align:center;}

.footer .center span{display:block; border:1px solid #fff; padding:10px;}
.footer .center img{width:150px;}
.footer .center p{font-size:16px; padding-top: 8px;}

.footer .left .ti{border-bottom:1px solid #fff; font-size:28px; text-transform:uppercase; line-height:1; padding-bottom:18px; font-weight:bold; letter-spacing:3px;}

.footer .left ul{ padding-top:10px; display:flex;  justify-content:space-between; flex-wrap:wrap; line-height:32px;}

.footer .left ul li:nth-child(2n-1){width:50%;}

.footer .left ul li a{color:rgba(255,255,255,0.9); font-size:16px;}

.footer .left ul li a:hover{color:#fff;}

.location{font-size:15px; color:#666666; line-height:20px; padding:15px 0; border-bottom:1px solid #e4e4e4;}

.location a{color:#666;}

.location a:hover{color:#053491;}

.aboutnav{padding:15px 0 35px;display:flex; justify-content:center; text-align:center; line-height:50px;}

.aboutnav a{display:block; width:190px; background:#efefed; font-size:24px; color:#595757;}

.aboutnav a.active{background:#00831e; color:#fff;}

.about{background:#f5f5f5;}

.about .container{ padding:70px 0; display:grid;grid-template-columns:repeat(2,1fr); gap:50px;place-items: center;}
.about .txt .info{font-size:11px; color:#333; line-height:1.7;}

.about .txt h3{font-size:30px; line-height:1.2; color:#252525;}

.about .txt h4{font-size:23px; color:#00831e; padding-top:2px;}

.about .txt .name{padding:38px 0 25px;}

.culture ul{gap:28px; text-align: center; display: grid; grid-template-columns: repeat(4,minmax(0,1fr));}

.culture ul li{border:1px solid #a8a2a2; height:350px; padding:0 3px;}

.culture ul li img{margin:32px auto 30px;}

.culture ul li span{display:block; width:90px; height:3px; background:#00831e; margin:0 auto;}

.culture ul li p{background:#00831e; line-height:30px; font-size:18px; color:#fff; letter-spacing:1.5px;}

.culture ul li h3{ font-weight:normal; font-size:26px; color:#252525; padding:18px 0 36px;}

.honor .u1{gap:32px; text-align: center; display: grid; grid-template-columns: repeat(5,minmax(0,1fr));}

.honor .u1 li p{font-size:18px; color:#504f4f; line-height: 45px;}

.honor .u2{display:flex; justify-content:center; text-align: center; padding-top: 45px;}

.honor .u2 p{font-size:20px; color:#504f4f; line-height: 45px;}

.honor .u2 li{width:520px; margin:0 25px;}

.patent{padding-top: 50px;}

.patent .ti{padding-bottom: 20px; margin-bottom:30px; border-bottom: 1px solid #6a6a6a; display:flex;justify-content:center;}

.patent .ti span{letter-spacing: 2px; margin: 0 10px; padding: 0 0 20px; line-height: 40px; font-size: 36px;color: #00831e; background: url(../images/line.png) no-repeat bottom center;font-weight: bold;}

.patent ul{ text-align: center;}

.patent ul li p{font-size:16px; color:#504f4f; line-height: 45px;}

.end{text-align:center; display:none; font-size:18px; color:#222132; line-height:1; padding:50px 0 30px;}

.main{padding:20px 0 40px; overflow:hidden;}

.main .leftnav{width:240px; float:left;}

.main .leftnav .title{background:#053491; line-height:75px; font-size:24px; color:#fff; text-align:center;}

.main .leftnav li{margin-top:2px; position:relative; line-height:48px; background:#00831e; text-align:center; color:#fff; font-size:18px;}

.main .leftnav li a{display:block; color:#fff;}

.main .leftnav li a:after{width:15px; height:2px; background:#fff; content:''; position:absolute; right:32px; top:23px;}

.main .leftnav .box p{margin-top:1px;}

.main .leftnav .box p a{display:block; padding-left:21px; line-height:49px; background:#f5f5f5; font-size:15px; color:#222;}

.main .leftnav .box p a.active,.main .leftnav .box p a:hover{color:#053491; font-weight:bold;}

.rightcontent{margin-left:275px;}

.caselist ul{gap:25px; text-align: center; display: grid; grid-template-columns: repeat(3,minmax(0,1fr));}

.caselist ul li p a{display:block;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-all; word-wrap: break-word; font-size:17px; color:#414141; line-height:30px; padding:10px 0 0;}
/* .caselist ul li{ padding:15px; box-shadow: 0 0 8px rgba(0,0,0,0.05);} */
.caselist ul li:hover p a{color:#053491;}

.caselist ul li .img{overflow:hidden;}

.caselist ul li .img img{transition: all 0.3s ease-in-out;width:318px;height:274px;}

.caselist ul li:hover .img img{transform: scale(1.05); opacity:0.9;}

.page{overflow:hidden; line-height:32px; text-align: center; padding:40px 0 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:#053491; color:#FFF}

.page a:hover{background:#053491; color:#FFF}

.page ul,.page li{list-style:inherit;}

.page li{display:inline-block;}

.casecontent{margin-left:350px;}

.casecontent .title{text-align:center; padding:5px 0 30px; border-bottom:1px solid #d0cfcf;}

.casecontent .title h3{font-size:24px; color:#333333; font-weight:normal; padding-bottom:10px;}

.casecontent .title p{font-size:16px; color:#757575;}

.casecontent .content{font-size:16px; color:#333; line-height:2; padding:45px 0;}

.next{line-height:2;font-size:15px; color:#666;}

.recuitbox li .info{height:320px; padding:0 10px 10px 0; font-size:14px; color:#414141; line-height:2;overflow:hidden; overflow-y:auto;}

/*滚动条整体粗细样式*/

.recuitbox li .info::-webkit-scrollbar {

/*高宽分别对应横竖滚动条的尺寸*/ width: 3px;height:3px;}

/*滚动条里面小方块*/

.recuitbox li .info::-webkit-scrollbar-thumb { border-radius: 10px !important; box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2) !important;

    /* 颜色 */

    /* background:#b6b6b6!important; */

    /* 线性渐变背景 */  background:#053491 !important;}

/*滚动条轨道*/

.recuitbox li .info::-webkit-scrollbar-track { border-radius: 10px !important; box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2) !important; background: #e3e3e3 !important;}

.recuitbox li .bottom{height:70px; border-top:1px solid #e3e3e3; display:flex; justify-content:space-between;align-items:center;}

.recuitbox li .bottom span{font-size:15px; line-height:22px; color:#454545;}

.recuitbox li .bottom button{background:#053491; color:#fff; font-size:16px; line-height:36px; width:100px; border-radius:18px; cursor: pointer; border:none;}

.recuitbox{padding-top:45px;}

.recuitbox ul{gap:20px;display: grid; grid-template-columns: repeat(2,minmax(0,1fr));}

.recuitbox li{background:#f5f5f5; padding:20px 25px 0;}

.recuitbox li .title{display:flex; padding-bottom:15px; align-items:center; font-size:22px; color:#454545;}

.recuitbox li .title img{margin-right:20px;}



.mskbg{background:rgba(0, 0, 0,0.3); display:none; width:100%; height:100%; z-index:100; position:fixed; top:0; left:0;}

.recuitbook{background:#fff; display:none; position:fixed; left:50%; top:50%; border-radius:5px; transform:translate(-50%,-50%); z-index:101; width:540px;border: 6px solid rgba(0,0,0,0.3);}

.recuitbook .title{border-bottom: 1px solid #F0F0F0;padding:0 20px; font-size:18px; color:#00831e; line-height:50px; display:flex; justify-content:space-between;}

.recuitbook .title i{color:#333; font-size:20px; cursor: pointer;}

.recuitbook ul{padding:20px;}

.recuitbook ul li{padding-bottom:15px;}

.recuitbook ul li input,.recuitbook ul li textarea{width:100%; line-height:42px; font-size:15px; color:#111; padding:0 12px;}

.recuitbook ul li textarea{height:80px; resize: none;}

.recuitbook ul button{background:#053491; color:#fff; height: 45px; cursor: pointer; font-size:16px; width:100%; border-radius:5px; border: none;}



.map img{width:auto; max-width:inherit;}

.contactbox{padding:10px 0 65px;}



.contactbox .contact{display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); text-align:center; padding-bottom:30px;}
.contactbox .contact li{background:#f9f9f9; padding:50px 30px; border-right:3px solid #fff;}
.contactbox .contact li .iconfont{width:100px; margin:0 auto 20px; border-radius:100%; height:100px; line-height:100px; background:#053491; color:#fff; font-size:50px;}
.contactbox .contact li p{font-size:18px; color:#222; line-height:1.5;}
.contactbox .contact li:last-child{border: none;}

/* 
 .contactbox .sebox{display:flex; position:relative; justify-content:space-between; margin-bottom:60px;}

.contactbox .sebox .contact{width:45%;}

.contactbox .sebox .ti{font-size:24px; color:#121212; padding:15px 0;}
.contactbox .sebox .contact li{height:45px; display:flex; align-items:center; font-size:17px; color:#565151;}

.contactbox .sebox .contact li b{font-size:24px;}

.contactbox .sebox .contact li img{margin-right:10px; width:24px;}

.contactbox .sebox .gbook{width:50%; padding:0 10% 0 3%;}

.contactbox .sebox .gbook ul{padding-top:10px;}

.contactbox .sebox .gbook li{padding-bottom:20px;}

.contactbox .sebox .gbook li input{background:#fafafa; line-height:46px; border: none; border-radius:5px; font-size:14px; color:#333; width:100%; padding:0 20px;}

.contactbox .sebox .gbook li textarea{height: 115px;resize:none; background:#fafafa; line-height:46px; border: none; border-radius:5px; font-size:14px; color:#333; width:100%; padding:0 20px;}

.contactbox .sebox .gbook .btn input{font-size:16px; letter-spacing:0.6px; background:#00831e; border:none; border-radius:5px; cursor:pointer; color:#fff; height:40px; width:150px;}

.contactbox .sebox .gbook .btn input:hover{background:#088920;}

.contactbox .sebox:after{content:''; width:1px; height:300px; top:75px; left:40%; background:#e4e4e4; position:absolute;} */

.main .leftnav2 .box p a{padding:0; text-align:center; font-size:18px;}

.main .leftnav2{width:345px;}

.main .leftnavnews .box p a{padding:0; text-align:center ;font-size: 18px;}

.contacts{margin-top:2px;}

.pcontacts{margin-top:2px; background:#00831e; font-size:15px; line-height:30px; color:#fff; font-weight:bold; padding:20px 12px; letter-spacing:0.5px;}

.pcontacts p{text-indent:2em;}

.pcontacts h3{font-size:16px; padding-top:10px;}

.pcontacts2{font-size:18px;}

.pcontacts2 h3{font-size:22px;}

.newslist li{display:grid; grid-template-columns:280px 1fr; gap:30px; padding-bottom:30px;overflow:hidden;}

.newslist li .img{width:280px; overflow:hidden;}
.newslist li .txt h3{font-size:20px; line-height:40px; font-weight:normal; padding-bottom:5px;}

.newslist li .txt h3 a{color:#333;}
.newslist li .txt span{font-size:14px; color:#999}
.newslist li .txt p{font-size:14px;line-height:24px; color:#747474; padding:15px 0;}

.newslist li .txt .t{display:flex; justify-content:space-between; align-items:center; font-size:16px; color:#747474;}

.newslist li .txt .t .xq{display:block; line-height:32px; background:#8e8e8e; width:90px; border-radius:3px; text-align:center; font-size:14px; color:#fff;}

.newslist li .img img{transition: all 0.35s;}

.newslist li:hover .img img{transform: scale(1.08);}

.newslist li:hover .txt h3 a{color:#053491;}

.newslist li:hover .txt .t .xq{background:#053491;}

.snewscontentbox{padding:30px 0 120px; overflow:hidden;}

.hotnews{float:right; width:256px;}

.hotnews .title{background: #053491; line-height: 78px; font-size: 25px; color: #fff; text-align: center;}

.hotnews li{border:1px solid #f2f2f3; margin-bottom:6px; padding:10px 8px 10px 10px; overflow:hidden;}

.hotnews li .img{width:95px; float:left; overflow:hidden;}

.hotnews li .txt{margin-left:105px;}

.hotnews li .txt h3{font-size:14px; font-weight:normal;}

.hotnews li .txt h3 a{display:block; color:#666666; line-height:24px; padding-bottom:3px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-all; word-wrap: break-word;}

.hotnews li:hover .txt h3 a{color:#053491;}

.hotnews li .txt p{font-size:12px; color:#959595; line-height:20px;}

.hotnews li .txt span{font-size:12px; color:#757575; display:none;}

.newscontent{margin-right:310px;}

.newscontent .title{padding-bottom:10px; text-align:center; border-bottom:1px solid #e4e4e4;}

.newscontent .title h3{padding-bottom:10px; font-weight:normal; font-size:22px; color:#333333; line-height:1.2;}

.newscontent .title p{font-size:14px; color:#666; line-height:24px;}

.newscontent .content{font-size:16px; color:#333; line-height:2; padding:20px 0 40px;}

.back{line-height:46px; display:flex;align-items: center; border-bottom:1px solid #e6e6e6;}

.back a{font-size:16px; color:#333333; display:flex; align-items:center;}

.back a img{margin-right:10px;}

.updown li{line-height:46px; justify-content:space-between; font-size:16px; color: #666; display:flex;align-items: center; border-bottom:1px solid #e6e6e6;}

.updown li a{color:#333;}

.updown li a:hover{color:#00831e;}

.productcontent{margin-left:275px;}

.productcontent .title{line-height:60px; font-size:26px; color:#252525; text-align:center; border-bottom:1px solid #f2f2f3;}

.baseinfo{overflow:hidden; padding:0 0 20px; display:grid; grid-template-columns:repeat(2,1fr); gap:40px;}

.baseinfo .imgbox{float:left;}

.baseinfo .txt{float:right;}

.baseinfo .imgbox .gallery-top{border:1px solid #f2f2f3; margin-bottom:5px;}

.baseinfo .imgbox .gallery-thumbs a{display:block;border:1px solid #cccccc; border-radius:4px;}

.baseinfo .imgbox .gallery-thumbs .swiper-slide-thumb-active a{border-color:#00831e;}

.baseinfo .txt h3{font-size:20px; color:#3e3e3e; line-height:2; padding:10px 0;}

.baseinfo .txt .t{font-size:16px; line-height:2; color:#535353;}

.csbox{border-top:1px solid #d8d8d8;}
.csbox .ti{font-size:20px;color:#3e3e3e; font-weight:bold; line-height:2; padding-top:20px;}
.csbox .txt{font-size:18px; line-height:2; color:#535353; padding:15px 0 20px;}
.navboxfixed{position:fixed; z-index:100; top:0; width:100%;max-width: 1920px;}
.updowns{line-height: 2; font-size:15px;}
.icon-4:before {
    content: "\e61d";
  }
  
  .icon-9:before {
    content: "\e60a";
  }
  
  .icon-8:before {
    content: "\e613";
  }
  
  .icon-11:before {
    content: "\e673";
  }
  
  .icon-2:before {
    content: "\e616";
  }
  
  .icon-1:before {
    content: "\e617";
  }
  
  .icon-5:before {
    content: "\e64a";
  }
  
  .icon-3:before {
    content: "\f8b3";
  }
  
  .icon-10:before {
    content: "\e622";
  }
  
  .icon-7:before {
    content: "\e662";
  }
  
  .icon-6:before {
    content: "\e79d";
  }
  
/* .header ul li:nth-child(4) .box{display:none !important;} */
.pcasecontent{font-size:16px; line-height:2; color:#222;}
.pcasecontent table{ margin:0 !important; width:100% !important;border-collapse: collapse;border: 1px solid #a7a7a7 !important;}
.pcasecontent table tr td{border: 1px solid #a7a7a7 !important; padding:10px 8px; font-size:15px; color: #333; line-height: 2;}
.pcasecontent table tr td{border: 1px solid #a7a7a7 !important; padding:10px 8px; font-size:15px; color: #333; line-height: 2;}
 table tr:nth-child(odd) td{background:#f4f4f4 !important;}
 .pcasecontent table tr td:nth-child(1){text-align:center;}
 .pcasecontent table tr:first-child td{font-weight:bold;}
 /* .introduce{display:grid; gap:50px; grid-template-columns:repeat(2,1fr);}
 .introduce .txt h3{font-size: 34px;color: #151515; padding:20px 0;}
 .introduce .txt .p{font-size: 18px;color: #222222; line-height:2;}
 .service_introduce{padding:20px 0 60px;}
 .technologybox{background:#f5f5f5 url(../images/Floor002691-bg.jpg) no-repeat bottom center; padding:60px 0;} */
 .serviceTitle { text-align:center; padding:40px 0 30px;}
 .serviceTitle p{font-size: 36px; color: #f1f2f2; line-height: 1;}
 .serviceTitle h3{font-size:32px;color: #222; line-height:1; transform: translateY(-20px);}
 .servicecasebox {padding-bottom:30px;}
 .servicecasebox .swiper-case .txt a{font-size:18px; line-height:50px; text-align:center; display: block;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-all; word-wrap: break-word;}
 .servicecasebox .swiper-case .img{overflow: hidden;}
 .servicecasebox .swiper-case .img img{transition: all 0.3s ease-in-out;}
 .servicecasebox .swiper-case .swiper-slide:hover .img img{transform: scale(1.05); opacity:0.95;}
 /* .service_introduce ul{ padding-top:50px; display:grid; grid-template-columns:repeat(11,1fr); gap:10px; place-items:center; place-content:center; text-align:center;}
 .service_introduce ul li i{font-size:30px; margin:0 auto; width:90px; height:90px; line-height: 90px; border-radius:100%; border: 1px solid #eae9e9; color: #808080; display: block;}
 .service_introduce ul li p{font-size:15px; padding-top:10px; color:#666;} */
 .technologybox ul{display:grid; grid-template-columns:repeat(3,1fr); gap:60px; padding-top:50px;}
 .technologybox ul li{background:#fff; padding:20px 40px; border-radius:5px;}
 .technologybox ul li h3{color:#333; font-size:24px; padding-bottom:15px;}
 .technologybox ul li .p{font-size:16px; color:#666; line-height: 2;}
 .hservicebox>ul{display:none;}
 .hservicebox>ul li{overflow:hidden;}
 .hservicebox>ul li>.img{width:48%; float:left;}
 .hservicebox>ul li>.img img{width:100%; height:455px; object-fit: cover;}
 .hservicebox>ul li>.txt{width:49%; float: right; overflow: hidden;}
 .hservicebox>ul li>.txt .title h3{ font-size:24px; color:#222; padding:0 0 15px;}
 .hservicebox>ul li>.txt .title p{font-size:16px; line-height:1.6; color:#444; margin-bottom:20px;font-weight: 400;
  -webkit-line-clamp:5;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;}
  .hservicebox li .swiper-slide .img{overflow: hidden;}
  .hservicebox li .swiper-slide .img img{transition: all 0.3s ease-in-out;}
  .hservicebox li .swiper-slide:hover .img img{transform: scale(1.05); opacity:0.95;}
  .hservicebox li .swiper-slide .txt a{font-size:15px; line-height:40px; text-align:center; display: block;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-all; word-wrap: break-word;}
 .slistcase ul{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;}
 .slistcase ul li{padding:20px; box-shadow:0 0 10px rgba(0,0,0,0.05);}
 .slistcase ul h3{font-size:18px; line-height: 1.5; color:#333;}
 .slistcase ul p{font-size:16px; color:#666;}
 .hslistcase{padding:0 5px 10px;}
 .hslistcase ul{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;}
 .hslistcase ul li{padding:15px 12px; box-shadow:0 0 10px rgba(0,0,0,0.05);}
 .hslistcase ul h3{font-size:16px; line-height: 1.5; padding-bottom:3px; color:#333;}
 .hslistcase ul p{font-size:14px; color:#666;}

.ncaselist ul{gap:25px; text-align: center; display: grid; grid-template-columns: repeat(4,minmax(0,1fr));}
.ncaselist ul li{box-shadow:0 0 6px rgba(0,0,0,0.1);}
.ncaselist ul li h3 a{display:block;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-all; word-wrap: break-word; font-size:16px; color:#333; line-height:40px;}
.ncaselist ul li:hover h3 a{color:#053491;}
.ncaselist ul li .img{overflow:hidden;}
.ncaselist ul li .img img{transition: all 0.3s ease-in-out;}
.ncaselist ul li:hover .img img{transform: scale(1.05); opacity:0.9;}
.ncaselist ul li .txt{padding:10px 15px 15px; text-align:left;}
.ncaselist ul li .txt p{font-size: 14px; line-height: 24px; color: #666;}
.service_introduce .txt{font-size:16px; color:#666666; line-height:2;}
.service_introduce ul{display:flex; gap:30px; padding:25px 0;}
.providebox ul{display:grid;gap:30px; grid-template-columns:repeat(3,1fr);}
.providebox ul li{border:1px solid #ccc; height:130px; display:flex; align-items:center; padding-left:30px;}
.providebox ul li .fa4_t{margin-left:15px; font-size:20px; color:#000;}
.providebox ul li .fa4_t strong{font-weight:normal;}
.service_introduce ul li img{border:1px solid #f9f9f9;}
.servicegbookbox{background:#f5f5f5 url(../images/Floor002691-bg.jpg) no-repeat bottom center;}
.servicegbookbox .ti{text-align:center; padding:50px 0 30px;}
.servicegbookbox .ti h3{font-size: 32px; color: #222; padding-bottom:5px;}
.servicegbookbox .ti p{font-size:15px; color:#666;}
.servicegbookbox ul{display:grid; gap:30px; grid-template-columns:repeat(4,1fr); width:1000px; margin:0 auto;}
.servicegbookbox ul li{background:#fff; padding:30px 15px; border-radius:5px; text-align:center;}
.servicegbookbox ul li p{color:#666; padding-top:10px; line-height:1.5;}
.servicegbook{padding:30px 0 50px; width:1000px; margin:0 auto;}
.servicegbook .box{padding-bottom:20px;display:flex; justify-content:space-between;}
.servicegbook .box input{width:49%; font-size:15px; background:#fff; color:#333; line-height:40px; border-radius:3px; padding:0 12px; border:none;}
.servicegbook  textarea{width:100%; font-size:15px; margin-bottom:20px; color:#333;  height:100px; background:#fff; resize:none; line-height:40px; border-radius:3px; padding:0 12px; border:none;}
.servicegbook .btn{display: block; margin:0 auto; width:150px; line-height:42px; border-radius:3px; border:none; cursor: pointer; background:#053491; color:#fff; font-size:15px;}

.featurebox ul{display: grid; gap:50px; padding-bottom:15px; grid-template-columns:repeat(3,1fr); text-align:center;}
.featurebox ul li{padding:50px 30px; box-shadow:0 0 10px rgba(0,0,0,0.05);}
.featurebox ul li h3{color: #333;font-size: 20px; padding-bottom:10px;}
.featurebox ul li p{font-size: 14px; line-height: 24px; color: #666;}

.methodbox ul{display: grid; gap:30px; padding-bottom:15px; grid-template-columns:repeat(2,1fr);}
.methodbox ul li{padding:40px; border:1px solid #e9e9e9;}
.methodbox ul li h3{color: #333;font-size: 20px; padding-bottom:10px;}
.methodbox ul li p{font-size: 14px; line-height: 24px; color: #666;}


.head-box {

	background: #222;

	line-height: 40px;

	height: 40px;

	font-size: 14px;

	position: relative;

	z-index: 1602;

	color: #ddd;

}
.head-box a{
    color: #fff;
}

.head-box .container {

	position: relative;

}

.head-box hr {

	height: 12px;

	padding: 14px;

	width: 1px;

	background: #444;

	background-clip: content-box;

	float: left;

	margin: 0;

	border: 0;

}

.head-box .head-left {

	overflow: hidden;

	max-width: 100%;

	white-space: nowrap;

}

.head-box .head-left .head-left-wrapper {

	width: 5990px;

}

.head-box .head-left .head-left-wrapper:after {

	display: block;

	content: '';

	clear: both;

}

.head-box .head-left .head-left-slide {

	float: left;

}

.head-box .head-left a {

	color: #ddd;

}

.head-box .head-left a:hover {

	color: #fff;

}

.head-box .head-left p {

	float: left;

	margin: 0;

}

.head-box .head-left p em {

	color: #f9f9f9;

	font-style: normal;

}

.head-box .head-left i {

	float: left;

}

.head-box .head-left font {

	float: left;

	padding-right: 10px;

}

.head-box .head-left font hr:first-child {

	background: none;

	padding: 14px 8px;

}

.head-box .head-right {

	position: absolute;

	top: 0;

	right: 25px;

	/*background: #222;*/

	padding-left: 10px;

}

@media(max-width:1199px) {

.head-box .head-right {

	right: 15px;

}

}