.layout{width:94%; max-width:1600px; margin-left:auto; margin-right:auto;}
/*indexlayout*/
@media screen and (max-width:768px) { 
.indexlayout{width:100%;}
}
@media screen and (min-width:769px) {
.indexlayout{max-width:94%; margin:0 auto;}
}
@media screen and (min-width:1200px) {
.indexlayout{max-width:1200px; margin:0 auto;}
}

:root {
    --white: #ffffff;
    --blue: #08298c; 
    --blue2: #1285dd; 
    --blue3: #062862;
    --blue4: #042168; 
    --yellow:#fff100;
    --orange:#e08332;
    --orange2:#dd751c;
}

/*.Header*/
.Header-flex-heng .Header-item .icon{ text-align:center; color:var(--blue); border:1px var(--blue) solid; border-radius:50%;}
.Header-flex-heng .Header-item .tt{font-weight:bold; color:var(--blue);}
.Header-flex-heng .Header-item .wz,.Header-flex-heng .Header-item .wz a{font-family:Arial,'Microsoft YaHei'; color:var(--blue);}
header{padding:5px 0;}
@media screen and (max-width:768px) { 
.Header-flex-heng{display: block;}
.logoLink{width:60%;display: block;}
.logoImg{width:100%;}
.Header-list{display:none;}
.Header-flex-heng .Header-item{margin-right:20px;}
.Header-flex-heng .Header-item .icon{width:36px; height:36px; line-height:36px; font-size:20px; margin-right:10px;}
.Header-flex-heng .Header-item .tt{font-size:16px; line-height:30px;}
.Header-flex-heng .Header-item .wz{font-size:14px;}
}
@media screen and (min-width:769px) { 
.Header-flex-heng{display: block;}
.Header-list{display:none;}
.Header-flex-heng .Header-item{margin-right:20px;}
.Header-flex-heng .Header-item .icon{width:36px; height:36px; line-height:36px; font-size:20px; margin-right:10px;}
.Header-flex-heng .Header-item .tt{font-size:16px; line-height:30px;}
.Header-flex-heng .Header-item .wz{font-size:14px;}
}
@media screen and (min-width:980px) { 
.Header-flex-heng{display: flex; flex-direction: row; align-items: center;}
.Header-flex-heng .zw{flex-grow: 1;} 
.logoLink{width:40%; max-width:40%;}
.logoLink img{display:block; width:100%;}
.Header-list{display: flex; flex-direction: row; align-items: center;}
.Header-flex-heng .Header-item{margin-right:20px;}
.Header-flex-heng .Header-item .icon{width:36px; height:36px; line-height:36px; font-size:20px; margin-right:10px;}
.Header-flex-heng .Header-item .tt{font-size:16px; line-height:30px;}
.Header-flex-heng .Header-item .wz{font-size:14px;}
}
@media screen and (min-width:1200px) {
.logoLink{width:auto;}
.Header-flex-heng{display: flex; flex-direction: row; align-items: center;}
.Header-flex-heng .zw{flex-grow: 1;} 
.Header-flex-heng .Header-item{margin-left:20px;}
.Header-flex-heng .Header-item .icon{width:36px; height:36px; line-height:36px; font-size:20px; margin-right:10px;}
.Header-flex-heng .Header-item .tt{font-size:16px; line-height:30px;}
.Header-flex-heng .Header-item .wz{font-size:14px;}
}

