/*初始化样式*/
html{margin:0;padding:0;border:0;}
body,div,span,object,iframe,h1,h2,h3,h4,p,blockquote,pre,a,address,code,b,em,img,
dl,dt,dd,ol,ul,li,fieldset,form,label,footer,
header,hgroup,nav,section
{margin:0;padding:0;border:0;}
body{background:#fff;color:#666;position:relative;font:12px/1.5 Microsoft YaHei,arial,宋体,sans-serif;vertical-align:baseline;width:100%;overflow-x:hidden;}
a{text-decoration:none;outline:none;}
a:link{color:#666;}
a:visited{color:#666;}
a:hover,a:active,a:focus{color:#009b4c;text-decoration:none;outline:none;}

input{padding:0;margin:0;font-family:'Microsoft YaHei';}
img{border:none;background:none;vertical-align:middle;}
ul,ol,li{list-style-type:none;}
select,input,img,select{vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0}
table, th, td {vertical-align: middle}
.clearfix:after{content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.clearfix{zoom:1}
.clearboth{height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px;}

h1,h2,h3,h4{font-size:12px;font-weight:bold;}
hr {border: 0;border-top:1px solid #ccc;height:0;}
dt{font-weight: normal;}

/*----- Common css ------*/
.fl{float:left;}
.fr{float:right;}
.di{_display:inline;}
.fwn{font-weight:normal;}
.dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;}

/*滚动*/
#demo{overflow:hidden;width:100%;margin:0 auto;}
#indemo {float: left;width:800%!important;}
#demo1 {float: left;}
#demo2 {float: left;}

#m_demo{overflow:hidden;width:92%;margin:0 auto;}
#m_indemo {float: left;width:800%!important;}
#m_demo1 {float: left;}
#m_demo2 {float: left;}




.wh{max-width:1630px;margin:0 auto;padding:0 15px;}
.wh2 {
    max-width: 1330px;
    margin: 0 auto;
    padding: 0 15px;
}


/* 【 重置 标签 】 */
h1,h2{font-size:12px;}
h1,h2,h3,h4,h5,h6{font-weight: normal;}

/* 图片 放大 效果 */
.com-img{ display:inline; overflow:hidden;margin:0 auto;display: table;}
.com-img img{ transition:all 0.8s; -webkit-transition:all 0.8s; -moz-transition:all 0.8s; -o-transition:all 0.8s;}
.com-img:hover img{transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1);-ms-transform:scale(1);}

.roll_product {float: left;}

.plist{margin-top: 56px;}
.plist li{margin-right: 15px;margin-bottom: 15px;}
.plist li:nth-child(3n){margin-right: 0;}
.plist li a.img{border:1px solid #e5e5e5;display: block;}
.plist li a.img img{width: 388px;height: 388px;}
.plist li h3 a{display: block;color: #fff;font-size: 16px;font-weight: normal;}




/*banner*/

.demo-product-box {
    position: relative;
}

.demo-product-box .big-img {}

.demo-product-box .small-img .owl-stage {
    width: 100%!important;
}

.demo-product-box .small-img .owl-item {
    float: none!important;
    display: inline-block;
}

.demo-product-box .small-img .owl-item a {
    display: block;
    position: relative;
}

.small-img {
    overflow: hidden;
    position: absolute;
    text-align: right;
    z-index: 99;
    bottom: 13%;
    left: 50%;
    margin-left: -665px;
}

.bj1 {
    /*background: rgba(0, 0, 0, .39) url(../images/b1.png) no-repeat center;*/
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;background-size: 27%;
}

.small-img .on .bj1 {
    /*background: rgba(0, 0, 0, .39) url(../images/11.png) no-repeat center;background-size: 27%;*/
}

.demo-product-box .small-img .owl-item {
    width: 130px!important;
    height: 60px!important;
    border: 5px solid rgba(186,186,186,.6);margin-right:5px;
}

.demo-product-box .small-img .owl-item  img {
    width:120px!important;
    height: 50px!important;
}

.demo-product-box .small-img  .owl-item.on {
    border: 5px solid #bababb;
}

.demo-product-box .small-img a {}

.banner {
    position: relative;
}

.small-img .slick-slide {
    width: 170px;
    border: 5px solid #c9c9c9;
    position: relative;
}

.small-img .slick-slide img {
    width: 160px;
    height: 90px;
}

.slider-for img {
    width: 100%;
}

.x-banner {
    display: none;
}

@media(max-width: 1040px) {
    .x-banner {
        display: block;
    }
    .demo-product-box {
        display: none;
    }
}



/* 2【 导航栏 】 */
.navTop{/* background: url(  ) repeat-x; */height: 100px;/*高度 5处 修改*/background: none;position: fixed;z-index: 999999;width: 100%;/*固定*/}
.navTop .wh{max-width: 1830px;}

.navTop:hover{background:#fff!important;color:#000!important;}
.navTop:hover .logoTxt p{color:#000!important;}
/* 【 Logo 】 */
.navTop .logoN{/*Logo*/float: left;line-height: 100px;/* width: 16%; */margin: 0;}
.navTop .logoN img{/* width: 100%; *//* position: relative;to: -2px; */}
/* 【 Logo 】 */
.navTop .logoTxt{font-size: 30px;color: #fff;margin: 8px 0 0 17px;padding: 0 0 0 23px;font-weight: normal;letter-spacing: 3px;border-left: 2px solid #fff;}



.navTop .logoTxt p:nth-child(2){font-size: 24px;color: #fff;margin: 2px 0 0 0;padding:0 0 0 0;font-weight: 300;}
/* 【 电话 】 */
.navPhone{display: none;/*隐藏*/font-size: 18px;color: #fff;/* background: url(  ) no-repeat center left; */ padding: 0 0 0 0;margin: 0 0 0 2vw;font-weight: normal;line-height: 100px;}
/* ● 【 导航栏 】Main */
.x-menu {/* width: 50%; */float: right;/* display: flex; *//* justify-content: space-between; *//* margin-right: -50px; *//* width: 1300px;position: relative;left: -50px; */text-align: right;}
.x-menu > li {/* float: left; */position: relative;text-align:center;/* width: calc(100% / 7 - 0px); */display: inline-block;}
.x-menu > li > a {display: block;font-size: 18px;color: #fff;line-height: 100px;transition: .3s;/* width: 70%;margin: 0 auto; *//*居中，增加 边距*//* font-weight: bold; */position: relative;letter-spacing: 2px;z-index: 111;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.x-menu > li > a:hover {/* background: #dd0404;color: #fff; *//* background: url(  ) no-repeat center bottom; */ /* border-bottom: 2px solid #009F9B; */ }
.x-menu > li+li{margin-left: 3vw;}



/*  */
.x-menu > li.active > a {}
.x-menu > li:after {content: '';position: absolute;z-index: 100;width: 100%;left: 0;height: 10px;opacity: 0;top: 100%; }
.x-menu > li:hover .x-sub-menu {opacity: 1;visibility: visible;-webkit-transform: translateY(0);transform: translateY(0); }


/* 描述 (英文) */
.x-menu > li{position: relative;}
.x-menu .navEng{font-size: 11px;color: #ababab;position: absolute;top: 26px;left: 0;right: 0;z-index: 2;pointer-events: none;}
/* ● 【 下拉框 】 */
.x-sub-menu {left: -25%;top: calc(100px + 8px);width: 150%;padding: 10px 0;background: #fff;border-radius: 5px;opacity: 0;visibility: hidden;-webkit-transform: translateY(20px);  transform: translateY(20px);-webkit-transition: all .5s ease;transition: all .5s ease;position: absolute;z-index: 99;}
.x-sub-menu > li > a {display: block;text-align: center; font-size:14px;color: #333;line-height:38px;height:38px;overflow:hidden; }
.x-sub-menu > li > a:hover {background: #e9eaeb; }
.x-sub-menu:after {top: -9px;left: 50%;margin-left: -10px;content: '';width: 0;height: 0;line-height: 0;font-size: 0;overflow: hidden;border-width: 10px;cursor: pointer;border-style: dashed dashed solid dashed;border-color: transparent transparent #fff transparent;border-top: none;position: absolute;z-index: 99; }
/* 【 中英文 切换 】 */
.language{margin: 27px 0 0 0;padding: 3px 5px;text-align: center;}
.language img{padding-right: 5px;}
.language a{padding: 0 0 0 0;font-size: 14px;color: #696969;margin: 0 0 0 0;display:inline-block;float:left;}
/* 【 搜索框 】1 */
.navSearch{display: none;/*隐藏*/}
/* 容器 */
.navSearch #formsearch{height: 40px;line-height: 41px;margin-right: 13px;margin-top: 0px;}
.navSearch #formsearch input::-webkit-input-placeholder {color:#9a9a9a;}
.navSearch #formsearch textarea::-webkit-input-placeholder {color: #9a9a9a;}
/* 输入框 */
.navSearch #keyword{width: 225px;height: 37px;line-height: 37px;color: #9a9a9a;font-size: 12px;margin-left: 10px;border: none; border: 1px #2b7ce2 solid;padding: 0 0 0 10px;outline: none;background: none;}
/* 按钮 */
.navSearch #s_btn{font-size: 12px;color:#fff;width: 52px;height: 37px;line-height: 37px;margin-left: -4px; border: none;background: none;outline: none;background-color: #2b7ce2;}
/* 【 搜索框 】2 */
.navSearch2{display: none;/*隐藏*/}
.navSearch2 { position: relative; float: right; width:20px; height:107px/*修改：3处*/; cursor: pointer; z-index: 999;}
.navSearch2 .search_btn { width:20px; height:107px; background: url( //cdn.myxypt.com/d9302e99/21/06/dac08c56c391513ad87f9e32201c0cc322030dc9.png ) no-repeat center center; }
.navSearch2 #formsearch1 { position: absolute; z-index: 20; top:107px; right:0; display: none; width: 350px; margin-left: -20px; padding: 20px; border: 1px solid #e0e0e0; background: #fff; }
.navSearch2 #formsearch1 input { position: absolute; top: 1px; width: 100%; height: 34px; -webkit-transition: .15s ease-in-out, -webkit-box-shadow .15s ease-in-out; border: 1px solid #ccc; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); }
.navSearch2 #formsearch1 input:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6); }
.navSearch2 .sinput { position: relative; height: 36px; }
.navSearch2 #formsearch1 input#keyword { outline: none;text-indent:6px; }
.navSearch2 #formsearch1 input#s_btn {background:#154A96;/*修改：1处*/ position: absolute; z-index: 2; top: 1px; right: -1px; width: 39px; height: 34px; border: 0;outline:none;color:#fff; cursor: pointer;font-size:13px; }
.navSearch2 .triangle { position: absolute; top: -15px; right: 0; display: none; overflow: hidden; width: 320px; height: 15px; }



/* 【 banner 】 */
.banner{position:relative;}
.banner{width:100%;height:100%;}
.banner ul.bb{position:relative;padding:0px;margin:0px;z-index:5;width:100%;height:100%;}
.banner ul.bb li{position:absolute;display:none;width:100%;height:100%;}
.banner ul.bb li a{width:100%;display:block;height:100%;}
.banner ul.bb li a img{width:100%;height:100%;}
.banner .num{position:absolute;right:0;bottom:40px;z-index:100;text-align: center;width: 100%;}
.banner .num li{display:inline-block;margin:0 5px;width:61px;height: 6px; text-indent:-100px;overflow:hidden;background: #009b4c;}
.banner .num li.num_hover{background-color:#e15616;}
.banner .num li.num_hover a{color:#fff;}
.banner .num li a{float:left;display:inline;text-align:center;color:#666;text-decoration:none;cursor:pointer;width:16px;height:16px;line-height:16px;}



/* 【 1 国家标准起草单位 】 */
.box1{clear: both;overflow: hidden;padding: 100px 0 50px 0;}
/* 大标题 (常规) */
.box1 .bigTitle{text-align: center;}
.box1 .bigTitle .title1{font-size: 36px;color: #333333;font-weight: bold;letter-spacing: 1px;text-transform: uppercase;line-height: 1;padding: 0 0 0 0;position: relative;letter-spacing: 5px;}
.box1 .bigTitle .title2{font-size: 16px;color: #333333;text-transform: uppercase;margin: calc(25 / 1600 * 100%) 0 calc(60 / 1600 * 100%) 0;padding: 0 0 0 0;letter-spacing: 2px;}
/* 【 手风琴 】 */
.box1 ul{display: inline-block;margin: 0px 0 0 0;padding:0 0 0 0;display: flex;justify-content: space-between;/*flex-wrap: wrap;*/}
.box1 ul li{display: inline-block;margin: 0px 0 0 0;padding: 0 1.3vw;width: 300px;height: 300px;position: relative;transition: .4s;}
.box1 ul li a{width: 100%;}
.box1 ul li .img{margin: 0px 0 0 0;padding:0 0 0 0;width: 100%;height: 100%;}
.box1 ul li .img img{width:100%;object-fit: cover;height: 100%;}
.box1 ul li .txt{margin: 0px 0 0 0;padding:0 0 0 0;transition: .4s;}
.box1 ul li h2{font-size: 30px;color: #333333;margin: 40px 0 0 0;padding: 0 0 0 0;transition: .4s;font-weight: normal;letter-spacing: 1px;font-weight: bold;}
.box1 ul li h3{font-size: 16px;color: #333333;margin: 10px 0 0 0;padding:0 0 0 0;transition: .4s;font-weight: normal;letter-spacing: 1px;line-height: 1.5;}
.box1 ul li:nth-child(2n - 1) h2,
.box1 ul li:nth-child(2n - 1) h3{color: #fff;}
.box1 ul li.on{width: 700px;padding: 0 236px 0 1.3vw;background-position: right center!important;}
/* 【响应式】 */
@media (max-width: 1024px) {
    .box1 ul li{width: 340px;}
}
@media (max-width: 990px) {
    .box1 ul{flex-wrap: wrap;margin-top: 20px;}
    .box1 ul li{width: calc(100% / 1);padding: 0 216px 0 20px;background-size: cover!important;background-position: right center!important;}
}
@media (max-width: 640px) {
    .box1{padding: 40px 0 30px 0;}
    .box1 ul li{padding-left: 15px;}
    .box1 ul li h2{font-size: 18px;}
    .box1 ul li h3{font-size: 14px;}
}



/* 【 2 产品中心 】 */
.box2{clear: both;overflow: hidden;padding: 50px 0 50px 0;}
/* 大标题 (常规) */
.box2 .bigTitle{text-align: center;}
.box2 .bigTitle .title1{font-size: 36px;color: #333333;font-weight: bold;letter-spacing: 1px;text-transform: uppercase;line-height: 1;padding: 0 0 0 0;position: relative;letter-spacing: 5px;}
.box2 .bigTitle .title2{font-size: 16px;color: #333333;text-transform: uppercase;margin: calc(25 / 1600 * 100%) 0 calc(60 / 1600 * 100%) 0;padding: 0 0 0 0;letter-spacing: 2px;}
/*  */
.box2 .group{background: url( //cdn.myxypt.com/c76c6903/21/10/8eb9f443a0bd2fea2b202c2d63533e622d0b246c.jpg ) no-repeat center top;background-size: cover;}
/* 【 分类 】 */
.box2 .list1{display: inline-block;margin: 0px 0 0 0;padding:5vw 0 0 0;width: 100%;}
.box2 .list1 li{display: inline-block;margin: 15px 1.2vw 0 0;padding:0 0 0 0;width: calc(100% / 5 - 1.4vw);position: relative;transition: .4s;}
.box2 .list1 li a{width: 100%;}
.box2 .list1 li .img{margin: 0px 0 0 0;padding:0 0 0 0;}

.box2 .list1 li .txt{margin: 0px 0 0 0;padding:0 0 0 0;transition: .4s;}
.box2 .list1 li h2{font-size: 18px;color: #333333;font-weight: normal;margin: 0 0 0 0;padding: 0px 46px 0 1vw;line-height: 280%;background-color: #fff;position: relative;letter-spacing: 2px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;text-align: left;}
.box2 .list1 li h2:before{width: 16px;height: 6px;top: 50%;transform: translateY(-50%);right: 18px;background: url( //cdn.myxypt.com/c76c6903/21/10/4507cee9c28b2860b62df759805a245652898050.png ) no-repeat 0px 0px;position: absolute;content: "";z-index: 99;}
/* 【 Swiper 】1 */
/* 大容器 */
.swp1-container{overflow: hidden;position: relative;padding: 0 0 3.5vw 0; margin-top:5vw;z-index:99;}
/* ul */
.swp1-container .swiper-wrapper{margin: 25px 0 0 0;padding:0 0 0 0;}
/* li */
.swp1-container .swiper-slide{display: inline-block;position: relative;text-align: center;margin: 0px 0 0 0;}
.swp1-container .swiper-slide a{display: inline-block;width: 93%;padding:0 0 0 0;}
.swp1-container .swiper-slide .img{width: 66%;height: 14vw;margin: 0 auto 0;padding: 0 0 0 0;transition: .4s;position: relative;z-index:9;}
.swp1-container .swiper-slide img{width: 130%;position: absolute;bottom: 0;left: 0;left: 50%;transform: translateX(-50%);z-index:9;}
.swp1-container .swiper-slide h3{font-size:24px;color: #fff;margin: 4vw 0 0 0;padding:0 0 0 0;font-weight: bold;opacity: 0;transition: .4s;}
/* 左右 箭头 */
.swp1-button-prev{width: 40px;height: 30px;background: url(../images/main/roll_L.png) no-repeat center top;position: absolute;left: 0px;bottom: 0px;z-index: 99;outline: none;}
.swp1-button-next{width: 40px;height: 30px;background: url(../images/main/roll_R.png) no-repeat center top;position: absolute;right: 0px;bottom: 0px;z-index: 99;outline: none;}
/* 上一个、激活(中间)、下一个 轮播图 */
.swp1-container .swiper-slide-prev{z-index: 99;}
.swp1-container .swiper-slide-active{z-index: 99;}
.swp1-container .swiper-slide-active .img{width: 90%;z-index: 99;}
.swp1-container .swiper-slide-active h3{opacity: 1;}
.swp1-container .swiper-slide-next{}
/* 响应式 */
@media (max-width: 1439px) {
    .box2 .list1 li{width: calc(100% / 3 - 1.3vw);}
    .box2 .list1 li:nth-child(3n){margin-right: 0;}
    .swp1-container .swiper-slide .img{height: 24vw;}
}
@media (max-width: 639px) {
    .box2 .list1 li{width: calc(100% / 2 - 1.8vw);margin-top: 10px;}
    .box2 .list1 li:nth-child(2n){float: right;margin-right: 0;}
    .box2 .list1 li h2{font-size: 14px;letter-spacing: 0px;padding-left: 10px;line-height: 2;}
    .swp1-container .swiper-slide .img{height: 35vw;}
    .swp1-container .swiper-slide h3{margin-top: 30px;font-size: 20px;}
}
@media (max-width: 425px) {
    .swp1-container .swiper-slide .img{height: 74vw;}
}
/* 【响应式】 */
@media (max-width: 768px) {
    .box2{padding: 30px 0 30px 0;}
    .swp1-container{padding: 10px 0 30px 0;}
}



/* 【 3 我们的优势 】 */
.box3{clear: both;overflow: hidden;padding: 50px 0 50px 0;}
/* 大标题 (常规) */
.box3 .bigTitle{text-align: center;}
.box3 .bigTitle .title1{font-size: 36px;color: #333333;font-weight: bold;letter-spacing: 1px;text-transform: uppercase;line-height: 1;padding: 0 0 0 0;position: relative;letter-spacing: 5px;}
.box3 .bigTitle .title2{font-size: 16px;color: #333333;text-transform: uppercase;margin: calc(25 / 1600 * 100%) 0 calc(60 / 1600 * 100%) 0;padding: 0 0 0 0;letter-spacing: 2px;}
/* 【 手风琴 】 */
.box3 ul{display: inline-block;margin: 0px 0 0 0;padding:0 0 0 0;display: flex;justify-content: space-between;/*flex-wrap: wrap;*/transition: .4s;}
.box3 ul li{display: inline-block;margin: 0px 2px 0 0;padding:0 0 0 0;width: calc(100% / 4 - 0px);position: relative;transition: 1s;overflow: hidden;}
.box3 ul li a{width: 100%;}
.box3 ul li .img{margin: 0px 0 0 0;padding:0 0 0 0;position: relative;}
.box3 ul li .mask{width: 100%;height: 100%;background: rgba(45, 51, 55, .6); content: "";display: inline-block;position: absolute;transition: .4s;left: 0;top:0;right: 0;bottom: 0;pointer-events: none;}

.box3 ul li .group{margin: 0px 0 0 0;padding: 0 0 0 0;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);transition: .4s;text-align: center;}
.box3 ul li .fimg{margin: 0px 0 0 0;padding:0 0 0 0;}
.box3 ul li .fimg img{transition: .4s;}
.box3 ul li h2{font-size: 24px;color: #fff;margin: 20px 0 0 0;padding:0 0 0 0;transition: .4s;font-weight: normal;}
.box3 ul li h3{font-size: 16px;color: #fff;margin: 10px 0 0 0;padding:0 0 0 0;transition: .4s;font-weight: normal;}
.box3 ul li h4{font-size: 16px;color: #fff;margin: 0px 0 0 0;padding:10px;transition: .4s;font-weight: normal;background-color: rgba(230, 0, 19, .5);position: absolute;bottom: 30px;left: 50%;transform: translateX(-50%);width: 90%;opacity: 0;pointer-events: none;line-height: 1.8;}
.box3 ul li:hover{width: 62%;}
.box3 ul li:hover .group{opacity: 0;}
.box3 ul li:hover .mask{opacity: 0;}
.box3 ul li:hover h4{opacity: 1;}
.box3 ul li:last-child{margin-right: 0;}
.box3 ul:hover li:not(:hover){width: calc(38% / 3);}
/* 【响应式】 */
@media (max-width: 1024px) {
    .box3 ul li .img img{max-height: 500px;overflow: hidden;}
    .box3 ul li:hover{width: 50%;}
    .box3 ul li h2{font-size: 18px;}
    .box3 ul li h3,
    .box3 ul li h4{font-size: 14px;}
    .box3 ul li .fimg img{transform: scale(.8);}
    .box3 ul:hover li:not(:hover) .fimg img{transform: scale(.6);}
    .box3 ul:hover li:not(:hover){width: calc(50% / 3);}
}
@media (max-width: 640px) {
    .box3{padding: 30px 0 0px 0;}
    .box3 ul li{transition: .4s;}
    .box3 ul li .img img{max-height: 300px;overflow: hidden;}
    .box3 ul li h2{font-size: 16px;}
    .box3 ul li h3,
    .box3 ul li h4{font-size: 12px;}
    .box3 ul li .fimg img{transform: scale(.6);}
    .box3 ul:hover li:not(:hover) .fimg img{transform: scale(.5);}
    .box3 ul li h4{bottom: 15px;}
    .box3 ul li{margin: 0px 1px 0 0;}
}



/* 【 4 新闻资讯 】 */
.box4{clear: both;overflow: hidden;padding: 50px 0 50px 0;}
/* 大标题 (常规) */
.box4 .bigTitle{text-align: center;}
.box4 .bigTitle .title1{font-size: 36px;color: #333333;font-weight: bold;letter-spacing: 1px;text-transform: uppercase;line-height: 1;padding: 0 0 0 0;position: relative;letter-spacing: 5px;}
.box4 .bigTitle .title2{font-size: 16px;color: #333333;text-transform: uppercase;margin: calc(18 / 1600 * 100%) 0 calc(60 / 1600 * 100%) 0;padding: 0 0 0 0;letter-spacing: 2px;}
/* 【 左侧 】===================== */
.box4 .ll{width: calc(600 / 1600 * 100%);float: left;margin: 0px 0 0 0;padding: 0 0 0 0;}
/*  */
.box4 .list1{display: inline-block;margin: 0px 0 0 0;padding:0 0 0 0;}
.box4 .list1 li{display: inline-block;margin: 0px 0 0 0;padding:0 0 0 0;width: calc(100% / 1 - 0px);position: relative;transition: .4s;}
.box4 .list1 li a{width: 100%;}
.box4 .list1 li .img{margin: 0px 0 0 0;padding:0 0 0 0;width: 100%;}
.box4 .list1 li .img img{width:100%;}
.box4 .list1 li .txt{margin: 0px 0 0 0;padding:0 0 0 0;transition: .4s;}
.box4 .list1 li h2{font-size: 24px;color: #333333;margin: 30px 0 0 0;padding:0 0 0 0;transition: .4s;font-weight: normal;}
.box4 .list1 li h3{font-size: 14px;color: #333333;margin: 15px 0 0 0;padding:0 0 0 0;transition: .4s;font-weight: normal;line-height: 1.8;}

.box4 .list1 li:hover h2{color: #E60013;}
/* 【 右侧 】===================== */
.box4 .rr{width: calc(960 / 1600 * 100%);float: right;margin: 0px 0 0 0;padding: 0 0 0 0;}
/*  */
.box4 .list2{display: inline-block;margin: 0px 0 0 0;padding:0 0 0 0;}
.box4 .list2 li{display: inline-block;margin: 0px 0 0 0;padding:2vw 0 1.5vw 0;width: calc(100% / 1 - 0px);position: relative;transition: .4s;border-bottom: 1px solid #CCCCCC;}
.box4 .list2 li a{width: 100%;}
.box4 .list2 li .img{margin: 0px 0 0 0;padding:0 0 0 0;}


.box4 .list2 li .time{margin: 0px 0 0 3vw;padding:0 0 0 0;transition: .4s;float: left;}
.box4 .list2 li h2{font-size: 48px;color: #7e7e7e;margin: 0px 0 0 0;padding:0 0 0 0;transition: .4s;font-weight: bold;}
.box4 .list2 li h3{font-size: 16px;color: #7e7e7e;margin: 0px 0 0 0;padding:0 0 0 0;transition: .4s;font-weight: normal;}
.box4 .list2 li .txt{margin: 0px 0 0 2vw;padding:0 0 0 0;transition: .4s;float: right;width: calc(800 / 960 * 100%);}
.box4 .list2 li h4{font-size: 18px;color: #333333;margin: 0px 0 0 0;padding:0 0 0 0;transition: .4s;font-weight: normal;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.box4 .list2 li h5{font-size: 14px;color: #333333;margin: 9px 0 0 0;padding:0 0 0 0;transition: .4s;font-weight: normal;line-height: 1.8;}

.box4 .list2 li:hover h4{color: #E60013;}
/* 【响应式】 */
@media (max-width: 1440px) {}
@media (max-width: 1370px) {
    .box4 .list2 li .time{margin: 0 0 0 1vw;}
}
@media (max-width: 1024px) {
    .box4 .list2 li .txt{width: calc(790 / 960 * 100%);}
    .box4 .list1 li h2{font-size:20px;}
    .box4 .list2 li h5{line-height:25px;height:50px;overflow:hidden;}
}
@media (max-width: 778px) {
    .box4{padding: 30px 0 30px 0;}
    .box4 .ll,
    .box4 .rr{float: none;width: 100%;}
    
    .box4 .list2{margin-top: 20px;}
    .box4 .list2 li h2{font-size: 43px;}
    .box4 .list1 li h2{font-size: 18px;}
    .box4 .list2 li h3{font-size: 14px;}
    .box4 .list1 li h3{font-size: 14px;}
    .box4 .list2 li h4{font-size: 16px;}
    .box4 .list2 li h5{font-size: 14px;height: calc(14px * 2 * 1.8);overflow: hidden;line-height: 1.8;}
    .box4 .list2 li{padding: 10px 0;}
    .box4 .list2 li .time{margin: 0 0 0 15px;}
    .box4 .list2 li .txt{width: calc(812 / 960 * 100%);}
}
@media (max-width:425px) {
    .box4 .list2 li .txt{width: calc(709 / 960 * 100%);}
}



/* 【 友情链接 1 】 */
.f_link1{color: #aba8a8;font-size: 14px;margin: 0 0 0 0;padding: 0 0 20px 0;background:#D8D8D8;}
.f_link1 a{color: #aba8a8;}
.f_link1 a+a{margin-left: 6px;}



/* 【 页脚 】 */
/* Box */
.footer{text-align:left;background-color: #D8D8D8;padding-top: calc(53 / 1600 * 100%);color: #fff;clear: both;}
.footer > .wh{/* display: table; */max-width: 1800px;}
/* Logo */
.footer .logo{margin: 3vw 4vw 0 0;}
/* 【 栏目 分类 】 */
.f_nav{width: 44%;}
.f_nav dl{float:left;width:auto;overflow:hidden;text-align:left;width:25%;}
.f_nav dl a{color: #333333;}
.f_nav dt{margin-bottom:16px;font-size:24px;color: #333;font-weight: bold;padding: 0 0 13px 0;position: relative;} /* 标题 */
.f_nav dt::before{ bottom: 0%;left: 0%;width: 40px;height: 2px;background: #A11F24; content: "";display: inline-block;position: absolute;z-index: 100; }
.f_nav dd{line-height: 29px;}
.f_nav dd a{font-size:16px;color: #333333;letter-spacing: 2px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}  /* 列表 */
.f_nav dl+dl{}


/* 联系我们 */
.footer .contactUs{width: 22.71%;}
.footer .contactUs h2{font-size: 24px;font-weight: bold;color: #333;position: relative;padding: 0 0 15px 0;line-height: 1.5;}
.footer .contactUs h2::before{ bottom: 0%;left: 0%;width: 40px;height: 2px;background: #A11F24; content: "";display: inline-block;position: absolute;z-index: 100; }
.footer .contactUs h3{font-size: 16px;line-height: 200%;margin-top: 13px;color: #333;letter-spacing: 2px;}
/* 【 二维码 】 */
.qrcode{width:8.5%;float:right;margin-right: 38px;}
/* 左侧 文字 */
.qrcode .txt_Left{float: left;margin-right: 5px;margin-top: 10px;background: url(../images/main/qrcode_pic1.png) no-repeat center top;padding-top: 20px;}    
.qrcode .txt_Left{  width: 14px; line-height: 14px;    font-size: 18px;}  /* 文字 竖排 */
/* 图片 */
.qrcode .code1{}  /*  大小 */
.qrcode .code1 img{width: 100%;height: 100%;overflow: hidden;}  /*  边框 */
/* 底部 文字 */
.qrcode .txt_bottom{clear: both;text-align: center;margin-top: 5px;font-size: 18px;color: #000;}
/* 2 */
.copyright{color: rgba(51, 51, 51, .5);font-size: 14px;line-height:24px;border-top: 1px solid rgba(255, 255, 255, .1);padding: .8vw 0;margin-top: 1vw;clear: both;background-color: #D8D8D8;letter-spacing: 1px;}
.copyright a{color: rgba(51, 51, 51, .5);}
.copyright .group2{clear: both;width: 100%;}
/* ======== 页脚 New ========= */
.footer{}
/* 响应式 */
@media (max-width: 1800px) {
    .footer .logo{width: 10%;}
    .footer .logo img{width: 100%;}
    .footer .contactUs{}
    .footer .contactUs h2,
    .f_nav dt{font-size: 20px;}
    .f_nav dd a,
    .footer .contactUs h3,
    .qrcode .txt_bottom{font-size: 14px;letter-spacing: 0;}
    .qrcode{}
    .qrcode .code1{}
    .qrcode .code1 img{width:100%;display:block;}
    
}
@media (max-width: 1024px) {
    .footer .contactUs h2,
    .f_nav dt{font-size: 16px;}
    .footer .contactUs h2{padding: 0 0 8px 0;}
    .footer .contactUs{float:right;width:26.71%;}
    .qrcode{display:none;}
    .f_nav{width:59%;}
   


}


@media (max-width: 990px) {
    .footer .logo,
    .f_nav{display: none;}
}

@media (max-width:768px) {
   .footer .contactUs{float:none;width:100%;}
}




/* 【 内页 】左侧 */
.container{width: 1200px!important;margin: 0 auto;padding: 0;}
.page-product-inquiry a{color: #fff;}


/* 【 自适应 】手机 底部 */
@media (max-width:768px){.db{display:block!important;/*隐藏*/}}
.dbb{height:67px;} /* 【修改】总高度 */
/* 页脚 */
.footerDB {background: #E60013;/* 【修改】2处 */position: fixed;bottom: 0;left: 0;right: 0;z-index: 999; }
.footerDB ul {display: -webkit-box;display: -ms-flexbox;display: flex; }
.footerDB ul li {-webkit-box-flex: 1; -ms-flex: 1;flex: 1;text-align: center;color: #ffffff;line-height: 30px;padding:10px 0 2px 0;font-size: 0; }
.footerDB ul li.active {background: #E60013; }
.footerDB ul li a {display: block;color:#fff; }
.footerDB ul li .iconfont {font-size: 18px;display: block;vertical-align: middle;margin: 0 auto; }
.footerDB ul li span {display: inline-block;vertical-align: middle;font-size: 13px;color:#fff; }
/* 图片 */
.footerDB li:nth-child(1) i{ background: url( //cdn.myxypt.com/c76c6903/21/10/d8d3a706929aeb022f2d3befff0915bf8d583440.png ) no-repeat;}
.footerDB li:nth-child(2) i{ background: url( //cdn.myxypt.com/c76c6903/21/10/cb8fca1e317e61e4c6debf39b9ac060c3ac08f0b.png ) no-repeat;}
.footerDB li:nth-child(3) i{ background: url( //cdn.myxypt.com/c76c6903/21/10/e3912e62dc048c2409e784710fe41d721022457d.png ) no-repeat;}
.footerDB li i{width: 25px;height: 25px;background-size: 100%!important;}
.footerDB li .icon-phone:before{font-size:0;}

.footerDB ul li:last-child a{border-right:none;}
/* 【 自适应 】Banner 移至 导航栏 下 */



/* 【 自适应 】*/
@media (max-width: 1440px) {
    .bigTitle .title1{font-size: 22px!important;letter-spacing: 1px!important;}
    .bigTitle .title2{font-size: 14px!important;letter-spacing: 0!important;}
}
@media (max-width: 1024px) {

}
@media (max-width: 768px) {
    .copyright{font-size: 14px;letter-spacing: 0;}
    .copyright .group3{clear: both;float: none;}
    body {padding-top: 60px;}/* 响应式 头部 导航 高度 */
    .footer .qrcode{margin: 13px 0 6px 0;}
}


@media (max-width:425px) {
    .copyright{font-size:12px;}
}



/*  */
.xymob-dlbtn{display: none;}




/* =============================== 【 内页 】关于我们 ===================================== */
/* 【 1 智能制造 】 */
.aBox1{clear: both;overflow: hidden;padding: 23px 0 50px 0;/* background: url(  ) no-repeat center top; *//* background-size: cover; *//*position: relative;*/}
/* 大标题 (常规) */
.aBox1 .bigTitle{text-align: center;}
.aBox1 .bigTitle .title1{font-size: 48px;color: #333333;font-weight: bold;letter-spacing: 1px;/* background: url(  ) no-repeat center bottom; *//* background-size: cover; */text-transform: uppercase;line-height: 1;padding: 0 0 25px 0;position: relative;letter-spacing: 5px; border-bottom: 1px solid #D8D8D8;}
/* 【动态 数字】 */
.listNumber{width: auto;margin: 0 auto;padding: 50px 0 30px 0;display: flex;justify-content: space-between;}
.listNumber li{display: inline-block;float: left;width: calc(100% / 4 - 0px);padding: 0 0 40px 2.5vw;/* background-color: #02A856; */}
.listNumber a{display: inline-block;text-align: left;margin: 0 auto;width: 100%;}
.listNumber .txt{display: inline-block;margin: 0 auto;}
.listNumber h2{font-size: 46px;display: inline-block;color: #333333;font-weight: bold;}
.listNumber h3{font-size: 24px;display: inline-block;color: #5e5e5e;font-weight: normal;margin: 0px 0 0 2px;}
.listNumber h4{font-size: 20px;color: #5e5e5e;font-weight: normal;margin: 2px 0 0 0;}
.listNumber h5{font-size: 20px;color: #5e5e5e;font-weight: normal;margin: 7px 0 0 0;}
.listNumber li:last-child{width: auto;padding-right: 2vw;}


/*  */
.aBox1 .aVideo{}
.aBox1 .aVideo img{width: 100%;}

/* 响应式 */
@media (max-width:1440px) {
    .listNumber h4{font-size: 18px;}
    .listNumber h5{font-size: 18px;}
}



@media (max-width: 1024px) {
    .listNumber h2{font-size: 30px;}
    .listNumber h3{font-size: 20px;}
    .listNumber h4{font-size: 16px;}
    .listNumber h5{font-size: 16px;}
}
@media (max-width: 768px) {
    .listNumber{flex-wrap: wrap;padding-top: 20px;}
    .listNumber li{width: 48%;padding: 0 0 20px;}
    .listNumber li:last-child{width: 48%;padding-right: 0;}
}
@media (max-width: 475px) {
    .aBox1{padding: 30px 0 30px 0;}
    .listNumber,
    .box2 .titCon{width: 100%;}
    .listNumber h2{font-size: 24px;}
    .listNumber h3{font-size: 18px;}
    .listNumber h4{font-size: 14px;}
    .listNumber h5{font-size: 14px;}
}



/* 【 2 新宏液压·​ 专业液压产品制造商 】 */
.aBox2{clear: both;overflow: hidden;padding: 50px 0 50px 0;/* background: url(  ) no-repeat center top; *//* background-size: cover; *//*position: relative;*/}
/* 大标题 (常规) */
.aBox2 .bigTitle{text-align: center;}
.aBox2 .bigTitle .title1{font-size: 48px;color: #333333;font-weight: bold;letter-spacing: 1px;/* background: url(  ) no-repeat center bottom; *//* background-size: cover; */text-transform: uppercase;line-height: 1;padding: 0 0 0 0;position: relative;letter-spacing: 5px;}
.aBox2 .bigTitle .title2{font-size: 18px;color: #000;text-transform: uppercase;/* background: url(  ) no-repeat center; */margin: calc(25 / 1600 * 100%) 0 calc(60 / 1600 * 100%) 0;padding: 0 0 0 0;letter-spacing: 2px;}
.aBox2 .group{background-color: #F4F4F4;}
/* 【 左侧 】===================== */
.aBox2 .ll{width: 50%;float: left;margin: 0px 0 0 0;padding: 0 0 0 0;/* clear: both; */}
.aBox2 .ll img{width: 100%;}
/* 【 右侧 】===================== */
.aBox2 .rr{width: 50%;float: right;margin: 4vw 0 0 0;padding: 0 calc((100vw - 1480px) / 2) 0 calc(48 / 1600 * 100%);/* clear: both; */background-color: #F4F4F4;}
.aBox2 .rr h2{font-size: 36px;color: #333333;margin: 0px 0 2vw 0;padding:0 0 1.7vw 0;font-weight: bold;position: relative;display: inline-block;}
.aBox2 .rr h2:before{width: 35%;height: 5px;bottom: 0px;left: 0px;position: absolute;background: #000000;content: "";z-index: 99;transition: .3s;}
.aBox2 .rr h3{font-size: 16px;color: #000;margin: 0px 0 0 0;padding:0 0 0 0;font-weight: normal;line-height: 2;}
/* 响应式 */
@media (max-width: 1440px) {}
@media (max-width: 1024px) {
    .aBox2 .rr{margin-top: 20px;padding-right: 10px;padding-left: 15px;}
    .aBox2 .rr h2{font-size: 24px;padding-bottom: 15px;margin-bottom: 15px;}
    .aBox2 .rr h2::before{height: 3px;}
    .aBox2 .rr h3{font-size: 14px;line-height: 1.8;}
}
@media (max-width: 768px) {
    .aBox2{padding: 0 0 0 0;}
    .aBox2 .ll,
    .aBox2 .rr{float: none;width: 100%;}
    .aBox2 .rr{padding-bottom: 30px;padding-top: 10px;}
}
@media (max-width: 475px) {
}



/* 【 3 轮播图 】 */
.aBox3{clear: both;overflow: hidden;padding: 0px 0 calc(92 / 1600 * 100%) 0;/* background: url(  ) no-repeat center top; *//* background-size: cover; *//*position: relative;*/}
/* 【 图片 单排 滚动 】1 */
.autoplay1{/* display: flex;justify-content: space-between; */margin: 10px 0 0 0;padding: 0 0 0 0;}
/* .autoplay1 .slick-slide{width: calc(100% / 4 - 10px);} */
.autoplay1 li{width: 23%;margin: 0 0px;/*间距*/padding: 0 14px;position: relative;}
.autoplay1 li .img{width: 100%;margin: 0 0 0 0;padding: 0 0 0 0;}
.autoplay1 li img{width: 100%;}
.autoplay1 h2{font-size: 16px;color: #333333;line-height: 50px;text-align: center;/* background-color: rgba(0, 102, 217, .5); *//* position: absolute;bottom: 0;left: 0;right: 0; */}
.autoplay1 li:hover h2{/* background-color: rgba(0, 102, 217, .9); */}
/* 左右 箭头 */
.autoplay1 .slick-prev,
.autoplay1 .slick-next{width: 40px;height: 100px;top: 50%;transform: translateY(-50%);position: absolute;z-index: 99;border: none;text-indent: -9999px;outline: none;}
.autoplay1 .slick-prev{left: -61px;background: url(//cdn.myxypt.com/c76c6903/21/10/0342dad9e78027417042f8d2ae2dbde376633139.png) no-repeat center top;}
.autoplay1 .slick-next{right: -61px;background: url(//cdn.myxypt.com/c76c6903/21/10/44585de711cf892c467cb74b4f6d41ab545263a5.png) no-repeat center top;}
/* .autoplay1 .slick-prev:hover{background: url(../images/main/rollL2.png) no-repeat center top;}
.autoplay1 .slick-next:hover{background: url(../images/main/rollR2.png) no-repeat center top;} */
/* 响应式 */
@media (max-width: 1440px) {}
@media (max-width: 1024px) {}
@media (max-width: 768px) {
    .aBox3{padding: 0px 0 30px 0;}
    .autoplay1{margin: 30px 0 0 0}
}
@media (max-width: 475px) {
    .autoplay1 li{padding: 0;}
}



/* 【 4 发展历程 】 */
.aBox4{clear: both;overflow: hidden;padding: calc(60 / 1660 * 100%) 0 calc(93 / 1660 * 100%) 0;background: url( //cdn.myxypt.com/c76c6903/21/10/2714d050115c2c9eb1d09c99972baf4feac3579f.jpg ) no-repeat center top;background-size: cover;position: relative;}
.aBox4 .wh{max-width: 1440px;}
/* 大标题 (常规) */
.aBox4 .bigTitle{text-align: center;}
.aBox4 .bigTitle .title1{font-size: 48px;color: #333333;font-weight: bold;letter-spacing: 1px;/* background: url(  ) no-repeat center bottom; *//* background-size: cover; */text-transform: uppercase;line-height: 1;padding: 0 0 0 0;position: relative;letter-spacing: 5px;}
/* 【 图片 单排 滚动 】1 */
.autoplay2{display: flex;justify-content: space-between;margin: 140px 0 0 0;padding: 0 0 0 0;position: relative;}
.autoplay2:before{width: 1920px;height: 10px;left: 50%;top: 50%;transform: translate(-50%, -50%);position: absolute;background: #BABBBE;content: "";transition: .3s;}
/*  */
.autoplay2 .slick-list li{margin: 0 0px;/*间距*/padding: 11px 0 0 52px;position: relative;background: url( //cdn.myxypt.com/c76c6903/21/10/f97e1ad45eaea9c090de39a9524bc1f8a870f3df.png ) no-repeat top left;height: 280px;}
.autoplay2 .slick-list li a{display: inline-block;}
.autoplay2 .slick-list li .img{width: 100%;margin: 0 0 0 0;padding: 0 0 0 0;}
.autoplay2 .slick-list li img{width: 100%;}
.autoplay2 .slick-list li h2{font-size: 36px;color: #333333;line-height: 1.5;text-align: left;/* background-color: rgba(0, 102, 217, .5); *//* position: absolute;bottom: 0;left: 0;right: 0; */font-weight: bold;}
.autoplay2 .slick-list li h3{font-size: 16px;color: #333333;line-height: 1.7;text-align: left;/* background-color: rgba(0, 102, 217, .5); *//* position: absolute;bottom: 0;left: 0;right: 0; */}
.autoplay2 .slick-list li h4{font-size: 16px;color: #333333;line-height: 1.7;text-align: left;/* background-color: rgba(0, 102, 217, .5); *//* position: absolute;bottom: 0;left: 0;right: 0; */}
.autoplay2 .slick-list li:hover h2{/* background-color: rgba(0, 102, 217, .9); */}
.autoplay2 .slick-slide:nth-child(2n) li{margin: 249px 0 0 0;background: url( //cdn.myxypt.com/c76c6903/21/10/0d68cb38de5d620f0ff1a43c488d3275468ca5cd.png ) no-repeat top left;}
.autoplay2 .slick-slide:nth-child(2n) li a{position: absolute;bottom: 0;left: 31px;}
/* 左右 箭头 */
.autoplay2 .slick-prev,
.autoplay2 .slick-next{width: 48px;height: 46px;top: 70%;transform: translateY(-50%);position: absolute;z-index: 99;border: none;text-indent: -9999px;outline: none;}
.autoplay2 .slick-prev{left: -97px;background: url( //cdn.myxypt.com/c76c6903/21/10/981889052b710619877b542d996bda3b63b4ad97.png ) no-repeat center top;}
.autoplay2 .slick-next{right: -97px;background: url( //cdn.myxypt.com/c76c6903/21/10/721e57ffccc4582b4f8a3e1b3c9edc930ea799d3.png ) no-repeat center top;}



/* 响应式 */
@media (max-width: 1640px) {
    .autoplay2 .slick-prev,
    .autoplay2 .slick-next{display: none!important;}
}
@media (max-width: 1440px) {}
@media (max-width: 1024px) {}
@media (max-width: 768px) {
    .autoplay2{margin-top: 60px;}
    .autoplay2:before{height: 6px;top: 49%;}
    .autoplay2 .slick-list li{height: 170px;background-size: 18px!important;padding-left: 22px;}
    .autoplay2 .slick-list li h2{font-size: 24px;}
    .autoplay2 .slick-list li h3,
    .autoplay2 .slick-list li h4{font-size: 14px;}
    .autoplay2 .slick-slide:nth-child(2n) li{margin-top: 151px;}
    .autoplay2 .slick-slide:nth-child(2n) li a{left: 22px;}
}

@media (max-width: 475px) {
    .aBox4{padding: 30px 0 30px 0;}
}



/* 【 5 荣誉资质 】 */
.aBox5{clear: both;overflow: hidden;padding:50px 0 155px 0;}
/* 大标题 (常规) */
.aBox5 .bigTitle{text-align: center;}
.aBox5 .bigTitle .title1{font-size: 48px;color: #333333;font-weight: bold;letter-spacing: 1px;text-transform: uppercase;line-height: 1;padding: 0 0 0 0;position: relative;letter-spacing: 5px;}

.c6_index .more{
text-align: center;
    display: block;
    margin-top: 30px;
    font-size: 16px;
    width: 120px;
    margin: 30px auto;
    padding: 5px 15px;
    background: #0b5f94;
    color: #fff;
}
/*  */

/* 响应式 */
@media (max-width: 1440px) {}
@media (max-width: 1024px) {}
@media (max-width: 768px) {}
@media (max-width: 475px) {
    .aBox5{padding: 30px 0 80px 0;}
}



/* =============================== 【 内页 】联系我们 ===================================== */
/* 【 1 智能制造 】 */
.bBox1{clear: both;overflow: hidden;padding: 4vw 0 7vw 0;}
/* 【 左侧 】===================== */
.bBox1 .ll{width: calc(767 / 1600 * 100%);float: left;margin: 0px 0 0 0;padding: 0 0 0 calc((100vw - 1600px) / 2);}
/*  */
.bBox1 .ll .h2{font-size: 30px;color: #000;margin: 0px 0 0 0;padding:0 0 0 0;font-weight: bold;}
.bBox1 .ll .h3{font-size: 16px;color: #666;margin: 20px 0 0 0;padding:0 0 40px 0;font-weight: normal;line-height: 1.7;border-bottom: 1px solid #CCCCCC;}
/*  */
.bBox1 .list1{display: inline-block;margin: 0px 0 0 0;padding:0 0 23px 0;border-bottom: 1px solid #CCCCCC;}
.bBox1 .list1 li{display: inline-block;margin: 26px 0 0 0;padding:0 0 0 0;width: calc(100% / 2 - 20px);position: relative;transition: .4s;}
.bBox1 .list1 li a{width: 100%;}
.bBox1 .list1 li .img{margin: 0px 5px 0 0;padding:0 0 0 0;display: inline-block;}
.bBox1 .list1 li .img img{width: 100%;}
.bBox1 .list1 li h2{font-size: 18px;color: #333333;margin: 0px 0 0 0;padding:0 0 0 0;transition: .4s;font-weight: normal;display: inline-block;vertical-align: middle;letter-spacing: 1px;    width: 80%;}
/*.bBox1 .list1 li:last-child{width: 100%;}*/
/* 【 右侧 】===================== */
.bBox1 .rr{width: calc(952 / 1903 * 100%);float: right;margin: 0px 0 0 0;padding: 0 0 0 0;}
.bBox1 .rr img{width: 100%;}
/* 响应式 */
@media (max-width: 1640px) {
    .bBox1 .ll{padding-left: 15px;}
}

@media (max-width: 1440px) {
    .bBox1 .list1 li .img{width: 30px;height: 30px;}
    .bBox1 .ll{float: none;width: 100%;}
    .bBox1 .rr{float:none;width:98%;margin:0 auto;margin-top:30px;}
    .bBox1 .ll{padding-right: 15px;}
    .bBox1 .rr iframe{height: 400px;}
}

@media (max-width:1024px) {
    .bBox1 .rr{float:none;width:97%;margin:0 auto;margin-top:30px;}
    .bBox1 .rr iframe{height: 300px;}
}
@media (max-width: 768px) {
    .bBox1 .ll .h2{font-size: 18px;}
    .bBox1 .ll .h3{font-size: 14px;}
    .bBox1 .list1 li h2{font-size: 14px;}
    .bBox1{padding-bottom: 50px;}
    .bBox1 .rr{float:none;width:96%;margin:0 auto;margin-top:30px;}
}

@media (max-width: 425px) {
     .bBox1 .list1 li{width: 100%;margin-top: 16px;}
     .bBox1 .ll .h2{font-size:17px;}
     .x-message-wrap input[type='text'], .x-message-wrap textarea{font-size:12px;}
     .x-message-wrap .x-submit{font-size:12px;}
     .bBox1 .rr{float:none;width:93%;margin:0 auto;margin-top:30px;}
}



/*锚点*/
.anchor{position: relative;top: -100px;/* 导航栏 高度 */display: block;}
body,html{scroll-behavior: smooth;/* 平滑 滚动 */}




/*内页产品*/

#formsearch2{background: url(//cdn.myxypt.com/c76c6903/21/10/7b09c3c701606906e2a58e0e4f5936acd29eee1e.png) no-repeat;width:600px;height:60px;margin:0 auto;margin-top:20px;}
#formsearch2 input{}
#formsearch2 input#keyword{height:60px;line-height:60px;padding-left:34px;float:left;color:#cccccc;font-size:16px;background:none;border:none;outline:none;width:485px;}
#formsearch2 input#s_btn{width:82px;height:60px;line-height:60px;text-align:center;background:none;border:none;outline:none;color:#fff;border:none;cursor:pointer;font-size: 12px;float:right;}
#formsearch2 input::-webkit-input-placeholder{color:#cccccc;}
#formsearch2 textarea::-webkit-input-placeholder{color:#cccccc;}





@media (min-width: 990px) {
    .zb .page-wrap-left {width:100%;float:none;margin:0 auto;margin-right:0;margin-top:68px;}
    .zb .xypg-left-title{display:none;}
    .zb .xypg-left-box {margin-bottom:75px;}
    .zb .xypg-left-con {border:none;} 
    .zb .xypg-left-nav {
     display: flex;
    justify-content: center;
        
    }

    .zb .xypg-left-nav > li {
    position: relative;display:block;width:16%;background:#efefef;border:none;
    padding: 0 0px 0 0;
    margin-right:20px;
    }

  .zb .xypg-left-nav > li.clicked {
    background: #0b5f94 !important;
}

 .zb .xypg-left-nav li:hover {
    background: #0b5f94 !important;
}
    .zb .xypg-left-nav > li > a {
    display: block;
    font-size: 18px;
    line-height: 22px;
    color: #333333;
    padding:15px 20px;
    text-align:center;
    }

    .zb .xypg-left-nav > li .first-nav-btn {
    position: absolute;
    z-index: 99999;
    width: 16px;
    height: 100%;
    text-align: center;
    top: 0;
    right: 10px;
    cursor: pointer;
    background: url(//cdn.myxypt.com/c76c6903/21/10/4507cee9c28b2860b62df759805a245652898050.png) no-repeat center center;
    display:block;
    background-position: center right!important;
   
    }

    .zb .xypg-left-nav > li .first-nav-btn.clicked {
    background-position: 0 -270px;
    }
    .zb .xypg-left-nav > li.clicked{background:#0b5f94;}
    .zb .xypg-left-nav > li:hover > a,.zb .xypg-left-nav > li.clicked > a {
    color: #fff;background:none;
    }

    .zb .xypg-left-nav > li:hover .first-nav-btn{background: url(//cdn.myxypt.com/c76c6903/21/12/f5f3aa794fee17fe6b5f21afa678ba62c4b81d5a.png) no-repeat center center;display:block;}
    .zb .xypg-left-nav > li.clicked .first-nav-btn {background: url(//cdn.myxypt.com/c76c6903/21/12/f5f3aa794fee17fe6b5f21afa678ba62c4b81d5a.png) no-repeat center center;display:block;}

    .zb .xypg-left-nav .xypg-left-subnav {
        display: none;
        position: absolute;
        z-index: 100;
        top: 100%;
        width: 100%;padding:0;
        background: hsl(0deg 0% 90%);
    }



    .zb .xypg-left-nav .xypg-left-subnav > li {
    border-top:none;
    }

    .zb .xypg-left-nav .xypg-left-subnav > li > a {
    padding: 8px;
    display: block;
    line-height: 20px;
    color: #818181;
    font-size: 16px;
    }

    .zb .xypg-left-nav .xypg-left-subnav > li > a:hover {
    color: #fff;
    }

    .zb .xypg-left-nav .xypg-left-subnav > li.clicked > a {
    color: #fff;
    }
    .zb .xypg-left-nav .xypg-left-subnav > li.clicked{background:#0b5f94;}
    
}

@media (max-width: 990px) {
  .zb .xypg-left-nav .xypg-left-threenav {
    display: block;
  }
}


@media (max-width: 1024px) {
  .zb .xypg-left-nav > li > a{font-size:14px;padding:15px 10px;}
  .zb .xypg-left-nav .xypg-left-subnav > li > a{font-size:12px;}
}





.product_list66{}
.product_list66 li{border: 1px solid #c7c7c7;background:#f0f0f0;position:relative;width:24%;padding:5% 0;float:left;margin:0 0.5%;margin-bottom:20px;}
.product_list66 li .img{width:80%;margin:0 auto;}
.product_list66 li .img img{width:100%;display:block;   transition: all 0.8s;
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s; 
    -o-transition: all 0.8s;}
    
  .product_list66 li .img:hover img  {
    overflow: hidden;
	 transform: scale(1.2);
 	 -webkit-transform: scale(1.2);
	 -moz-transform: scale(1.2);
	 -o-transform: scale(1.2);
	 -ms-transform: scale(1.2); 
    
  }
    
.product_list66 li h3{position:absolute;left:15px;top:15px;text-transform:uppercase;color:#333333;font-size:24px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.product_list66 li:nth-child(4n){
    margin-right: 0
}
@media (max-width: 1024px) {
  .product_list66 li {margin-bottom:15px;}
  .product_list66 li h3{font-size:18px;}
}

@media (max-width:768px) {
  .product_list66 li{width:49%;}
  .product_list66 li:nth-child(2n){float:right;}
}

@media (max-width:425px) {
  .product_list66 li{width:48%;}
  .product_list66 li h3{font-size:14px;}
  .page-wrap{padding-bottom:7%;}
}






/*首页二级分类*/
    .zb2{padding: 5vw 0 0 0;position:relative;z-index:9999;}
    .zb2 .xypg-left-con {border:none;} 
    .zb2 .xypg-left-nav {}

    .zb2 .xypg-left-nav > li {position: relative;display:block;width:15.6%;background:#efefef;border:none;float:left;margin-right:1%;}

    .zb2 .xypg-left-nav > li > a {
    display: block;
    font-size: 18px;
    line-height: 22px;
    color: #333333;
    padding:15px 20px;text-align:left;
    }

    .zb2 .xypg-left-nav > li .first-nav-btn {
    position: absolute;
    z-index: 99999;
    width: 100%;
    height: 100%;
    text-align: center;
    top: 0;
    right: 10px;
    cursor: pointer;
    background: url(//cdn.myxypt.com/c76c6903/21/10/4507cee9c28b2860b62df759805a245652898050.png) no-repeat center center;display:block;
    background-position: center right!important;
    }

    .zb2 .xypg-left-nav > li .first-nav-btn.clicked {
    background-position: 0 -270px;
    }

    .zb2 .xypg-left-nav > li:hover > a,.zb2 .xypg-left-nav > li.clicked > a {
    color: #fff;background:none;
    }

    .zb2 .xypg-left-nav > li:hover{background:#0b5f94;}
    .zb2 .xypg-left-nav > li.clicked{background:#0b5f94;}

    .zb2 .xypg-left-nav > li:hover .first-nav-btn, .zb2 .xypg-left-nav > li.clicked .first-nav-btn {
    background: url(//cdn.myxypt.com/c76c6903/21/10/4507cee9c28b2860b62df759805a245652898050.png) no-repeat center center;display:block;
    }

    .zb2 .xypg-left-nav .xypg-left-subnav {
        display: none/* !important */;
        padding: 0 10px;

        position: absolute;
        z-index: 999999;
        top: 100%;
        width: 100%;
        background: #EFEFEF;
    }

    .zb2 .xypg-left-nav .xypg-left-subnav > li {
    border-top: 1px dashed #eeeeee;
    }

    .zb2 .xypg-left-nav .xypg-left-subnav > li > a {
    padding: 8px;
    display: block;
    line-height: 20px;
    color: #818181;
    font-size: 16px;
    }

    .zb2 .xypg-left-nav .xypg-left-subnav > li > a:hover {
    color: #292e39;
    }

    .zb2 .xypg-left-nav .xypg-left-subnav > li.clicked > a {
    color: #292e39;
    }




@media (max-width: 1024px) {
  .zb2 .xypg-left-nav > li > a{font-size:14px;padding:15px 10px;}
  .zb2 .xypg-left-nav .xypg-left-subnav > li > a{font-size:12px;}
}


@media (max-width:640px) {
    .zb2 .xypg-left-nav > li{width:49%;margin-bottom:5px;}  
}



.investment_f {
  width:900px;

}

.investment_f .investment_title {
  margin-left:10%;width:40%;
  float: left;
  overflow: hidden;
}

.vbt{color:#000000;font-size:18px;font-weight:bold;margin-bottom:20px;margin-top:20px;}

.investment_title a {
  width:50%;
  float: left;
  font-size: 16px;
  color: #666666;
  cursor: pointer;background:url(//cdn.myxypt.com/c76c6903/21/12/4213290bcbaa9721c4b0837ca6e4d415b6c17d3c.png) no-repeat left center;padding-left:20px;
  
}




.investment_title a, .investment_title a:link, .investment_title a:visited, .investment_title a:hover {
  color: #555;
  width: 131px;
  height: 44px;
  display: inline-block
}

.investment_title .on a {
  color: #194189 !important;
}

.investment_con {
  float:right;width:40%;margin-right:10%;
  cursor: pointer;
}

.investment_con img {
  width:100%;display:block;
  cursor: pointer;
}

.investment_con_list {
  display: none;
}





.navs {
  width: 50%;
 /* -webkit-transition: all .3s;
  -moz-transition: all .3s;
  transition: all .3s;*/float:right;
}

.nav_pc {
  margin: 0;
display: flex;
justify-content: space-evenly;
}

.navs ul li {
  float: left;
  height: 100px;
/*  transition: all .3s;   */ position: relative;
}

.navs ul li:last-child {
  background-image: none;
}

.navs ul li .a1 {
  line-height: 100px;
  display: block;
  text-align: center;
  font-size: 18px;
  color: #fff;
  /*transition: all .3s;*/
  padding: 0 18px;
}

.navTop:hover .navs ul li .a1{
    color: #000!important
}

.navs > ul > li:hover >.a1 {
 /* transition: all .3s;*/background:url(//cdn.myxypt.com/c76c6903/21/12/23f98ea7f07cc058da76de4fcdb0255ef2e48e31.png) no-repeat center bottom;
}

.navs ul li .div1 {
  display: none;
  position: absolute;background:url(//cdn.myxypt.com/c76c6903/21/12/51a68d7cd8d227edb5a4b14dfd1d5814b199ee17.png) no-repeat;background-size:100% 100%;
  top: 100px;
  z-index: 100;
  left:-100px;padding:20px 0;

}

.navs li:nth-child(3) .div1{left:-250px;}



.navs ul li .div1 .p1 {}

.navs ul li .div1 .p1 a {
  color: #666666;
  font-size:16px;
  text-transform: uppercase;
  height:40px;
  line-height:40px;
  transition: all .5s;
  width: 50%;
  text-align: left;float:left;

}

.navs ul li .div1 .p1 a:first-child {
  margin-top: 20px;
}

.navs ul li .div1 .p1 a:last-child {
  margin-bottom: 20px;
}

.navs ul li .mad3 .p1 .pad {
  margin-left: 30%
}

.navs ul li .mad4 .p1 .pad {
  margin-left: 44%
}

.navs ul li .mad5 .p1 .pad {
  margin-left: 45%
}

.navs ul li .mad6 .p1 {
  text-align: right
}

.a_txt {
  display: none;
}
.navs ul li:hover .div1{
    display: block
}

@media screen and (max-width: 1600px) and (min-width:1200px) {
  .navs ul li .a1 {
    font-size: 14px
  }

  .navs ul li .div1 .p1 {
    width: 100%
  }
}



@media (max-width:1600px) {
   .navs ul li .div1 {left:-250px;} 
   .navs li:nth-child(3) .div1{left:-380px;}
   .navs ul li .a1{font-size:16px;padding: 0 14px;}
   .navs ul li .div1 .p1 a{font-size:14px;}
  .small-img{bottom:16%;}
}



@media (max-width:1600px) {
   .navs ul li .div1 {left:-310px;} 
   .navs li:nth-child(3) .div1{left:-430px;} 
}


@media (max-width:1320px) {
  .navTop .logoTxt{display:none;}

}