@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }
h1,h2,h3,h4,h5,h6{font-weight: normal;}
BODY {FONT:14px/1.75 "Microsoft YaHei";COLOR: #666;  background:#fff;width:100%; overflow-x: hidden;}
A {COLOR: #333; TEXT-DECORATION: none}
P{COLOR: #666;}
A:hover {TEXT-DECORATION: none}
A IMG {BORDER-BOTTOM-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-TOP-STYLE: none; BORDER-LEFT-STYLE: none}
DIV {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
UL {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
LI {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
P {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
FORM {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
EM {FONT-STYLE: normal; FONT-WEIGHT: normal}
TABLE {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
DT {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
DL {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
DD {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
FORM {PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
TR {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
.cl{HEIGHT: 0px; CLEAR: both;}
.fl{FLOAT: left}
.fr{FLOAT: right}
.containerrr{max-width:1600px;margin:0 auto}
.c{*zoom:1;}
.c:after{content: ""; display: block; height: 0; clear: both;}
.txt-c{text-align: center;}
.txt-l{text-align: left;}
.txt-r{text-align: right;}
.col-white{color: #fff;}
.box{box-sizing:border-box;}





.ny-main{margin-top:60px;}










/*产品中心列表页*/
.pro-left{width: 21%;}
.column-title{height: 88px; line-height: 88px; background: #012d6e; padding: 0 35px; box-sizing:border-box; display: flex; margin: auto; color: #fff;}
.column-title strong{display: block; font-size: 28px; }
.column-title span{display: inline-block; font-size: 16px; font-weight: normal; font-family: 微软雅黑; margin-left: 15px;}
.column-title img{display: block; margin: auto; margin-right: 0}
.class-con{padding: 33px 20px 22px; background: #f7f7f7;}
.class-title{transition:0.6s; background: #eaeaea; padding: 0 32px; box-sizing:border-box; position: relative;transition: all .4s;}
.class-title strong{display: block; font-size: 24px; line-height: 72px; color: #333; background: url(../images/class-title1.png) no-repeat right center;transition: all .4s;}
.pro-class{margin-bottom: 29px;}
.pro-class:hover a .class-title{background: #dce9f6}
.pro-class:hover a .class-title strong{background: url(../images/class-title2.png) no-repeat right center;}

.app-class:hover a .class-title{background: #dce9f6}
.app-class:hover a .class-title strong{background: url(../images/class-title2.png) no-repeat right center;}
.class-con .ctitle1{border-left: 1px solid #eaeaea; border-right: 1px solid #eaeaea;border-top:none;}
.class-con .ctitle1>li{transition:0.3s; border-bottom: 1px solid #eaeaea; padding: 0 32px; box-sizing:border-box;position: relative; background: #fff;}
.class-con .ctitle1>li:after{position: absolute; content: ''; width: 0; height: 64px; left: 0; top: 0; background: #012d6e; transition:0.6s;}
.class-con .ctitle1>li>a{position: relative; z-index: 1; display: block; font-size: 16px; line-height: 64px; color: #666666; background: url(../images/pro-ctitle-li1.png) no-repeat right center; }
.class-con .ctitle1>li:hover:after,.class-con .ctitle1>li.on:after{width: 100%}
.class-con .ctitle1>li:hover>a,.class-con .ctitle1>li.on>a{background: url(../images/pro-ctitle-li2.png) no-repeat right center; color: #fff;}
.class-con .ctitle2{display: none; position: absolute; background: #fff; border: 1px solid #ddd; padding: 8px; width: 205px;box-sizing:border-box; top: 0; right: -205px;}
.class-con .ctitle2:after{position: absolute; z-index: 22; content: ''; background: url(../images/pro-ctitle2.png) no-repeat; width: 19px; height: 22px; top: 21px; left: -19px; }
.class-con .ctitle2 li{border-bottom: 1px solid #eee;}
.class-con .ctitle2 li:last-child{border-bottom: none;}
.class-con .ctitle2 li a{transition:0.6s; display: block; font-size: 16px; line-height: 53px; color: #666; text-indent: 22px;}
.class-con .ctitle2 li.on a,.class-con .ctitle2 li:hover a{color: #012d6e; font-weight: bold; text-indent: 30px;}
.class-con .ctitle1>li:hover .ctitle2,.class-con .ctitle1>li.on .ctitle2{display: block;}
.contact-tel{background: url(../images/contact-tel.jpg) no-repeat left center; height: 174px; background-size: cover; padding-left: 26%; color: #fff;  }
.contact-tel em{display: block; font-size: 20px; margin-bottom: 7px; padding-top: 44px;}
.contact-tel b{display: block; font-size: 29px; line-height: 27px; font-family: arial;}
.pro-right{width: calc(79% - 28px);}
.pro-position{ line-height: 64px; border-bottom: 1px solid #eee; margin-bottom: 49px;}
.pro-position span{display: block; font-size: 16px; color: #666;}
.pro-position img{display: inline-block; vertical-align: middle; margin-right: 11px;}
.pro-position b{color: #012d6e}
.pro-position a{color: #666;}
.pro-position a:hover{color: #012d6e;}
.product-list{overflow: hidden;}
.product-list ul{width: calc(100% + 28px)}
.product-list ul li{transition:0.6s; float: left; margin-right: 28px; width: calc(100% / 3 - 28px); border: 1px solid #eee; box-sizing:border-box; margin-bottom: 33px;}
.product-list ul li .pic{overflow: hidden;}
.product-list ul li .pic>img{display: block;width:100%; -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden;backface-visibility: hidden;opacity: 1;}
.product-list ul li:hover .pic>img{-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.product-list ul li .name{border-top: 1px solid #eee; display: flex; align-items:center; justify-content: space-between; padding: 6.8% 8%}
.product-list ul li h3{display:block; font-size: 18px; color: #333; width:80%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.product-list ul li:hover{border-color: #012d6e}
.product-list ul li:hover .name{background: #012d6e; border-color: #012d6e}
.product-list ul li:hover h3{color: #fff;}
.product-list ul li:hover .name img{filter: grayscale(100%) brightness(200%);}


/*产品中心详情页*/
.ny-proxq{padding: 30px 0 80px;}
.ny-proxq .pro-position{margin-bottom: 20px;}








/*2022.7.12*/
.wap-proclass{display: none}
.wap-newspro{display: none}


/*产品详情页*/
.proxq{padding-bottom:10px;}
.proxq .container{ display:flex;align-items:center;justify-content:center;justify-content: space-between;}
.propic-list{width: 48%; overflow: hidden; position: relative;}
.propic-list ul li{float: left; }
.propic-list ul li img{display: block; width: 100%}
#proxq-num{display: none;}
#proxq-prev,#proxq-next{position: absolute; z-index: 2;}
#proxq-prev{background: url(../images/proxq-prev.png) no-repeat center;}
#proxq-next{background: url(../images/proxq-next.png) no-repeat center;}
.pro-info{width: 47%; }
.pro-info h3{display: block; font-size: 32px; color: #115376; font-weight: bold;}
.pro-info span{display: block; font-size: 16px; color: #333333; margin-bottom: 19px;}
.pro-info em{display: block; font-size: 15px; line-height: 33px; color: #666666;width: 96%; text-align: justify; margin-bottom: 45px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.pro-info a{display: block; width: 33%; font-size: 20px; line-height: 65px; color: #fff; text-align: center; font-weight: bold; background: #115376; margin-right: 1.5%;}
.pro-info a:hover{background: #115376; transition:0.6s;}
.pro-info .tel{background: #eeeeee; width: 61%; line-height: 65px; text-align: center; height: 65px; overflow: hidden;}
.pro-info .tel p{font-size: 16px; color: #333333; }
.pro-info .tel img{display: inline-block; margin-right: 22px; vertical-align: middle;}
.pro-info .tel strong{display: inline-block; font-size: 22px; color: #333333}
.pro-info .tel i{font-style: normal;}
.pro-icon{overflow: hidden; margin-top: 73px;}

.pro-icon ul li{float: left; margin-right:8%}
.pro-icon ul li .icon{display: block; width: 94px; height: 81px; border: solid 1px #cfcfcf; border-radius: 10px; position: relative; margin: 0 auto;}
.pro-icon ul li .icon img{display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto;}
.pro-icon ul li h2{display: block; font-size: 16px; color: #555; text-align: center;font-weight:400;margin-top:10px;}
.pro-icon ul li:last-child{margin-right: 0}

.proxq-details{padding-bottom: 48px;}
.details-title{padding: 42px 0 15px; border-bottom: solid 1px #ddd; margin-bottom: 33px;}
.details-title em{display: block; font-size: 28px; color: #115376; font-weight: bold;}
.details-title span{display: inline-block; font-size: 16px; color: #999; text-transform: uppercase; font-family: arial; margin-left: 17px;font-weight: normal;}



.pagelist {padding: 10px 0;margin-top:15px;overflow: hidden;border-top:0px solid #eee;text-align:center;}
.pagelist a,.pagelist span {border: 1px solid #ccc; display: inline-block;padding: 2px 8px;margin-right:5px;}
.pagelist span.current {color: #f30;border: 1px solid #ddd;}


.table1 td{padding:20px !important}
.table1 td strong{color:#333 !important}


/*2022.7.27后台编辑框调试*/
.table-pic2 tr td{padding-bottom: 20px;}
.waprecom-title{display: none;}


.honor-line{border-top: 1px solid #ccc;  padding-top: 10px; margin-bottom: 20px; margin-top: 50px;}


.picx-details img{display: block; max-width: 100%; height: auto!important; margin: 0 auto}


.news-pro{display: none;}

.process img{display: block;max-width: 100%; height: auto!important; margin: 0 auto}