/* CSS Document */
*{margin:0; padding:0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
:after,:before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;	box-sizing: border-box}
body{font:12px Arial,"Microsoft YaHei"; color:#333;background-color:#fff;min-width: 1200px;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;}
::-moz-selection {background:#aaa;color:#FFF;}
::selection {background: #aaa;color: #FFF;}
*:focus,input:focus,textarea:focus,select:focus,button:focus{outline:none;}
input::-webkit-inner-spin-button {-webkit-appearance: none;}
input::-webkit-outer-spin-button {-webkit-appearance: none;}
img{
    border:0;
    image-rendering: -moz-crisp-edges; /* Firefox */     
    image-rendering: -o-crisp-edges; /* Opera */      
    image-rendering: -webkit-optimize-contrast; /*Webkit (non-standard naming) */
    image-rendering: crisp-edges; 
    -ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */
}

a{text-decoration:none; color:#333;cursor: pointer;}
a:hover{text-decoration:none;}
ul,li,ol{list-style:none;}
input,textarea,select,button{font-family:Arial,"Microsoft YaHei";font-size:12px;}
table{width: 100%;border-collapse:collapse;}
table tr,table td{max-width: 100%;border:1px solid #eee;}

.scrollbar::-webkit-scrollbar{width:3px; background:#f4f4f4;}/* 滚动条整体部分 */
.scrollbar::-webkit-scrollbar-button{ display:none;}/*  滚动条两端的按钮 */
.scrollbar::-webkit-scrollbar-track{ display:none;}/*  外层轨道 */
.scrollbar::-webkit-scrollbar-track-piece{ display:none;}/*  内层轨道 */
.scrollbar::-webkit-scrollbar-thumb{ background:#146eaf; }/*  滚动条里面可以拖动的那部分 */
.scrollbar::-webkit-scrollbar-corner{display:none;}/* 边角 */
.scrollbar::-webkit-resizer{display:none;}/*  定义右下角拖动块的样式 */


/*浮动*/
.clear{zoom: 1;clear: both}
.clear:after{content: "";display: block;clear: both}
.fl{float: left}
.fr{float: right}
.tLeft,.tRight,.tCenter{display: table;font-size: 0}
.tLeft{text-align: left}
.tRight{text-align: right}
.tCenter{text-align: center}
.left{display: flex;flex-wrap: wrap;}
.right{display: flex;justify-content: flex-end;}
.between{display: flex;justify-content: space-between;}
.around{display: flex;justify-content: space-around;}
.cut{overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.cutThree,.cutTwo{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical}
.cutTwo{-webkit-line-clamp: 2}
.cutThree{-webkit-line-clamp: 3}
.iconT{display: flex;align-items: center;text-align: center;justify-content: center;}
.c1200{width: 1200px;position: relative;}
.c1200,.wrap,.wrap1{margin: 0 auto}
.wrap{width: 75%;min-width: 1200px;position: relative;}
.wrap1{width: 75%;min-width: 1200px;}

.chevron{-webkit-animation: pulse 2s infinite; animation: pulse 2s infinite;display: block;}
@-webkit-keyframes pulse{0%{-webkit-transform: translate(0, 0); transform: translate(0, 0);} 50%{-webkit-transform: translate(0, 10px); transform: translate(0, 10px);} 100%{-webkit-transform: translate(0, 0); transform: translate(0, 0);} }
@keyframes pulse{0%{-webkit-transform: translate(0, 0); transform: translate(0, 0);} 50%{-webkit-transform: translate(0, 10px); transform: translate(0, 10px);} 100%{-webkit-transform: translate(0, 0); transform: translate(0, 0);} }

.iconT{display: flex;align-items: center;text-align: center;justify-content: center;}

.c1200{width: 1200px; margin:0 auto;}
.wrap{width: 75%;margin:0 auto;min-width: 1200px;}

/* headerBox */
.headerBox{width: 100%; position: fixed; top: 0; left: 0; z-index: 99; background-color: #fff; box-shadow: 0 0 20px rgba(0, 0, 0, 0.05); -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.05); transition: all 0.6s ease;}
.headerBox .logo{float: left; display: block; width: 148px; height: 48px; background: url('../image/logo_01.png') no-repeat; background-size: 148px 48px; margin-top: 26px; transition: all 0.6s ease;}
.headerBox .navBox{width: calc(100% - 148px);}
.headerBox .navBox .nLi{display: inline-block; vertical-align: top; margin-left: 82px;}
.headerBox .navBox .nLi h3 a{display: block; line-height: 48px; color: #333; font-size: 16px; padding: 26px 0; font-weight: normal; transition: all 0.6s ease;}
.headerBox .navBox .nLi .sub{display: none; position: absolute; top: 100px; background-color: rgba(255, 255, 255, 0.95); left: 0; z-index: 3; border-top: 1px solid #eee; box-shadow: 0 10px 10px rgba(0, 0, 0, 0.05); -webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.05);}
.headerBox .navBox .nLi .sub1{width: 100%;}
.headerBox .navBox .nLi .sub1 .u1{width: 100%; padding: 30px 0;}
.headerBox .navBox .nLi .sub1 .u1 li{display: inline-block; width: 23.5%; box-sizing: border-box; vertical-align: top; margin: 10px 2% 15px 0;}
.headerBox .navBox .nLi .sub1 .u1 li:nth-child(4n){margin: 10px 0 15px 0;}
.headerBox .navBox .nLi .sub1 .u1 li a{font-size: 16px; color: #333;}
.headerBox .navBox .nLi .sub1 .u1 li a span{display: inline-block; vertical-align: middle; margin-right: 10px; width: 40px; height: 40px; border-radius: 50%; position: relative; opacity: 0.6; font-size: 20px; line-height: 38px; text-align: center; border: 1px dashed #146eaf; color: #146eaf; transition: all 0.6s ease;}
.headerBox .navBox .nLi .sub1 .u1 li:hover a,.headerBox .navBox .nLi .sub1 .u1 li.on a{color: #146eaf;}
.headerBox .navBox .nLi .sub1 .u1 li:hover span,.headerBox .navBox .nLi .sub1 .u1 li.on span{opacity: 1;}
.headerBox .navBox .nLi .sub1 .u2{width: 100%; padding: 0 0 30px;}
.headerBox .navBox .nLi .sub1 .u2 li{display: inline-block; width: 15%; box-sizing: border-box; vertical-align: top; margin: 10px 2% 15px 0;}
.headerBox .navBox .nLi .sub1 .u2 li:nth-child(6n){margin: 10px 0 15px 0;}
.headerBox .navBox .nLi .sub1 .u2 li a{font-size: 16px; color: #666;}
.headerBox .navBox .nLi .sub1 .u3 li{width: 32%; margin: 10px 2% 15px 0;}
.headerBox .navBox .nLi .sub1 .u3 li:nth-child(3n){margin: 10px 0 15px 0;}
.headerBox .navBox .nLi .sub2{width: 100%;}
.headerBox .navBox .nLi .sub2 .box{width: 100%;}
.headerBox .navBox .nLi .sub2 .navItem{width: 100%; text-align: left; position: relative;}
.headerBox .navBox .nLi .sub2 .navItem::after{ content: ''; position: absolute; top: 0; left: 200px; width: 1px; height: 100%; background-color: #eee;}
.headerBox .navBox .nLi .sub2 .navItem .hd{display: inline-block; vertical-align: top; width: 200px; box-sizing: border-box; padding: 30px 0;}
.headerBox .navBox .nLi .sub2 .navItem .hd ul{width: 100%;}
.headerBox .navBox .nLi .sub2 .navItem .hd ul li{float: left; width: 100%; box-sizing: border-box; padding: 8px 0;}
.headerBox .navBox .nLi .sub2 .navItem .hd ul li a{display: inline-block; padding: 5px 0; border-bottom: 2px solid rgba(20, 110, 175, 0); font-size: 16px; color: #333;}
.headerBox .navBox .nLi .sub2 .navItem .hd ul li.on a{color: #146eaf; border-bottom: 2px solid #146eaf;}
.headerBox .navBox .nLi .sub2 .navItem .bd{display: inline-block; vertical-align: top; width: calc(100% - 200px); box-sizing: border-box;}
.headerBox .navBox .nLi .sub2 .navItem .bd .con{padding: 45px 0 45px 45px; box-sizing: border-box; width: 100%;}
.headerBox .navBox .nLi .sub2 .navItem .bd .con .tit{font-size: 18px; color: #146eaf; padding-left: 15px; line-height: 30px; position: relative; font-weight: bold;}
.headerBox .navBox .nLi .sub2 .navItem .bd .con .tit::after{content: ''; width: 3px; height: 16px; background-color: #146eaf; position: absolute; left: 0; top: 50%; margin-top: -8px;}
.headerBox .navBox .nLi .sub2 .navItem .bd .con ul{width: 100%; margin-top: 20px;}
.headerBox .navBox .nLi .sub2 .navItem .bd .con ul li{display: inline-block; vertical-align: top; background-color: #fff; border: 1px solid #eee; width: 23.5%; margin-right: 2%; margin-bottom: 2%; transition: all 0.6s ease; box-sizing: border-box;}
.headerBox .navBox .nLi .sub2 .navItem .bd .con ul li:nth-child(4n){margin-right: 0;}
.headerBox .navBox .nLi .sub2 .navItem .bd .con ul li a{display: inline-block; height: 100%; width: 100%; padding: 20px; font-size: 16px; color: #333; transition: all 0.6s ease;}
.headerBox .navBox .nLi .sub2 .navItem .bd .con ul.tHight:nth-of-type(1) li:hover,
.headerBox .navBox .nLi .sub2 .navItem .bd .con ul.tHight:nth-of-type(1) li.on{background-color: rgba(20, 110, 175, 0.05); border-color: #146eaf;}
.headerBox .navBox .nLi .sub2 .navItem .bd .con ul.tHight:nth-of-type(1) li:hover a,
.headerBox .navBox .nLi .sub2 .navItem .bd .con ul.tHight:nth-of-type(1) li.on a{font-weight: bold; color: #146eaf;}
.headerBox .navBox .nLi .sub2 .navItem .bd .con ul.tHight:nth-of-type(2) li a{color: #999;}
.headerBox .navBox .nLi:first-child{margin-left: 0;}
.headerBox .navBox .nLi:hover h3 a,
.headerBox .navBox .nLi.on h3 a{font-weight: bold;}

.is-fixed .logo{margin-top: 16px;}
.is-fixed .navBox .nLi h3 a{padding: 16px 0;}
.is-fixed .navBox .nLi .sub{top: 80px;}


.indexSlogan{width: 100%; background-color: #000000; padding: 54px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.12);}
.indexSlogan .info{float: left;}
.indexSlogan .info h3{font-size: 36px; font-weight: bold; line-height: 40px; color: #ffffff;}
.indexSlogan .info p{font-size: 16px; line-height: 26px; color: #ffffff; margin-top: 14px;}
.indexSlogan .more{width: 150px; height: 48px; background-color: #146eaf; border-radius: 2px; font-size: 16px; line-height: 48px; color: #ffffff; float: right; text-align: center; margin-top: 16px; transition: all 0.6s ease;}
.indexSlogan .more:hover{background-color: #a2cb0e;}

@media (max-width: 1360px){.indexSlogan{padding: 24px 0;} .indexSlogan .info h3{font-size: 30px; line-height: 40px;} .indexSlogan .info p{font-size: 14px; line-height: 20px; margin-top: 10px;} .indexSlogan .more{width: 130px; height: 40px; line-height: 40px; margin-top: 15px;}}
.footer{width: 100%; position: relative; background-color: #000; padding: 90px 0 80px;}
.footer dl{float: left; padding-left: 7%; padding-bottom: 20px; border-right: 1px solid rgba(255, 255, 255, 0.12);}
.footer dl:first-child{padding-left: 0; width: 41%;}
.footer dl:nth-child(2){width: 18%;}
.footer dl:nth-child(3){width: 41%; border-right: none;}
.footer dl dt{position: relative; padding-bottom: 24px;}
.footer dl dt a{display: inline-block; font-size: 20px; line-height: 24px; color: #ffffff;}
.footer dl dt::after{content: ''; width: 36px; height: 3px; background-color: #146eaf; position: absolute; bottom: 0; left: 0;}
.footer dl dd{width: 100%; margin-top: 36px;}
.footer dl dd ul{display: inline-block; vertical-align: top; width: 100%; margin-right: 5%;}
.footer dl dd a{font-size: 14px; line-height: 18px; display: inline-block; margin: 0 0 20px; color: #aaa;}
.footer dl dd a:hover{color: #fff;}
.footer dl dd .img{width: 130px; height: 130px; display: inline-block; vertical-align: top;}
.footer dl dd .img img{width: 100%; display: block;}
.footer dl dd .tit{display: inline-block; vertical-align: top; margin-left: 40px;}
.footer dl dd .tit .p1{font-family: Poppins; font-size: 30px; line-height: 40px; color: #fafdff; margin: 8px 0 15px;}
.footer dl dd .tit .p1 i{display: inline-block; vertical-align: middle; font-size: 40px; margin-right: 10px; transform: translateY(-1px);}
.footer dl dd .tit .p2{font-size: 14px; line-height: 30px; color: #aaa;}
.footer dl:first-child dd ul{width: 45%;}
@media (max-width: 1680px){
    .footer{padding: 40px 0 30px;}
    .footer dl{padding-left: 6%; padding-bottom: 20px;}
    .footer dl:first-child{width: 39%;}
    .footer dl:nth-child(2){width: 17%;}
    .footer dl:nth-child(3){width: 43%;}
    .footer dl dt{padding-bottom: 24px;}
    .footer dl dt a{font-size: 18px; line-height: 22px;}
    .footer dl dd{width: 100%; margin-top: 36px;}
    .footer dl dd ul{margin-right: 5%;}
    .footer dl dd a{font-size: 14px; line-height: 18px; margin: 0 0 20px;}
    .footer dl dd .img{width: 100px; height: 100px;}
    .footer dl dd .tit{margin-left: 40px;}
    .footer dl dd .tit .p1{font-size: 24px; line-height: 30px; margin: 0 0 15px;}
    .footer dl dd .tit .p1 i{font-size: 28px;}
    .footer dl dd .tit .p2{font-size: 14px; line-height: 28px;}
}
.copyRight{width: 100%; background-color: #000000; padding: 15px 0; border-top: 1px solid rgba(255, 255, 255, 0.12);}
.copyRight .wrap{font-size: 12px; line-height: 24px; color: #999; text-align: center;}
.copyRight .wrap a{color: #999;}
.copyRight .wrap a:hover{color: #fff;}
@media (max-width: 1360px){
    .copyRight{padding: 12px 0;}
}


/* proBanner */
.proBanner{width: 100%; min-height: 500px; background-size: cover !important; margin-top: 100px; overflow: hidden; position: relative;}
.proBanner .wrap{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.proBanner .box{width: 53%;}
.proBanner .box .tit{font-size: 36px; font-weight: bold; line-height: 44px; color: #333333;}
.proBanner .box .txt{font-size: 16px; line-height: 36px; color: #333333; margin-top: 20px;}
.proBanner .box .more{display: block; width: 150px; height: 48px; background-color: #146eaf; border-radius: 2px; color: #fff; text-align: center; line-height: 48px; font-size: 16px; margin-top: 50px;}
@media (max-width: 1680px){
    .proBanner{min-height: 440px;} 
    .proBanner .box .tit{font-size: 32px; line-height: 40px;} 
    .proBanner .box .txt{font-size: 14px; line-height: 30px;}
    .proBanner .box .more{width: 140px; height: 40px; line-height: 40px; font-size: 14px; margin-top: 40px;}
}
.proTitle{font-size: 36px; line-height: 36px; color: #333333; text-align: center;}

@media (max-width: 1440px){
    .proTitle{font-size: 32px; line-height: 32px;}
}

/* pageIndustry */
.pageIndustry{width: 100%; background-color: #f8fafb; padding-top: 100px; overflow: hidden;}
.pageIndustry ul{width: 100%; margin-top: 45px;}
.pageIndustry ul li{display: inline-block; vertical-align: top; width: 18.8%; margin-right: 1.5%; margin-top: 1.5%; background-color: #ffffff; padding: 40px 0; cursor: pointer; transition: all 0.6s ease;}
.pageIndustry ul li:nth-child(5n){margin-right: 0;}
.pageIndustry ul li .num{width: 58px; height: 58px; background-color: rgba(20, 110, 175, 0.12); line-height: 58px; text-align: center; font-size: 24px; color: #146eaf; border-radius: 50%; margin: 0 auto; transition: all 0.6s ease;}
.pageIndustry ul li .cont{width: 90%; margin: 30px auto 0; border-top: 1px solid #eee; padding: 22px 6%;  transition: all 0.6s ease;}
.pageIndustry ul li .tit{font-size: 20px; font-weight: bold; line-height: 30px; color: #146eaf; text-align: center; margin-bottom: 10px;}
.pageIndustry ul li .txt{font-size: 16px; line-height: 30px; color: #333333; text-align: center; transition: all 0.6s ease;}
.pageIndustry ul li:hover{background-color: #146eaf;}
.pageIndustry ul li:hover .num{background-color: rgba(255, 255, 255, 0.2); color: #fff;}
.pageIndustry ul li:hover .cont{border-color: rgba(255, 255, 255, 0.2);}
.pageIndustry ul li:hover .cont .tit,
.pageIndustry ul li:hover .cont .txt{color: #fff;}
.pageIndustry ul.u4 li{ width:  23.875%;}
.pageIndustry ul.u4 li:nth-child(4n){margin-right:0;}
.pageIndustry ul.u4 li:nth-child(5n){margin-right:1.5%;}
.pageIndustry ul.u6 li{ width: 15.41%;}
.pageIndustry ul.u6 li:nth-child(6n){margin-right:0;}
.pageIndustry ul.u6 li:nth-child(5n){margin-right:1.5%;}
@media (max-width: 1680px){
    .pageIndustry{padding-top: 80px;}
    .pageIndustry ul{margin-top: 50px;}
    .pageIndustry ul li{padding-top: 30px;}
    .pageIndustry ul li .tit{font-size: 18px; line-height: 28px;}
    .pageIndustry ul li .txt{font-size: 14px; line-height: 28px;}
}
.pageIndustry1 ul{margin-top: 40px;}
.pageIndustry1 ul li{width: 23.875%; margin-top: 1.5%;}
.pageIndustry1 ul li:nth-child(4n){margin-right: 0;}
.pageIndustry1 ul li:nth-child(5n){margin-right: 1.5%;}

/* pageResources */
.pageResources{width: 100%; background-color: #f8fafb; padding-top: 100px; overflow: hidden;}
.pageResources ul{width: 100%; margin-top: 60px;}
.pageResources ul li{display: inline-block; vertical-align: top; width: 20%; position: relative; background-color: #000; overflow: hidden; cursor: pointer; transition: all 0.6s ease;}
.pageResources ul li img{width: 100%; display: block; opacity: 0.35; transition: all 0.6s ease;}
.pageResources ul li .cont{width: 100%;  position: absolute;top: 45%;  left: 0;  padding: 0 30px ; transition: all 0.6s ease;}
.pageResources ul li .cont .tit{font-size: 20px; font-weight: bold; line-height: 36px; color: #ffffff; text-align: center;}
.pageResources ul li .cont .txt{font-size: 16px; line-height: 30px; color: #ffffff; text-align: center; margin-top: 10px; opacity: 0; transition: all 0.6s ease;}
.pageResources ul li:hover{background-color: #146eaf;}
.pageResources ul li:hover img{opacity: 0.2;}
.pageResources ul li:hover .cont{height: auto; top: 50%; padding: 0 30px; transform: translateY(-50%);}
.pageResources ul li:hover .cont .txt{opacity: 1;}
.pageResources ul.u4  li{ width: 25%;}
@media (max-width: 1680px){
    .pageResources{padding-top: 80px;}
    .pageResources ul{margin-top: 50px;}
    .pageResources ul li .cont{padding: 190px 30px 0;}
    .pageResources ul li .cont .tit{font-size: 18px; line-height: 34px;}
    .pageResources ul li .cont .txt{font-size: 14px; line-height: 28px;}
}
@media (max-width: 1440px){
    .pageResources ul li .cont{padding: 150px 30px 0;}
}
@media (max-width: 1360px){
    .pageResources ul li .cont{padding: 160px 30px 0;}
    .pageResources ul li .cont .tit{font-size: 16px; line-height: 32px;}
}

/* pageAdvantage */
.pageAdvantage{width: 100%; background: url('../image/advantage_bg.jpg') center center no-repeat; background-size: cover; padding: 100px 0; overflow: hidden;}
.pageAdvantage ul{width: 100%; margin-top: 32px;}
.pageAdvantage ul li{display: inline-block; vertical-align: top; width: 23.5%; min-height: 240px; margin-right: 2%; margin-top: 2%; position: relative; background: #fff url('../image/cont_bg.png') center bottom no-repeat; background-size: cover !important; padding: 32px 30px; cursor: pointer; transition: all 0.6s ease;}
.pageAdvantage ul li:nth-child(4n){margin-right: 0;}
.pageAdvantage ul li .tit{font-size: 20px; line-height: 36px; color: #333333; transition: all 0.6s ease;}
.pageAdvantage ul li .txt{width: 82%; font-size: 16px; line-height: 28px; color: #999999; margin-top: 8px; transition: all 0.6s ease;}
.pageAdvantage ul li::after{content: ''; width: 35px; height: 3px; background-color: #146eaf; opacity: 0.1; position: absolute; bottom: 30px; left: 30px; transition: all 0.6s ease;}
.pageAdvantage ul li:hover{background: #146eaf url('../image/cont_bg1.png') center bottom no-repeat; }
.pageAdvantage ul li:hover .tit,
.pageAdvantage ul li:hover .txt{color: #fff;}
.pageAdvantage ul li:hover::after{background-color: #fff;}
.pageAdvantage ul.u6 li{ width: 32%;}
.pageAdvantage ul.u6 li:nth-child(3n){margin-right: 0;}
.pageAdvantage ul.u6 li:nth-child(4n){ margin-right: 2%;}
@media (max-width: 1680px){
    .pageAdvantage{padding: 90px 0;}
    .pageAdvantage ul li .tit{font-size: 18px; line-height: 32px;}
    .pageAdvantage ul li .txt{font-size: 14px; line-height: 26px;}
}


/* pagePartners */
.pagePartners{width: 100%; overflow: hidden; padding: 100px 0; background-color: #f8fafb;}
.pagePartners ul{width: 100%; margin-top: 40px;}
.pagePartners ul li{display: inline-block; vertical-align: top; width: 15%; margin: 2% 2% 0 0; position: relative; box-shadow: 0 0 10px rgba(0, 0, 0, 0.02);}
.pagePartners ul li::after{content: ''; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-color: #fff; transition: all 1s ease;}
.pagePartners ul li:nth-child(6n){margin: 2% 0 0 0;}
.pagePartners ul li .img{width: 100%; overflow: hidden; transition: all 0.6s ease; position: relative; z-index: 1;}
.pagePartners ul li .img img{width: 100%; display: block;}
.pagePartners ul li .tit{font-size: 14px; line-height: 28px; color: #fff; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 100%; z-index: 1; transition: all 0.6s ease; text-align: center; opacity: 0;}
.pagePartners ul li:hover::after{background-color: #146eaf; transform: rotateY(180deg);}
.pagePartners ul li:hover .img{opacity: 0;}
.pagePartners ul li:hover .tit{opacity: 1;}


/* indexTitle */
.indexTitle{text-align: center;}
.indexTitle h1{font-size: 40px;color: #333333;}
.indexTitle p{font-size: 18px;color: #93a2ae;margin-top: 10px;}


/* pageBanner */
.pageBanner{width: 100%;overflow: hidden;position: relative;margin-top: 100px;}
.pageBanner img{width: 100%;display: block;}
.pageBanner .title{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);font-size: 40px;color: #ffffff;}


/* pageAbout */
.pageAbout{width: 100%;background: url('../image/about_bg1.jpg') top center no-repeat;background-size: cover;padding:120px 0;overflow: hidden;position: relative;}
.pageAbout .wrap{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.pageAbout .cont{width: 52%;}
.pageAbout .cont .indexTitle{text-align: left;}
.pageAbout .cont .txt{font-size: 16px; max-height:470px ;overflow: auto; box-sizing: border-box; padding-right: 10px; line-height:36px;color: #333333;margin: 4% 0 0;}
.pageAbout .cont .txt img{ max-width: 100%; display: none;}
.pageAbout .cont .txt p{ text-indent: 2em;}
.pageAbout .cont .more{margin-top: 7%;}
.pageAbout .img{float: right;width: 44%;overflow: hidden;}
.pageAbout .img img{display: block;width: 100%;}
@media (max-width: 1680px) {
    .pageAbout .cont .txt{  max-height:400px ;}
}
@media (max-width: 1440px) {
    .pageAbout .cont .txt{font-size: 14px;line-height:30px;margin: 2% 0 0;  max-height:360px ;}
    .pageAbout .cont .more{margin-top: 5%;}
}


/* pageContent */
.pageContent{ width: 100%; padding: 80px 0;}
.pageContent .txt{ width: 100%; font-size: 16px; line-height: 36px;margin-top: 40px;}
.pageContent .txt img{ max-width: 100%;}

/* pageNav */
.pageNav{width: 100%;}
.pageNav li{display: inline-block;vertical-align: top;margin-right: 1.5%;margin-bottom: 1.5%;}
.pageNav li a{display: block;	width: 170px;background-color: rgba(0, 0, 0, 0.08);text-align: center;padding: 18px 10px;	font-size: 16px;line-height: 20px;color: #333333;transition: all 0.6s ease;}
.pageNav li.on a,.pageNav li:hover a{background-color: #146eaf;color: #fff;}

/* productNav */
.productNav{width: 100%;padding: 100px 0;background-color: #fff;overflow: hidden;}
.productNav ul{ width: 100%;}
.productNav ul li{width: 32%; margin: 2% 2% 2% 0;}
.productNav ul.u2 li{width: 32%; margin: 1% 2% 1% 0;}
.productNav ul li:nth-child(3n){ margin-right: 0;}
.productNav ul li a{display: block;}
.productNav ul.u1 li .iconfont{width: 88px;height: 88px;background-color: #ffffff;border-radius: 50%;border: solid 1px rgba(20, 110, 175, 0.08);color: #146eaf;font-size: 42px;text-align: center;line-height: 86px;transition: all 0.6s ease;}
.productNav ul.u1 li .tit{font-size: 20px;font-weight: bold;line-height: 28px;color: #333333;margin-top: 38px;transition: all 0.6s ease;}
.productNav ul.u1 li .txt{font-size: 14px;line-height: 24px;color: #999999;margin-top: 12px;}
.productNav ul.u1 li:hover .iconfont{background-color: #146eaf;border: 1px solid #146eaf;color: #fff;}
.productNav ul.u1 li:hover .tit{color: #146eaf;}

.productNav ul.u2 li a{box-sizing: border-box; padding: 5% 3%; display: inline-block; width: 100%; font-size: 16px; color: #333; background-color: rgba(20, 110, 175, 0.05);}

@media (max-width: 1360px){
.productNav ul.u1 li .iconfont{width: 68px;height: 68px;font-size: 32px;line-height: 68px;}
.productNav ul.u1 li .tit{font-size: 16px;line-height: 24px;margin-top: 20px;}
}

/* solutionNav */
.solutionNav{width: 100%;padding: 100px 0;background-color: #fff;overflow: hidden;}
.solutionNav .box{width: 100%;}
.solutionNav .solutionNavItem{width: 100%;text-align: left; position: relative;}
.solutionNav .solutionNavItem::after{ content: ''; position: absolute; top: 0; left: 200px; width: 1px; height: 100%; background-color: #eee;}
.solutionNav .solutionNavItem .hd{display: inline-block;vertical-align: top;width: 200px;box-sizing: border-box;padding: 30px 0;}
.solutionNav .solutionNavItem .hd ul{width: 100%;}
.solutionNav .solutionNavItem .hd ul li{float: left;width: 100%;box-sizing: border-box;padding: 8px 0;}
.solutionNav .solutionNavItem .hd ul li a{display: inline-block;padding: 5px 0;border-bottom: 2px solid rgba(20, 110, 175, 0);font-size: 16px;color: #333;}
.solutionNav .solutionNavItem .hd ul li.on a{color: #146eaf;border-bottom: 2px solid #146eaf;}
.solutionNav .solutionNavItem .bd{display: inline-block;vertical-align: top;width: calc(100% - 200px);box-sizing: border-box;}
.solutionNav .solutionNavItem .bd .con{padding: 45px 0 45px 45px;box-sizing: border-box;width: 100%;}
.solutionNav .solutionNavItem .bd .con .tit{font-size: 18px;color: #146eaf;padding-left: 15px;line-height: 30px;position: relative;font-weight: bold;}
.solutionNav .solutionNavItem .bd .con .tit::after{content: '';width: 3px;height: 16px;background-color: #146eaf;position: absolute;left: 0;top: 50%;margin-top: -8px;}
.solutionNav .solutionNavItem .bd .con ul{width: 100%;margin-top: 20px;}
.solutionNav .solutionNavItem .bd .con ul li{display: inline-block;vertical-align: top;background-color: #fff;border: 1px solid #eee;width: 23.5%;margin-right: 2%;margin-bottom: 2%;transition: all 0.6s ease;box-sizing: border-box;}
.solutionNav .solutionNavItem .bd .con ul li:nth-child(4n){margin-right: 0;}
.solutionNav .solutionNavItem .bd .con ul li a{display: inline-block;height: 100%;width: 100%;padding: 20px;font-size: 16px;color: #333;transition: all 0.6s ease;}
.solutionNav .solutionNavItem .bd .con ul.left:nth-of-type(1) li:hover,.solutionNav .solutionNavItem .bd .con ul.left:nth-of-type(1) li.on{background-color: rgba(20, 110, 175, 0.05);border-color: #146eaf;}
.solutionNav .solutionNavItem .bd .con ul.left:nth-of-type(1) li:hover a,.solutionNav .solutionNavItem .bd .con ul.left:nth-of-type(1) li.on a{font-weight: bold;color: #146eaf;}
.solutionNav .solutionNavItem .bd .con ul.left:nth-of-type(2) li a{color: #999;}

/* pageTitle */
.pageTitle{font-size: 40px;font-weight: bold;color: #333333;text-align: center;}
.pageTitle p{font-size: 18px;font-weight: normal;margin-top: 15px;}





/* pageNews */
.pageNews{width: 100%;padding: 100px 0;background-color: #fff;overflow: hidden;}
.pageNews ul{width: 100%;} 
.pageNews ul li{width: 32%;display: inline-block;vertical-align: top;background-color: #fff;margin-right: 2%;margin-bottom: 2%;box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);}
.pageNews ul li:nth-child(3n){margin-right: 0;}
.pageNews ul li .img{width: 100%;overflow: hidden;}
.pageNews ul li .img img{width: 100%;display: block;transition: all 0.6s ease;}
.pageNews ul li .cont{padding:5%;}
.pageNews ul li .tit{font-size: 18px;color: #333;}
.pageNews ul li .txt{font-size: 14px;color: #999; line-height: 24px; margin: 2% 0 4%;}
.pageNews ul li .time{font-size: 14px;color: #999;}
.pageNews ul li:hover .img img{transform: scale(1.1);}
.pageNews ul li:hover .tit{color: #146eaf;}

/* pageNewsD */
.pageNewsD{width: 100%;padding:60px 0 40px;overflow: hidden;}
.pageNewsD .title{font-size: 26px;line-height: 38px;color: #333333;text-align: center;font-weight: bold;}
.pageNewsD .time{font-size: 16px;color: #999;text-align: center;padding: 20px 0;border-bottom: 1px dashed #e5e5e5;}
.pageNewsD .time span{margin: 0 10px;}
.pageNewsD .text{font-size: 16px;line-height: 36px;color: #333333; padding: 30px 0;}
.pageNewsD .text img{max-width: 100%;}
.pageNewsD .link{width: 100%;position: relative;border-top: 1px dashed #eee;padding: 30px 0;}
.pageNewsD .link a{display: block;max-width: 48%;color: #666;font-size: 16px;line-height: 20px;transition: all 0.6s ease;}
.pageNewsD .link a:hover{text-decoration: underline;color: #146eaf;}

/* pageTeams */
.pageTeams{width: 100%;background-color: #fff;padding: 80px 0 ;}
.pageTeams ul{width: 100%; text-align: left;}
.pageTeams ul li{width: 23.5%;margin:0 2% 2% 0; display: inline-block; text-align: center; vertical-align: top; background-color: #fff; box-shadow: 0 0 25px rgba(0, 0, 0, 0.08);-webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.08);-moz-box-shadow: 0 0 25px rgba(0, 0, 0, 0.08); transition: all 0.8s ease;}
.pageTeams ul li:nth-child(4n){ margin-right: 0;}
.pageTeams ul li a{display: block;width: 100%;position: relative;}
.pageTeams ul li .img{width: 100%; box-sizing: border-box; padding:0; overflow: hidden;background: url('../image/proBg.jpg') top center no-repeat;background-size: cover;}
.pageTeams ul li .img img{width: 100%;display: block; transform: scale(1); transition: all 0.8s ease;}
.pageTeams ul li .tit{font-size: 24px;color: #333333;margin: 5% 0; transition: all 0.8s ease;}
.pageTeams ul li:hover img{transform: scale(1.1); }
.pageTeams ul li:hover .tit{ color: #146eaf;}

/* pageTeamsD */
.pageTeamsD{width: 100%;padding: 80px 0;background-color: #f5f8fa;}
.pageTeamsD .img{float: left;width: 34%;overflow: hidden;}
.pageTeamsD .img img{width: 100%;display: block;}
.pageTeamsD .cont{float: right;width: 62%;}
.pageTeamsD .cont .tit{color: #333;font-size: 24px;font-weight: bold;margin: 1% 0 2%;}
.pageTeamsD .cont .tit p {color: #146eaf;font-size: 18px; font-weight: normal; margin-bottom: 3%; margin-top: 10px;}
.pageTeamsD .cont .tit p span{ display: inline-block; margin-right: 10px;}
.pageTeamsD .cont .txt{color: #333;font-size: 16px;line-height: 36px;}
.pageTeamsD .cont .txt img{ max-width: 100%;}



/* pageContact */
.pageContact{width: 100%;background-color: #f6fafd;padding: 60px 0;}
.pageContact ul{width: 100%;display: table;font-size: 0;text-align: center;margin-top: 60px;}
.pageContact ul li{display: inline-block;vertical-align: top;cursor: pointer;width: 20%;margin: 0 5%;}
.pageContact ul li .iconfont{width: 80px;height:80px;border-radius: 50%;text-align: center;line-height: 80px;background-color: rgba(20, 110, 175, 0.1);color: #146eaf;font-size: 50px;margin: 0 auto;transition: all 0.6s ease;}
.pageContact ul li .tit{color: #333;font-size: 24px;margin: 6% 0 3%;font-weight: bold;transition: all 0.6s ease;}
.pageContact ul li .txt{color: #666;font-size: 16px;line-height: 24px;}
.pageContact ul li:hover .iconfont{background-color: #146eaf;color: #fff;}
.pageContact ul li:hover .tit{color: #146eaf;}

/* pageForm */
.pageForm{width: 100%;padding: 60px 0;}
.pageForm form{width: 100%;margin: 40px auto 0;}
.pageForm form label{display: block;position: relative;}
.pageForm form label p{font-size: 16px;line-height:30px;color: #333;position: absolute; top: 0px; left: 20px;display: block;}
.pageForm form .row{width: 49%;float: left;background-color: #f6fafd;margin-bottom: 30px;margin-right: 2%;padding: 14px 0;overflow: hidden;}
.pageForm form .row:nth-child(2n){margin-right: 0;}
.pageForm form input{width: 100%;font-size: 16px;color: #333;line-height: 30px;padding:0 20px;background-color: rgba(0,0,0,0);border: none;box-sizing: border-box;}
.pageForm form .row1{width: 100%;float: left;background-color: #f6fafd;margin-bottom: 50px;padding: 14px 0;overflow: hidden;}
.pageForm form textarea{width: 100%;font-size: 16px;color: #333;line-height: 30px;height:150px;resize: none;padding:0 20px;background-color: rgba(0,0,0,0);border: none;box-sizing: border-box;}
.pageForm form .btn{width: 50%;background-color: #146eaf;margin: 0 auto;display:block;height:58px;line-height:58px;cursor: pointer;background-color: #146eaf;border: none;color: #fff;font-size: 18px;transition: all 0.6s ease;}
.pageForm form .btn:hover{background-color: #a2cb0e;}

/* map */
.map{width: 100%;height: 60vh; position: relative; z-index: 1;}
.map #map{width: 100%;height: 60vh;}


/* pageTeam */
.pageTeam{width: 100%;background-color: #fff;padding: 80px 0;overflow: hidden;position: relative;}
.pageTeam::after{content: '';width: 100%;height: 78%;background: url('../image/teamBg.jpg') center center no-repeat;background-size: cover;position: absolute;top: 0;left: 0;}
.pageTeam .pageTitle{position: relative;z-index: 2;}
.pageTeam .box{width: 100%;position: relative;margin-top: 80px;}
.pageTeam .teamBox {width: 100%;}
.pageTeam .teamBox .swiper-slide {width: 100%;display: flex;align-items:flex-start;justify-content: flex-start;}
.pageTeam .teamBox .swiper-slide .cont{width: 54%;margin-left: 5%;}
.pageTeam .teamBox .swiper-slide .cont .tit{font-size: 24px;color: #146eaf;margin-bottom: 20px;}
.pageTeam .teamBox .swiper-slide .cont .tit p{ font-size: 18px; color: #333; margin-top: 5px;}
.pageTeam .teamBox .swiper-slide .cont .tit span{ display: inline-block; margin-right: 5px;}
.pageTeam .teamBox .swiper-slide .cont .txt{font-size: 16px;line-height: 30px;color: #999999;max-height: 240px;overflow: auto; padding-right: 10px;}
.pageTeam .teamBox .swiper-slide .cont .txt img{ max-width: 100%; display: none;}
.pageTeam .teamBox .swiper-slide .img{width: 36%;overflow: hidden;margin-left: 1px;}
.pageTeam .teamBox .swiper-slide .img img{width: 100%;display: block;}
.pageTeam .teamBox .swiper-slide-active{position: relative;z-index: 9;}
.pageTeam .preview{width: 54%;position: absolute;bottom: 0;right: 5%;z-index: 1;overflow: hidden;}
.pageTeam .preview .swiper-container{width:calc(100% + 20px);}
.pageTeam .preview .swiper-container .swiper-slide{padding-right: 20px;box-sizing: border-box;cursor: pointer;}
.pageTeam .preview .swiper-container .swiper-slide .img{width: 100%;background-color: #000;}
.pageTeam .preview .swiper-container .swiper-slide img{width: 100%;display: block; opacity: 0.6;}
.pageTeam .preview .swiper-container .active-nav img{opacity: 1;}
.pageTeam .box .iconfont{width: 60px;height: 60px;box-sizing: border-box;border: solid 3px #93a2ae;border-radius: 50%;font-size: 34px;color: #93a2ae;position: absolute;top: 50%;z-index: 2;transition: all 0.6s ease;}
.pageTeam .box .arrow-left{transform:translateY(-50%) rotate(-180deg);left: -100px;}
.pageTeam .box .arrow-right{transform: translateY(-50%);right:-100px;}
.pageTeam .box .iconfont:hover{border-color: #146eaf;color: #146eaf;}
@media (max-width: 1680px) {
    .pageTeam .teamBox .swiper-slide .cont .txt{ max-height: 210px;}
}
@media (max-width: 1418px) {
    .pageTeam .box .iconfont{width: 50px;height: 50px;border: solid 2px #93a2ae;font-size: 30px;}
    .pageTeam .box .arrow-left{left: -60px;}
    .pageTeam .box .arrow-right{right:-60px;}
}
@media (max-width: 1338px) {
    .pageTeam .box .arrow-left{left: -20px;}
    .pageTeam .box .arrow-right{right:-20px;}
}
@media (max-width: 1258px) {
    .pageTeam .box .arrow-left{left: 0px;}
    .pageTeam .box .arrow-right{right:0px;}
}

/* pageHonor */
.pageHonor{width: 100%;background: url('../image/honorBg.jpg') center center no-repeat;background-size: cover;padding: 80px 0;}
.pageHonor .pageTitle{color: #fff;}
.pageHonor .bigBox{width: 100%;overflow: hidden;margin-top: 80px;position: relative;}
.pageHonor .honorBox{width:calc(100% + 20px);}
.pageHonor .honorBox .swiper-slide{padding-right: 20px;box-sizing: border-box;cursor: pointer;}
.pageHonor .honorBox .swiper-slide .box{width: 100%;background-color: #fff;padding: 6%;box-sizing: border-box;}
.pageHonor .honorBox .swiper-slide .box .tit{color: #333;font-size: 18px;text-align: center;margin-top: 10px;}
.pageHonor .honorBox .swiper-slide .box .img{width:100%;overflow: hidden;}
.pageHonor .honorBox .swiper-slide .box .img img{width: 100%;display: block;}
.pageHonor .iconfont{width: 60px;height: 60px;box-sizing: border-box;border: solid 3px #fff;border-radius: 50%;font-size: 34px;color: #fff;position: absolute;top: 50%;z-index: 2;transition: all 0.6s ease;}
.pageHonor .arrow-left1{transform:translateY(-50%) rotate(-180deg);left: -100px;}
.pageHonor .arrow-right1{transform: translateY(-50%);right:-100px;}
.pageHonor .iconfont:hover{border-color: #a2cb0e;color: #a2cb0e;}
@media (max-width: 1418px) {
    .pageHonor .iconfont{width: 50px;height: 50px;border: solid 2px #fff;font-size: 30px;}
    .pageHonor .arrow-left1{left: -60px;}
    .pageHonor .arrow-right1{right:-60px;}
}
@media (max-width: 1338px) {
    .pageHonor .iconfont{border: solid 2px #146eaf;color: #146eaf;}
    .pageHonor .arrow-left1{left: -20px;}
    .pageHonor .arrow-right1{right:-20px;}
}
@media (max-width: 1258px) {
    .pageHonor .arrow-left1{left: 0px;}
    .pageHonor .arrow-right1{right:0px;}
}

/* pageVision */
.pageVision{width: 100%;background-color: #fff;padding: 80px 0 120px; background-color: #f5f5f5;}
.pageVision .imgBox{width: 40%;float: left;position: relative;z-index: 1;}
.pageVision .imgBox .img{width: 100%;overflow: hidden;}
.pageVision .imgBox .img img{width: 100%;display: block;}
.pageVision .imgBox::after{content: '';width: 100%;height: 100%;border: 3px solid rgba(0, 0, 0, 0.1);box-sizing: border-box;position: absolute;bottom: -5%;right: -5%;z-index: -1;}
.pageVision ul{width: 52%;float: right; margin-top: 8%;}
.pageVision ul li{width: 100%;border-bottom: 1px solid #eeee;padding: 3% 0;margin-bottom: 3%;}
.pageVision ul li .tit{color: #333;font-size: 24px;line-height: 36px;}
.pageVision ul li .txt{color: #999;font-size: 18px;line-height: 30px; margin-top: 5px;}


/* pageYpt */
.pageYpt{width: 100%;margin-top: 100px;}
.pageYpt .box{width: 50%;height: 90vh;position: relative;cursor: pointer; background-size: cover;}
.pageYpt .box:nth-child(1){background: url(../image/yptImg01.jpg) center center no-repeat;}
.pageYpt .box:nth-child(2){background: url(../image/yptImg02.jpg) center center no-repeat;}
.pageYpt .box::after{content: '';width: 100%;height: 50%;background-image: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.5));position: absolute;bottom: 0;left: 0;transition: all 0.6s ease;}
.pageYpt .cont{position: absolute;bottom: 10%;left: 50%; width: 100%;  text-align: center; transform: translateX(-50%);z-index: 2;transition: all 0.6s ease;}
.pageYpt .cont .p{color: #fff;font-size:30px;font-weight: bold;}
.pageYpt .cont .more{margin:30px auto 0;}
.pageYpt .box:hover::after{background-image: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)); height: 100%;}
.pageYpt .box:hover .cont{bottom: 50%;transform: translate(-50%,50%);}



/* fenye */
.pages{ margin-top:40px ;font-size:14px; text-align: center;}
.pages a { display:inline-block; height:30px; line-height:30px; background:#fff; border:1px solid #ddd; text-align:center; color:#333; padding:0 12px; margin:0 2px;}
.pages a:hover { background:#146eaf;  border:1px solid #146eaf; color:#fff; text-decoration:none }
.pages span { display:inline-block; height:32px; line-height:32px; background:#146eaf; color:#fff; text-align:center; padding:0 12px; margin:0 2px;}