/*右侧快捷按钮*/
@media screen and (max-width:768px) { 
.fixedRight{position:fixed;z-index:20; right:5px; bottom:50px; width:40px;}
.fixedRight .item{width:40px;}
.fixedRight-contact{display:none;} 

.fixedRight .item-tel{display:none;} 

.fixedRight .item-email{display:none;} 

.fixedRight .item-top{width:40px; height:40px; border-radius:5px; overflow:hidden; margin-top:1px; position:relative;}
.fixedRight-top{width:40px; cursor:pointer; height:40px; line-height:40px; color:#fff; position:absolute; left:0; display: flex; flex-direction: row; align-items: center;}
.fixedRight-top .fa{width:40px; height:40px; line-height:40px; text-align:center;background:var(--orange); font-size:30px;}
.fixedRight-top .word{display:none;}

}
@media screen and (min-width:769px) { 
.fixedRight{position:fixed;z-index:20; right:0; bottom:120px; width:50px;}
.fixedRight .item{width:50px;}
.fixedRight-contact{width:50px; display:grid;  text-align:center; background:#222222; color:#fff; padding:15px 0 ;}
.fixedRight-contact .fa{font-size:18px;}
.fixedRight-contact .sx{width:1px; height:20px; background:#fff;margin:10px auto; text-align:center}
.fixedRight-contact:hover{background:var(--orange2)}

.fixedRight .item-tel{width:50px; height:50px; margin-top:1px; position:relative;}
.fixedRight-tel{width:240px; cursor:pointer; height:50px; line-height:50px; color:#fff; position:absolute; left:0; display: flex; flex-direction: row; align-items: center;}
.fixedRight-tel .fa{width:50px; height:50px; line-height:50px; text-align:center;background:var(--orange); font-size:20px;}
.fixedRight-tel .word{background:#222222; flex-grow:1; text-align:center; font-family:Arial; font-size:18px;}
.fixedRight-tel:hover{ left:-190px;}

.fixedRight .item-email{width:50px; height:50px; margin-top:1px; position:relative;}
.fixedRight-email{width:240px; cursor:pointer; height:50px; line-height:50px; color:#fff; position:absolute; left:0; display: flex; flex-direction: row; align-items: center;}
.fixedRight-email .fa{width:50px; height:50px; line-height:50px; text-align:center;background:var(--orange); font-size:20px;}
.fixedRight-email .word{background:#222222; flex-grow:1; text-align:center; font-family:Arial; font-size:15px;}
.fixedRight-email:hover{ left:-190px;}

.fixedRight .item-top{width:50px; height:50px; margin-top:1px; position:relative;}
.fixedRight-top{width:160px; cursor:pointer; height:50px; line-height:50px; color:#fff; position:absolute; left:0; display: flex; flex-direction: row; align-items: center;}
.fixedRight-top .fa{width:50px; height:50px; line-height:50px; text-align:center;background:var(--orange); font-size:30px;}
.fixedRight-top .word{background:#222222; flex-grow:1; text-align:center; font-family:Arial; font-size:15px;}
.fixedRight-top:hover{ left:-110px;}
}
@media screen and (min-width:1200px) {
.fixedRight{position:fixed;z-index:20; right:0; bottom:120px; width:50px;}
.fixedRight .item{width:50px;}
.fixedRight-contact{width:50px; display:grid;  text-align:center; background:#222222; color:#fff; padding:15px 0 ;}
.fixedRight-contact .fa{font-size:18px;}
.fixedRight-contact .sx{width:1px; height:20px; background:#fff;margin:10px auto; text-align:center}
.fixedRight-contact:hover{background:var(--orange2)}

.fixedRight .item-tel{width:50px; height:50px; margin-top:1px; position:relative;}
.fixedRight-tel{width:240px; cursor:pointer; height:50px; line-height:50px; color:#fff; position:absolute; left:0; display: flex; flex-direction: row; align-items: center;}
.fixedRight-tel .fa{width:50px; height:50px; line-height:50px; text-align:center;background:var(--orange); font-size:20px;}
.fixedRight-tel .word{background:#222222; flex-grow:1; text-align:center; font-family:Arial; font-size:18px;}
.fixedRight-tel:hover{ left:-190px;}

.fixedRight .item-email{width:50px; height:50px; margin-top:1px; position:relative;}
.fixedRight-email{width:240px; cursor:pointer; height:50px; line-height:50px; color:#fff; position:absolute; left:0; display: flex; flex-direction: row; align-items: center;}
.fixedRight-email .fa{width:50px; height:50px; line-height:50px; text-align:center;background:var(--orange); font-size:20px;}
.fixedRight-email .word{background:#222222; flex-grow:1; text-align:center; font-family:Arial; font-size:15px;}
.fixedRight-email:hover{ left:-190px;}

.fixedRight .item-top{width:50px; height:50px; margin-top:1px; position:relative;}
.fixedRight-top{width:160px; cursor:pointer; height:50px; line-height:50px; color:#fff; position:absolute; left:0; display: flex; flex-direction: row; align-items: center;}
.fixedRight-top .fa{width:50px; height:50px; line-height:50px; text-align:center;background:var(--orange); font-size:30px;}
.fixedRight-top .word{background:#222222; flex-grow:1; text-align:center; font-family:Arial; font-size:15px;}
.fixedRight-top:hover{ left:-110px;}

}

/*导航*/
.nav{background:var(--blue);}
.nav.fixednav{position:fixed; z-index:10; top:0; left:0; width:100%; box-shadow: 4px 7px 4px 0 rgba(0, 0, 0, .23);}
@media screen and (max-width:768px) { 
.nav{display:none;}
}
@media screen and (min-width:769px) { 
.nav{height:60px;}
.nav .layout{width:100%;}
.navRy{height:0;}
.navRy.fixednav{height:60px;}
.nav-flex-heng{display: flex; flex-direction: row; align-items: center;}
.nav .navItem{flex:1; height:60px;text-align:center; overflow:hidden; line-height:60px; position:relative; color:#fff; font-size:16px;}
.nav .navItem .sp-before{display:block; position:relative; z-index:2;}
.nav .navItem .sp-after{display:block; position:relative; z-index:2;}
.nav .navItem:before{content:""; width:0;position:absolute; left:50%; bottom:0px; height:3px; background:var(--yellow); z-index:1;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;-webkit-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.nav .navItem:hover .sp-before{margin-top:-60px;}
.nav .navItem:hover:before{width:100%; left:0;}
.nav .navItem.atc .sp-before{margin-top:-60px;}
.nav .navItem.atc:before{width:100%; left:0;}

.nav .navSearch{display:none;}
.nav .navSearch input{width:240px; font-size:14px; padding:0 10px; height:38px; line-height:36px; background:#fff; border:1px #fff solid; border-radius:5px 0 0 5px;}
.nav .navSearch .searchBtn{padding:0 20px; background:#fff;  height:38px; line-height:38px; border-radius:0 5px 5px 0;  border-left:1px var(--blue) solid; cursor:pointer;}
.nav .navSearch .searchBtn:hover{background:var(--yellow)}
}
@media screen and (min-width:1200px) {
.nav{height:60px;}
.navRy{height:0;}
.navRy.fixednav{height:60px;}
.nav-flex-heng{display: flex; flex-direction: row; align-items: center;}
.nav-flex-heng .zw{flex-grow: 1;} 
.nav .navItem{flex:inherit; margin-left:10px; height:60px; overflow:hidden; line-height:60px; position:relative; padding:0 30px; color:#fff; font-size:16px;}
.nav .navItem .sp-before{display:block; position:relative; z-index:2;}
.nav .navItem .sp-after{display:block; position:relative; z-index:2;}
.nav .navItem:before{content:""; width:0;position:absolute; left:50%; bottom:0px; height:3px; background:var(--yellow); z-index:1;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;-webkit-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.nav .navItem:hover .sp-before{margin-top:-60px;}
.nav .navItem:hover:before{width:100%; left:0;}
.nav .navItem.atc .sp-before{margin-top:-60px;}
.nav .navItem.atc:before{width:100%; left:0;}

.nav .navSearch{display:block;}
.nav .navSearch input{width:240px; font-size:14px; padding:0 10px; height:38px; line-height:36px; background:#fff; border:1px #fff solid; border-radius:5px 0 0 5px;}
.nav .navSearch .searchBtn{padding:0 20px; background:#fff;  height:38px; line-height:38px; border-radius:0 5px 5px 0;  border-left:1px var(--blue) solid; cursor:pointer;}
.nav .navSearch .searchBtn:hover{background:var(--yellow)}
}


/*页脚*/
.footer{background:#000000; color:#fff;}
.footer a{color:#fff;}
.footer a:hover{text-decoration:underline;}
@media screen and (max-width:768px) { 
.footer{padding-top:25px;}
.footer-flex-heng{display: block;}
.footer-flex-heng .footItem-1 {display:none;} 
.footer-flex-heng .footItem-2 {display:none;} 
.footer-flex-heng .footItem-3 {display:none;} 
.footer-flex-heng .zw{flex: 0;} 
.footItem-4{ width:100%; border-bottom:1px #333 dotted; margin-bottom:20px;}
.footItem .footTit{display:block; font-size:16px; font-weight:bold; line-height:30px; margin-bottom:10px;}
.footItem .footNn{display:block; font-size:14px; color:#999999; line-height:26px; margin-bottom:10px;}
.footItem .footNn:hover{color:var(--yellow)}
.footMain .pline{margin-bottom:10px;display: flex; flex-direction: row;}
.footMain .pline .tt{width:70px; min-width:70px;}
.feedback-title{margin-bottom:10px;}
.feedback-title .cn{font-size:18px;}
.feedback-title .en{font-size:14px; font-family:'arial,helvetica,sans-serif';}
.feedback-form{display:grid;grid-template-columns: repeat(2,1fr);grid-gap: 10px 10px;}
.feedback-form input{width:100%; height:34px; line-height:34px; border:0px; padding:0 5px; border-radius:5px;}
.feedback-item-3,.feedback-item-4{grid-column: span 2;}
.feedback-form  textarea{width:100%; height:80px; padding:5px; border-radius:5px;}
.feedback-item-4 {background:rgba(0,0,0,0)}
.feedback-item-4:hover{background:rgba(0,0,0,0)}
.feedback-item-4 .img{height:34px; margin-right:10px;}
.feedback-item-4 .img img{width:50px; height:34px; border-radius:5px;}
.feedback-item-4 .yzmInput{height:34px; width:80px; margin-right:10px;}
.feedback-item-4 .yzmInput input{width:80px; height:34px; text-align:center;}
.feedback-item-4 .foot-submit{height:34px; cursor:pointer; font-size:14px; font-weight:bold; background:#fff; line-height:34px; text-align:center; border-radius:5px; color:var(--blue)}
.feedback-item-4 .foot-submit:hover{background:var(--blue); color:#fff;}
.footer-Copyright{padding:10px 0; margin-top:20px; line-height:40px; font-size:12px; color:#999;}

}
@media screen and (min-width:769px) { 
.footer{padding-top:45px;}
.footer-flex-heng{display: flex; flex-direction: row;}
.footer-flex-heng .zw{flex-grow: 1;} 
.footItem-4{ width:240px; max-width:240px;}
.footItem .footTit{display:block; font-size:16px; font-weight:bold; line-height:30px; margin-bottom:30px;}
.footItem .footNn{display:block; font-size:14px; color:#999999; line-height:26px; margin-bottom:10px;}
.footItem .footNn:hover{color:var(--yellow)}
.footMain .pline{margin-bottom:10px;display: flex; flex-direction: row;}
.footMain .pline .tt{width:70px; min-width:70px;}
.feedback-title{margin-bottom:10px;}
.feedback-title .cn{font-size:18px;}
.feedback-title .en{font-size:14px; font-family:'arial,helvetica,sans-serif';}
.feedback-form{display:grid;grid-template-columns: repeat(2,1fr);grid-gap: 10px 10px;}
.feedback-form input{width:120px; height:34px; line-height:34px; border:0px; padding:0 5px; border-radius:5px;}
.feedback-item-3,.feedback-item-4{grid-column: span 2;}
.feedback-form  textarea{width:100%; height:80px; padding:5px; border-radius:5px;}
.feedback-item-4 {background:rgba(0,0,0,0)}
.feedback-item-4:hover{background:rgba(0,0,0,0)}
.feedback-item-4 .img{height:34px; margin-right:10px;}
.feedback-item-4 .img img{width:50px; height:34px; border-radius:5px;}
.feedback-item-4 .yzmInput{height:34px; width:80px; margin-right:10px;}
.feedback-item-4 .yzmInput input{width:80px; height:34px; text-align:center;}
.feedback-item-4 .foot-submit{height:34px; cursor:pointer; font-size:14px; font-weight:bold; background:#fff; line-height:34px; text-align:center; border-radius:5px; color:var(--blue)}
.feedback-item-4 .foot-submit:hover{background:var(--blue); color:#fff;}
.footer-Copyright{padding:10px 0; margin-top:20px; line-height:40px; font-size:12px; color:#999;}
}
@media screen and (min-width:1200px) {
.footer{padding-top:45px;}
.footer-flex-heng{display: flex; flex-direction: row;}
.footer-flex-heng .zw{flex-grow: 1;} 
.footItem .footTit{display:block; font-size:18px; font-weight:bold; line-height:30px; margin-bottom:30px;}
.footItem .footNn{display:block; font-size:16px; color:#999999; line-height:26px; margin-bottom:10px;}
.footItem .footNn:hover{color:var(--yellow)}
.footMain .pline{margin-bottom:10px;display: flex; flex-direction: row;}
.footMain .pline .tt{width:70px;}
.feedback-title{margin-bottom:10px;}
.feedback-title .cn{font-size:18px;}
.feedback-title .en{font-size:14px; font-family:'arial,helvetica,sans-serif';}
.feedback-form{display:grid;grid-template-columns: repeat(2,1fr);grid-gap: 10px 10px;}
.feedback-form input{width:160px; height:34px; line-height:34px; border:0px; padding:0 5px; border-radius:5px;}
.feedback-item-3,
.feedback-item-4{grid-column: span 2;}
.feedback-form  textarea{width:100%; height:80px; padding:5px; border-radius:5px;}
.feedback-item-4 {background:rgba(0,0,0,0)}
.feedback-item-4:hover{background:rgba(0,0,0,0)}
.feedback-item-4 .img{height:34px; margin-right:10px;}
.feedback-item-4 .img img{width:50px; height:34px; border-radius:5px;}
.feedback-item-4 .yzmInput{height:34px; width:80px; margin-right:10px;}
.feedback-item-4 .yzmInput input{width:80px; height:34px; text-align:center;}
.feedback-item-4 .foot-submit{height:34px; cursor:pointer; font-size:14px; font-weight:bold; background:#fff; line-height:34px; text-align:center; border-radius:5px; color:var(--blue)}
.feedback-item-4 .foot-submit:hover{background:var(--blue); color:#fff;}

.footer-Copyright{padding:10px 0; margin-top:20px; line-height:40px; font-size:12px; color:#999;}
}


/*首页栏目 */
@media screen and (max-width:768px) { 
.index-title-flex{ padding-top:10px;}
.index-title-flex .word{position:relative; text-align:center;}
.index-title-flex .en{position:absolute; top:0; left:0; width:100%; text-align:center; line-height:55px;font-size: 46px;font-family: Arial;color: #efefef; font-weight: bold; font-style: italic;}
.index-title-flex .cn{position:relative; line-height:55px; font-size: 28px; color: var(--blue); width:100%; text-align:center; font-weight:bold; z-index:2;}
.index-title-flex .cn span{display:inline-block; border-bottom:1px solid  var(--blue);}
}
@media screen and (min-width:769px) { 
.index-title-flex{ padding-top:30px;}
.index-title-flex .word{position:relative; text-align:center;}
.index-title-flex .en{position:absolute; top:0; left:0; width:100%; text-align:center; line-height:75px;font-size: 66px;font-family: Arial;color: #efefef; font-weight: bold; font-style: italic;}
.index-title-flex .cn{position:relative; line-height:75px; font-size: 38px; color: var(--blue); width:100%; text-align:center; font-weight:bold; z-index:2;}
.index-title-flex .cn span{display:inline-block; border-bottom:1px solid  var(--blue);}
}
@media screen and (min-width:1200px) {
.index-title-flex{ padding-top:50px;}
.index-title-flex .word{position:relative; text-align:center;}
.index-title-flex .en{position:absolute; top:0; left:0; width:100%; text-align:center; line-height:85px;font-size: 76px;font-family: Arial;color: #efefef; font-weight: bold; font-style: italic;}
.index-title-flex .cn{position:relative; line-height:85px; font-size: 48px; color: var(--blue); width:100%; text-align:center; font-weight:bold; z-index:2;}
.index-title-flex .cn span{display:inline-block; border-bottom:1px solid  var(--blue);}
}


/*首页产品栏目 */
@media screen and (max-width:768px) { 
#indexProductBrand{ margin-top:10px; background:var(--blue3); padding:20px 0 20px 0;} 
#indexProductBrand .indexlayout{padding:0 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;}
#indexProductBrand .index-title-flex .en{color:#263085;}
#indexProductBrand .index-title-flex .cn{color:#fff;}
}
@media screen and (min-width:769px) { 
#indexProductBrand{ margin-top:30px; background:var(--blue3); padding:30px 0 40px 0;} 
#indexProductBrand .index-title-flex .en{color:#263085;}
#indexProductBrand .index-title-flex .cn{color:#fff;}
}
@media screen and (min-width:1200px) {
#indexProductBrand{ margin-top:50px; background:var(--blue3); padding:50px 0 70px 0;} 
#indexProductBrand .index-title-flex .en{color:#263085;}
#indexProductBrand .index-title-flex .cn{color:#fff;}
}

/*首页简介*/
#indexProfile .pmore:before { content: ""; position: absolute; display: block; transition: all .6s; width: 100%; height: 0; border-radius: 50%; left: 50%; top: 50%; padding-top: 100%; transform: translateX(-50%) translateY(-50%)}
#indexProfile .pmore:hover:before { animation: style1 .75s;    z-index: 1}
@keyframes style1 {
    0% {
        background: rgba(0,0,0,.25);
        transform: translateX(-50%) translateY(-50%) scale(0)
    }

    to {
        background: 0 0;
        transform: translateX(-50%) translateY(-50%) scale(1)
    }
}
@media screen and (max-width:768px) { 
#indexProfile{ margin-top:10px; padding-bottom:20px;} 
#indexProfile .layout{width:100%;}
.indexProfile-flex{display: block; }
.indexProfile-flex .left{background:var(--blue4); color:#fff; width:100%; padding:15px;}
#indexProfile .ptit{font-weight:bold; font-size:28px; line-height:44px;display: flex; flex-direction: row; }
#indexProfile .ptit img{width:15px;}
#indexProfile .pen{font-size:15px; font-family:Arial;}
#indexProfile .pword{margin-top:15px; color:#333; line-height:1.6; font-size:15px; color:#fff;}
#indexProfile .pword p{margin-bottom:10px;}
#indexProfile .pmore{position:relative; overflow:hidden; display:inline-block; margin-top:10px; padding:0 20px; background:#fff;color:var(--blue); font-size:15px; font-weight:bold; height:32px; line-height:32px; border-radius:5px;}
.indexProfile-flex .right{flex-grow:1;}
.indexProfile-flex .right img{display:block; width:100%;}

}
@media screen and (min-width:769px) { 
#indexProfile{ margin-top:30px; padding-bottom:30px;} 
#indexProfile .layout{width:100%;}
.indexProfile-flex{display: block; }
.indexProfile-flex .left{background:var(--blue4); color:#fff; width:100%; padding:25px;}
#indexProfile .ptit{font-weight:bold; font-size:28px; line-height:44px;display: flex; flex-direction: row; }
#indexProfile .ptit img{width:15px;}
#indexProfile .pen{font-size:15px; font-family:Arial;}
#indexProfile .pword{margin-top:15px; color:#333; line-height:1.6; font-size:15px; color:#fff;}
#indexProfile .pword p{margin-bottom:10px;}
#indexProfile .pmore{position:relative; overflow:hidden; display:inline-block; margin-top:10px; padding:0 20px; background:#fff;color:var(--blue); font-size:15px; font-weight:bold; height:32px; line-height:32px; border-radius:5px;}
.indexProfile-flex .right{flex-grow:1;}
.indexProfile-flex .right img{display:block; width:100%;}
}
@media screen and (min-width:880px) {
#indexProfile{ margin-top:30px; padding-bottom:30px;} 
#indexProfile .layout{width:100%;}
.indexProfile-flex{display: flex; flex-direction: row; }
.indexProfile-flex .left{background:var(--blue4); color:#fff; width:45%; max-width:45%; padding:25px;}
#indexProfile .ptit{font-weight:bold; font-size:28px; line-height:44px;display: flex; flex-direction: row; }
#indexProfile .ptit img{width:15px;}
#indexProfile .pen{font-size:15px; font-family:Arial;}
#indexProfile .pword{margin-top:15px; color:#333; line-height:1.6; font-size:15px; color:#fff;}
#indexProfile .pword p{margin-bottom:10px;}
#indexProfile .pmore{position:relative; overflow:hidden; display:inline-block; margin-top:10px; padding:0 20px; background:#fff;color:var(--blue); font-size:15px; font-weight:bold; height:32px; line-height:32px; border-radius:5px;}
.indexProfile-flex .right{flex-grow:1;}
.indexProfile-flex .right img{display:block; width:100%;}
}
@media screen and (min-width:1200px) {
#indexProfile{ margin-top:50px; padding-bottom:50px;} 
.indexProfile-flex{display: flex; flex-direction: row; }
.indexProfile-flex .left{background:var(--blue4); color:#fff; width:45%; max-width:45%; padding:55px;}
#indexProfile .ptit{font-weight:bold; font-size:48px; line-height:64px;display: flex; flex-direction: row; }
#indexProfile .pen{font-size:18px; font-family:Arial;}
#indexProfile .pword{margin-top:35px; color:#333; line-height:2; font-size:16px; color:#fff;}
#indexProfile .pword p{margin-bottom:10px;}
#indexProfile .pmore{position:relative; overflow:hidden; display:inline-block; margin-top:30px; padding:0 40px; background:#fff;color:var(--blue); font-size:20px; font-weight:bold; height:42px; line-height:42px; border-radius:5px;}
.indexProfile-flex .right{flex-grow:1;}
.indexProfile-flex .right img{display:block; width:100%;}
}

/*品牌介绍*/
@media screen and (max-width:768px) {
#indexBrand .pword{color:#333; line-height:1.6; font-size:16px; margin-top:20px; padding:0 20px;} 
.indexBrandList{background:url(/images/web/index-3.jpg) center center no-repeat; background-size:cover; padding:50px 0; margin-top:20px;display: flex; flex-direction: row; }
.indexBrandList .item{flex:1; color:#fff; text-align:center; cursor:pointer;}
.indexBrandList .item .mainitem{display:inline-block; padding:10px; color:#fff; width:50%;}
.indexBrandList .item .img{width:100%; height:75px; position:relative; margin:0 auto; overflow:hidden; transform-style: preserve-3d; -webkit-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transition: 0.5s; -webkit-transition: 0.5s; -ms-transition: 0.5s; -moz-transition: 0.5s }
.indexBrandList .item .img img{width:100%;}
.indexBrandList .item .img .img-before{position:absolute; top:0; left:0; z-index:3;}
.indexBrandList .item .img .img-after{display:none;}
.indexBrandList .item .cn{font-size:20px; font-weight:bold;margin-top:20px;}
.indexBrandList .item .en{font-size:14px; margin-top:10px; font-family:Arial}
.indexBrandList .item .mainitem:hover{color:var(--yellow)}

}
@media screen and (min-width:769px) {
#indexBrand .pword{color:#333; line-height:1.6; font-size:16px; margin-top:20px;} 
.indexBrandList{background:url(/images/web/index-3.jpg) center center no-repeat; background-size:cover; padding:50px 0; margin-top:20px;display: flex; flex-direction: row; }
.indexBrandList .item{flex:1; color:#fff; text-align:center; cursor:pointer;}
.indexBrandList .item .mainitem{display:inline-block; padding:10px; color:#fff;}
.indexBrandList .item .img{width:75px; height:75px; position:relative; margin:0 auto; overflow:hidden; transform-style: preserve-3d; -webkit-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transition: 0.5s; -webkit-transition: 0.5s; -ms-transition: 0.5s; -moz-transition: 0.5s }
.indexBrandList .item .img img{width:100%;}
.indexBrandList .item .img .img-before{position:absolute; top:0; left:0; z-index:3;}
.indexBrandList .item .img .img-after{position:absolute; top:0; left:0; z-index:2;}
.indexBrandList .item .cn{font-size:24px; font-weight:bold;margin-top:20px;}
.indexBrandList .item .en{font-size:16px; margin-top:10px; font-family:Arial}
.indexBrandList .item .mainitem:hover .img .img-before{z-index:1;}
.indexBrandList .item .mainitem:hover .img{transform: translateZ(30px) rotateY(180deg) scale(1.0); -webkit-transform: translateZ(30px) rotateY(180deg) scale(1.0); -ms-transform: translateZ(30px) rotateY(180deg) scale(1.0); -moz-transform: translateZ(30px) rotateY(180deg) scale(1.0)}
.indexBrandList .item .mainitem:hover{color:var(--yellow)}

}
@media screen and (min-width:1200px) {
#indexBrand .pword{color:#333; line-height:2; font-size:20px; margin-top:20px;} 
.indexBrandList{background:url(/images/web/index-3.jpg) center center no-repeat; background-size:cover; padding:130px 0; margin-top:30px;display: flex; flex-direction: row; }
.indexBrandList .item{flex:1; color:#fff; text-align:center; cursor:pointer;}
.indexBrandList .item .mainitem{display:inline-block; padding:10px; color:#fff;}
.indexBrandList .item .img{width:125px; height:125px; position:relative; margin:0 auto; overflow:hidden; transform-style: preserve-3d; -webkit-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transition: 0.5s; -webkit-transition: 0.5s; -ms-transition: 0.5s; -moz-transition: 0.5s }
.indexBrandList .item .img img{width:100%;}
.indexBrandList .item .img .img-before{position:absolute; top:0; left:0; z-index:3;}
.indexBrandList .item .img .img-after{position:absolute; top:0; left:0; z-index:2;}
.indexBrandList .item .cn{font-size:30px; font-weight:bold;margin-top:20px;}
.indexBrandList .item .en{font-size:20px; margin-top:10px; font-family:Arial}
.indexBrandList .item .mainitem:hover .img .img-before{z-index:1;}
.indexBrandList .item .mainitem:hover .img{transform: translateZ(30px) rotateY(180deg) scale(1.0); -webkit-transform: translateZ(30px) rotateY(180deg) scale(1.0); -ms-transform: translateZ(30px) rotateY(180deg) scale(1.0); -moz-transform: translateZ(30px) rotateY(180deg) scale(1.0)}
.indexBrandList .item .mainitem:hover{color:var(--yellow)}
}

/*首页新闻资讯*/ 
@media screen and (max-width:768px) { 
.indexNews{display: block; padding:30px 0; }
.indexNews .item{display:block; width:100%; margin-bottom:20px; background:#f8f8f8;border:1px #f8f8f8 solid;}
.indexNews .item .alink-img{width:100%; height:0px; padding-top:75%; position:relative; overflow:hidden; border-radius:0;}
.indexNews .item .alink-img img{width:100%; height:100%; position:absolute; top:0; left:0; object-fit:cover;}
.indexNews .item .alink-main{padding:5%;}
.indexNews .item .alink-title{font-size:18px; font-weight:bold; padding:10px 0; color:#000; line-height:26px;}
.indexNews .item .alink-time{color:#666; line-height:38px; font-size:14px;}
.indexNews .item .alink-miaoshu{color:#666; line-height:1.8; font-size:14px;}
.indexNews .item .alink-more{display:inline-block; background:var(--blue); border:1px var(--blue) solid; border-radius:0; color:#fff; padding:0 15px; line-height:40px; margin-top:20px;}
.indexNews .item:hover{ box-shadow: 4px 7px 4px 0 rgba(0, 0, 0, .23); border-radius:10px; border:1px var(--blue) solid; }
.indexNews .item:hover .alink-img{border-radius:10px 10px 0 0;}
.indexNews .item:hover .alink-img img{transform:scale(1.1)}
.indexNews .item:hover .alink-title{color:var(--blue);}
.indexNews .item:hover .alink-more{color:var(--blue); background:var(--yellow); border-radius:20px;}

.indexNews .rightnewsList{ background:#f8f8f8;grid-column: span 2;}
.rightnewsList-tit span{display:inline-block; padding:0 20px; height:32px; line-height:32px; text-align:center; color:#fff; font-size:15px; background:var(--blue)}
.rightnewsList-list .rightItem{padding:15px 30px; display:block; background:#f8f8f8; border-bottom:1px #eee dotted;}
.rightnewsList-list .rightItem:last-child{border-bottom:0px;}
.rightnewsList-list .rightItem .item-title{font-size:16px; font-weight:bold; color:#333; line-height:1.5}
.rightnewsList-list .rightItem .item-time{font-size:12px;  font-family:Arial; color:#999; line-height:30px}
.rightnewsList-list .rightItem .item-ms{font-size:14px; color:#333; line-height:26px}
.rightnewsList-list .rightItem:hover{background:#f1f1f1; padding-left:50px;}
.rightnewsList-list .rightItem:hover .item-title{color:var(--blue)}
}
@media screen and (min-width:769px) { 
.indexNews{display: grid;grid-template-columns: repeat(2,1fr); padding:30px 0;grid-gap: 20px 20px; }
.indexNews .item{display:block; width:100%; background:#f8f8f8;border:1px #f8f8f8 solid;}
.indexNews .item .alink-img{width:100%; height:0px; padding-top:75%; position:relative; overflow:hidden; border-radius:0;}
.indexNews .item .alink-img img{width:100%; height:100%; position:absolute; top:0; left:0; object-fit:cover;}
.indexNews .item .alink-main{padding:5%;}
.indexNews .item .alink-title{font-size:18px; font-weight:bold; padding:10px 0; color:#000; line-height:26px;}
.indexNews .item .alink-time{color:#666; line-height:38px; font-size:14px;}
.indexNews .item .alink-miaoshu{color:#666; line-height:1.8; font-size:14px;}
.indexNews .item .alink-more{display:inline-block; background:var(--blue); border:1px var(--blue) solid; border-radius:0; color:#fff; padding:0 15px; line-height:40px; margin-top:20px;}
.indexNews .item:hover{ box-shadow: 4px 7px 4px 0 rgba(0, 0, 0, .23); border-radius:10px; border:1px var(--blue) solid; }
.indexNews .item:hover .alink-img{border-radius:10px 10px 0 0;}
.indexNews .item:hover .alink-img img{transform:scale(1.1)}
.indexNews .item:hover .alink-title{color:var(--blue);}
.indexNews .item:hover .alink-more{color:var(--blue); background:var(--yellow); border-radius:20px;}

.indexNews .rightnewsList{ background:#f8f8f8;grid-column: span 2;}
.rightnewsList-tit span{display:inline-block; padding:0 20px; height:32px; line-height:32px; text-align:center; color:#fff; font-size:15px; background:var(--blue)}
.rightnewsList-list .rightItem{padding:15px 30px; display:block; background:#f8f8f8; border-bottom:1px #eee dotted;}
.rightnewsList-list .rightItem:last-child{border-bottom:0px;}
.rightnewsList-list .rightItem .item-title{font-size:16px; font-weight:bold; color:#333; line-height:1.5}
.rightnewsList-list .rightItem .item-time{font-size:12px;  font-family:Arial; color:#999; line-height:30px}
.rightnewsList-list .rightItem .item-ms{font-size:14px; color:#333; line-height:26px}
.rightnewsList-list .rightItem:hover{background:#f1f1f1; padding-left:50px;}
.rightnewsList-list .rightItem:hover .item-title{color:var(--blue)}
}
@media screen and (min-width:880px) {
.indexNews{display: grid;grid-template-columns: repeat(3,1fr); padding:50px 0;grid-gap: 30px 30px; }
.indexNews .item{display:block; width:100%; background:#f8f8f8;border:1px #f8f8f8 solid;}
.indexNews .item .alink-img{width:100%; height:0px; padding-top:75%; position:relative; overflow:hidden; border-radius:0;}
.indexNews .item .alink-img img{width:100%; height:100%; position:absolute; top:0; left:0; object-fit:cover;}
.indexNews .item .alink-main{padding:5%;}
.indexNews .item .alink-title{font-size:18px; font-weight:bold; padding:10px 0; color:#000; line-height:26px;}
.indexNews .item .alink-time{color:#666; line-height:38px; font-size:14px;}
.indexNews .item .alink-miaoshu{color:#666; line-height:1.8; font-size:14px;}
.indexNews .item .alink-more{display:inline-block; background:var(--blue); border:1px var(--blue) solid; border-radius:0; color:#fff; padding:0 15px; line-height:40px; margin-top:20px;}
.indexNews .item:hover{ box-shadow: 4px 7px 4px 0 rgba(0, 0, 0, .23); border-radius:10px; border:1px var(--blue) solid; }
.indexNews .item:hover .alink-img{border-radius:10px 10px 0 0;}
.indexNews .item:hover .alink-img img{transform:scale(1.1)}
.indexNews .item:hover .alink-title{color:var(--blue);}
.indexNews .item:hover .alink-more{color:var(--blue); background:var(--yellow); border-radius:20px;}

.indexNews .rightnewsList{ background:#f8f8f8;grid-column: span 1;}
.rightnewsList-tit span{display:inline-block; padding:0 20px; height:32px; line-height:32px; text-align:center; color:#fff; font-size:15px; background:var(--blue)}
.rightnewsList-list .rightItem{padding:15px 30px; display:block; background:#f8f8f8; border-bottom:1px #eee dotted;}
.rightnewsList-list .rightItem:last-child{border-bottom:0px;}
.rightnewsList-list .rightItem .item-title{font-size:16px; font-weight:bold; color:#333; line-height:1.5}
.rightnewsList-list .rightItem .item-time{font-size:12px;  font-family:Arial; color:#999; line-height:30px}
.rightnewsList-list .rightItem .item-ms{font-size:14px; color:#333; line-height:26px}
.rightnewsList-list .rightItem:hover{background:#f1f1f1; padding-left:50px;}
.rightnewsList-list .rightItem:hover .item-title{color:var(--blue)}
}

/*当前位置*/
@media screen and (max-width:768px) { 
.currWeizhi{margin-top:10px; height:24px; line-height:24px; font-size:14px; color:var(--blue)}
.currWeizhi a{ color:var(--blue)}
.currWeizhi-flex{display: flex; flex-direction: row; align-items:center;}
.currWeizhi-flex .zw{} 
.currWeizhi .fa-angle-right{margin:0 10px;}
.currWeizhi a:hover{text-decoration:underline;}
}
@media screen and (min-width:769px) { 
.currWeizhi{margin-top:20px; height:24px; line-height:24px; font-size:14px; color:var(--blue)}
.currWeizhi a{ color:var(--blue)}
.currWeizhi-flex{display: flex; flex-direction: row; align-items:center;}
.currWeizhi-flex .zw{flex-grow: 1;} 
.currWeizhi .fa-angle-right{margin:0 10px;}
.currWeizhi a:hover{text-decoration:underline;}
}
@media screen and (min-width:1200px) {
.currWeizhi{margin-top:30px; height:24px; line-height:24px; font-size:14px; color:var(--blue)}
.currWeizhi a{ color:var(--blue)}
.currWeizhi-flex{display: flex; flex-direction: row; align-items:center;}
.currWeizhi-flex .zw{flex-grow: 1;} 
.currWeizhi .fa-angle-right{margin:0 10px;}
.currWeizhi a:hover{text-decoration:underline;}
}

/*二级栏目列表*/
@media screen and (max-width:768px) { 
.navLine{padding-top:10px; padding-bottom:30px;}
.navLine .layout{padding-bottom:10px; border-bottom:3px var(--blue) solid;}
.navLine-flex{display: block;}
.navLine-flex .left{position:relative;}
.navLine .en{position:relative; line-height:55px;font-size: 42px;font-family: Arial;color: #efefef; font-weight: bold; font-style: italic;}
.navLine .cn{position:absolute; line-height:55px; font-size: 26px; color: #333;margin-left: 20px; font-weight:bold; top:0; left:0;}
.navLine .right{display: flex; flex-direction: row; align-items:center;}
.navLine .alink{padding:0 20px; display:block; height:32px; cursor:pointer; background:var(--blue);border:1px var(--blue) solid; border-radius:0px;  color:#fff; margin-right:20px; line-height:32px; font-size:16px;}
.navLine .alink:hover{background:var(--yellow); color:var(--blue); border-radius:20px;}
}
@media screen and (min-width:769px) { 
.navLine{padding-top:10px; padding-bottom:30px;}
.navLine .layout{padding-bottom:10px; border-bottom:3px var(--blue) solid;}
.navLine-flex{display: flex; flex-direction: row; align-items:center;}
.navLine-flex .zw{flex-grow: 1;} 
.navLine-flex .left{position:relative;}
.navLine .en{position:relative; line-height:85px;font-size: 72px;font-family: Arial;color: #efefef; font-weight: bold; font-style: italic;}
.navLine .cn{position:absolute; line-height:85px; font-size: 36px; color: #333;margin-left: 20px; font-weight:bold; top:0; left:0;}
.navLine .alink{padding:0 20px; height:40px; cursor:pointer; background:var(--blue);border:1px var(--blue) solid; border-radius:0px;  color:#fff; margin-left:20px; line-height:40px; font-size:16px;}
.navLine .alink:hover{background:var(--yellow); color:var(--blue); border-radius:20px;}
}
@media screen and (min-width:1200px) {
.navLine{padding-top:10px; padding-bottom:50px;}
.navLine .layout{padding-bottom:10px; border-bottom:3px var(--blue) solid;}
.navLine-flex{display: flex; flex-direction: row; align-items:center;}
.navLine-flex .zw{flex-grow: 1;} 
.navLine-flex .left{position:relative;}
.navLine .en{position:relative; line-height:85px;font-size: 72px;font-family: Arial;color: #efefef; font-weight: bold; font-style: italic;}
.navLine .cn{position:absolute; line-height:85px; font-size: 36px; color: #333;margin-left: 20px; font-weight:bold; top:0; left:0;}
.navLine .alink{padding:0 20px; height:40px; cursor:pointer; background:var(--blue);border:1px var(--blue) solid; border-radius:0px;  color:#fff; margin-left:20px; line-height:40px; font-size:16px;}
.navLine .alink:hover{background:var(--yellow); color:var(--blue); border-radius:20px;}
}


/*公司简介*/
@media screen and (max-width:768px) { 
.about-flex{display: block; }
.about-profile .left .h1{font-size:30px;}
.about-profile .left .mr{margin-top:15px; font-size:14px; line-height:2; margin-bottom:15px; color:#333;}
.about-profile .right{width:100%; padding-left:0px;}
.about-profile .right img{max-width:100%;}
}
@media screen and (min-width:769px) { 
.about-flex{display: block; }
.about-profile .left .h1{font-size:30px;}
.about-profile .left .mr{margin-top:15px; font-size:14px; line-height:2; margin-bottom:15px; color:#333;}
.about-profile .right{min-width:675px; padding-left:100px;}
.about-profile .right img{max-width:100%;}
}
@media screen and (min-width:1200px) {
.about-flex{display: flex; flex-direction: row; }
.about-flex .zw{flex-grow: 1;} 
.about-profile .left .h1{font-size:30px;}
.about-profile .left .mr{margin-top:35px; font-size:16px; line-height:2; margin-bottom:15px; color:#333; text-indent:30px;}
.about-profile .right{min-width:675px; padding-left:100px;}
.about-profile .right img{max-width:100%;}
}


/*品牌介绍*/
@media screen and (max-width:768px) { 
#brand{margin-top:30px; background:url(/images/web/about-2.png) 0 center no-repeat;background-size: cover; }
#brand .layout{background:rgba(0,0,0,0.2); width:100%;}
.brand-flex{display: block; padding:0 20px; }
#brand .word{padding:50px 0 50px 0; color:#fff; font-size:18px; line-height:2;}
#brand .line{border-top-style: solid; color:#212529; border-top-width: 1px; border-top-color: rgba(72, 70, 80, 1); max-height: 5px; margin-top: 30px;}
}
@media screen and (min-width:769px) { 
#brand{margin-top:60px; background:url(/images/web/about-2.png) 0 center no-repeat;background-size: cover; }
.brand-flex{display: flex; flex-direction: row; max-width:1200px; margin:0 auto; }
.brand-flex .zw{flex-grow: 1;} 
#brand .word{padding:100px 0 80px 0; color:#fff; font-size:22px; line-height:2; max-width:640px;}
#brand .line{border-top-style: solid; color:#212529; border-top-width: 1px; border-top-color: rgba(72, 70, 80, 1); max-height: 5px; margin-top: 50px;}
}
@media screen and (min-width:1200px) {
#brand{margin-top:60px; background:url(/images/web/about-2.png) 0 center no-repeat;background-size: cover; }
.brand-flex{display: flex; flex-direction: row; max-width:1200px; margin:0 auto; }
.brand-flex .zw{flex-grow: 1;} 
#brand .word{padding:100px 0 80px 0; color:#fff; font-size:22px; line-height:2; max-width:640px;}
#brand .line{border-top-style: solid; color:#212529; border-top-width: 1px; border-top-color: rgba(72, 70, 80, 1); max-height: 5px; margin-top: 50px;}
}


/*产品应用 */
@media screen and (max-width:768px) { 
#aboutproduct{background:#f0f0f0 url(/images/web/aboutbg.jpg) 0 bottom repeat-x; padding:20px 0 50px 0;}
#aboutproduct .navLine .en{color:#e2e2e2;}
#aboutproduct .pword{padding:0 0px; color:#090909; font-size:16px; line-height:1.6; padding-bottom:20px;}
.aboutproductlist{display: grid;grid-template-columns: repeat(6,1fr);grid-gap: 30px 10px;}
.aboutproductlist .item{flex:2;max-width: 100%; max-height: 100%; text-align:center;}
.aboutproductlist .item .word{font-size:16px; color:#333;margin-top:13px;} 
.aboutproductlist .item .img{max-width: 79px; margin-left: auto; margin-right: auto;}
.aboutproductlist .item img{ width: 100%; height: 100%; object-fit: contain; transform-style: preserve-3d; -webkit-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transition: 0.5s; -webkit-transition: 0.5s; -ms-transition: 0.5s; -moz-transition: 0.5s}
.aboutproductlist .item img:hover { transform: translateZ(30px) rotateY(180deg) scale(1.0); -webkit-transform: translateZ(30px) rotateY(180deg) scale(1.0); -ms-transform: translateZ(30px) rotateY(180deg) scale(1.0); -moz-transform: translateZ(30px) rotateY(180deg) scale(1.0)}
}
@media screen and (min-width:769px) { 

#aboutproduct{min-height: 473px; background:#f0f0f0 url(/images/web/aboutbg.jpg) 0 bottom repeat-x; padding:60px 0 40px 0;}
#aboutproduct .navLine .en{color:#e2e2e2;}
#aboutproduct .pword{padding:0 30px; color:#090909; font-size:18px; padding-bottom:40px;}
.aboutproductlist{display: flex; flex-direction: row; flex-wrap: wrap;}
.aboutproductlist .item{flex:1;max-width: 100%; max-height: 100%; text-align:center;}
.aboutproductlist .item .word{font-size:16px; color:#333;margin-top:23px;} 
.aboutproductlist .item .img{max-width: 79px; margin-left: auto; margin-right: auto;}
.aboutproductlist .item img{ width: 100%; height: 100%; object-fit: contain; transform-style: preserve-3d; -webkit-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transition: 0.5s; -webkit-transition: 0.5s; -ms-transition: 0.5s; -moz-transition: 0.5s}
.aboutproductlist .item img:hover { transform: translateZ(30px) rotateY(180deg) scale(1.0); -webkit-transform: translateZ(30px) rotateY(180deg) scale(1.0); -ms-transform: translateZ(30px) rotateY(180deg) scale(1.0); -moz-transform: translateZ(30px) rotateY(180deg) scale(1.0)}

}
@media screen and (min-width:1200px) {
#aboutproduct{min-height: 473px; background:#f0f0f0 url(/images/web/aboutbg.jpg) 0 bottom repeat-x; padding:60px 0 40px 0;}
#aboutproduct .navLine .en{color:#e2e2e2;}
#aboutproduct .pword{padding:0 30px; color:#090909; font-size:18px; padding-bottom:40px;}
.aboutproductlist{display: flex; flex-direction: row; flex-wrap: wrap;}
.aboutproductlist .item{flex:1;max-width: 100%; max-height: 100%; text-align:center;}
.aboutproductlist .item .word{font-size:16px; color:#333;margin-top:23px;} 
.aboutproductlist .item .img{max-width: 79px; margin-left: auto; margin-right: auto;}
.aboutproductlist .item img{ width: 100%; height: 100%; object-fit: contain; transform-style: preserve-3d; -webkit-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transition: 0.5s; -webkit-transition: 0.5s; -ms-transition: 0.5s; -moz-transition: 0.5s}
.aboutproductlist .item img:hover { transform: translateZ(30px) rotateY(180deg) scale(1.0); -webkit-transform: translateZ(30px) rotateY(180deg) scale(1.0); -ms-transform: translateZ(30px) rotateY(180deg) scale(1.0); -moz-transform: translateZ(30px) rotateY(180deg) scale(1.0)}

}

/*分页*/

.fyline{padding:10px 0px; margin-top:34px;}
.fyline select{padding:0 5px; height:34px; line-height:34px;border:1px #ddd solid; border-radius:3px; }
.fyline a{border:1px #ddd solid; padding:0 10px; height:34px; line-height:34px; color:#000; border-radius:3px;}
.fyline select:hover{border-color:var(--blue)}
.fyline a:hover{border-color:var(--blue); background:var(--blue); color:#fff;}
 
@media screen and (max-width:768px) { 
.fyline{flex-wrap:wrap}
.fyline .flex-grow-1{width:100%; margin-bottom:10px;}
}
@media screen and (min-width:769px) { 
.fyline{flex-wrap:wrap}
.fyline .flex-grow-1{width:100%; margin-bottom:10px;}
}
@media screen and (min-width:1200px) { 
.fyline .flex-grow-1{width:0; margin-bottom:10px;}
}

/*新闻资讯*/
@media screen and (max-width:768px) { 
.newxbox{padding-bottom:50px; margin-top:-20px;}
.newxbox-flex{display: block; }
.newxbox-flex .left{width:100%; padding:0;}
.newxbox-flex .left .item{padding:10px 0; border-left:1px #fff solid; position:relative; z-index:1; border-right:1px #fff solid; border-bottom:1px #e5e5e5 solid; display: flex; flex-direction: row; align-items:center; }
.newxbox-flex .left .item .alink-date{width:64px; margin-right:10px; font-family: Impact;  min-width:64px; height:130px; background:var(--blue); border:1px var(--blue) solid; color:#fff; display: flex; flex-direction:column; align-items:center; }
.newxbox-flex .left .item .alink-date .mm-dd{font-size: 18px; line-height: 1;}
.newxbox-flex .left .item .alink-date .yy{font-size: 14px; line-height: 1; margin-top:10px;}
.newxbox-flex .left .item .alink-date .zw{flex-grow: 1;} 
.newxbox-flex .left .item .alink-title{font-size:16px; font-weight:bold; padding:10px 0; color:#000; line-height:26px;}
.newxbox-flex .left .item .alink-miaoshu{color:#474747; line-height:1.8; font-size:14px;}
.newxbox-flex .left .item:hover{background:#f1f1f1; border-left:1px #ddd solid; border-right:1px #ddd solid;box-shadow: 4px 7px 4px 0 rgba(0, 0, 0, .23); z-index:2;}
.newxbox-flex .left .item:hover .alink-date{background:var(--yellow); color:var(--blue); border-radius:20px;}
.newxbox-flex .left .item:hover .alink-title{color:var(--blue); }
.newxbox-flex .right{flex-grow:1; display:grid;}
.newxbox-flex .right .item{margin-bottom:20px; background:#fff;}
.newxbox-flex .right .item .alink-img{width:100%; height:0px; padding-top:75%; position:relative; overflow:hidden; border-radius:0;}
.newxbox-flex .right .item .alink-img img{width:100%; height:100%; position:absolute; top:0; left:0; object-fit:cover;}
.newxbox-flex .right .item .alink-main{padding:5%;}
.newxbox-flex .right .item .alink-title{font-size:18px; font-weight:bold; padding:10px 0; color:#000; line-height:26px;}
.newxbox-flex .right .item .alink-miaoshu{color:#666; line-height:1.8; font-size:14px;}
.newxbox-flex .right .item .alink-more{display:inline-block; background:var(--blue); border:1px var(--blue) solid; border-radius:0; color:#fff; padding:0 15px; line-height:40px; margin-top:20px;}
}
@media screen and (min-width:769px) { 
.newxbox{padding-bottom:100px;}
.newxbox-flex{display: flex; flex-direction: row;}
.newxbox-flex .left{width:60%; min-width:60%; padding:0 20px 0 10px;}
.newxbox-flex .left .item{padding:15px 20px 15px 20px; border-left:1px #fff solid; position:relative; z-index:1; border-right:1px #fff solid; border-bottom:1px #e5e5e5 solid; display: flex; flex-direction: row; align-items:center; }
.newxbox-flex .left .item .alink-date{width:124px; margin-right:40px; font-family: Impact;  min-width:124px; height:130px; background:var(--blue); border:1px var(--blue) solid; color:#fff; display: flex; flex-direction:column; align-items:center; }
.newxbox-flex .left .item .alink-date .mm-dd{font-size: 30px; line-height: 1;}
.newxbox-flex .left .item .alink-date .yy{font-size: 20px; line-height: 1; margin-top:10px;}
.newxbox-flex .left .item .alink-date .zw{flex-grow: 1;} 
.newxbox-flex .left .item .alink-title{font-size:18px; font-weight:bold; padding:10px 0; color:#000; line-height:26px;}
.newxbox-flex .left .item .alink-miaoshu{color:#474747; line-height:1.8; font-size:14px;}
.newxbox-flex .left .item:hover{background:#f1f1f1; border-left:1px #ddd solid; border-right:1px #ddd solid;box-shadow: 4px 7px 4px 0 rgba(0, 0, 0, .23); z-index:2;}
.newxbox-flex .left .item:hover .alink-date{background:var(--yellow); color:var(--blue); border-radius:20px;}
.newxbox-flex .left .item:hover .alink-title{color:var(--blue); }
.newxbox-flex .right{flex-grow:1; display:grid;}
.newxbox-flex .right .item{margin-bottom:50px; background:#fff;}
.newxbox-flex .right .item .alink-img{width:100%; height:0px; padding-top:75%; position:relative; overflow:hidden; border-radius:0;}
.newxbox-flex .right .item .alink-img img{width:100%; height:100%; position:absolute; top:0; left:0; object-fit:cover;}
.newxbox-flex .right .item .alink-main{padding:5%;}
.newxbox-flex .right .item .alink-title{font-size:18px; font-weight:bold; padding:10px 0; color:#000; line-height:26px;}
.newxbox-flex .right .item .alink-miaoshu{color:#666; line-height:1.8; font-size:14px;}
.newxbox-flex .right .item .alink-more{display:inline-block; background:var(--blue); border:1px var(--blue) solid; border-radius:0; color:#fff; padding:0 15px; line-height:40px; margin-top:20px;}
.newxbox-flex .right .item:hover{box-shadow: 0 23px 90px -5px rgb(29 56 72 / 17%);}
.newxbox-flex .right .item:hover .alink-img{border-radius:10px 10px 0 0;}
.newxbox-flex .right .item:hover .alink-img img{transform:scale(1.1)}
.newxbox-flex .right .item:hover .alink-title{color:var(--blue);}
.newxbox-flex .right .item:hover .alink-more{color:var(--blue); background:var(--yellow); border-radius:20px;}
}
@media screen and (min-width:1200px) {
.newxbox{padding-bottom:100px;}
.newxbox-flex{display: flex; flex-direction: row;}
.newxbox-flex .left{width:73.22%; min-width:73.22%; padding:0 60px 0 10px;}
.newxbox-flex .left .item{padding:36px 20px 60px 20px; border-left:1px #fff solid; position:relative; z-index:1; border-right:1px #fff solid; border-bottom:1px #e5e5e5 solid; display: flex; flex-direction: row; align-items:center; }
.newxbox-flex .left .item .alink-date{width:124px; margin-right:40px; font-family: Impact;  min-width:124px; height:130px; background:var(--blue); border:1px var(--blue) solid; color:#fff; display: flex; flex-direction:column; align-items:center; }
.newxbox-flex .left .item .alink-date .mm-dd{font-size: 30px; line-height: 1;}
.newxbox-flex .left .item .alink-date .yy{font-size: 20px; line-height: 1; margin-top:10px;}
.newxbox-flex .left .item .alink-date .zw{flex-grow: 1;} 
.newxbox-flex .left .item .alink-title{font-size:18px; font-weight:bold; padding:10px 0; color:#000; line-height:26px;}
.newxbox-flex .left .item .alink-miaoshu{color:#474747; line-height:1.8; font-size:14px;}
.newxbox-flex .left .item:hover{background:#f1f1f1; border-left:1px #ddd solid; border-right:1px #ddd solid;box-shadow: 4px 7px 4px 0 rgba(0, 0, 0, .23); z-index:2;}
.newxbox-flex .left .item:hover .alink-date{background:var(--yellow); color:var(--blue); border-radius:20px;}
.newxbox-flex .left .item:hover .alink-title{color:var(--blue); }
.newxbox-flex .right{flex-grow:1; display:block;}
.newxbox-flex .right .item{margin-bottom:50px; background:#fff; display:block;}
.newxbox-flex .right .item .alink-img{width:100%; height:0px; padding-top:75%; position:relative; overflow:hidden; border-radius:0;}
.newxbox-flex .right .item .alink-img img{width:100%; height:100%; position:absolute; top:0; left:0; object-fit:cover;}
.newxbox-flex .right .item .alink-main{padding:5%;}
.newxbox-flex .right .item .alink-title{font-size:18px; font-weight:bold; padding:10px 0; color:#000; line-height:26px;}
.newxbox-flex .right .item .alink-miaoshu{color:#666; line-height:1.8; font-size:14px;}
.newxbox-flex .right .item .alink-more{display:inline-block; background:var(--blue); border:1px var(--blue) solid; border-radius:0; color:#fff; padding:0 15px; line-height:40px; margin-top:20px;}
.newxbox-flex .right .item:hover{box-shadow: 0 23px 90px -5px rgb(29 56 72 / 17%);}
.newxbox-flex .right .item:hover .alink-img{border-radius:10px 10px 0 0;}
.newxbox-flex .right .item:hover .alink-img img{transform:scale(1.1)}
.newxbox-flex .right .item:hover .alink-title{color:var(--blue);}
.newxbox-flex .right .item:hover .alink-more{color:var(--blue); background:var(--yellow); border-radius:20px;}
}

/*资讯详情 newsInfo*/
@media screen and (max-width:979px) {  
.newsInfo{padding-bottom:50px;}
.newsInfo-flex{display: block}
.newsInfo-flex .left{width:100%; background:#f5f5f5; padding:30px; margin-bottom:20px;}
.newInfo-title{font-size:28px; margin-bottom:10px; color:#333333; line-height:1.5; text-align:center; font-weight:bold;}
.newInfo-time{text-align:center; line-height:2; color:#666; font-family:Arial; font-size:16px;}
.newsInfo-fgx{width:100%; height:1px; background:#dcdcdc; margin:15px 0;}
.newsInfo-editBox{font-size:16px; color:#666; line-height:2;}
.newsInfo-editBox p{margin-bottom:10px;}
.newsInfo-editBox *{max-width:100%;}
.newsInfo-flex .zw{flex-grow:1;}
.newsInfo-flex .right{width:100%; background:#f5f5f5; padding:30px;}
.newsInfo-flex .right .rightItem{height:44px; display:block; overflow:hidden; position:relative;}
.newsInfo-flex .right .rightItem:first-child{height:82px; border-bottom:1px #e5e5e5 solid; position:relative; margin-bottom:15px;}
.newsInfo-flex .right .rightItem .item-title{line-height:44px; display:block; color:#666; font-size:14px; padding-left:20px; position:relative;}
.newsInfo-flex .right .rightItem .item-title:before{content:""; position:absolute; left:0; top:calc(50% - 4px); display:block; width:8px; height:8px; background:#666;}
.newsInfo-flex .right .rightItem:first-child .item-title{font-size:15px;}
.newsInfo-flex .right .rightItem:first-child .item-title:before{ background:var(--blue);}
.newsInfo-flex .right .rightItem .item-time{display:none;}
.newsInfo-flex .right .rightItem:first-child .item-time{display:block; line-height:24px; font-size:14px; color:#666; position:relative; padding-left:20px;}
.newsInfo-flex .right .rightItem:first-child .item-time:before{content:""; width:15px; height:1px; top:50%; left:0; background:#666; display:block; position:absolute;}
.newsInfo-flex .right .rightItem:hover .item-title{font-size:15px; color:var(--blue)}
}
@media screen and (min-width:980px) {
.newsInfo{padding-bottom:50px;}
.newsInfo-flex{display: flex; flex-direction: row;}
.newsInfo-flex .left{width:calc(70% - 30px); background:#f5f5f5; padding:30px;}
.newInfo-title{font-size:28px; margin-bottom:10px; color:#333333; line-height:1.5; text-align:center; font-weight:bold;}
.newInfo-time{text-align:center; line-height:2; color:#666; font-family:Arial; font-size:16px;}
.newsInfo-fgx{width:100%; height:1px; background:#dcdcdc; margin:15px 0;}
.newsInfo-editBox{font-size:16px; color:#666; line-height:2;}
.newsInfo-editBox p{margin-bottom:10px;}
.newsInfo-editBox *{max-width:100%;}
.newsInfo-flex .zw{flex-grow:1;}
.newsInfo-flex .right{width:30%; min-width:30%; background:#f5f5f5; padding:30px;}
.newsInfo-flex .right .rightItem{height:44px; display:block; overflow:hidden; position:relative;}
.newsInfo-flex .right .rightItem:first-child{height:82px; border-bottom:1px #e5e5e5 solid; position:relative; margin-bottom:15px;}
.newsInfo-flex .right .rightItem .item-title{line-height:44px; display:block; color:#666; font-size:14px; padding-left:20px; position:relative;}
.newsInfo-flex .right .rightItem .item-title:before{content:""; position:absolute; left:0; top:calc(50% - 4px); display:block; width:8px; height:8px; background:#666;}
.newsInfo-flex .right .rightItem:first-child .item-title{font-size:15px;}
.newsInfo-flex .right .rightItem:first-child .item-title:before{ background:var(--blue);}
.newsInfo-flex .right .rightItem .item-time{display:none;}
.newsInfo-flex .right .rightItem:first-child .item-time{display:block; line-height:24px; font-size:14px; color:#666; position:relative; padding-left:20px;}
.newsInfo-flex .right .rightItem:first-child .item-time:before{content:""; width:15px; height:1px; top:50%; left:0; background:#666; display:block; position:absolute;}
.newsInfo-flex .right .rightItem:hover .item-title{font-size:15px; color:var(--blue)}

}


/*联系我们*/
@media screen and (max-width:768px) { 
.contactAddress{padding-bottom:50px;}
.contact-flex{display: block;}
.contact-flex .left{padding-left:0px;}
.contact-flex .left .leftcontains{max-width:640px;}
.contact-flex .left .p1{color:var(--blue); font-size:30px; font-weight:bold; margin-top:0px;}
.contactAddress .pflex-address{margin-top:24px; line-height:24px; font-size:14px;display: flex; flex-direction: row; align-items:center;}
.contactAddress .pflex-address .pflex-icon{width:24px; height:24px; margin-right:10px; text-align:center; line-height:24px; font-size:14px; border:1px var(--blue) solid; border-radius:50%; color:var(--blue)}
.contactAddress .pflex-tel{margin-top:10px; line-height:24px; font-size:14px;display: block;}
.contactAddress .pflex-tel .pflex-icon{width:24px; height:24px; float:left; margin-right:10px; text-align:center; line-height:24px; font-size:14px; border:1px var(--blue) solid; border-radius:50%; color:var(--blue)}
.contactAddress .pflex-tel .zw{clear:both; margin-top:10px;} 

.contactAddress .pflex-code-title{margin-top:10px; color:var(--blue); padding-bottom:5px; font-weight:bold;  font-size: 18px;}
.contactAddress .pflex-code{display: grid;grid-template-columns: repeat(3,1fr);grid-gap: 10px 10px; }
.contactAddress .pflex-code .item{flex:1; padding-right:20px;}
.contactAddress .pflex-code .item img{width:100%;}
.contactAddress .pflex-code .item .word{font-size:12px; text-align:center;color:var(--blue); line-height:24px;}

.contactAddress .pflex-wxcode-title{margin-top:10px; color:var(--blue); padding-bottom:5px; font-weight:bold;  font-size: 18px;}
.contactAddress .pflex-wxcode{display: grid;grid-template-columns: repeat(3,1fr);grid-gap: 10px 10px; }
.contactAddress .pflex-wxcode .item{flex:1;}
.contactAddress .pflex-wxcode .item img{width:80%;}

.contact-flex .right{flex:1;}
.contact-flex .right img{width:100%; margin-top:20px;}
}
@media screen and (min-width:769px) { 
.contactAddress{padding-bottom:50px;}
.contact-flex{display: block;}
.contact-flex .left{flex:1; padding-left:20px;}
.contact-flex .left .leftcontains{max-width:640px;}
.contact-flex .left .p1{color:var(--blue); font-size:30px; font-weight:bold; margin-top:0px;}
.contactAddress .pflex-address{margin-top:30px; line-height:30px; font-size:18px;display: flex; flex-direction: row; align-items:center;}
.contactAddress .pflex-address .pflex-icon{width:30px; height:30px; margin-right:10px; text-align:center; line-height:30px; font-size:20px; border:1px var(--blue) solid; border-radius:50%; color:var(--blue)}
.contactAddress .pflex-tel{margin-top:10px; line-height:30px; font-size:18px;display: flex; flex-direction: row; align-items:center;}
.contactAddress .pflex-tel .pflex-icon{width:30px; height:30px; margin-right:10px; text-align:center; line-height:30px; font-size:20px; border:1px var(--blue) solid; border-radius:50%; color:var(--blue)}
.contactAddress .pflex-tel .zw{flex-grow: 1;} 

.contactAddress .pflex-code-title{margin-top:10px; color:var(--blue); padding-bottom:5px; font-weight:bold;  font-size: 18px;}
.contactAddress .pflex-code{display: flex; flex-direction: row;}
.contactAddress .pflex-code .item{flex:1; padding-right:20px;}
.contactAddress .pflex-code .item img{width:100%;}
.contactAddress .pflex-code .item .word{font-size:12px; text-align:center;color:var(--blue); line-height:24px;}

.contactAddress .pflex-wxcode-title{margin-top:10px; color:var(--blue); padding-bottom:5px; font-weight:bold;  font-size: 18px;}
.contactAddress .pflex-wxcode{display: flex; flex-direction: row;}
.contactAddress .pflex-wxcode .item{flex:1;}
.contactAddress .pflex-wxcode .item img{width:80%;}

.contact-flex .right{flex:1;}
.contact-flex .right img{width:100%; margin-top:20px;}
}
@media screen and (min-width:980px) {
.contactAddress{padding-bottom:50px;}
.contact-flex{display: flex; flex-direction: row;}
.contact-flex .left{flex:1; padding-left:20px;}
.contact-flex .left .leftcontains{max-width:640px;}
.contact-flex .left .p1{color:var(--blue); font-size:30px; font-weight:bold; margin-top:0px;}
.contactAddress .pflex-address{margin-top:30px; line-height:30px; font-size:18px;display: flex; flex-direction: row; align-items:center;}
.contactAddress .pflex-address .pflex-icon{width:30px; height:30px; margin-right:10px; text-align:center; line-height:30px; font-size:20px; border:1px var(--blue) solid; border-radius:50%; color:var(--blue)}
.contactAddress .pflex-tel{margin-top:10px; line-height:30px; font-size:18px;display: flex; flex-direction: row; align-items:center;}
.contactAddress .pflex-tel .pflex-icon{width:30px; height:30px; margin-right:10px; text-align:center; line-height:30px; font-size:20px; border:1px var(--blue) solid; border-radius:50%; color:var(--blue)}
.contactAddress .pflex-tel .zw{flex-grow: 1;} 

.contactAddress .pflex-code-title{margin-top:10px; color:var(--blue); padding-bottom:5px; font-weight:bold;  font-size: 18px;}
.contactAddress .pflex-code{display: flex; flex-direction: row;}
.contactAddress .pflex-code .item{flex:1; padding-right:20px;}
.contactAddress .pflex-code .item img{width:100%;}
.contactAddress .pflex-code .item .word{font-size:12px; text-align:center;color:var(--blue); line-height:24px;}

.contactAddress .pflex-wxcode-title{margin-top:10px; color:var(--blue); padding-bottom:5px; font-weight:bold;  font-size: 18px;}
.contactAddress .pflex-wxcode{display: flex; flex-direction: row;}
.contactAddress .pflex-wxcode .item{flex:1;}
.contactAddress .pflex-wxcode .item img{width:80%;}

.contact-flex .right{flex:1;}
}


/*给我们留言*/
@media screen and (max-width:768px) { 
.contact-feedback{padding-bottom:50px;}
.contact-feedback .navLine{padding-bottom:20px;}
.contact-feedback .pword{font-size:18px; margin-bottom:30px; color:#333;}
.contact-feedback-rq{display:grid;grid-template-columns: repeat(2,1fr);grid-gap: 20px 20px;}
.contact-feedback-rq input{width:100%; height:44px; line-height:44px; border:1px var(--blue) solid; padding:0 5px; border-radius:5px;}
.contact-feedback-item-5,.contact-feedback-item-6{grid-column: span 2;}
.contact-feedback-item  textarea{width:100%; padding:5px; border-radius:10px; border:1px var(--blue) solid;}
.contact-feedback-flex{display: flex; flex-direction: row;}
.contact-feedback-flex .zw{flex-grow:1;}
.contact-feedback-flex .img{width:80px; height:52px; margin-right:10px;}
.contact-feedback-flex .img img{width:80px; height:52px; border-radius:5px;}
.contact-feedback-flex .yzmInput{width:120px; height:52px; margin-right:10px;}
.contact-feedback-flex .yzmInput input{width:120px; height:52px; margin-right:10px; text-align:center;}
.contact-feedback-submit{background:var(--blue); cursor:pointer; font-size:16px; padding:0 50px; height:50px; border:1px var(--blue) solid; color:#fff; line-height:50px; border-radius:5px;}
.contact-feedback-submit:hover{color:var(--blue); background:var(--yellow); border-radius:25px;}
}
@media screen and (min-width:769px) { 
.contact-feedback{padding-bottom:50px;}
.contact-feedback .navLine{padding-bottom:20px;}
.contact-feedback .pword{font-size:18px; margin-bottom:30px; color:#333;}
.contact-feedback-rq{display:grid;grid-template-columns: repeat(2,1fr);grid-gap: 30px 50px;}
.contact-feedback-rq input{width:100%; height:44px; line-height:44px; border:1px var(--blue) solid; padding:0 5px; border-radius:5px;}
.contact-feedback-item-5,.contact-feedback-item-6{grid-column: span 2;}
.contact-feedback-item  textarea{width:100%; padding:5px; border-radius:10px; border:1px var(--blue) solid;}
.contact-feedback-flex{display: flex; flex-direction: row;}
.contact-feedback-flex .zw{flex-grow:1;}
.contact-feedback-flex .img{width:80px; height:52px; margin-right:10px;}
.contact-feedback-flex .img img{width:80px; height:52px; border-radius:5px;}
.contact-feedback-flex .yzmInput{width:120px; height:52px; margin-right:10px;}
.contact-feedback-flex .yzmInput input{width:120px; height:52px; margin-right:10px; text-align:center;}
.contact-feedback-submit{background:var(--blue); cursor:pointer; font-size:16px; padding:0 50px; height:50px; border:1px var(--blue) solid; color:#fff; line-height:50px; border-radius:5px;}
.contact-feedback-submit:hover{color:var(--blue); background:var(--yellow); border-radius:25px;}
}
@media screen and (min-width:1200px) {
.contact-feedback{padding-bottom:50px;}
.contact-feedback .navLine{padding-bottom:20px;}
.contact-feedback .pword{font-size:18px; margin-bottom:30px; color:#333;}
.contact-feedback-rq{display:grid;grid-template-columns: repeat(2,1fr);grid-gap: 30px 50px;}
.contact-feedback-rq input{width:100%; height:44px; line-height:44px; border:1px var(--blue) solid; padding:0 5px; border-radius:5px;}
.contact-feedback-item-5,.contact-feedback-item-6{grid-column: span 2;}
.contact-feedback-item  textarea{width:100%; padding:5px; border-radius:10px; border:1px var(--blue) solid;}
.contact-feedback-flex{display: flex; flex-direction: row;}
.contact-feedback-flex .zw{flex-grow:1;}
.contact-feedback-flex .img{width:80px; height:52px; margin-right:10px;}
.contact-feedback-flex .img img{width:80px; height:52px; border-radius:5px;}
.contact-feedback-flex .yzmInput{width:120px; height:52px; margin-right:10px;}
.contact-feedback-flex .yzmInput input{width:120px; height:52px; margin-right:10px; text-align:center;}
.contact-feedback-submit{background:var(--blue); cursor:pointer; font-size:16px; padding:0 50px; height:50px; border:1px var(--blue) solid; color:#fff; line-height:50px; border-radius:5px;}
.contact-feedback-submit:hover{color:var(--blue); background:var(--yellow); border-radius:25px;}
}



/*产品中心*/
@media screen and (max-width:768px) { 
.proTypeListRq{margin-top:-20px;  overflow:hidden;}
.proTypeList{display:grid;grid-template-columns: repeat(4,1fr); grid-gap:10px 10px;}
.proTypeList .item{ background:#f1f1f1;  line-height:36px; text-align:center; cursor:pointer;}
.proTypeList .item:hover{background:var(--blue); color:#fff;}
.proTypeList .item.atc{background:var(--blue); color:#fff;}

.proType-flex{display: flex; flex-direction: row; align-items:center;}
.proType-flex .zw{flex-grow:1}
.proTypeMore{height:40px; background:#fff; line-height:40px;}
.proTypeMore .fa{font-size:20px; margin-right:10px;}
.proTypeMoreBtn{cursor:pointer;}

.productList{display:grid;grid-template-columns: repeat(2,1fr); grid-gap:20px 20px; margin-top:20px;}
.productList .item{border:1px #ddd solid; overflow:hidden;}
.productList .item .img{width:100%; position:relative; height:0; padding-top:75%; overflow:hidden; display:block;}
.productList .item .img img{position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover;}
.productList .item .word{height:50px; padding:20px 0; display:block; line-height:50px; text-align:center; font-size:18px; color:#333; font-weight:bold; font-family:Arial,"Microsoft YaHei"}
.productList .item:hover{background:#f1f1f1; border:1px var(--blue) solid; box-shadow: 4px 7px 4px 0 rgba(0, 0, 0, .23); border-radius:10px;}
.productList .item:hover .img img{transform:scale(1.1)}
}
@media screen and (min-width:769px) { 
.proTypeListRq{margin-top:-20px;  overflow:hidden;}
.proTypeList{display:grid;grid-template-columns: repeat(4,1fr); grid-gap:10px 10px;}
.proTypeList .item{ background:#f1f1f1;  line-height:36px; text-align:center; cursor:pointer;}
.proTypeList .item:hover{background:var(--blue); color:#fff;}
.proTypeList .item.atc{background:var(--blue); color:#fff;}

.proType-flex{display: flex; flex-direction: row; align-items:center;}
.proType-flex .zw{flex-grow:1}
.proTypeMore{height:40px; background:#fff; line-height:40px;}
.proTypeMore .fa{font-size:20px; margin-right:10px;}
.proTypeMoreBtn{cursor:pointer;}

.productList{display:grid;grid-template-columns: repeat(3,1fr); grid-gap:20px 20px; margin-top:20px;}
.productList .item{border:1px #ddd solid; overflow:hidden;}
.productList .item .img{width:100%; position:relative; height:0; padding-top:75%; overflow:hidden; display:block;}
.productList .item .img img{position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover;}
.productList .item .word{height:50px; padding:20px 0; display:block; line-height:50px; text-align:center; font-size:18px; color:#333; font-weight:bold; font-family:Arial,"Microsoft YaHei"}
.productList .item:hover{background:#f1f1f1; border:1px var(--blue) solid; box-shadow: 4px 7px 4px 0 rgba(0, 0, 0, .23); border-radius:10px;}
.productList .item:hover .img img{transform:scale(1.1)}
}
@media screen and (min-width:1200px) {
.proTypeListRq{margin-top:-20px;  overflow:hidden;}
.proTypeList{display:grid;grid-template-columns: repeat(7,1fr); grid-gap:10px 10px;}
.proTypeList .item{ background:#f1f1f1;  line-height:36px; text-align:center; cursor:pointer;}
.proTypeList .item:hover{background:var(--blue); color:#fff;}
.proTypeList .item.atc{background:var(--blue); color:#fff;}

.proType-flex{display: flex; flex-direction: row; align-items:center;}
.proType-flex .zw{flex-grow:1}
.proTypeMore{height:40px; background:#fff; line-height:40px;}
.proTypeMore .fa{font-size:20px; margin-right:10px;}
.proTypeMoreBtn{cursor:pointer;}

.productList{display:grid;grid-template-columns: repeat(5,1fr); grid-gap:20px 20px; margin-top:20px;}
.productList .item{border:1px #ddd solid; overflow:hidden;}
.productList .item .img{width:100%; position:relative; height:0; padding-top:75%; overflow:hidden; display:block;}
.productList .item .img img{position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover;}
.productList .item .word{height:50px; padding:20px 0; display:block; line-height:50px; text-align:center; font-size:18px; color:#333; font-weight:bold; font-family:Arial,"Microsoft YaHei"}
.productList .item:hover{background:#f1f1f1; border:1px var(--blue) solid; box-shadow: 4px 7px 4px 0 rgba(0, 0, 0, .23); border-radius:10px;}
.productList .item:hover .img img{transform:scale(1.1)}
}

/*产品详情*/
@media screen and (max-width:768px) { 
.productDetails{padding:50px 0;display: block;}
.productDetails .left{min-width:100%; padding-right:0px;}
.productDetails .right{min-width:100%; background:#ffffff;}
.productDetails .right-more{padding-bottom:30px;}
.productDetails .right-more .alink-more{display:inline-block; cursor:pointer; background:var(--blue); border:1px var(--blue) solid; border-radius:0; color:#fff; padding:0 15px; line-height:40px; margin-top:20px;}
.productDetails .right-more .alink-more:hover{color:var(--blue); background:var(--yellow); border-radius:20px;}

.productDetails .right-tit{padding:20px 20px 10px 0px;}
.productDetails .right-tit span{display:inline-block; padding:0 50px; height:32px; line-height:32px; text-align:center; color:#fff; font-size:15px; background:var(--blue)}
.productDetails-right{display:grid;grid-template-columns: repeat(2,1fr); grid-gap:20px 20px; padding:0px;}
.productDetails-right .item{border:1px #ddd solid; overflow:hidden;}
.productDetails-right .item .img{width:100%; position:relative; height:0; padding-top:75%; overflow:hidden; display:block;}
.productDetails-right .item .img img{position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover;}
.productDetails-right .item .word{height:20px; padding:10px 0; display:block; line-height:20px; text-align:center; font-size:16px; color:#333; font-family:Arial,"Microsoft YaHei"}
.productDetails-right .item:hover{background:#f1f1f1; border:1px var(--blue) solid; box-shadow: 4px 7px 4px 0 rgba(0, 0, 0, .23); border-radius:10px;}
.productDetails-right .item:hover .img img{transform:scale(1.1)}

.productDetails-top{display: block;}
.productDetails-top .imgBigRq{width:100%; border:1px #ddd solid;}
.productDetails-top .imgBigBox{width:100%; padding-top:80%;}

.productDetails-top .proInfo{background:#f5f7f9;width:100%; margin-top:10px; margin-left:0px; padding:20px;}
.productDetails-top .proInfo .proTit{font-size:36px; padding-bottom:10px; color:var(--blue); font-family:Arial,'Microsoft YaHei'; font-weight:bold; line-height:40px; border-bottom:1px #ddd solid;}
.productDetails-top .proInfo .proFenlei{display:flex; color:#666; flex-direction:row; padding:20px 0; border-bottom:1px #ddd solid;}
.productDetails-top .proInfo .proFenlei .tt{width:70px;}
.productDetails-top .proInfo .proFenlei .nn{flex-grow:1;}
.productDetails-top .proInfo .proFenlei .nn a{color:#666;}
.productDetails-top .proInfo .proFenlei .nn a:hover{color:var(--blue); text-decoration:underline;}

.proInfo-editBox{font-size:16px; color:#666; line-height:2; margin-top:30px;}
.proInfo-editBox p{margin-bottom:10px;}
.proInfo-editBox *{max-width:100%;}

.productDetails-html{margin-top:30px;}
.productDetails-html-title{font-size:24px; padding-bottom:15px; border-bottom:1px #ddd solid; font-weight:700; color:#222;} 
}
@media screen and (min-width:769px) { 
.productDetails{padding:50px 0;display: block;}
.productDetails .left{min-width:100%; padding-right:0px;}
.productDetails .right{min-width:100%; background:#f5f5f5;}
.productDetails .right-more{padding-bottom:30px;}
.productDetails .right-more .alink-more{display:inline-block; cursor:pointer; background:var(--blue); border:1px var(--blue) solid; border-radius:0; color:#fff; padding:0 15px; line-height:40px; margin-top:20px;}
.productDetails .right-more .alink-more:hover{color:var(--blue); background:var(--yellow); border-radius:20px;}

.productDetails .right-tit{padding:20px 20px 0 20px;}
.productDetails .right-tit span{display:inline-block; padding:0 20px; height:32px; line-height:32px; text-align:center; color:#fff; font-size:15px; background:var(--blue)}
.productDetails-right{display:grid;grid-template-columns: repeat(3,1fr); grid-gap:20px 20px; padding:20px;}
.productDetails-right .item{border:1px #ddd solid; overflow:hidden;}
.productDetails-right .item .img{width:100%; position:relative; height:0; padding-top:75%; overflow:hidden; display:block;}
.productDetails-right .item .img img{position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover;}
.productDetails-right .item .word{height:20px; padding:10px 0; display:block; line-height:20px; text-align:center; font-size:16px; color:#333; font-family:Arial,"Microsoft YaHei"}
.productDetails-right .item:hover{background:#f1f1f1; border:1px var(--blue) solid; box-shadow: 4px 7px 4px 0 rgba(0, 0, 0, .23); border-radius:10px;}
.productDetails-right .item:hover .img img{transform:scale(1.1)}

.productDetails-top{display: flex; flex-direction: row;}
.productDetails-top .imgBigRq{width:50%; border:1px #ddd solid;}
.productDetails-top .imgBigBox{width:100%; padding-top:80%;}

.productDetails-top .proInfo{background:#f5f7f9; flex-grow:1; margin-left:20px; padding:20px;}
.productDetails-top .proInfo .proTit{font-size:36px; padding-bottom:10px; color:var(--blue); font-family:Arial,'Microsoft YaHei'; font-weight:bold; line-height:40px; border-bottom:1px #ddd solid;}
.productDetails-top .proInfo .proFenlei{display:flex; color:#666; flex-direction:row; padding:20px 0; border-bottom:1px #ddd solid;}
.productDetails-top .proInfo .proFenlei .tt{width:70px;}
.productDetails-top .proInfo .proFenlei .nn{flex-grow:1;}
.productDetails-top .proInfo .proFenlei .nn a{color:#666;}
.productDetails-top .proInfo .proFenlei .nn a:hover{color:var(--blue); text-decoration:underline;}

.proInfo-editBox{font-size:16px; color:#666; line-height:2; margin-top:30px;}
.proInfo-editBox p{margin-bottom:10px;}
.proInfo-editBox *{max-width:100%;}

.productDetails-html{margin-top:30px;}
.productDetails-html-title{font-size:24px; padding-bottom:15px; border-bottom:1px #ddd solid; font-weight:700; color:#222;} 
}
@media screen and (min-width:1200px) {
.productDetails{padding:50px 0;display: flex; flex-direction: row;}
.productDetails .left{flex-grow:1; padding-right:50px; min-width:auto;}
.productDetails .right{min-width:28%; background:#f5f5f5;}
.productDetails .right-more{padding-bottom:30px;}
.productDetails .right-more .alink-more{display:inline-block; cursor:pointer; background:var(--blue); border:1px var(--blue) solid; border-radius:0; color:#fff; padding:0 15px; line-height:40px; margin-top:20px;}
.productDetails .right-more .alink-more:hover{color:var(--blue); background:var(--yellow); border-radius:20px;}

.productDetails .right-tit{padding:20px 20px 0 20px;}
.productDetails .right-tit span{display:inline-block; padding:0 20px; height:32px; line-height:32px; text-align:center; color:#fff; font-size:15px; background:var(--blue)}
.productDetails-right{display:grid;grid-template-columns: repeat(2,1fr); grid-gap:20px 20px; padding:20px;}
.productDetails-right .item{border:1px #ddd solid; overflow:hidden;}
.productDetails-right .item .img{width:100%; position:relative; height:0; padding-top:75%; overflow:hidden; display:block;}
.productDetails-right .item .img img{position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover;}
.productDetails-right .item .word{height:20px; padding:10px 0; display:block; line-height:20px; text-align:center; font-size:16px; color:#333; font-family:Arial,"Microsoft YaHei"}
.productDetails-right .item:hover{background:#f1f1f1; border:1px var(--blue) solid; box-shadow: 4px 7px 4px 0 rgba(0, 0, 0, .23); border-radius:10px;}
.productDetails-right .item:hover .img img{transform:scale(1.1)}

.productDetails-top{display: flex; flex-direction: row;}
.productDetails-top .imgBigRq{width:50%; border:1px #ddd solid;}
.productDetails-top .imgBigBox{width:100%; padding-top:80%;}

.productDetails-top .proInfo{background:#f5f7f9; flex-grow:1; margin-left:20px; padding:20px;}
.productDetails-top .proInfo .proTit{font-size:36px; padding-bottom:10px; color:var(--blue); font-family:Arial,'Microsoft YaHei'; font-weight:bold; line-height:40px; border-bottom:1px #ddd solid;}
.productDetails-top .proInfo .proFenlei{display:flex; color:#666; flex-direction:row; padding:20px 0; border-bottom:1px #ddd solid;}
.productDetails-top .proInfo .proFenlei .tt{width:70px;}
.productDetails-top .proInfo .proFenlei .nn{flex-grow:1;}
.productDetails-top .proInfo .proFenlei .nn a{color:#666;}
.productDetails-top .proInfo .proFenlei .nn a:hover{color:var(--blue); text-decoration:underline;}

.proInfo-editBox{font-size:16px; color:#666; line-height:2; margin-top:30px;}
.proInfo-editBox p{margin-bottom:10px;}
.proInfo-editBox *{max-width:100%;}

.productDetails-html{margin-top:30px;}
.productDetails-html-title{font-size:24px; padding-bottom:15px; border-bottom:1px #ddd solid; font-weight:700; color:#222;} 
}


.fangItemRq {display:flex; flex-direction:row; flex-wrap:wrap;}
.fang-check .brli{padding-left:24px; height:34px; line-height:34px; margin-right:20px; position:relative; cursor:pointer;
-moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
.fang-check .brli:before{position:absolute; content:""; width:16px; height:16px; border:1px #ddd solid; z-index:1; top:calc(50% - 9px); left:0; z-index:1; background:#fff;
-moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
.fang-check .brli:after{position:absolute; content:""; font-family:'FontAwesome'; width:18px; height:18px;  text-align:center; line-height:18px; top:calc(50% - 9px); left:0; z-index:2;
-moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
.fang-check .brli.atc{color:var(--blue)}
.fang-check .brli.atc:before{border-color:var(--blue)}
.fang-check .brli.atc:after{color:var(--blue); content:"\f00c";}
.fang-check .brli:hover{color:var(--blue)}
.fang-check .brli:hover:before{border-color:var(--blue)}

.child-brli-min-80px .brli{min-width:80px;}
.child-brli-min-100px .brli{min-width:100px;}
.child-brli-min-120px .brli{min-width:120px;}


/*产品选型*/
@media screen and (max-width:768px) { 
.filterRq{border:1px #ddd solid;}
.filterRq-flex{display:flex; flex-direction:row; align-items:center; padding:10px 0; border-bottom:1px #ddd solid; }
.filterRq-flex .tt{width:50px; min-width:50px; text-align:center; font-size:14px;}
.filterRq-flex .nn{flex-grow:1;}
.filterRq-flex .yyFlex{display:flex; flex-direction:row; flex-wrap:wrap;}
.filterRq-flex .yyFlex .keyitem{margin:5px 5px 0px 0px;}
.filterRq-flex .yyFlex .keyitem{background:#e3f2fd; height:26px; line-height:26px; border-radius:2px; color:#267ef0;}
.filterRq-flex .yyFlex .keyitem .title{line-height:20px; padding:0 10px; border-right:1px #fff solid;}
.filterRq-flex .yyFlex .keyitem .close{padding:0 10px; cursor:pointer; line-height:26px;}
.filterRq-flex .yyFlex .keyitem .close:hover{color:var(--red)} 
}
@media screen and (min-width:769px) {  
.filterRq{border:1px #ddd solid;}
.filterRq-flex{display:flex; flex-direction:row; align-items:center; padding:20px 0; border-bottom:1px #ddd solid; }
.filterRq-flex .tt{width:100px; min-width:100px; text-align:center; font-size:14px;}
.filterRq-flex .nn{flex-grow:1;}
.filterRq-flex .yyFlex{display:flex; flex-direction:row; flex-wrap:wrap;}
.filterRq-flex .yyFlex .keyitem{margin:5px 5px 0px 0px;}
.filterRq-flex .yyFlex .keyitem{background:#e3f2fd; height:26px; line-height:26px; border-radius:2px; color:#267ef0;}
.filterRq-flex .yyFlex .keyitem .title{line-height:20px; padding:0 10px; border-right:1px #fff solid;}
.filterRq-flex .yyFlex .keyitem .close{padding:0 10px; cursor:pointer; line-height:26px;}
.filterRq-flex .yyFlex .keyitem .close:hover{color:var(--red)} 
}

/*筛选结果列表*/
.filterResultList{padding:20px 0 50px 0;}
.filterResultList-tit{width:100%;display:grid;grid-template-columns: repeat(7,1fr); border-left:1px var(--blue) solid; border-right:1px var(--blue) solid; }
.filterResultList-tit .item{background:var(--blue); border-left:1px #fff solid; color:#fff; text-align:center; font-weight:bold; line-height:30px; font-size:16px; padding:10px 0;}
.filterResultList-tit .item:first-child{border-left:0px;}

.ResultRq .Result-ul{width:100%;display:table; table-layout:fixed; flex-direction:row; align-items:center; border-left:1px #000 solid; border-right:1px #000 solid; border-bottom:1px #000 solid; }
.ResultRq .Result-ul .item{ display:table-cell; vertical-align:middle; background:#fff; border-left:1px #000 solid; text-align:center; line-height:30px;font-size:14px; color:#666; padding:10px 0;}
.ResultRq .Result-ul .item *{max-width:100%;}
.ResultRq .Result-ul .item:first-child{border-left:0px;}
.ResultRq .Result-ul .item .img{width:100%; overflow:hidden;  height:0; padding-top:60%; position:relative;}
.ResultRq .Result-ul .item .img img{position:absolute; width:100%; height:100%; top:0; left:0; object-fit:cover;}

@media screen and (min-width:1200px) {
}
@media screen and (min-width:769px) { 
}
@media screen and (max-width:768px) { 
}

@media screen and (min-width:1200px) {
}
@media screen and (min-width:769px) { 
}
@media screen and (max-width:768px) { 
}

@media screen and (min-width:1200px) {
}
@media screen and (min-width:769px) { 
}
@media screen and (max-width:768px) { 
}