header{background-color: #fff;height: 80px;line-height: 80px;position: fixed;left: 0;top: 0;width: 100%;z-index: 9;}
header .navs{position: relative;}
header .navs>li{margin-right: 60px;position: relative;}
header .navs>li>a{font-size: 16px;color: #333;}
header .navs>li .second-list{position: absolute;background-color: #fff;width: auto;min-width: 100%;left: 50%;top: 80px;transform: translateX(-50%); z-index: 10;display: none;}
header .navs>li .second-list li{line-height: 40px;}
header .navs>li .second-list li a{display: block;padding: 0 25px;white-space: nowrap;}
header .navs>li .second-list li:hover a{color: #2763b3;}
header .navs>li:hover{}
header .navs>li:hover .second-list{display: block;}
header .navs>li.cart{padding-left:20px;position: relative;}
header .navs>li.cart img{width:38px;}
header .navs>li.cart::before{content: "";position: absolute;left:-20px;top: 50%;transform: translateY(-50%);height: 30px;border-left: 1px solid #efefef;}
.header-active_marker{ height: 3px; width: 64px; position: absolute; left: 400px; top: 70px; -webkit-transition:0.5s ease-in-out; -moz-transition:0.5s ease-in-out;
     -ms-transition:0.5s ease-in-out; -o-transition:0.5s ease-in-out; transition:0.5s ease-in-out;    background: #fff; }


header .lag-box{margin-right: 20px;color: #333;font-size: 16px;font-weight: 700;padding:0 20px;position: relative;}
header .lag-box::after{content:"";width: 1px;height: 30px;background:#efefef;position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
header .lag-box .down{cursor: default;} 
header .lag-box .down img{width:16px;height:16px;margin-left: 10px;}
header .lag-box ul{position: absolute;top: 70px;left: 0; width: 100%;font-size: 12px;border: 1px solid #ececec;display: none;background-color:#fff;z-index: 9;} 
header .lag-box ul li{width: 100%;height: 40px;line-height: 40px; border-bottom: 1px solid #ececec;}
header .lag-box ul li a{width: 100%;height: 100%;color: #333;font-size: 12px;text-align: center;font-weight: normal;}
header .lag-box ul li:last-of-type{border-bottom: none;}
header .lag-box ul li a:hover{color: #2763b3;} 

header .down-box{width: 130px; height: 32px;border-radius: 15px;background-color: #2763b3;position: relative;margin-top:25px;}
header .down-box .down{position: absolute;width: 100%;height: 100%;left: 0;top: 0;font-size: 12px;cursor: default;color: #fff;line-height:32px;} 
header .down-box .down img{width:20px;height:20px;margin-left: 5px;}
header .down-box ul{position: absolute;top: 33px;left: 0; width: 100%;font-size: 12px;border: 1px solid #ececec;display: none;background-color:#fff;z-index: 9;} 
header .down-box ul li{width: 100%;height: 40px;line-height: 40px; border-bottom: 1px solid #ececec;}
header .down-box ul li a{width: 100%;height: 100%;color: #333;font-size: 12px;position: relative;padding:0 10px;box-sizing: border-box;}
header .down-box ul li a::after{content:"";width: 20px;height: 20px;background: url(../images/down.png);background-size: 100% 100%;position: absolute;right: 5px;top: 50%;
    transform: translateY(-50%);}
header .down-box ul li:last-of-type{border-bottom: none;}
header .down-box ul li a:hover{color: #2763b3;}   
     
.banner{width: 100%;padding-top: 80px;}
.banner .swiper-container{width: 100%;height: 100%;}
.banner .swiper-container .swiper-slide a{width: 100%;height: 100%;}
.banner .swiper-container .swiper-slide a img{width: 100%;height: 560px;} 
.banner .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 30px;}
.banner .swiper-container .swiper-pagination-bullet{width: 15px;height: 15px;background-color: #fff;opacity: 1;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 10px;}
.banner .swiper-container .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color: #0069BD;position: relative;}
.banner .swiper-container .swiper-pagination-bullet.swiper-pagination-bullet-active::after{content: "";position: absolute;width: 24px;height: 24px;border-radius: 50%;
    border: 1px solid #0069BD;left: 50%;top: 50%;transform: translate(-50%,-50%);}

.center { max-width: 1200px; width: 100%; margin: 0px auto; position: relative;}

.part{position: relative;margin-bottom: 30px;}
.first-box{width: 100%;position: absolute;height:540px;z-index: 6;}
.first-box .back{width: 100%;height:540px;}
.first-box .cont-box{width: 100%;height:540px;position: absolute;left: 0;top: 0;background-color:rgba(0, 0, 0, 0.5);color: #fff;padding: 30px;}
.first-box .cont-box .cont{width: 50%;line-height: 1.6;}
.first-box .cont-box .cont .logo{height: 50px;}
.first-box .cont-box .cont .tit{font-size: 18px;margin-top: 20px;font-weight: 700;}
.first-box .cont-box .pic-box{width: 50%;height: 100%; max-width: 100%;max-height: 100%;display: flex;align-items: center;justify-content: center;}
.first-box .more{position: absolute;right: 100px;bottom: 30px;cursor: default;color:#fff;}
.second-box{width: 100%;position: relative;z-index: 1;}
.areas{ background:#F2F2F2;padding-bottom: 50px;}
.areas h1{ color:#2763b3; height:130px; line-height:120px; font-size: 36px; position:relative; text-align: center; }
/*.areas-nav{ float:left; width:100%; height:240px; text-align: center; position:relative; z-index:2; }*/
.areas-nav{ float:left;display:flex;flex-wrap:wrap; width:100%; height:360px; text-align: center; position:relative; z-index:2; }
.areas-nav-item{ height:180px; width:25%; vertical-align: top; font-size:14px; letter-spacing:0.4px; line-height:100%; color:rgb(102,102,102); text-align:center; position:relative; cursor:pointer; -webkit-transition:0.2s ease-in-out; -moz-transition:0.2s ease-in-out; -ms-transition:0.2s ease-in-out; -o-transition:0.2s ease-in-out; transition:0.2s ease-in-out;    padding: 0 5px; }
.areas-nav-item p{line-height: 2;}
.areas-nav-item p.en{font-size: 12px;font-family: 'Calibri Narrow';}
.areas-nav-item.active{  font-weight:bold; letter-spacing:0.4px; line-height:100%; color:rgb(63,131,221); text-align:center; }


.second-box .back{position: absolute;right: 100px;bottom: 8px;cursor: default;color: #666;z-index: 3;}

.areas-nav-item .pic-box{ content:''; display: block; width:110px; height:110px; margin:0px auto; background:#fff; -webkit-border-radius:110px; -moz-border-radius:110px;
    -ms-border-radius:110px; -o-border-radius:110px; border-radius:110px; -webkit-box-shadow:0px 0px 20px rgba(0,0,0,0.1); -moz-box-shadow:0px 0px 20px rgba(0,0,0,0.1); 
    -ms-box-shadow:0px 0px 20px rgba(0,0,0,0.1); -o-box-shadow:0px 0px 20px rgba(0,0,0,0.1); box-shadow:0px 0px 20px rgba(0,0,0,0.1); margin-bottom:10px; -webkit-transition:0.2s ease-in-out; -moz-transition:0.2s ease-in-out; -ms-transition:0.2s ease-in-out; -o-transition:0.2s ease-in-out; transition:0.2s ease-in-out;display:flex;align-items:center;justify-content:center; }
.areas-nav-item .pic-box .pic{width: 60px;}
.areas-nav-item.active .pic-box{ background: rgb(59,129,224);  background: -moz-linear-gradient(-45deg,  rgba(59,129,224,1) 0%, rgba(144,189,241,1) 100%); 
    /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg,  rgba(59,129,224,1) 0%,rgba(144,189,241,1) 100%); /* Chrome10-25,Safari5.1-6 */ 
    background: linear-gradient(135deg,  rgba(59,129,224,1) 0%,rgba(144,189,241,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b81e0', endColorstr='#173a63',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ 
    -webkit-box-shadow:0px 0px 20px rgba(0,0,0,0); -moz-box-shadow:0px 0px 20px rgba(0,0,0,0); -ms-box-shadow:0px 0px 20px rgba(0,0,0,0); 
    -o-box-shadow:0px 0px 20px rgba(0,0,0,0); box-shadow:0px 0px 20px rgba(0,0,0,0); }
.areas-nav-item.active:after{ -webkit-filter:invert(1); -moz-filter:invert(1); -ms-filter:invert(1); -o-filter:invert(1); filter:invert(1); }
.areas-box-slider{ float:left; width:100%; height:640px; margin-top:-272px; background:#fff; overflow: hidden; padding-top:160px;}
.areas-box-slider .swiper-slide{ position:relative; }
.areas-box-slider .swiper-slide:after{position: absolute; content: ''; width: 180px; height: 4px; background: #3F83DD; top: 188px; left: 483px; }
.areas-box-slider-image{  position: absolute; left: 60px; bottom: 81px;}
.areas-box-slider-title{ position: absolute; left: 480px; top: 136px; font-size: 24px; font-weight: bold; letter-spacing: -0.4px; line-height: 100%;
     color: rgb(63,131,221); text-align: left; width: 640px;}
.areas-box-slider-description{ position: absolute; left: 480px; top: 210px; font-weight: 400; font-size: 16px; line-height: 135%; color: rgb(102,102,102); 
    text-align: left; width: 640px; height: 230px; overflow: hidden; }

    

.about h1 { background: #fff; color: #2763b3; height: 100px; line-height: 100px; position: relative; text-align: center; font-size: 36px; }
.about .content-box {background: #fff; font-size: 16px;color: #666;line-height: 1.875;padding-bottom: 0px;}
.about .content-box p{text-indent: 2em;}
.about-swiper{color: #666; margin: 0 auto;
/*background: rgb(59,129,224);*/
padding: 20px 0; 
/* Old browsers */ 
/*background: -moz-linear-gradient(-45deg,  rgba(59,129,224,1) 0%, rgba(23,58,99,1) 100%); */
/* FF3.6-15 */ 
/*background: -webkit-linear-gradient(-45deg,  rgba(59,129,224,1) 0%,rgba(23,58,99,1) 100%); */
/* Chrome10-25,Safari5.1-6 */ 
/*background: linear-gradient(135deg,  rgba(59,129,224,1) 0%,rgba(23,58,99,1) 100%); */
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ 
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b81e0', endColorstr='#173a63',GradientType=1 ); */
/* IE6-9 fallback on horizontal gradient */ 
    
}
.about-swiper .swiper-slide{transform: scale(.8);transition: all .3s;display: flex;align-items: center;justify-content: center;background-color: #f5f5f5;
padding: 20px;border-radius: 20px;}
.about-swiper .swiper-slide.swiper-slide-active{transform: scale(1);}
.about-swiper .cont-box{width: 30%;padding: 20px;line-height: 1.8;font-size: 14px;}
.about-swiper .cont-box .tit{font-size: 24px;font-weight: 700;letter-spacing: 1px;}
.about-swiper .pic-box{width: 70%;}
.about-swiper .pic-box img{width: 100%;}
.about-swiper .swiper-button-next,.about-swiper .swiper-button-prev{width: 50px;height: 50px;border-radius: 50%;background-size: cover;}
.about-swiper .swiper-button-next{background:#fff url(../images/right.png);}
.about-swiper .swiper-button-prev{background:#fff url(../images/left.png);}
.about-swiper .swiper-button-next:after,.about-swiper .swiper-button-prev:after{content:"";}


.honor{background:#F2F2F2;padding: 30px 0 50px 0;}
.honor h1{ color:#2763b3; height:130px; line-height:120px; font-size: 36px; position:relative; text-align: center; }
.honor ul li{width: 24%;background: #fff;border: 1px solid #efefef;text-align: center;}
.honor ul li .pic-box{width: 100%;padding: 20px;display: flex;align-items: center;justify-content: center;height: 280px;}
.honor ul li .pic-box img{max-width: 100%;max-height: 100%;}
.honor ul li .cont{padding: 30px;font-size: 18px;color: #666;}

.pic-popup{position: fixed;width: 100vw;height: 100vh;left: 0;top: 0; background-color: rgba(0, 0, 0, 0.5);z-index: 100;display: none;}
.pic-popup .close{position: absolute;right: 80px;top: 80px;}
.pic-popup .pic{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);max-width: 100%;max-height: 100%;}


.customer{background:#fff;padding: 30px 0 50px 0;}
.customer h1{ color:#2763b3; height:130px; line-height:120px; font-size: 36px; position:relative; text-align: center; }
.customer .center ul li {  width: 217px; height: 103px;background-color:#fff;border:1px solid #C7C7C7;margin-right: 28px;margin-bottom: 30px;}
.customer .center ul li:nth-of-type(5n){margin-right: 0;}
.customer .center ul li a{display: flex;width: 100%;height: 100%;align-items: center;justify-content: center;}
.customer .center ul li a img{max-width: 100%;max-height: 100%;transition: all .3s;}
.customer .center ul li:hover{border:1px solid #2763B3;  box-shadow: 3.936px 4.528px 36.1px 1.9px rgba(0, 0, 0, 0.11);} 


/* 产品列表 */
.inner-banner{width: 100%;}
.inner-banner img{width: 100%;}

.product{width: 100%;background-color: #F7F7F7;padding-top: 40px;padding-bottom: 90px;}
.product-box{display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center;padding-top: 30px;width: 990px;}
.product-box .product-item{width: 30%;margin-bottom: 25px;transition: all .3s;border: 1px solid #EEEEEE;}
.product-box .product-item .pic-box{width: 100%;overflow: hidden;}
.product-box .product-item .pic-box .pro-pic{width: 100%;transition: all .3s;}
.product-box .product-item .pro-duc{padding:0 20px;background-color: #fff;}
.product-box .product-item .pro-duc .detail {font-size: 16px;color: #333;padding: 15px 0;border-bottom: 1px solid #EEEEEE;}
.product-box .product-item .pro-duc .detail .small{font-size: 14px;color: #999;}
.product-box .product-item .pro-duc .pro-more{padding: 15px 0;display: flex;justify-content: space-between;align-items: center;color: #8C8C8C;}
.product-box .product-item:hover{transform:translateY(-20px)}
.product-box .product-item:hover .pro-pic{transform: scale(1.1);}
.product .product-box{width: 1200px;margin: 0 auto;justify-content: start;}
.product .product-box .product-item{width:280px;margin-right: 24px;}
.product .product-box .product-item:nth-of-type(4n){margin-right: 0;}
.product .product-box .product-item .pro-duc .pro-more {color: #666;}

.page-box{padding-top: 55px;text-align: center;}
.page-box a{display: inline-block;width: 37px;height: 37px;line-height: 37px;text-align: center;color: #333;background-color: #E2E2E2;margin-right: 5px;}
.page-box a.active,.page-box a:hover{background-color: #3F83DD;color: #fff;}
  
.product-details{padding:120px 0 50px 0;background-color: #f5f5f5;}
.product-details .details-box{width: 1200px;padding: 30px;background-color: #fff;margin: 0 auto;}

.contact{width: 100vw;height: 780px;position: relative;}
.contact #dituContent{width: 100%;height: 100%;pointer-events: auto;}
.contact .map-mask{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(39, 99, 179, 0.502); z-index: 3;pointer-events: none;}
.contact .form-box{position: absolute;left: 18.65%;top: 60px; width: 520px; height: 644px;background-color: #fff; box-shadow: 3.936px 4.528px 36.1px 1.9px rgba(0, 0, 0, 0.11);
    padding: 15px;z-index: 4;}
.contact .form-box .form-top{width: 100%;height: 100px;background-color: #F2F2F2;padding: 27px  0 0 20px;text-align: center;margin-bottom: 60px;}
.contact .form-box .line{width: 100%;font-size:18px;color: #333;position: relative;display: flex;flex-wrap: wrap;line-height: 1.556;margin-bottom: 40px;
padding: 0 20px;}



footer{background-color: #2763B3;padding-top: 35px;}
footer .foot-top{width: 100%; height:260px;border-bottom: 1px solid #6690C9;color: #fff;}
footer .foot-top .logo{margin-bottom: 35px;}
footer .foot-top .cont-box{ font-size: 15px; line-height: 2.133;}
footer .foot-top .cont-box .tit{font-weight: bold;}
footer .foot-top .code-box{text-align: center;font-size: 12px;color: #F2F2F2;line-height: 2.333;}
footer .foot-bottom{font-size: 15px;color: rgba(255, 255, 255, 0.431);line-height: 44px;text-align: center;}

/* 悬浮框 */
.float-sidebar { position: fixed; z-index: 990; top: 178px; right: 0; }
.float-sidebar .sidebar-qr-code { width: 48px; height: 48px; background:#3F83DD url(../images/ma.png) no-repeat center;  right: 0px; position: relative; z-index: 10; }
.float-sidebar .sidebar-qr-code-content { position: absolute;width: 0;  right: 100%; margin-right: 10px; top: 0px; background-color: #fff;overflow: hidden;
     box-shadow: 0 4px 10px 0 rgb(0 0 0 / 10%); z-index: 2; -webkit-transition: .3s linear; -o-transition: .3s linear; -moz-transition: .3s linear; transition: .3s linear; }
.float-sidebar .sidebar-qr-code-content img{ width: 115px; }
.float-sidebar .sidebar-qr-code-content h5 { color: #666a75; margin-top: 7px; font-weight: normal; font-size: 12px; text-align: center; }
.float-sidebar .sidebar-qr-code:hover .sidebar-qr-code-content{width: 135px;padding: 10px;}
.float-sidebar  .phone-box{display: flex; width: 48px; height: 48px; align-items: center; justify-content: center; background: #3F83DD; position: relative;}
.float-sidebar  .phone-box i { display: inline-block; width: 22px; height: 22px; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDYzICg5MjQ0NSkgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+aWNvbueUteivnTwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxnIGlkPSJpY29u55S16K+dIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8cGF0aCBkPSJNMjAuMjkyODY4NCwyMy4wMjc1MTIxIEwxOS45NjMwMjU1LDIzLjAyNzUxMjEgQzE4Ljk3MzQ5NjcsMjMuMDI3NTEyMSAxMy42OTYwMDk4LDIyLjM1MDU4OTEgNy44Njg3ODQ2NCwxNi4zNzExMDE5IEMyLjE1MTUwNzE1LDEwLjM5MTYxNDcgMS42MDE3Njg5Myw0Ljk3NjIzMDA5IDEuNDkxODIxMjksMy44NDgwMjQ5NiBMMS40OTE4MjEyOSwzLjUwOTU2MzQzIEwxLjcxMTcxNjU4LDMuMjgzOTIyNCBDMy40NzA4Nzg4OCwyLjA0Mjg5Njc2IDUuMDEwMTQ1OSwxLjQ3ODc5NDIgNi4yMTk1Njk5OCwxLjE0MDMzMjY2IEw2LjU0OTQxMjkxLDEuMDI3NTEyMTQgTDYuNzY5MzA4MiwxLjI1MzE1MzE3IEM4LjA4ODY3OTkzLDIuNjA2OTk5MzIgOS4yOTgxMDQwMSw0LjUyNDk0ODA0IDkuOTU3Nzg5ODgsNi4zMzAwNzYyNSBMMTAuMDY3NzM3NSw2LjY2ODUzNzc5IEw4LjA4ODY3OTkzLDguODEyMTI3NTMgQzguMzA4NTc1MjIsOS40ODkwNTA2MSA5LjA3ODIwODcyLDExLjA2ODUzNzggMTAuOTQ3MzE4NywxMy4wOTkzMDcgQzEyLjkyNjM3NjMsMTUuMTMwMDc2MiAxNC40NjU2NDMzLDE1LjgwNjk5OTMgMTUuMTI1MzI5MSwxNi4xNDU0NjA5IEwxNy4xMDQzODY3LDE0LjExNDY5MTYgTDE3LjQzNDIyOTcsMTQuMjI3NTEyMSBDMTkuMDgzNDQ0MywxNC45MDQ0MzUyIDIwLjk1MjU1NDMsMTYuMjU4MjgxNCAyMi4yNzE5MjYsMTcuNjEyMTI3NSBMMjIuNDkxODIxMywxNy44Mzc3Njg2IEwyMi4zODE4NzM2LDE4LjE3NjIzMDEgQzIyLjA1MjAzMDcsMTkuNDE3MjU1NyAyMS42MTIyNDAxLDIwLjg4MzkyMjQgMjAuNDAyODE2MSwyMi44MDE4NzExIEwyMC4yOTI4Njg0LDIzLjAyNzUxMjEgWiIgaWQ9IuW9oueKtuWkjeWItiIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjEuNSIgZmlsbC1ydWxlPSJub256ZXJvIj48L3BhdGg+CiAgICA8L2c+Cjwvc3ZnPg==); background-size: 100% 100%; }
.float-sidebar  .phone-box .tel{width: 0; height: 48px;position: absolute;right: 50px;top: 0;background-color: #fff;line-height: 48px;text-align: center;
     -webkit-transition: .3s linear; -o-transition: .3s linear; -moz-transition: .3s linear; transition: .3s linear;overflow: hidden;}
.float-sidebar  .phone-box .tel img{width: 22px;height: 22px;margin-right: 5px;vertical-align: middle;}
.float-sidebar  .phone-box:hover .tel{width: 200px;}
.float-sidebar  .cart-box {display: flex; width: 48px; height: 48px; align-items: center; justify-content: center; background: #3F83DD; position: relative;}
.float-sidebar  .cart-box span{color:#fff;}
.float-sidebar .mail-box{width: 48px; height: 48px;text-align: center;line-height: 48px; background: #fff;margin-bottom: 10px;position: relative;}
.float-sidebar .mail-box a{width: 100%;height: 100%;}
.float-sidebar .mail-box a img{width: 23px;}
.float-sidebar .mail-box .tel{width: 0; height: 48px;position: absolute;right: 50px;top: 0;background-color: #fff;line-height: 48px;text-align: center;
    -webkit-transition: .3s linear; -o-transition: .3s linear; -moz-transition: .3s linear; transition: .3s linear;overflow: hidden;}
.float-sidebar .mail-box:hover .tel{width: 260px;}

.product-image-con{text-align: center;}
.product-image-wrap{display: inline-block; margin:0 auto; position: relative;}
.product-image-wrap img{max-width:1140px; position: relative; z-index: 0;}
.product-image-wrap .a-image-area{position: absolute; display: block; text-align: right;}
.product-image-wrap .a-image-area:hover{box-shadow:0 2px 5px rgba(0, 0, 0, 0.3)}
.product-image-wrap .a-image-area .ico{max-height: 100%; height: 20px; position: relative; right:5px;}

.popup-back{position: fixed;left: 0;top: 0; width: 100vw;height: 100vh;background-color: rgba(0, 0, 0, 0.4); z-index: 110;display: none;}
.popup-box{position: fixed;left: calc(50% - 350px);top:calc(50% - 350px); width: 700px;height:500px;background-color: #fff;padding:70px 120px 0 0;display: none; z-index: 111;}
.popup-box .close{position:absolute;width:60px;right:-25px;top:-65px;}
.popup-box .close img{width:100%;}
.popup-box .line{width: 100%;display: flex;line-height: 45px;margin-bottom: 25px;}
.popup-box .line .tit{width: 175px;font-size: 18px;color: #0e4b8a;text-align: right;padding-right: 25px;}
.popup-box .line .cont{font-size: 18px;color: #000;}
.popup-box .line .right-box{flex: 1;display: flex;flex-wrap: wrap;}
.popup-box .line .ipt{flex: 1;height: 45px;padding: 0 20px;border: 1px solid #d0d0d0;font-size: 18px;color: #000;}
.popup-box .size-line{display: flex;align-items: center;margin-top: 10px;width:100%;}
.popup-box .size-line .size-tit{font-size: 16px;color: #0e4b8a;margin-right: 10px;}
.popup-box .size-line .layui-input{width: 74px;height: 35px;padding: 0 10px;border: 1px solid #d0d0d0;font-size: 18px;color: #000;}
.layui-form-select dl dd.layui-this{background-color: #0e4b8a;}
.popup-box .num-box{display: flex;align-items: center;flex: 1;height: 45px;border: 1px solid #d0d0d0;font-size: 18px;color: #000;position: relative;}
.popup-box .num-box input{flex: 1;padding: 0 15px;height: 100%;}
.popup-box .num-box .unit{width: 80px;text-align: center;}
.popup-box .num-box::after{content: "";position: absolute;right: 80px;top: 50%;height: 20px;border-right: 1px solid #d0d0d0;transform: translateY(-50%);}
.popup-box .surface .layui-form-select{flex: 1;}
.popup-box .surface .layui-input{ height: 45px;padding: 0 15px;border: 1px solid #d0d0d0;font-size: 18px;color: #000;}
.popup-box button{width:calc(100% - 175px);margin-left: 175px; height: 45px;background-color: #0e4b8a;color: #fff;font-size: 18px;}

.cart-list{width: 1000px;margin: 20px auto 40px; border: 1px solid #999;border-bottom: none;}
.cart-list .cart-item{display: flex;align-items: center;border-bottom: 1px solid #999;text-align: center;font-size: 18px;}
.cart-list .cart-item.tit{font-weight: 700;}
.cart-list .cart-item.tit .num{color:#000;}
.cart-list .cart-item .title{width: 33.3%; line-height:50px;color: #000;border-right: 1px solid #999;}
.cart-list .cart-item .num{width: 33.3%;line-height: 50px;color: #666;border-right: 1px solid #999;}
.cart-list .cart-item .del{width: 33.3%;display: flex;align-items: center;justify-content: center;}
.cart-list .cart-item .del-btn{width: 80px;height: 40px;background-color: red;color: #fff;font-size: 14px;border-radius: 5px;cursor: default; display: flex;align-items: center;justify-content: center;}
.phone-line{display: flex;align-items: center;width: 800px;margin: 40px auto;}
.phone-line .tit{width: 140px;font-size: 18px;}
.phone-line input{flex: 1;height: 60px;padding: 0 20px;border: 1px solid #999;font-size: 18px;}
.phone-line input::-webkit-input-placeholder{color: rgba(0, 0, 0, 0.329);font-size: 16px;}
.cart-btn{display: block; width: 800px;margin: 0 auto 20px; height: 60px;background-color: #3F83DD;color: #fff;font-size: 18px;}

.title_text{font-size: 24px;padding-bottom: 30px;text-align: center;}

.cart-list .cart-items{display: flex;align-items: center;border-bottom: 1px solid #999;font-size: 18px;padding-left:20px;}
.cart-list .cart-items.tit{font-weight: 700;}
.cart-list .cart-items .title{width: 200%; line-height:50px;color: #000;border-right: 1px solid #999;}
.cart-list .cart-items .del{width: 33.3%;display: flex;align-items: center;justify-content: center;}
.cart-list .cart-items .del-btn{width: 80px;height: 40px;background-color: #3f83dd;color: #fff;font-size: 14px;border-radius: 5px;cursor: default; display: flex;align-items: center;justify-content: center;}


/* new_index*/
.new-index h1{color: #18589d; line-height: 130px; font-size: 42px;font-weight: 700;text-transform: uppercase; text-align: center;}
.new-index1{padding-bottom: 38px;}
.new-index1 .list .list-item{width: 187px;margin-bottom: 15px;margin-right: 15px;}
.new-index1 .list .list-item a{display: block;}
.new-index1 .list .list-item .pic-box{width: 100%;height: 116px;background-color: #fff; border:1px solid #e7e7e7;display: flex;align-items: center;justify-content: center;}
.new-index1 .list .list-item .pic-box img{max-width: 100%;max-height: 100%;}
.new-index1 .list .list-item .tit{width: 100%;height: 51px;font-size: 16px;color: #333;display: flex;align-items: center;justify-content: center;}
.new-index1 .list .list-item:nth-of-type(6n){margin-right: 0;}.new-index1 .list .list-item:hover{ box-shadow: 2.084px 2.158px 9.2px 0.8px rgba(0, 0, 0, 0.14);}
.new-index1 .list .list-item:hover .tit{background-color: #18589d;color: #fff;}
.new-index2{background-color: #f8f8f8;padding-bottom: 50px;}
.new-index2 .content-box{margin-bottom: 44px;}
.new-index2 .left{width: 552px;}
.new-index2 .right{width: 600px;padding-right: 90px;padding-top: 10px; font-size: 20px;color: #333;line-height: 1.2;}
.new-index2 .btn{display:flex; width: 190px;height: 51px; justify-content: center; align-items: center; box-sizing: border-box; border: 1px solid #18589d;
    color: #18589d;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative; transition-property:color;transition-duration:.5s;
    margin: 0 auto;}
.new-index2 .btn .iconfont{font-weight:700;margin-left: 30px;}
.new-index2 .btn:before{content:"";position:absolute;z-index:-1;top:-1px;left:-1px;right:-1px;bottom:-1px;background: #18589d;transform:scaleX(0);
    transform-origin:0 50%;transition-property:transform;transition-duration:.5s;transition-timing-function:ease-out}
.new-index2 .btn:hover{color: #fff;}
.new-index2 .btn:hover:before{transform:scaleX(1);transition-timing-function:cubic-bezier(.52,1.64,.37,.66)}
.new-index3{padding-bottom:65px;}
.new-index3 ul li {  width: 217px; height: 103px;background-color:#fff;border:1px solid #C7C7C7;margin-right: 28px;margin-bottom: 30px;}
.new-index3 ul li:nth-of-type(5n){margin-right: 0;}
.new-index3 ul li a{display: flex;width: 100%;height: 100%;align-items: center;justify-content: center;}
.new-index3 ul li a img{max-width: 100%;max-height: 100%;transition: all .3s;}
.new-index3 ul li:hover{border:1px solid #18589d;  box-shadow: 3.936px 4.528px 36.1px 1.9px rgba(0, 0, 0, 0.11);} 

/* new_company */
.inner-banner{width: 100%;padding-top: 80px;}
.inner-banner img{width: 100%;}
.company-part h1{color: #18589d; line-height: 130px; font-size: 48px;font-weight: 700;text-transform: uppercase;} 
.company1{padding: 65px 0;}
.company1 .left{width: 360px;}
.company1 .left .cont{font-family: "";font-size: 24px;color: #333;text-transform: uppercase; margin-bottom: 25px;line-height: 1.167;}
.company1 .left span{color: #18589d; font-weight: 700;}
.company1 .right{width: 766px;display: flex;align-items: end;justify-content: space-between;}
.company1 .right .pic-box{position: relative;}
.company1 .right .pic-box span{position: absolute;right: 0;bottom: 20px;width: 106px;line-height: 37px;text-align: center;background: #18589d;
color: #fff;font-size: 24px;font-weight: 700;}
.company2{background-color: #f9f9f9;}
.company2 .cont-box{font-size: 19px;color: #333;line-height: 1.4;}
.company2 .pic-list{display: flex;justify-content: space-between;}
.company2 .pic-list li {width: 210px;height: 620px;display: flex;align-items: center;justify-content: center;flex-direction: column;text-align: center;}
.company2 .pic-list li .pic-box{width: 100%;transition: all .3s;margin-bottom: 15px;}
.company2 .pic-list li img{width: 100%; }
.company2 .pic-list li .tit{font-size: 24px;color: #333;font-weight: bold; line-height: 1;margin-bottom: 15px;}
.company2 .pic-list li .cont{width: 80%; font-size: 20px;color: #333;line-height: 1.2;}
.company2 .pic-list li:hover .pic-box{width: 275px;}
.company2 .pic-list li:hover .tit {color: #18589d;}
.company3 .content-box{display: flex;align-items: center;justify-content: space-between;}
.company3 .content-box .left{width: calc(100% - 360px);}
.company3 .content-box .right{width: 360px;}
.company3 .content-box .tit{font-size: 26px;color: #333;padding-bottom: 70px;}
.company3 .content-box .cont{font-size: 32px;color: #333;line-height: 1;display: flex;align-items: flex-end;}
.company3 .content-box .cont.cont1{color: #18589d;font-weight: 700;margin-bottom: 30px;}
.company3 .content-box .cont span{font-size: 44px;color: #18589d;font-weight: 700;margin-right: 10px;margin-bottom: -3px;}
.company4{background-color: #f9f9f9;padding-bottom: 65px;}
.company4 .pic-box{text-align: center;}
.company5 .content-box{display: flex;align-items: center;justify-content: space-between;}
.company5 .left{width: 435px;font-size: 22px;color: #333;line-height: 1.273;}
.company5 .right{width: 641px;}
.company6 {background-color: #f9f9f9;padding-bottom: 60px;}
.company6 .w1200{display: flex;align-items: center;justify-content: space-between;position: relative;}
.company6 .swiper-slide .tit{text-align: center;padding-top: 25px;font-size: 22px;color: #333;}
.company6 .swiper-slide .pic-box {overflow: hidden;}
.company6 .swiper-slide .pic-box img{transition: all .3s;}
.company6 .swiper-slide:hover .pic-box img{transform: scale(1.1);}
.company6 .swiper-slide:hover .tit{color: #18589d;}
.company6 .swiper-button-prev{left: auto;right: 90px;}
.company6 .swiper-button-next,.company6 .swiper-button-prev{width: 50px;height: 50px;border-radius: 50%;border: 1px solid #18589d;}
.company6 .swiper-button-next:after,.company6 .swiper-button-prev:after{font-size: 18px;color: #18589d;}
.company6 .swiper-button-next:hover,.company6 .swiper-button-prev:hover{background-color: #18589d;}
.company6 .swiper-button-next:hover:after,.company6 .swiper-button-prev:hover:after{color: #fff;}

/* 购物车 */
.cart-box{padding: 50px 0;background-color: #f9f9f9;}
.cart-box .box{background-color: #fff;padding: 20px 30px;}
.cart-box .box .logo-title{display: flex;align-items: center;justify-content: space-between;margin-bottom: 40px;}
.cart-box .box .logo-title .cont{font-size: 16px;color: #333;line-height: 1.125;}
.cart-box .box .line{display: flex;margin-bottom: 15px;}
.cart-box .box .line .title{width: 145px;font-size: 18px;color: #333;font-weight: bold;text-transform: uppercase;}
.cart-box .box .line .title i{margin-left: 1px;}
.cart-box .box .cont{font-size: 16px;color: #333;}
.cart-box .box .cont-box{flex: 1;}
.cart-box .box .cont-line{display: flex;align-items: flex-end;margin-right: 20px;}
.cart-box .box .cont-line .tit{margin-right: 10px;}
.cart-box .box .cont-line .ipt{width:180px;height:30px; border-bottom: 1px solid #000;}
.cart-box .submit{width: 122px;height: 48px;font-size: 18px;background-color: #18589d;color: #fff;display: flex;align-items: center;justify-content: center;
cursor: default;}
.cart-box .box .choose-box{margin-bottom: 35px;}
.cart-box .choose-box .cont-box{display: flex;justify-content: space-between;}
.cart-box .choose-item .tit-line{display: flex;align-items: center;margin-bottom: 15px;font-size: 18px;cursor: default;}
.cart-box .choose-item .tit-line .checkbox{position: relative; width: 26px;height: 26px; border-radius: 50%;border: 2px solid #333;margin-right: 10px;}
.cart-box .choose-item .tit-line .checkbox::after{content: "";width: 16px; height: 17px;border-radius: 50%;background-color: #333;position: absolute;
    left: 50%;top: 50%;transform: translate(-50%,-50%); display: none;}
.cart-box .choose-item .tit-line .checkbox.checked::after{display: block;}
.cart-box .table-title{font-size: 30px;color: #333;font-weight: bold;text-align: center;margin-bottom: 45px;}
.layui-table thead tr{background-color: #f9f9f9;}
.layui-table thead tr th { position: relative; padding: 9px 15px; min-height: 20px; line-height: 20px; font-size: 14px; color: #0e4b8a; font-weight: bold;
font-style: italic;white-space: nowrap;}
.layui-table tr td{color: #333;text-align: center;}
.layui-table tr td:nth-of-type(3),.layui-table tr td:nth-of-type(5){text-align: left;}
.cart-box .layui-table .del{width: 55px;height: 28px;border-radius: 5px;background-color: #fc0404;display: flex;align-items: center;justify-content: center;
color: #fff;cursor: default;}
.cart-box .text-box{padding:10px;border: 1px solid #ccc;margin-top: 50px;}
.cart-box .text{width: 100%;height: 190px; padding: 30px 20px;border: 1px solid #ccc;}
.cart-box .text::-webkit-input-placeholder{ font-size: 18px;color: rgba(51, 51, 51, 0.49);}
.cart-box .page-box{display: flex;align-items: center;justify-content: center;}
.cart-box .page-box .page-item{padding: 10px;margin-right:5px;background-color: #e2e2e2;color: #333333;font-size:14px;text-transform: uppercase;min-width: 36px;cursor: default;}
.cart-box .page-box .page-item:last-of-type{margin-right: 0;}
.cart-box .page-box .page-item:hover,.cart-box .page-box .page-item.active{background-color: #18589d;color: #fff;}
.cart-box .page-num{display: flex;align-items: center;}
.cart-box .page-box .page-num .page-item{margin-right: 5px;}