﻿.zbanner{}
.zbanner img{width:100%}
img{max-width: 100%}
.content{width: 72.92vw;margin:0 auto}
.content1{width: 72.92vw;margin: -44px auto 0;margin-top: -2.29vw;}
.nav1{height: 90px;text-align:center;position: relative;z-index: 9;height: 4.69vw;margin-bottom: 8vw;}
.nav1>ul{display:flex;box-shadow: 0 0 20px rgba(0,0,0,.04);position: relative;height: 4.69vw;}
.nav1>ul>li{width: 25%;justify-content: space-between;line-height: 90px;line-height: 4.69vw;background:#fff}
.nav1>ul>li span{font-size: 16px;color: #494a4a;padding-left: 76px;padding-left:3.96vw;background: url(../image/aboutIcon1.png) center left no-repeat;display: inline-block;background-size: 2.76vw;}
.nav1>ul>li.active{background:#f4faff;border-bottom:1px solid #005bac}
.nav1>ul>li>a{/* background: #fff; */display: block;}
.nav2{height: 87px;margin-top: 0;height:4.53vw;left: 0;position: absolute;z-index: -1;}
.nav2 ul {display:flex;/* background: #fff; */border-bottom: 1px solid #dfdfdf;line-height: 87px;line-height:4.53vw;justify-content: center;}
.nav2 ul li{padding: 0 20px;margin:0 52px;padding: 0 1.04vw;margin: 0 2.71vw}
.nav2 ul li a{font-size:16px;color:#494a4a;display: block;width: 100%;height: 100%;}
.nav2 ul li.active{border-bottom:1px solid #005bac}
.nav2 ul li.active a{color:#005bac;}

.aboutCon .info{line-height:2}
.aboutCon .info .aboutLogo{margin-bottom: 2.08vw}
.aboutCon .info .aboutLogo img{width: 30%;}
.aboutCon .info .msg .aboutImg{width:calc(576 / 1920 * 100vw);float:right;margin-left:calc(40 / 1920 * 100vw)}
.aboutCon .info .msg img{width: 100%}
.aboutCon .number{/* background:url(../image/aboutIcon2.png) top left no-repeat; */background-size: 902px;background-size: 46.98vw;}
.aboutCon .number ul{display:flex;margin: 40px 0 110px;justify-content: space-between;margin-top: 0;}
.aboutCon .number ul li{/* margin-right:50px; *//* float:  left; *//* margin-right:2.6vw; *//* max-width: 83px; */background-size: 20px!important;background-position-y: 6px!important;}
.aboutCon .number ul li:last-child{margin-right:0}
.aboutCon .number ul li span{font-weight:bold;font-size:30px;color:#252525;padding-left:30px;padding-left:1.56vw;background: url(../image/aboutIcon2.png) 0 center no-repeat;background-size: 46.98vw;background: none;}
.aboutCon .number ul li em{font-weight:bold;font-size:12px;color:#252525;font-style: normal;}
.aboutCon .number ul li p{font-size:14px;color:#4d4d4d;}
.aboutCon .number ul li:nth-child(2) span{background-position-x: -118px;background-position-x: -8.7vw;}
.aboutCon .number ul li:nth-child(3) span{background-position-x: -239px;background-position-x: -17.6vw;}
.aboutCon .number ul li:nth-child(4) span{background-position-x: -371px;background-position-x: -27.3vw;}
.aboutCon .number ul li:nth-child(5) span{background-position-x: -496px;background-position-x: -36.4vw;}
.aboutCon .number ul li:nth-child(6) span{background-position-x: -625px;background-position-x: -45.7vw;}


.pageCon{margin-top: 71px;margin-top: 3.7vw}
.historyCon{/* background: url(../images/historyBk.png) center top no-repeat; */background-size: 8.39vw;/* height: 1994px; *//* height: 103.85vw; */padding-bottom: 4.9vw;}
.historyCon ul{padding-top:2.6vw;position:relative;padding-bottom: 67px;padding-bottom: 5.52vw;}
.historyCon ul:before{content:"";width:1px;height:100%;background:#dddddd;position:absolute;top:0;left:50%}
.historyCon ul:after{content:"";width:13px;height:13px;background:#fff;/* background:url(../image/historyIcon1.png) center center no-repeat; *//* background-size: 100%; */position:absolute;top: 0;left: calc(50% - 6px);border: 1px solid #ddd;border-radius: 50%;width: 0.67vw;height: 0.67vw;left: calc(50% - 0.35vw);}
.historyCon ul li{position:relative;display: flex;justify-content: space-between;width: 515px;width:26.82vw;margin-left: 140px;margin-left:7.29vw}
.historyCon ul li:after{content:"";width:13px;height:13px;background:#fff;background:url(../image/historyIcon1.png) center center no-repeat;background-size: 100%;position:absolute;top: 0;border-radius: 50%;width: 0.67vw;height: 0.67vw;/* left: calc(50% - 0.35vw); */right: -39px;right: -2.73vw;top: 3vw;}
.historyCon ul li:nth-child(2n){margin-left: 745px;flex-direction: row-reverse;margin-left: 38.8vw}
.historyCon ul li:nth-child(2n) .Txt{text-align:left;margin-top: 0;}
.historyCon ul li:nth-child(2n)::after{left:-2.65vw}
.historyCon ul li .Img{width: 170px;height: 170px;text-align: center;line-height: 170px;margin-top:2.08vw;/* margin-top: 99px; */width: 8.85vw;height: 8.85vw;line-height: 8.85vw;/* margin-top: 5.16vw; */position:relative;}
.historyCon ul li .Img:after{content:"";width:100%;height:100%;position:absolute;background: url(../image/historyBk2.png) center center no-repeat;background-size: 100%;left:0;z-index:-1}
.historyCon ul li .Img .img{width: 130px;height: 130px;vertical-align: middle;width: 6.77vw;height: 6.77vw;border-radius: 50%;overflow: hidden;display: inline-block;}
.historyCon ul li .Img .img img{max-width:100%;max-height:100%;}
.historyCon ul li .Txt{width: 300px;color: #333;text-align: right;/* margin-top: 50px; */width: 15.63vw;/* margin-top: 2.6vw; */}
.historyCon ul li .Txt .title{font-size: 26px;font-weight: bold;}
.historyCon ul li .Txt .en{font-size: 20px;}
.historyCon ul li .Txt .time{font-size: 24px;line-height: 1.8;font-weight: 600;}
.historyCon ul li .Txt .summary{font-size: 14px;line-height: 1.8;}
.historyCon ul li:hover::after{background-image:url(../image/historyIcon2.png);width:19px;height:19px;width:1.04vw;height:1.04vw;right:-2.9vw}
.historyCon ul li:nth-child(2n):hover::after{left:-2.8vw}
.historyCon ul li:hover .Img:after{animation: rotate 5s infinite linear;background-image:url(../image/historyBk3.png)}
.historyCon ul li:hover .Txt .title,.historyCon ul li:hover .Txt .en,.historyCon ul li:hover .Txt .time{color:#005bac}
.historyFoot{text-align:center;font-size:14px;color:#666;line-height:1.5;margin-top: 0.3vw;}
@keyframes  rotate  {      
from  {  transform:  rotate(0deg);  }      
to  {  transform:  rotate(360deg);  }      
}
@keyframes  rotate1  {      
from  {  transform:  rotate(360deg);  }      
to  {  transform:  rotate(0deg);  }      
}
@keyframes  translateY  {      
from  {  margin-top:  0;  }      
to  {  margin-top:  -10px;  }      
}
.techCon{padding-bottom:115px;padding-bottom:5.99vw}
.techCon .info{line-height:2;color:#666;font-size:14px;}
.techCon .title{font-weight:bold;padding-left:30px;margin:30px 0 20px;font-size:22px;padding-left:1.56vw;margin:1.56vw 0 1.04vw;color:#005bac;background:url(../image/aboutIcon1_1.png) left center no-repeat;background-size: 21px;background-size:1.09vw;}
.techCon .summary{line-height: 2;font-size:14px;color:#666666}

.newsCon ul li{padding: 18px 48px;padding:0.94vw 2.5vw;box-shadow:0 0 30px rgba(155,155,155,.1);margin-bottom:30px;margin-bottom:1.56vw;transition:all .35s ease-in-out}
.newsCon ul li a{display:flex;justify-content:space-between}
.newsCon ul li .Txt{width:874px;width:45.52vw}
.newsCon ul li .Txt .title{font-size:22px;color:#333333;line-height:2;margin-bottom: 0.5vw;}
.newsCon ul li .Txt .summary{font-size:14px;color:#666;line-height:2}
.newsCon ul li .Txt .time{color:#666666;font-size:14px;padding-left:30px;padding-left:1.56vw;margin-top:22px;margin-top:1.14vw;background:url(../image/newsIcon1.png) center left no-repeat;background-size: 17px;background-size:0.89vw}
.newsCon ul li .Img{width:363px;width:18.91vw;overflow:hidden}
.newsCon ul li .Img img{transition:all .3s ease-in-out}
.newsCon ul li:hover{box-shadow:0 0 20px rgba(0,92,172,0.5)}
.newsCon ul li:hover .title{color:#005bac}
.newsCon ul li:hover img{transform:scale(1.2)}

#pages{margin:60px auto 120px;text-align:center;margin: 3.125vw auto 6.25vw}
#pages span{display:none}
#pages a{margin:0 3px;margin:0 0.15vw;width:38px;height:38px;line-height:38px;width:1.98vw;height:1.98vw;line-height:1.98vw;display:inline-block;border:1px solid #f2f2f2;border-radius:5px;font-size:14px;color:#666666}
#pages a:nth-of-type(1),#pages a:last-child{width:auto;padding:0 15px;padding:0 0.78vw}
#pages a:hover{border-color:#005bac;color:#005bac}
#pages a.currentpage{background:#005bac;color:#fff}

.newsInfoCon{padding-bottom:105px;position: relative;padding-bottom: 5.47vw}
.newsInfoCon .title{color:#222222;font-size: 28px;text-align: center;}
.newsInfoCon .row{display:flex;justify-content:center;color:#666;font-size:14px;margin-top:20px;margin-top:1.04vw;padding-bottom:30px;padding-bottom:1.56vw;border-bottom:1px solid #e8e8e8}
.newsInfoCon .row>div{padding-left:22px;font-size:14px;background:url(../image/newsIcon1.png) left center no-repeat;background-size: auto 0.94vw;}
.newsInfoCon .row>div:nth-child(1){margin-right:38px;margin-right:1.98vw}
.newsInfoCon .row>div:nth-child(2){background-image:url(../image/newsIcon2.png)}
.newsInfoCon .info{padding-top:30px;padding-top:1.56vw;line-height:2;font-size:14px;color:#666}
.pn_page{font-size:14px;color:#333}
.pn_page p{margin-bottom:15px;margin-bottom: 0.78vw}
.pn_page a{color:#666;}
.return{padding-left:40px;padding-left:2.08vw;background:url(../image/return.png) center left no-repeat;background-size: 25px 25px;background-size:1.3vw;line-height: 40px;line-height:2.08vw;position: absolute;right: 0;bottom: 130px;bottom:6.77vw;display: block;color: #666;font-size: 14px;}

.caseCon{padding-bottom:8.4vw}
.caseCon ul{display:flex;justify-content: left;flex-wrap:wrap;}
.caseCon li{transition:all .3s ease-in-out;cursor:pointer;width: 338px;margin-right:15px;margin-bottom: 45px;width:24%;margin-right:1.3%;margin-bottom:2.34vw;box-shadow:0 0 20px rgba(146,146,146,.14)}
.caseCon li:nth-child(4n){margin-right: 0}
.caseCon li .Img{width: 100%;height: 250px;height:13vw;overflow:hidden}
.caseCon li p{color:#333333;text-align:center;transition:all .3s ease-in-out;font-size: calc(16 / 1920 * 100vw);}
.caseCon li:hover{background-color: #005bac;}
.caseCon li:hover p{color:#fff}

.fancybox-overlay{background:rgba(0,0,0,0.8);position: fixed;top: 0;left: 0;width: 100%!important;height: 100%!important;z-index: 10000;}
.fancybox-skin{padding: 0!important;}
.fancybox-nav{width: 30px;height: 50px;background-color: #005bac;background-size: 6px 10px;top: calc(50% - 25px);margin-left: -30%;opacity: 0;left: -60px;background-color: #bbb}
.fancybox-next{left:auto;right: -60px;margin-right:-30%}
.fancybox-nav span{position: relative;left: 0;visibility: inherit;right:0;display: block;width: 100%;height: 100%;}
.fancybox-nav span:after{content: "";position: absolute;width: 10px;height: 10px;border: 1px solid #fff;border-right: 0;border-top: 0;}
.fancybox-prev span:after{transform: rotate(45deg);top: 10px;left: 11px;}
.fancybox-next span:after{transform: rotate(-135deg);top: 10px;right: 11px;}
.fancybox-nav:hover{background-color: #005bac}
.fancybox-overlay{line-height: 100vh;text-align: center;}
.fancybox-outer{/*width: 867px;*//*height: 695px;position: absolute;top:calc(50% - 345px);left: calc(50% - 434px);height: 70vh;top: 10vh;*/display: inline-block;vertical-align: middle;}
.fancybox-inner{display: none;/*width: 867px;*//*height: 635px;*/max-width: 100%;max-height: 100%;position: relative;}
.fancybox-inner.show{display:block}
.fancybox-inner img{height: 70vh;width: auto;/* border: 1px solid #00A0E9; */box-sizing: border-box;}
.fancybox-inner p{padding: 15px;line-height: 28px;font-size: 20px;text-align: center;background: rgba(0, 0, 0, 0.5);position: absolute;bottom: 0;left: 0;width: 100%;box-sizing: border-box;color:#fff}
.fancybox-inner p span{position: relative;}
.fancybox-inner p span i{content: "";position: absolute;width:6px;height: 6px;border-radius: 50%;background: #000;left: -13px;top: 8px;display: none;}

.tankuang{background:rgba(0,0,0,.4);position:fixed;width:100%;height:100%;top:0;left:0;z-index:1111111;text-align:center;line-height:100vh;display:none;}
.tankuang img{vertical-align:middle;min-width:38%;max-width:80%;max-height:80%}

.qualityCon{padding-bottom:70px;padding-bottom:3.646vw}
.qualityCon .row{position: relative}
.qualityCon .row .Img{width: 670px;height: 436px;width:34.9vw;height:22.71vw}
.qualityCon .row .Img img{height:100%}
.qualityCon .row .Txt{width: 845px;width:44.01vw;height: 300px;height:15.625vw;position: absolute;right: 0;top: calc(50% - 150px);top:calc(50% - 7.81vw);background: #fff;padding: 70px 105px;padding:3.646vw 5.47vw;box-sizing: border-box;line-height: 2;font-size: 16px;color: #333333;box-shadow:0 0 18px rgba(0,91,172,.1)}
.qualityCon ul{display:flex;flex-wrap:wrap;margin-top:50px;margin-top:2.6vw}
.qualityCon ul li{width: 46%;margin-right:4%;}
.qualityCon .title{font-weight:bold;padding-left:30px;padding-left:1.56vw;margin:30px 0 20px;margin:1.56vw 0 1.04vw;font-size:22px;padding-left:1.56vw;margin:1.56vw 0 1.04vw;color:#005bac;background:url(../image/aboutIcon1_1.png) left center no-repeat;background-size: 21px;background-size:1.09vw;}
.qualityCon .summary{line-height:1.5;font-size:14px;color:#666666}


.qualityCon1{padding-bottom:180px;padding-bottom:9.375vw}
.qualityCon1 .row{text-align:center;}
.qualityCon1 .row .title{color:#222222;font-size:28px;margin-bottom:30px;margin-bottom:1.56vw}
.qualityCon1 .row .summary{color:#666666;font-size:14px;margin-bottom:40px;margin-bottom:2.08vw}
.qualityCon1 ul{display:flex;flex-wrap:wrap}
.qualityCon1 ul li{width:32%;height:13.02vw;margin-right:1%;margin-bottom:0.8vw;position:relative;overflow:hidden}
.qualityCon1 ul li img{transition:all .35s ease-in-out}
.qualityCon1 ul li:nth-child(3n){margin-right:0}
.qualityCon1 ul li p{color:#fff;font-size:16px;position:absolute;right:28px;right:1.46vw;bottom:42px;bottom:2.19vw;right: 0.5vw;bottom: 1vw;}
.qualityCon1 ul li p:after{content:"";position:absolute;width:33px;width:1.72vw;height:1px;background:#005bac;right:0;bottom:-8px;bottom: -5px;}
.qualityCon1 ul li:hover img{transform:scale(1.2)}
/* 原料供应 */
.ylgy{background:url(../image/logoBk.png) center center no-repeat;background-size:cover}
.qualityCon2{position:relative;height: 37vw;margin-top: 5.2vw;}
.qualityCon2 .txt p{font-size:28px;color:#005bac;}
.qualityCon2 .txt .summary{margin-top:1vw;color:#666666;line-height:2;width: 22.66vw;}
.qualityCon2 ul{position:absolute;top: 0;}
.qualityCon2 ul li{background:url(../image/logoIcon.png) center center no-repeat;background-size: 100%;width: 179px;height: 202px;line-height: 180px;text-align: center;width: 9.3vw;height: 10.52vw;line-height: 9.37vw;position: absolute;left: 455px;top: 53px;top: 2.76vw;left: 23.7vw;}
.qualityCon2 ul li img{vertical-align:middle;max-width: 80%;max-height: 90%;}
.qualityCon2 ul li:nth-child(2){left: 622px;left: 32.4vw;}
.qualityCon2 ul li:nth-child(3){left: 789px;left: 41.09vw;}
.qualityCon2 ul li:nth-child(4){left: 956px;left: 49.79vw;}
.qualityCon2 ul li:nth-child(5){left: 205px;top: 196px;left: 10.68vw;top: 10.21vw;}
.qualityCon2 ul li:nth-child(6){left: 372px;top: 196px;left: 19.375vw;top: 10.21vw;}
.qualityCon2 ul li:nth-child(7){left: 539px;top: 196px;left: 28.07vw;top: 10.21vw;}
.qualityCon2 ul li:nth-child(8){left: 706px;top: 196px;left: 36.77vw;top: 10.21vw;}
.qualityCon2 ul li:nth-child(9){left: 873px;top: 196px;left: 45.47vw;top: 10.21vw;}
.qualityCon2 ul li:nth-child(10){left: 1039px;top: 196px;left: 54.11vw;top: 10.21vw;}
.qualityCon2 ul li:nth-child(11){left: 288px;top: 340px;left: 15vw;top: 17.71vw;}
.qualityCon2 ul li:nth-child(12){left: 455px;top: 340px;left: 23.7vw;top: 17.71vw;}
.qualityCon2 ul li:nth-child(13){left: 622px;top: 340px;left: 32.4vw;top: 17.71vw;}
.qualityCon2 ul li:nth-child(14){left: 789px;top: 340px;left: 41.09vw;top: 17.71vw;}
.qualityCon2 ul li:nth-child(15){left: 956px;top: 340px;left: 49.79vw;top: 17.71vw;}
.qualityCon2 ul li:nth-child(16){left: 539px;top: 484px;left: 28.07vw;top: 25.21vw;}
.qualityCon2 ul li:nth-child(17){left: 706px;top: 484px;left: 36.77vw;top: 25.21vw;}
.qualityCon2 ul li:nth-child(18){left: 372px;top: 484px;left: 19.375vw;top: 25.21vw;}
.qualityCon2 ul li:nth-child(19){left: 873px;top: 484px;left: 45.47vw;top: 25.21vw;}

.videoCon{padding-bottom:90px;padding-bottom: 4.69vw}
.videoCon ul{display:flex;justify-content:left;flex-wrap:wrap}
.videoCon ul li{width: 49%;margin-right: 2%;position:relative;margin-bottom:1.46vw}
.videoCon ul li:after{position:absolute;content:"";width: 50px;height: 50px;background: url(../image/videoIcon.png) center center no-repeat;left: calc(50% - 25px);top: calc(50% - 25px);width:2.6vw;height:2.6vw;left: calc(50% - 1.3vw);top: calc(50% - 1.3vw);border-radius: 50%;transition: all .35s ease-in-out;background-size: 100%;}
.videoCon ul li:nth-child(2n){margin-right:0} 
.videoCon ul li p{position:absolute;bottom:0;left:0;line-height:60px;padding:0 25px;box-sizing:border-box;background:rgba(102,102,102,.4);width:100%;color:#fff;font-size: 16px;line-height:3.125vw;padding:0 1.3vw;}
.videoCon ul li:hover::after{top: calc(50% - 30px);transform: scale(1.2) }

.tankuang .videoBox{/* width:auto; *//* height:80%; *//* width: 37%; */margin: 0 auto;position: relative;top: 15%;}
.tankuang video{display:inline-block;/* vertical-align:middle; */position:relative;width: 100%;}
.tankuang span{display:block;width: 30px;height: 30px;right: -15px;top: -15px;background: #fff url(../image/close.png) center center no-repeat;position:absolute;/* background: red; */border-radius: 50%;cursor: pointer;width:1.56vw;height:1.56vw;right:-0.78vw;top:-0.78vw}

.vrCon{margin-top: 5.2vw;position: absolute;position: relative;height: 100vh;}
.videoCon img{width: 100%}
.vrCon .content{position: absolute;top:0;left: 50%;transform: translate(-50%); height: 100%;}
.vrCon .img{width: 950px;height: 793px;background: url(../image/vrBk1.png) center center no-repeat;position: relative ;width: 49.48vw;height: 41.3vw;position: absolute;background-size: 100%;left: 50%;transform: translate(-50%,-50%);top: 50%;}
.vrCon .img:before{content:"";position: absolute ;width: 100%;height: 100%;left: 0;top:0;background: url(../image/vrBk3.png) center center no-repeat;background-size:100%;animation: rotate1 15s linear infinite;}
.vrCon .img:after{content:"";position: absolute ;width: 100%;height: 100%;left: 0;top:0;background: url(../image/vrBk4.png) center center no-repeat;background-size:100%;animation: rotate 15s linear infinite;}
.vrCon .img img{top:50%;position: absolute ;left: 50%;transform: translate(-50%,-50%); width: 314px;height: 314px;width: 16.35vw;height: 16.35vw;}
.vrCon .btnBox{top: 50%;margin-top: -5vw;right: 0;position: absolute;display: block;transition: all .35s ease-in-out;}
.vrCon .btn{width: 148px;height: 148px;background: url(../image/vrBtn.png) center center no-repeat;background-size:100%;margin-bottom: 30px;width: 7.71vw;height: 7.71vw;margin-bottom: 1.56vw;  }
.vrCon .btnBox:hover{transform: translateY(-10px) }
.vrCon .btnBox .btn:hover{animation:rotate  15s linear infinite;animation-fill-mode:forwards}
.vrCon .btnBox:hover p{font-weight: bold }
.vrCon .btnBox p{color: #fff;font-size:16px;display: block ;width: 100%;text-align: center ;}

/* 企业文化 */

/* 企业文化-社会责任 */
/* .cultrue .nav1 ul li,.product .nav1 ul li{width:33.3%} */
.cultrue3 ul{margin-bottom:100px;margin-bottom:5.2vw}
.cultrue3 ul li{display:flex;justify-content: space-between;margin-bottom:30px;margin-bottom:1.56vw}
.cultrue3 ul li .left{width:50%;padding:20px;background:#f7f7f8;box-sizing:border-box;padding:1.04vw}
.cultrue3 ul li .right{width:50%;}
.cultrue3 ul li .Txt{margin-left:54px;box-sizing:border-box;height: 100%;position: relative;overflow: hidden;}
.cultrue3 ul li .title{font-size:22px;color:#333333;margin-top:70px;margin-bottom:36px;margin:3.65vw 0 1.875vw}
.cultrue3 ul li .summary{border-top:1px solid #e2e3e7;font-size:16px;color:#666666;line-height:2;padding-top:36px;padding-top:1.875vw}
.cultrue3 ul li .bkBox{position:absolute;right:0;bottom:95px;z-index:-1;/* bottom:4.95vw; */bottom: 2vw;}
.cultrue3 ul li .en{bottom:17px;position:absolute;right:0;font-size:92px;color:#e2e3e7;right: -10px;bottom:0.89vw;right: 0;line-height: 1;bottom: 0.4vw;font-size: 60px;}
.cultrue3 ul li .time{font-size:32px;color:#f4f6f9;text-transform: uppercase;line-height: 1;font-size: 24px;}
.cultrue3 ul li:nth-child(2n){flex-direction:row-reverse}
.cultrue3 ul li:nth-child(2n) .Txt{margin-right:54px;margin-left:0;margin-right:2.81vw}

/* 人才发展 */
/* .person .nav1 ul li{width:33.3%} */
/* 人才发展-人才理念 */
.person1>.summary{color:#333333;text-align:center;font-size:18px;margin-bottom:30px;margin-bottom:1.5625vw;}
.person1 .info{font-size:14px;color:#333333;line-height:2;margin-bottom:50px;margin-bottom:2.6vw}
.person1 ul{display:flex;flex-wrap:wrap;}
.person1 ul li{width:278px;/* height:329px; */margin-right:96px;box-shadow: 0 0 18px rgba(61,93,121,0.1);margin-bottom: 120px;text-align:center;width:14.48vw;min-height:17.135vw;margin-right: 5vw;margin-bottom: 6.25vw}
.person1 ul li:nth-child(4n){margin-right:0}
.person1 ul li .Img{width:100%;height:100px;line-height:100px;height:5.21vw;line-height: 5.21vw}
.person1 ul li img{vertical-align:middle}
.person1 ul li .title{font-size:16px;color:#005bac;line-height:1;margin-bottom:34px;margin-bottom: 0;}
.person1 ul li .summary{padding: 34px;line-height:2;font-size:14px;color:#666666;padding: 1.77vw;}
/* 人才发展-晋升通道 */
.person2>ul{margin-bottom:100px;margin-bottom: 5.21vw}
.person2>ul>li{position:relative;overflow:hidden;margin-bottom:40px;margin-bottom: 2.08vw}
.person2>ul>li .left{text-align:left;width:839px;/* height:345px; */margin-top:44px;width:43.7vw;/* height:17.97vw; */margin-top:2.3vw;background: #f5f7fa url(../image/personBK2.png) top center no-repeat;background-size:100%;overflow:hidden;display: inline-block;margin-bottom: 54px;margin-bottom: 2.8vw;/* padding-bottom: 2vw; */width: 55vw;}
.person2>ul>li .Txt{margin:95px 60px 50px 70px;margin: 4.95vw 3.125vw 2.6vw 3.646vw;margin: 30px 30px;}
.person2>ul>li .Txt .title{font-size:28px;color:#222222;margin-bottom:35px;margin-bottom: 1.82vw;margin-bottom: 20px;}
.person2>ul>li .Txt .summary{color:#333333;font-size:16px;line-height: 2;}
.person2>ul>li .Txt .summary li{padding-left:50px;background:url(../image/person_icon.png) left center no-repeat;padding-left: 2.604vw;background-position-y: 14px;margin-bottom: 10px;}
.person2>ul>li .right{width:50%;height:443px;position:absolute;right:0;top:0;z-index:-1;background: url(../image/personBk.png) 2.6vw 2.6vw no-repeat;background-size: 654px;height: 23.07vw;background-size: 34.0625vw}
.person2>ul>li .right .Img{width:685px;height:433px;width:35.68vw;height:22.55vw;overflow:hidden}
.person2>ul>li:nth-child(2n){text-align:right}
.person2>ul>li:nth-child(2n) .right{left:0}

.process1{background:#fcfcfe;padding: 84px 160px 60px;margin:70px auto 120px;box-sizing:border-box;border:1px solid #ebecf2;padding: 4.375vw 8.33vw 3.125vw}
.process1 ul li{text-align:center;background:#fff;box-shadow:0 4px 18px rgba(6,101,245,.06);position:relative;margin-bottom: 85px;padding: 0 50px;box-sizing: border-box;margin-bottom:4.375vw;padding:0 2.6vw}
.process1 ul li .title{width:238px;height:46px;line-height:46px;position:absolute;left:calc(50% - 119px);top:-23px;font-size:18px;color:#ffffff;background: linear-gradient(94deg,#1587cc,#005cad);width:12.4vw;height: 2.4vw;line-height: 2.4vw;left: calc(50% - 6.2vw);top:-1.2vw;}
.process1 ul li .summary{font-size:16px;color:#333333;padding-top:50px;margin-bottom:35px;padding-top: 2.6vw;margin-bottom: 1.82vw}
.process1 ul li .stepBox{/* padding-bottom: 100px; */display:flex;flex-wrap: wrap;/* align-items: center; */justify-content: center;/* padding: 0 50px; */}
.process1 ul li .stepBox .step{margin-right:135px;position:relative;margin-bottom: 100px;margin-right: 7.03vw;margin-bottom: 5.2vw}
.process1 ul li .stepBox .step .Img{width:47px;height:47px;line-height: 47px;border:1px solid #005bac;border-radius:50%;text-align:center;box-shadow: 0 10px 11px rgb(6 101 245 / 14%);display: inline-block;position: relative;box-sizing: border-box;width: 2.45vw;height: 2.45vw;line-height: 2.45vw;}
.process1 ul li .stepBox .step .Img:after{left:108px;top:18px;position:absolute;content:"";width:16px;height:11px;background:url(../image/process_step.png) center center no-repeat;background-size:contain;left: 5.625vw;top: 0.94vw;width: 0.83vw;height: 0.57vw}
.process1 ul li .stepBox .step .Img img{vertical-align:middle;max-width:50%;}
.process1 ul li .stepBox .step p{position:absolute;word-break: keep-all;transform: translateX(-50%);left: 50%;margin-top: 28px;font-size:16px;color:#333333;margin-top: 1.46vw;}
.process1 ul li:nth-child(3){margin-bottom:0}
.process1 ul li:nth-child(3) .stepBox .step{margin-right:100px;margin-right: 5.2vw;/* margin-right: 4.8vw; */}
.process1 ul li:nth-child(3) .stepBox .step .Img:after{left:90px;left:4.69vw}
.process1 ul li .stepBox .step:last-child{margin-right:0}
.process1 ul li .stepBox .step:last-child .Img:after{display:none}

.process2{background:url(../image/process2_Bk.png) top center no-repeat;background-size:100%;min-height:854px;min-height: 44.48vw;margin: 11vw auto 50px;}
.process2>ul{padding-top:368px;display:flex;justify-content: center;padding-top: 19vw;}
.process2>ul>li{position:relative;margin: 0 46px;height: 41px;margin: 0 2.4vw;height: 2.14vw}
.process2>ul>li .title{width:138px;height:41px;font-size:18px;color:#333333;line-height:41px;text-align:center;background:#fff;border-radius:2px;width: 8vw;height: 2.14vw;line-height: 2.14vw;}
.process2>ul>li .Img{background:url(../image/process2_iconG.png) center center no-repeat;background-size:contain;height:115px;width: 100%;height: 5.99vw}
.process2>ul>li .info{position:absolute;width:304px;padding-top:15px;transform:translate(-50%);left:50%;font-size:14px;color:#333333;line-height:1.5;width: 15.83vw;padding-top: 0.78vw;}
.process2>ul>li:nth-child(2n+1) .Img{transform:rotate(180deg);position:absolute;bottom: 41px;bottom: 2.14vw}
.process2>ul>li:nth-child(2n+1) .info{bottom:156px;padding: 0;padding-bottom: 15px;bottom:8.125vw;padding-bottom:0.78vw}
.process2>ul>li:hover .title,.process2>ul>li.active .title{background:#005bac;color:#fff}
.process2>ul>li:hover .Img{background-image:url(../image/process2_iconB.png);transform: rotate(180deg);}
.process2>ul>li:nth-child(2n+1):hover .Img{transform: rotate(0);}
.process2>ul>li .info ul li{margin-bottom:10px;position:relative;margin-bottom: 0.52vw}
.process2>ul>li .info ul li:after{content:"";position:absolute;width:4px;height:4px;background:#333;border-radius:50%;left:-14px;top:8px;width: 0.21vw;height: 0.21vw;left: -0.73vw;top:0.42vw}
.process2>ul>li:nth-child(1) .info,.process2>ul>li:nth-child(3) .info,.process2>ul>li:nth-child(4) .info{width:200px;width: 10.42vw;width: 11vw;}

.recuritNav{margin:70px auto 50px;text-align:center;margin: 3.65vw auto 2.6vw}
.recuritNav a{background:#e7e7e7;color:#333333;font-size:16px;display:inline-block;width:130px;height:46px;line-height:46px;margin:0 8px;border-radius:5px;box-sizing:border-box;border:1px solid #e7e7e7; width: 6.77vw;height: 2.4vw;line-height: 2.4vw;margin: 0 0.42vw}
.recuritNav a.active,.recuritNav a:hover{color:#005bac;border:1px solid #005bac;background:#fff}
.recurit ul{margin-bottom:95px;margin-bottom: 4.95vw}
.recurit ul li{display:flex;height:70px;line-height:70px;text-align:center;font-size:16px;height: 3.65vw;line-height: 3.65vw;}
.recurit ul li p{border-left:1px solid #eeeeee;width: 18.5%;box-sizing:border-box;border-bottom:1px solid #eeeeee;}
.recurit ul li:nth-child(2n+1) p{background:#edf3fc}
.recurit ul li:nth-child(1) p{/* width:300px; */border-right:1px solid #317aba;background:#005bac;color:#fff;}
.recurit ul li p:nth-child(1),.recurit ul li p:last-child{width:23%}
.recurit ul li p:last-child{border-right:1px solid #eeeeee}

.recruit2{display:flex;justify-content: space-between;align-items: flex-start;padding-bottom: 70px;color: #333;line-height: 2;padding-bottom: 3.65vw}
.recruit2 .left{padding:50px;box-sizing:border-box;background:#fff;width:69%;padding: 2.6vw}
.recruit2 .left .title{font-size:28px;color:#222222;margin-bottom: 27px;line-height: 1.2; margin-bottom: 1.41vw}
.recruit2 .left .jianjie{margin-bottom:34px;color: #222;margin-bottom: 1.77vw}
.recruit2 .left .jianjie .row{margin-bottom:15px;margin-bottom: 0.78vw}
.recruit2 .left .jianjie .row span{background:url(../image/recuritIcon1.png) left center no-repeat;padding: 0 15px 0 25px;background-size:auto 17px;padding: 0 0.78vw 0 1.3vw;background-size: auto 0.88vw}
.recruit2 .left .jianjie .row span:nth-child(1){padding-right:25px;padding-right: 1.3vw}
.recruit2 .left .jianjie .row span:nth-child(2){background-image:url(../image/recuritIcon2.png)}
.recruit2 .left .jianjie .row span:nth-child(3){background-image:url(../image/recuritIcon3.png)}
.recruit2 .left .jianjie .row span:nth-child(4){background-image:url(../image/recuritIcon4.png)}
.recruit2 .left .jianjie .row span:nth-child(5){background-image:url(../image/recuritIcon5.png)}
.recruit2 .left .jianjie p{background:url(../image/recuritIcon5.png) left center no-repeat;padding: 0 15px 0 25px;background-size:auto 17px;padding: 0 0.78vw 0 1.3vw;background-size: auto 0.88vw}
.recruit2 .right{width:29%;box-sizing:border-box;background: #fff;padding: 50px 40px;padding: 2.6vw 2.08vw}
.recruit2 .right .head{margin-bottom: 15px;color:#005bac;font-size:18px;padding-left:32px;background:url(../image/recuritIcon6.png) left center no-repeat;line-height: 25px;background-size: auto 100%;margin-bottom: 0.78vw; padding-left:1.67vw;line-height: 1.3vw}
.recruit2 .right .title{color:#999999;font-size:16px;margin-bottom: 15px;line-height: 1.2; margin-bottom: 0.78vw}
.recruit2 .right .imgBox{margin-bottom:25px;margin-bottom: 1.3vw}
.recruit2 .right .imgBox a{margin-bottom:15px;margin-bottom: 0.78vw;display: inline-block;width: 94px;height: 40px;margin-right: 40px;border: 1px solid #c4c4c4;border-radius: 5px;line-height: 40px;text-align: center;font-size: 0;width: 4.9vw;height: 2.08vw;margin-right: 2.08vw;line-height: 2.08vw;margin-right: 0.6vw;}
.recruit2 .right .imgBox a:nth-child(3n){margin-right: 0}
.recruit2 .right .imgBox a img{max-width: 100%;max-height: 100%;vertical-align: middle;display: inline-block;}
.recruit2 .right .imgBox a:hover{border-color:#5290c7}
.recruit2 .right .msg{font-size:14px;color:#222222; }

.letter{margin-bottom:80px;margin-bottom:4.17vw}
.letter .row{display:flex;line-height:45px;margin-bottom:20px;line-height:2.34vw;margin-bottom:1.04vw;position: relative;width: 100%;flex-wrap: wrap;}
.letter .row p{width:300px;text-align:right;margin-right:20px;color:#666666;font-size:16px;width:15.625vw;margin-right:1.04vw;width: 15vw;}
.letter .row p i{color:red;margin-right:10px;margin-right:0.52vw}
.letter .row input{font-size:14px;width:900px;border:1px solid #c8c8c8;border-radius:5px;padding:0 25px;box-sizing:border-box;margin-right:187px;width:46.875vw;padding:0 1.3vw;margin-right:9.74vw; }
.letter .row textarea{width:900px;border:1px solid #c8c8c8;border-radius:5px;padding:10px 25px;box-sizing:border-box;margin-right:187px;height:185px;width:46.875vw;padding:0.52vw 1.3vw;margin-right:9.74vw;height:9.635vw}
.letter .row input[type=submit]{position:absolute;width:200px;height:45px;background:#005bac;color:#fff;letter-spacing: 5px;right: 187px;width:10.42vw;height:2.34vw;right:9.74vw;right: 0;}
.letter .row .vcBox{width:440px;position:relative;border:1px solid #c8c8c8;border-radius:5px;width:22.92vw}
.letter .row .vcBox input{width:calc(100% - 74px);line-height:45px;border:0;border-right:1px solid #c8c8c8;border-radius:0;width:calc(100% - 3.85vw);line-height:2.34vw}
.letter .row .vcBox .Img{position:absolute;width:74px;right:0;top:0;width:3.85vw}
.letter .row .red{color:red;font-size:12px;padding-left:calc(310 / 1920 * 100vw);position: absolute;left: 87%;top:0;padding-left: 0;}
.letter .row .red5{padding-left:5px;left: 54%;}

.positionCon{height:630px;margin-top: -2.4vw;height: 32.81vw;position:relative;margin-top: -6.4vw;}
.positionCon #maps,#allmap{height:100%}
.positionCon .info{position:absolute;background:rgba(255,255,255,.8);top:200px;right:260px;padding: 30px 25px 15px;width: 465px;border-radius:5px;/* top:10.42vw; */right:13.54vw;width:24.22vw;padding:1.56vw 1.3vw 0.78vw;;top: 50%;transform: translatey(-50%) }
.positionCon .info ul li{margin-bottom:20px;display: flex;line-height: 28px;justify-content: space-between;margin-bottom:1.04vw;line-height:1.46vw}
.positionCon .info ul li span{transition:all .35s ease-in-out;display:inline-block;width:28px;height:28px;background-repeat:no-repeat;background-size:28px;width:1.46vw;height:1.46vw;background-size:1.46vw}
.positionCon .info ul li p{width:calc(100% - 43px);font-size:14px;color:#333333;width:21.875vw; }
.positionCon .info ul li p i{font-size:16px; }
/* .positionCon .info ul li:hover p{color:#005bac}
.positionCon .info ul li:hover span{background-position:left bottom} */
.map_message{padding-left: 128px;position: relative;height: 120px;background: #fff;padding-left: 6.67vw;height: 6.25vw}
.map_message img{position:absolute;left:0px;height: 6.25vw}
.BMap_top{display:none;}
.BMap_pop div{overflow:unset!important}
.BMap_pop>div:nth-child(1){display:none;}
.BMap_pop>div:nth-child(3){display:none;}
.BMap_pop>div:nth-child(5){display:none;}
.BMap_pop>div:nth-child(7){display:none;}
.BMap_pop>div:nth-child(8){display:none;}
.BMap_pop .BMap_center{background-color: unset!important;border: 0!important;}
.BMap_bottom{display:none;}
.BMap_shadow img{display: none;}
.BMap_bubble_content{background:none;line-height:64px;background:#fff;text-align:center;width: 210px!important;overflow:unset;margin-left: -18px;line-height: 3.33vw;width: 10.94vw;margin-left: -0.94vw}
.BMap_bubble_content p{position:relative; box-shadow: 0 3px 15px rgba(0,0,0,10%);}
.BMap_bubble_content p:after{position:absolute;content:"";border-width:10px;border-color: #fff transparent transparent transparent;border-style:solid;bottom:-20px;z-index:999;left:calc(50% - 10px);border-width: 0.52vw;bottom:-1.04vw;left: calc(50% - 0.52vw)}

.hornor{background:url(../image/hornorBk.png) left top no-repeat;background-size:cover;}
.hornor .nav2 ul{background: none}
.hornorCon{position: relative;z-index: 1;}
.hornorCon .wordsBox{position:relative;display:flex}
.hornorCon .wordsBox .box{background:url(../image/hornorBk2.png) left top no-repeat;width:500px;padding:36px 42px 65px;box-sizing:border-box;background-size:61px;width: 26.04vw;padding: 1.875vw 2.19vw 3.39vw;background-size: 3.18vw ;width:auto}
.hornorCon .wordsBox .box p.title{font-size:28px;color:#222222;margin-bottom:25px;margin-bottom: 1.3}
.hornorCon .wordsBox .box ul li{padding-left:22px;margin-bottom:10px;color:#666;font-size:16px;position:relative;padding-left: 1.15vw;margin-bottom: 0.52vw; }
.hornorCon .wordsBox .box ul li:after{content:"";position:absolute;width:6px;height:6px;border-radius:50%;left:0;top:calc(50% - 3px);border:1px solid #005bac;width: 0.3vw;height: 0.3vw;top:calc(50% - 0.15vw)}
.hornorCon .wordsBox .tab{position:absolute;right:0;text-align:center}
.hornorCon .wordsBox .tab a{display:block;background:url(../image/hornorBk3.png) bottom center no-repeat;background-size:100%;font-size:16px;color:#333333;width:159px;height:40px;line-height:40px;margin-bottom:20px;letter-spacing: 5px; ;width: 8.28vw;height:2.08vw;line-height: 2.08vw;margin-bottom: 1.04vw}
.hornorCon .wordsBox .tab a.active,.hornorCon .wordsBox .tab a:hover{background-position:top;color:#fff}
.hornorCon .wordsBox .bk{margin-right:140px;position:absolute;right:0;z-index: -1;margin-right: 7.3vw;opacity: 0.5;}
.hornorCon .wordsBox .bk .en{color: #f7f8f9;font-size:70px;text-transform:uppercase;text-shadow: rgb(209 214 220/ 50%) 1px 0 0, rgb(209 214 220/ 50%) 0 1px 0, rgb(209 214 220/ 50%) -1px 0 0, rgb(209 214 220/ 50%) 0 -1px 0;}
.hornorCon .wordsBox .bk p{color: #f7f8f9;font-size:50px;text-align:right;text-shadow: rgb(209 214 220/ 50%) 1px 0 0, rgb(209 214 220/ 50%) 0 1px 0, rgb(209 214 220/ 50%) -1px 0 0, rgb(209 214 220/ 50%) 0 -1px 0;}
.hornorCon .imgBox .row{margin-bottom:150px;position: relative;margin-bottom: 7.81vw}
.hornorCon .imgBox .row img{height:150px;margin-right:88px;height:7.81vw;margin-right:4.58vw;}
.hornorCon .imgBox .row1 .bk{width:1250px;height:40px;background:#fff;box-shadow:0 26px 48px rgba(155,155,155,.2);left:-260px;position:absolute;width: 65.1vw;height: 2.08vw;left:-13.54vw}
.hornorCon .imgBox .row2{text-align:right;}
.hornorCon .imgBox .row2 img{margin-right:2.08vw}
.hornorCon .imgBox .row2 img:last-of-type{margin-right:0}
.hornorCon .imgBox .row2 .bk{width:1454px;height:40px;background:#fff;box-shadow:0 26px 48px rgba(155,155,155,.2);right:-260px;position:absolute;width:75.73vw;height:2.08vw;right: -13.54vw}
.hornorCon .imgBox .row3{position: relative;height:150px;margin-bottom:160px;height: 7.81vw;margin-bottom: 8.33vw}
.hornorCon .imgBox .row3 .swiper-container{width:1195px;width:62.24vw;height: 100%;}
.hornorCon .imgBox .row3 .swiper-slide {width: auto;height: 100%;/* margin-right: 46px!important; *//* margin-right: 2.4vw!important; *//* margin-right: 1.9vw!important; *//* margin-right: 0!important; *//* padding-right: 1.9vw!important; */}
.hornorCon .imgBox .row3 .swiper-slide img{height:100%}
.hornorCon .imgBox .row3 .bk{width:100vw;height:40px;background:#fff;box-shadow:0 26px 48px rgba(155,155,155,.2);left:-363px;position:absolute;height: 2.08vw;left: -13.5vw;}
.hornorCon .imgBox .row3 .swiper-button-prev{width:60px;height:60px;border-radius:50%;box-shadow:0 0 10px rgba(155,155,155,0.2);background:#fff url(../image/hornorBtn.png) left center no-repeat;left: 0;width: 3.12vw;height: 3.12vw;background-size: 6.24vw;margin-top: -1.56vw;}
.hornorCon .imgBox .row3 .swiper-button-next{width:60px;height:60px;border-radius:50%;box-shadow:0 0 10px rgba(155,155,155,0.2);background:#fff url(../image/hornorBtn.png) right center no-repeat;right: 0;width: 3.12vw;height: 3.12vw;background-size: 6.24vw;margin-top: -1.56vw;}

.proCon{margin-bottom:90px;margin-bottom:4.69vw}
.product .head{text-align:center;padding-bottom: 12px;position:relative;margin-bottom:45px;z-index: 1;/* padding-bottom: 0.625vw; */margin-bottom: 2.34vw;}
.product .title{font-size:28px;color: #222; }
.product .en{left:50%;transform:translate(-50%);z-index:-1;position:absolute;bottom:0;font-size:38px;color:#f8fafd;opacity:0.5;text-shadow: rgba(0,91,172,0.2) 1px 0 0, rgba(0,91,172,0.2) 0 1px 0, rgba(0,91,172,0.2) -1px 0 0, rgba(0,91,172,0.2) 0 -1px 0;text-transform: uppercase;width:100%}
.proCon .proList ul li{position:relative;margin-bottom:30px;margin-bottom: 1.56vw}
.proCon .proList ul li .left{width:910px;height:400px;display:inline-block;width: 47.4vw;height: 20.83vw;overflow: hidden }
.proCon .proList ul li .left img{transition: all .35s ease-in-out }
.proCon .proList ul li .right{z-index:10;padding:30px 50px;box-sizing:border-box;width:502px;height:400px;position:absolute;right:0;top:0;padding: 1.56vw 2.6vw;width: 26.14vw;height: 20.83vw;background-size: 52.3vw;background-size: 200%;padding: 1vw 2vw;}
.proCon .proList ul li .right:after{z-index:-1;content:"";background:url(../image/proBk.png) right bottom no-repeat;background-size:200%;width:100%;height:100%;position:absolute;left:0;top:0}
.proCon .proList ul li .right p.title{font-size:22px;color:#333333;margin-bottom:15px;margin-bottom: 0.78vw;}
.proCon .proList ul li .right .summary{color:#333333;font-size:16px;line-height: 1.7; }
.proCon .proList ul li .right .summary p{margin-bottom:15px;margin-bottom: 5px;}
.proCon .proList ul li .right .icon{width:50px;height:50px;width:2.6vw;height:2.6vw;background:url(../image/proIcon.png) left top no-repeat;background-size:100%}
.proCon .proList ul li .right .summary p span{display: block ;text-overflow: ellipsis;white-space: nowrap;overflow: hidden }
.proCon .proList ul li:nth-child(2n){text-align:right}
.proCon .proList ul li:nth-child(2n) .right{left:0;background-position-x:left;text-align:left}
.proCon .proList ul li:nth-child(2n) .right:after{background-position-x:left}
.proCon .proList ul li:hover .right:after{background-position-y:top}
.proCon .proList ul li:nth-child(2n)::hover .right:after{background-position-y:top}
.proCon .proList ul li:hover .right .summary{color:#fff}
.proCon .proList ul li:hover .right p.title{color:#fff}
.proCon .proList ul li:hover .right .icon{background-position:bottom}
.proCon .proList ul li:hover img{transform: scale(1.1) }
.pro_caseCon{background:#f6f6f8;padding:100px 0;padding: 5.2vw 0}
/* .pc-slide {width: 1200px;margin: 0 auto;} */
.pro_caseCon .pc-slide{position:relative;display: flex;justify-content: space-between;flex-flow: row-reverse;margin-top: 0;}
.pro_caseCon .view{width: 700px;height:420px;height: 21.875vw;width: 36.49vw;overflow: hidden;}
/* .pro_caseCon .view .arrow-left{left:0;}
.pro_caseCon .view .arrow-right {right:0;} */
.pro_caseCon .view .swiper-container {height: 100%;width: 100%;}
.pro_caseCon .view .swiper-container img{width:100%;height:auto;}
.pro_caseCon .view .swiper-container .swiper-wrapper,.proCon .view .swiper-container .swiper-slide{height:100%}
.pro_caseCon .view .swiper-container .swiper-slide{position:relative}
.pro_caseCon .view .swiper-container .swiper-slide .mb{background:rgba(0,0,0,0.2);position:absolute;left:0;top:0;text-align:center;}
.pro_caseCon .view .swiper-container .swiper-slide .mb p{font-size:24px;color:#fff;margin-top:20%;}
.pro_caseCon .view .swiper-container .swiper-slide .mb a{transition:all .35s ease-in-out;width:125px;height:30px;display:inline-block;border:1px solid #fff;line-height:30px;color:#fff;margin-top:10%;font-size:14px;opacity:0.5;width:6.51vw;height: 1.56vw;line-height: 1.56vw; }
.pro_caseCon .view .swiper-container .swiper-slide .mb a:hover{background:#0556a3;color:#fff;opacity:1;border:0}

.pro_caseCon .preview {width: 861px;/* position: relative; */margin-bottom: 17px;margin: 0 auto;width: 660px;overflow: hidden;padding-top: 55px;box-sizing: border-box;width: 44.84vw;margin-bottom: 0.885vw;width: 34.375vw;padding-top:2.6vw}
.pro_caseCon .preview .swiper-container {width: 100%;height: 76px;box-sizing:border-box;margin-top: 105px;height: 3.96vw;margin-top: 5.47vw;}
.pro_caseCon .preview .swiper-slide {/* width: 155px; *//* height: 164px; */cursor:pointer;padding: 0 7px;height: 100%;width: 124px;padding: 0 0.36vw;width: 6.46vw;box-sizing: border-box;}
.pro_caseCon .preview .arrowBox{position:absolute;left:50%;transform:translate(-50%);display: flex;z-index: 11;bottom: 0;}
.pro_caseCon .view .arrow-left,.pro_caseCon .view .arrow-right {width:54px;height:54px;background:url(../image/pro_caseBtn.png) left top no-repeat;background-size:108px;/* position: absolute; *//* top:49px; */z-index: 10;color:#353535;text-align:center;display: block;width: 2.81vw;height: 2.81vw;background-size: 200%;left: calc(50% - 2.81vw);bottom: 0;top: auto;opacity: 1;}
.pro_caseCon .view .arrow-right {background-position:right bottom;left: 50%;}
.pro_caseCon .view .arrow-left:after,.pro_caseCon .view .arrow-right:after{content:""}
.pro_caseCon .preview img {width: 100%;height: 100%;}
.pro_caseCon .preview .swiper-slide-thumb-active img {padding: 0;border: 2px solid #0556a3;box-sizing:  border-box;}
.pro_caseCon .preview .swiper-slide p{width:100%;text-align:center;font-size:12px;color:#2c2c2c;line-height: 16px;padding-top: 5px;line-height: 0.83vw;padding-top: 0.26vw}


.pro_hornorCon{padding:85px 0 115px;background:url(../image/pro_hornorBk.png) bottom left no-repeat;padding: 4.43vw 0 5.99vw}
.glory {position: relative;height: 392px;margin-top: 80px;height: 20.42vw;margin-top: 4.17vw}
.glory .swiper-slide {width: 270px;height: 392px;width: 350px;width: 18.23vw;height: 20.42vw;width: 22.42vw;}
.glory .swiper-button-next, .glory .swiper-button-prev {width: 60px;height: 60px;border-radius: 50%;background: #e8e8e8 url("../image/pro_hornorBtn.png") left top no-repeat;background-size:120px;box-shadow:0 0 10px rgba(155,155,155,0.2);width: 3.125vw;height: 3.125vw;background-size: 200%;}
.glory .swiper-button-prev {left: 0;}
.glory .swiper-button-next {background-position-x: right;right:0}
.glory .swiper-button-prev:hover,.glory .swiper-button-next:hover{background-position-y:bottom;box-shadow:0 0 10px rgba(0,91,172,0.2)}

.glory .swiper-button-prev:after,.glory .swiper-container-rtl .swiper-button-next:after{content:""}
.glory .swiper-button-next:after,.glory .swiper-container-rtl .swiper-button-prev:after{content:""}

.pro_serviceCon{padding:80px 0 110px;padding: 4.17vw 0 5.73vw}
.pro_serviceCon .pro_service{margin-top:60px;margin-top: 3.125vw}
.pro_serviceCon .msg{position:relative;font-size:14px;color:#fff;line-height:2;background:url(../image/pro_serviceBk.png) center center no-repeat;background-size:cover;box-sizing:border-box;padding:45px 110px 35px 350px;padding: 2.34vw 5.73vw 1.82vw 18.23vw}
.pro_serviceCon .msg:after{content:"";position:absolute;top:50px;left:108px;background:url(../image/pro_service1.png) center center no-repeat;width: 82px;height: 88px;background-size: 100%;top: 2.6vw;left: 5.625vw;width: 4.27vw;height: 4.58vw}
.pro_serviceCon ul{padding-top:35px;display:flex;flex-wrap:wrap;padding-top: 1.82vw}
.pro_serviceCon ul li{width:50%;padding:0 40px 20px;box-sizing:border-box;padding: 0 2.08vw 1.04vw}
.pro_serviceCon ul li span{font-size:34px;color:#a4acb4;margin-bottom:10px;display:block;margin-bottom: 1.04vw;font-weight: bold;}
.pro_serviceCon ul li .summary{font-size:14px;color:#333333;line-height:2; }

.culture .head{text-align:center;padding-bottom: 12px;position:relative;margin-bottom:45px;z-index: 1;width: 100%;margin-bottom: 2.34vw;padding-bottom: 0.625vw;padding-bottom: calc(20 / 1920 * 100vw);}
.culture .title{font-size:28px;color: #222; }
.culture .en{left:50%;transform:translate(-50%);z-index:-1;position:absolute;bottom:0;font-size:38px;color:#f8fafd;opacity:0.5;text-shadow: rgba(0,91,172,0.2) 1px 0 0, rgba(0,91,172,0.2) 0 1px 0, rgba(0,91,172,0.2) -1px 0 0, rgba(0,91,172,0.2) 0 -1px 0;text-transform: uppercase;font-weight: bold;width: 100%;font-size: 30px;}
.culture{background:#f6f6f6}
.culture1{/* padding-top:90px; *//* padding-top: 4.69vw */}
.culture1 .row .head{margin-bottom:20px;margin-bottom: 1.04vw}
.culture1 .row>p{text-align:center;font-size:16px; }
.culture1 .row>.summary{width:60%;text-align:center;margin:0 auto;;line-height:2}
.culture1 .row1{background:url(../image/qy_vision.png) center center no-repeat;padding:55px 0;box-sizing:border-box;padding: 2.86vw 0}
.culture1 .row1 .title{color:#fff}
.culture1 .row1 .en{opacity:0.5;color:#4077bc;text-shadow: rgba(255,255,255,0.2) 1px 0 0, rgba(255,255,255,0.2) 0 1px 0, rgba(255,255,255,0.2) -1px 0 0, rgba(255,255,255,0.2) 0 -1px 0;}
.culture1 .row1>p{color:#fff;margin-bottom:20px;margin-bottom: 1.04vw}
.culture1 .row1>.summary{color:#c3ddf4;}
.culture1 .row2{padding:70px 0;padding: 3.65vw 0}
.culture1 .row2>p{color:#333333;margin-bottom:50px;margin-bottom: 2.6vw}
.culture1 .row2 .summary{color:#777777;}
.culture1 .row3{padding:55px 0 60px;background:url(../image/qy_core.png) center center no-repeat;background-size:cover;padding: 2.86vw 0 3.125vw}
.culture1 .row3>p{color:#333333;margin-bottom:50px;margin-bottom: 2.6vw}
.culture1 .row3 .summary{color:#777777;}
.culture1 .row3 ul{display:flex;justify-content:space-between;margin:0 133px;padding-top:30px;margin: 0 6.93vw;padding-top: 1.56vw}
.culture1 .row3 ul li{position:relative;text-align:center}
.culture1 .row3 ul li span{display:inline-block;width:60px;height:55px;margin-bottom:35px;width: 3.125vw;height: 2.86vw;margin-bottom: 1.82vw;transition:all .3s ease-in-out}
.culture1 .row3 ul li p{color:#333333;font-size:16px; }
.culture1 .row3 ul li:hover span{transform:scale(1.1) translateY(-20%)}
.culture1 .row4{padding:55px 0 60px;background:url(../image/qy_spirit.png) center center no-repeat;background-size:cover;padding: 2.86vw 0 3.125vw}
.culture1 .row4 .content{width:calc(100% - 172px);width: calc(100% - 8.96vw)}
.culture1 .row4 .title{color:#fff}
.culture1 .row4 .en{opacity: 0.5;color: #025cad;text-shadow: rgba(255,255,255,0.2) 1px 0 0, rgba(255,255,255,0.2) 0 1px 0, rgba(255,255,255,0.2) -1px 0 0, rgba(255,255,255,0.2) 0 -1px 0;}
.culture1 .row4 ul{display:flex;justify-content:space-between;margin-top: 30px;margin-top: 1.56vw}
.culture1 .row4 ul li{width:25%;padding:0 35px;box-sizing:border-box;border-right:1px solid #166dbb;text-align:center;padding: 0 1.82vw}
.culture1 .row4 ul li:nth-child(4n){border-right:0}
.culture1 .row4 ul li span{display:block;height:60px;margin-bottom:15px;height: 3.125vw;margin-bottom: 0.78vw;transition:all .3s ease-in-out}
.culture1 .row4 ul li>p{font-size:22px;color:#fff;margin-bottom:15px;margin-bottom: 0.78vw;}
.culture1 .row4 ul li .summary{font-size:14px;color:#8ab2d6;line-height:2;  }
.culture1 .row4 ul li:hover span{transform:scale(1.1) translateY(-20%)}
.culture1 .row5{margin-top:90px;margin-top: 4.69vw}
.culture1 .row.box1{height:248px;display:flex;text-align:center;margin-bottom:30px;height: 12.92vw;margin-bottom: 1.56vw}
.culture1 .row.box1 .left{width:786px;width: 40.94vw;overflow: hidden;}
.culture1 .row.box1 img{transition:all .35s ease-in-out}
.culture1 .row.box1 .right{width:614px;padding-top:60px;background:#f3f3f3;width: 31.98vw;padding-top: 1.56vw;}
.culture1 .row.box1 .right .summary{margin-top:44px;margin-top: 2.3vw}
.culture1 .row.box1:hover img{transform:scale(1.2)}
.culture1 .row8{margin-top:90px;background: #005bac url(../image/qy_work.png) left top no-repeat;background-size: auto 100%;height:412px;padding:62px 0 55px;box-sizing:border-box;margin-top: 4.69vw;height: 21.46vw;padding: 2.23vw 0 2.86vw;}
.culture1 .row8 .content{display:flex;justify-content:space-between;align-items: center;}
.culture1 .row8 .left{width:475px;height:285px;background:rgba(255,255,255,.9);position:relative;margin-left:200px;width: 24.74vw;height: 14.84vw;margin-left: 10.42vw;}
.culture1 .row8 .left .head{position:absolute;top:50%;left:50%;transform: translate(-50%,-50%);}
.culture1 .row8 .right{width:550px;margin-right:34px;width: 28.65vw;margin-right:1.77vw}
.culture1 .row8 .right ul li{margin-bottom:20px;margin-bottom: 10px;}
.culture1 .row8 .right ul li p{padding-left:30px;background-repeat:no-repeat;font-size:16px;color:#fff;background-size: auto 100%;/* padding-left: 1.56vw; */ }
.culture1 .row8 .right ul li .summary{padding-left:30px;font-size:14px;color:#8ab2d6;line-height: 1.2;margin-top:5px;/* padding-left: 1.56vw; */ ;margin-top: 0.26vw;}
.culture1 .row9{margin:90px auto;padding:55px 0 73px;background:url(../image/qy_quality.png) left center no-repeat;text-align:right;margin: 4.69vw auto;padding: 2.86vw 0 3.8vw}
.culture1 .row9 .title{color:#fff}
.culture1 .row9 .en{opacity: 0.3;color: #646260;text-shadow: rgba(255,255,255,0.4) 1px 0 0, rgba(255,255,255,0.4) 0 1px 0, rgba(255,255,255,0.4) -1px 0 0, rgba(255,255,255,0.4) 0 -1px 0;}
.culture1 .row9 .Con{text-align:left;width:890px;display:inline-block;margin: 20px 0 0;padding: 35px 85px 48px 75px;box-sizing: border-box;background: rgba(0,91,172,0.2);width: 46.35vw;margin: 1.04vw 0 0}
.culture1 .row9 .Con p{color:#fff;font-size:16px;margin-bottom:15px; margin-bottom: 0.78vw}
.culture1 .row9 .Con .summary{color:rgba(255,255,255,.6);line-height:2;font-size:14px; }

.picCon .tab{/* position:absolute; *//* right:0; */text-align:center;display: flex;width: 100%;justify-content: center;margin-bottom: 60px;margin-bottom: 3.12vw;}
.picCon .tab a{display:block;background:url(../image/hornorBk3.png) bottom center no-repeat;background-size:100%;font-size:16px;color:#333333;width:159px;height:40px;line-height:40px;/* margin-bottom:20px; */letter-spacing: 1px;width: 8.28vw;height:2.08vw;line-height: 2.08vw;/* margin-bottom: 1.04vw */margin: 0 -5px;}
.picCon .tab a.active,.picCon .tab a:hover{background-position:top;color:#fff}
.picCon ul{display:flex;flex-wrap:wrap;margin-bottom:40px;margin-bottom: 2.08vw}
.picCon ul li{margin-right: 25px;border-bottom:1px solid #9c9c9c;margin-bottom:40px;margin-right: 1.3vw}
.picCon ul li:nth-child(3n){margin-right:0}
.picCon ul li .Img{width:448px;height:325px;width: 23.33vw;height: 16.93vw;overflow: hidden }
.picCon ul li .Img img{transition: all .35s ease-in-out }
.picCon ul li p{line-height:67px;line-height: 3.49vw;color: #666;}
.picCon ul li:hover img{transform: scale(1.2) }
.picCon ul li:hover p{color: #005bac}

.sell{margin-bottom:120px;margin-bottom: 6.25vw}
.sell .tab{text-align:center;}
.sell .tab a{padding:0 40px;color:#666;font-size:18px;line-height:1;position:relative;padding: 0 2.08vw;}
.sell .tab a.active,.sell .tab a:hover{color: #333;font-weight:bold}
.sell .tab a:after{position:absolute;content:"";width:2px;height:90%;right:0;background:#c9c9c9}
.sell .tab a:last-child::after{display:none}
.sell .mapBox{position: relative}
.sell .mapBox .mapMsg{position: absolute;bottom: 50px;/* left: 50%; *//* transform: translateX(-50%); */padding-left:80px;box-sizing:border-box;background:url(../image/sell_icon.png) left top no-repeat;width: auto;left: 13.5vw;bottom: 2.6vw;padding-left: calc(85 / 1920 * 100vw);background-size: calc(62 / 1920 * 100vw);}
.sell .mapBox .mapMsg .row{margin-bottom:10px;margin-bottom: 0.52vw}
.sell .mapBox .mapMsg .row i{color:#999;font-size:16px;  }
.sell .mapBox .mapMsg .row .remark{color:#005bac;/* font-size: 20px; */position:relative;display:inline-block;padding-right:34px;padding-right: 1.77vw}
.sell .mapBox .mapMsg .row .remark .icon{cursor:pointer;display:inline-block;width:11px;height:11px;background:url(../image/sell_icon1.png) bottom center no-repeat;position:absolute;right:0;/* background:red; */top:calc(50% - 5px);width: 0.57vw;height: 0.57vw;top:calc(50% - 0.26vw);background-size: 100%;}
.sell .mapBox .mapMsg .row .remark .icon .Img{display:none;width: calc(100 / 1920 * 100vw);height: calc(100 / 1920 * 100vw);padding:calc(10 / 1920 * 100vw);border:1px solid #005bac;background:#fff;left: 200%;top:50%;transform:translate(0,-50%);position: absolute;}
.sell .mapBox .mapMsg .row .remark .icon .Img:after{content:"";position:absolute;width:0;height:0;border-width:4px;border-style:solid;border-color:transparent #005bac transparent transparent;left:-8px;top:calc(50% - 4px)}
.sell .clickBtn{text-align:center}
.sell .clickBtn p{margin-bottom: calc(40 / 1920 * 100vw);color:#666;font-size:12px;padding-right: 15px;background:url(../image/stop.png) right center no-repeat;display:inline-block;cursor: pointer;background-size: auto 30%;}
.sell table{text-align:center}
.sell table th{line-height:70px;font-size:16px;color:#fff;background: #005bac;border-right: 1px solid rgba(255,255,255,.2);font-weight: normal; line-height: 3.64vw}
.sell table th:nth-child(1){width:657px;width: 34.22vw}
.sell table th:nth-child(2){width:203px;width: 10.57vw}
.sell table th:nth-child(3){width:297px;width: 15.47vw}
.sell table th:nth-child(4){width:240px;width: 12.5vw}
.sell table td{padding:20px 0;border: 1px solid #f4f4f4;color: #333;font-size: 14px;padding: 1.04vw; ;}
.sell table tr:nth-child(2n+1){background:#edf3fc}
.sell table td:nth-child(2) .tdCon{display:flex;justify-content: center;align-items: center;position:relative;}
.sell table td:nth-child(2) .icon{display:inline-block;width:11px;height:11px;background: url(../image/sell_icon1.png) center top no-repeat;margin-right: 10px;width: 0.57vw;height: 0.57vw;margin-right: 0.52vw;position: relative;cursor: pointer;background-size: 100%;}
.sell table td:nth-child(2) .icon .wxkuan{display:none;width:calc(150 / 1920 * 100vw);height:calc(150 / 1920 * 100vw);padding:calc(10 / 1920 * 100vw);border:1px solid #005bac;background:#fff;left: calc(-150 / 1920 * 100vw - 300%);top:50%;transform:translate(0,-50%);position: absolute;z-index: 1;}
.sell table td:nth-child(2) .icon .wxkuan:after{content:"";position:absolute;width:0;height:0;border-width:4px;border-style:solid;border-color: transparent  transparent transparent #005bac;right: -8px;top:calc(50% - 4px)}
.sell table td:nth-child(2) .wxkuan{position:absolute;width:200px;height:200px;left:50%;transform:translate(-50%);width: 10.42vw;height: 10.42vw}


.whhd{background:url(../image/cultrue2_bk.png) center center no-repeat}
.cultrue2 .pc-slide {/* width: 1200px; */margin: 0 auto;}
.cultrue2 .view .swiper-container {/*width: 1153px;*//* width:600px; */height: auto;}
.cultrue2 .view .swiper-container .swiper-slide{background: url(../image/cultrue2_bk.png) center center no-repeat}
.cultrue2 .view .swiper-container .info{color: #333333;font-size: 15px;line-height: 2;margin-bottom: 40px;}
.cultrue2 .view .swiper-container  .ul{height: 660px;position: relative;margin-bottom: 70px;/* width: 34.375vw; */margin-bottom: 3.65vw;height: calc(660 / 1920 * 100vw);}
.cultrue2 .view .swiper-container  .ul li{margin-right: 24px;width: calc((100% - 48px)/3);position:absolute;height: 254px;left: 0;top:0;margin-right: 1.25vw;width: calc((100% - 2.5vw)/3);height: 13.23vw}
.cultrue2 .view .swiper-container  .ul li:nth-child(3n){margin-right: 0}
.cultrue2 .view .swiper-container  .ul li:nth-child(6n+2){height: 384px;left: calc(((100% - 48px)/3) + 24px);height: 20vw;left: calc(((100% - 2.5vw)/3)+1.25vw)}
.cultrue2 .view .swiper-container  .ul li:nth-child(6n+3){height: 254px;left: auto;right: 0;height: 13.23vw}
.cultrue2 .view .swiper-container  .ul li:nth-child(6n+4){height: 384px;left: 0;top: auto;bottom: 0;height: 20vw}
.cultrue2 .view .swiper-container  .ul li:nth-child(6n+5){height: 254px;left: calc(((100% - 48px)/3) + 24px);top: auto;bottom: 0;height: 13.23vw;left:calc(((100% - 2.5vw)/3)+1.25vw) }
.cultrue2 .view .swiper-container  .ul li:nth-child(6n+6){height: 384px;left: auto;top: auto;bottom: 0;right: 0;height: 20vw}
.cultrue2 .view .swiper-container  .ul li .Img{width: 100%;height: 100%}

.cultrue2 .view .swiper-container img{width:100%;height:auto;}
.cultrue2 .view .swiper-container .swiper-slide p{width: 100%;text-align:  center;font-size:  16px;line-height: 40px;padding-top: 20px; line-height: 2.08vw;padding-top: 1.04vw}
.cultrue2 .view .arrow-left{left:0;}
.cultrue2 .view .arrow-right {right:0;}
.cultrue2 .preview {/* width: 861px; */position: relative;margin-bottom: 17px;margin: 0 auto;margin-bottom: 0.88vw}
.cultrue2 .preview .swiper-container {/* width: 844px; */height: 160px;box-sizing:border-box;height: 120px;margin-bottom: 40px;height: 8.33vw;height: 6.25vw;margin-bottom: 2.08vw}
.cultrue2 .preview .swiper-slide {width: 138px;cursor:pointer;/* padding: 0 12px; *//* margin-right: 24px; */width: calc(159 / 1920 * 100vw);/* padding-right: calc(24 / 1920 * 100vw); */}
.cultrue2 .preview .swiper-slide .img{width: calc(135 / 1920 * 100vw);}
.cultrue2 .preview .arrow-left,.cultrue2 .preview .arrow-right {background:#d1d1d1;position: absolute;/*top:72px;*/top:49px;width:30px;height:24px;z-index: 10;color:#353535;text-align:center;line-height:24px;top: 2.55vw;height: 1.25vw;width: 1.56vw;}
.cultrue2 .preview .arrow-left{left:0;}
.cultrue2 .preview .arrow-right {right:0;}
.cultrue2 .preview img {width: 100%;height: 78px;height: 4.06vw}
.cultrue2 .preview .swiper-slide-thumb-active img {padding: 0;border: 2px solid #005bac;box-sizing:  border-box;}
.cultrue2 .preview .swiper-slide p{width: calc(135 / 1920 * 100vw);text-align:center;font-size:12px;color:#2c2c2c;line-height: 16px;padding-top: 5px;line-height: 0.83vw;padding-top: 0.26vw}
.cultrue2 .preview .arrow-left:hover,.preview .arrow-right:hover{/* background:#f08d33; */color:#fff;}
.cultrue2 .pages{/* border-top:1px solid #dadada; */margin-bottom: 100px;text-align: center;height: 1px;font-size: 0;margin-bottom: 5.2vw;}
.cultrue2 .pages .icon{width: 20px;height: 20px;background: url(../image/culture2_icon.png) right center no-repeat;display: inline-block;margin: -10px 45px 0;background-size: auto 100%;width: 1.04vw;height: 1.04vw;margin: -0.52vw 2.34vw 0;margin: -0.52vw 15px;}
.cultrue2 .pages .icon.active{background-position:left}
.cultrue2 .preview .swiper-slide-thumb-active p{color:#005bac}

.proinfoCon{margin-top: 110px;margin-top: 5.73vw}
.proinfoCon .pc-slide{display: flex;justify-content: space-between;}
.proinfoCon .pc-slide .preview{width: 334px;height: 475px;width: 24%;width: 17.4vw;height: 24.74vw;height: 24vw;}
.proinfoCon .pc-slide .preview .swiper-wrapper{flex-wrap:wrap}
.proinfoCon .pc-slide .preview .swiper-slide{display: flex ;background: #005bac;height: 90px;line-height: 90px;align-items: center;padding-left: 113px;padding-left: 30%;position: relative;height: 4.69vw;line-height: 4.69vw;padding-left: 5.88vw;height: 4.78vw;line-height: 4.78vw; }
.proinfoCon .pc-slide .preview .swiper-slide img{height: 42px;margin-right: 20px;opacity: 0.4;height: 2.19vw;margin-right: 1.04vw}
.proinfoCon .pc-slide .preview .swiper-slide p{color: #fff;line-height: 1.5;opacity: 0.4;}
.proinfoCon .pc-slide .preview .swiper-slide:after{content: "";width: 15px;height: 2px;background: #fff;position: absolute ;left: 50px;left: 2.6vw;transition: all .35s ease-in-out ;width: 0.78vw}
.proinfoCon .pc-slide .preview .swiper-slide:hover,.proinfoCon .pc-slide .preview .swiper-slide.active-nav{background: #0556a3}
.proinfoCon .pc-slide .preview .swiper-slide:hover img,.proinfoCon .pc-slide .preview .swiper-slide:hover p,.proinfoCon .pc-slide .preview .swiper-slide.active-nav img,.proinfoCon .pc-slide .preview .swiper-slide.active-nav p{opacity: 1}
.proinfoCon .pc-slide .preview .swiper-slide:hover::after,.proinfoCon .pc-slide .preview .swiper-slide.active-nav::after{width: 30px;width: 1.56vw}
.proinfoCon .pc-slide .view{width: 1046px;height: 475px;width: 75%;width: 54.48vw;height: 24.74vw;height: 24vw;overflow: hidden;}
.proinfoCon .pc-slide .view .swiper-slide img{width:100%}
.proinfoCon .view .arrow-left,.proinfoCon .view .arrow-right {left:30px;width:54px;height:54px;background:url(../image/pro_caseBtn.png) left top no-repeat;background-size:108px;position: absolute;top: calc(50% - 27px);z-index: 10;color:#353535;text-align:center;display: block;width: 2.81vw;height: 2.81vw;background-size: 5.62vw;border-radius: 50%;left: 1.56vw;width: 2.8vw;height: 2.8vw;background-size: 5.625vw;top:calc(50% - 1.4vw);background-size: 200%;}
.proinfoCon .view .arrow-right {background-position:right top;left: auto;right: 30px;right: 1.56vw}
.proinfoCon .view .arrow-left:hover,.proinfoCon .view .arrow-right:hover{background-position-y: bottom}
.proinfoCon .row{display: flex ;justify-content: space-between;line-height: 30px;margin-top: 60px;margin-bottom: 65px;line-height: 1.56vw;margin-top: 3.125vw;margin-bottom: 3.38vw}
.proinfoCon .row a{padding-left: 48px;color: #333333;font-size: 16px;padding-left: 2.5vw; position: relative;}
.proinfoCon .row.fixed{position:fixed;top:0;z-index: 99999;left:0;background: #fff;width: 100%;margin-top: 0;opacity: 1!important;height: 5.2vw;/* justify-content: space-around; */padding: 0 calc(230 / 1920 * 100vw);box-sizing: border-box;}
.proinfoCon .row.fixed a{font-size:24px;background-size: calc(36 / 1920 * 100vw)!important;padding-left: calc(60 / 1920 * 100vw);line-height: 5.2vw;font-size: 16px;}
.proinfoCon .row a.active:after{content:'';width:100%;height:3px;background:#005bac;display:block;position:absolute;bottom: 0px;left: 0;}
.proinfoCon .row a.active:before{content:'';width: 0;height: 0;/* background: url(../images/icon-down1.png) center center no-repeat; */display:block;position:absolute;bottom: calc(-24 / 1920 * 100vw);left: 50%;margin-left: calc(-12 / 1920 * 100vw);border-width: calc(12 / 1920 * 100vw);border-style: solid;border-color: #005bac transparent transparent;}



.pro_descript{background: #f6f6f8;padding: 70px 0 50px;padding: 3.64vw 0 2.6vw}
.proInfo .head{text-align:center;padding-bottom: 12px;position:relative;margin-bottom:45px;z-index: 1;padding-bottom: 0.625vw;margin-bottom: 2.34vw;padding-bottom: 20px;padding-bottom: 1.04vw;}
.proInfo .title{font-size:28px;color: #222; }
.proInfo .en{left:50%;transform:translate(-50%);z-index:-1;position:absolute;bottom:0;font-size:38px;color:#f8fafd;opacity:0.5;text-shadow: rgba(0,91,172,0.2) 1px 0 0, rgba(0,91,172,0.2) 0 1px 0, rgba(0,91,172,0.2) -1px 0 0, rgba(0,91,172,0.2) 0 -1px 0;text-transform: uppercase;width:100%}
.proInfo .info{line-height: 2;margin-bottom: 80px;margin-bottom: 4.17vw}
.pro_descript .info{text-align: center;line-height: 2;font-size: 14px;color: #333;margin-bottom: 0; }
.pro_details{padding-top: 85px;padding-top: 4.43vw}
.pro_details .info{margin-top: 60px;margin-top: 3.125vw}
.proInfo .info tr:nth-child(2n+1){background: #edf3fc}
.table{display:block}
.tableM{display:none}
.proInfo .info table td{border: 1px solid #edf3fc;}
.proInfo #proinfo3 .head{margin-bottom:0}

.search .pageCon ul li{line-height:30px}
.search .pageCon ul li a{color:#666}
.search .pageCon ul li:hover a{color:#005bac}

