html{background: none;} 
body{font-family: "Microsoft Yahei";color:#333;}
.hide,.hidden{display: none!important;}
a:focus{outline: none;text-decoration: none;}
.fl{float: left;}
.fr{float: right;}
.clearfix:after{content: '';display: block; clear:both; }
.ellipsis{white-space: nowrap;text-overflow: ellipsis; overflow: hidden;}
.ellipsis2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.ellipsis3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.ellipsis4{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}
.pointer{cursor: pointer;}
.imgbox,.advbox{overflow: hidden;}
.imgbox a:hover{display: block;overflow: hidden;}
.imgbox a{display: block;width: 100%;height: 100%;}
.imgbox a img,.advbox a img{-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-ms-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
.imgbox img{object-fit: cover;font-family:'object-fit:cover';width: 100%;height: 100%;}
.advbox,.advbox *{max-width:100% !important;height: auto;}
.advlist .advbox li{margin-bottom: 20px;}
.list-adv.advlist .advbox li{margin-bottom: 10px;}
.pointer{cursor: pointer;}
input:focus{outline: none;}

/* 顶部 */
.headtop{background: #0a3695;line-height: 28px;font-size: 12px;color: #ffffff; }
.headtop a{color: #fff;}

/* 头部 */
.headbox .logo{margin: 19px 0px;display: inline-block;}
.headbox .logo img{max-height: 42px;}
.headbox .searchbox{margin: 20px 0px; width: 180px;height: 40px;background-color: #ffffff;border-radius: 20px;border: solid 1px #3260c4;position: relative;overflow: hidden;}
.headbox .searchbox input{border: none;width: 100%;height: 100%;font-size: 16px;padding: 0px 50px 0px 20px;}
.headbox .searchbox a{display: inline-block;width: 50px;height: 40px;background: url(../../images/icon1.png) no-repeat center center;position: absolute;right: 0;}

.headbox{position: relative;background: #FEFEFE;box-shadow: 0px 1px 4px 0px rgba(95, 95, 95, 0.14);}
.headbox .listlogo,.headbox .list-showname{display: none;}

.burger {display: none; height: 40px;width: 40px;position: relative;cursor: pointer;margin:16px 0px 20px 20px;}
.burger div.x,.burger div.y,.burger div.z {position: absolute;top: calc((100% - 3px) / 3);width: 25px;height: 2px;background: #000000;border-radius: 2px;-webkit-transition: all 200ms ease-out;-moz-transition: all 200ms ease-out;-ms-transition: all 200ms ease-out;-o-transition: all 200ms ease-out;transition: all 200ms ease-out;}

/* .openmenu div.x,.openmenu div.y,.openmenu div.z {background: #0a3695;} */
.burger div.x,.burger div.y,.burger div.z {height: 3px;width: 36px;}
.burger div.y {top: 23px;}
.burger div.z {top: 34px;}
.burger.openmenu{margin-top: 20px;}
.burger.openmenu .y{display: none !important;}
.burger.openmenu .x,.burger.openmenu .z{top: 20px;display: block;-webkit-transition: all 70ms ease-out;-moz-transition: all 70ms ease-out;-ms-transition: all 70ms ease-out;-o-transition: all 70ms ease-out;transition: all 70ms ease-out;}
.burger.openmenu .x {-ms-transform: rotate(30deg);-webkit-transform: rotate(30deg);transform: rotate(30deg);-webkit-transition: all 50ms ease-out;-moz-transition: all 50ms ease-out;-ms-transition: all 50ms ease-out;-o-transition: all 50ms ease-out;transition: all 50ms ease-out;}
.burger.openmenu .x {-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);transform: rotate(45deg);-webkit-transition: all 100ms ease-out;-moz-transition: all 100ms ease-out;-ms-transition: all 100ms ease-out;-o-transition: all 100ms ease-out;transition: all 100ms ease-out;}
.burger.openmenu .z {-ms-transform: rotate(150deg);-webkit-transform: rotate(150deg);transform: rotate(150deg);-webkit-transition: all 50ms ease-out;-moz-transition: all 50ms ease-out;-ms-transition: all 50ms ease-out;-o-transition: all 50ms ease-out;transition: all 50ms ease-out;}
.burger.openmenu .z {-ms-transform: rotate(135deg);-webkit-transform: rotate(135deg);transform: rotate(135deg);-webkit-transition: all 100ms ease-out;-moz-transition: all 100ms ease-out;-ms-transition: all 100ms ease-out;-o-transition: all 100ms ease-out;transition: all 100ms ease-out;}

/* 底部 */
.foot{text-align: center;color: #e7e7e7;line-height: 28px;padding: 15px 0px 10px;background: #0a3695;}
.foot .top,.foot .btm{padding: 14px 0px;}
.foot .top a{color: #e7e7e7;font-size: 18px;margin: 0px 10px;}
.foot .btm{font-size: 14px;opacity: 0.6;}
.goTop{display: none;z-index: 11; cursor: pointer; width: 60px;height: 60px;right: 10px;bottom: 50px; background: #041b4e url(../../images/icon15.png) no-repeat center center;position: fixed; }


/* 首页 */
.index .top-swipper{position: relative;height: 500px;}
.index .top-swipper .swiperbtn{width: 60px;height: 60px;border-radius: 50%;position: absolute;z-index: 1; top: 0;bottom: 0;margin: auto;}
.index .top-swipper .swiper-prev{background: rgba(0, 0, 0, 0.2) url(../../images/icon3.png) no-repeat center center;left: 50px;}
.index .top-swipper .swiper-next{background: rgba(0, 0, 0, 0.2) url(../../images/icon4.png) no-repeat center center;right: 50px;}
.index .top-swipper .swiper-prev:hover{background: #2fcbdd url(../../images/icon3.png) no-repeat center center;}
.index .top-swipper .swiper-next:hover{background: #2fcbdd url(../../images/icon4.png) no-repeat center center;}

.index .marqueebox{margin-top: -30px;position: relative;overflow: hidden; padding:0px 10px 0px 70px; z-index: 1;background-color: #fefcfa;box-shadow: 0px 1px 10px 0px rgba(151, 126, 87, 0.18);height: 60px;}
.index .marqueebox .icon{position: absolute;left: 0; width: 60px;height: 60px;background: #0a3695 url(../../images/icon5.png) no-repeat center center;}
.index .marquee{overflow:hidden;}
.index .marquee ul li{padding:0 10px;list-style: none;position: relative;padding:0px 10px 0px 38px;}
.index .marquee ul li::after{position: absolute;top: 0;bottom: 0;margin: auto; content: '';display: block;width: 5px;height: 5px;background-color: #0a3695;border-radius: 50%;left: 20px; }
.index .marquee ul li a{color: #242424;font-size: 16px;line-height: 60px;}

.public-title{text-align: center;padding: 50px 0px;}
.public-title .top{font-size: 42px;line-height: 82px;padding-top: 20px; color: #242424;background: url(../../images/icon7.png) no-repeat center top;}
.public-title .top .name{position: relative;display: inline-block;font-weight: bold;text-transform: uppercase;}
.public-title .top .name::after,.public-title .top .name::before{position: absolute;top: 0;bottom: 0;margin: auto; display: inline-block;content: ''; width: 105px;height: 4px;}
.public-title .top .name::after{background: url(../../images/icon8.png) no-repeat center center;left: -140px;}
.public-title .top .name::before{background: url(../../images/icon8.png) no-repeat center center;right: -140px;}
.public-title .top span{color: #666666;}
.public-title .btm{color: #9399a4;font-size: 18px;line-height: 28px;padding: 0px 15px; }

.index .firstbox{padding-top: 60px; background: url(../../images/icon6.png) no-repeat center bottom;background-size: cover;}
.index .firstbox .img-wrap{width: 680px;margin: 110px auto 0px;position: relative;}
.index .firstbox .img-wrap .item{width: 360px; font-size: 24px;line-height: 24px;position: absolute;font-weight: bold;}
.index .firstbox .img-wrap .item .con{display: inline-block;}
.index .firstbox .img-wrap .item a{cursor: pointer;
  transition: all 0.4s ease 0s;-webkit-transition: all 0.4s ease 0s;-ms-transition: all 0.4s ease 0s;-o-transition: all 0.4s ease 0s;}
.index .firstbox .img-wrap .icon{width: 80px;height: 80px;border: solid 2px #e5e5e5;display: inline-block;border-radius: 50%; }
.index .firstbox .img-wrap .item .con:hover .icon{box-shadow: 0px 3px 9px 0px rgba(123, 129, 136, 0.25);border: none;}
.index .firstbox .img-wrap .item1 .icon{background:#ffffff url(../../images/icon14.png) no-repeat center center;}
.index .firstbox .img-wrap .item1 .con:hover .icon{background:#ffffff url(../../images/icon14_on.png) no-repeat center center;}
.index .firstbox .img-wrap .item2 .icon{background:#ffffff url(../../images/icon12.png) no-repeat center center;}
.index .firstbox .img-wrap .item2 .con:hover .icon{background:#ffffff url(../../images/icon12_on.png) no-repeat center center;}
.index .firstbox .img-wrap .item3 .icon{background:#ffffff url(../../images/icon13.png) no-repeat center center;}
.index .firstbox .img-wrap .item3 .con:hover .icon{background:#ffffff url(../../images/icon13_on.png) no-repeat center center;}
.index .firstbox .img-wrap .item4 .icon{background:#ffffff url(../../images/icon11.png) no-repeat center center;}
.index .firstbox .img-wrap .item4 .con:hover .icon{background:#ffffff url(../../images/icon11_on.png) no-repeat center center;}
.index .firstbox .img-wrap .item5 .icon{margin-top: 15px;background:#ffffff url(../../images/icon10.png) no-repeat center center;}
.index .firstbox .img-wrap .item5 .con:hover .icon{background:#ffffff url(../../images/icon10_on.png) no-repeat center center;}
.index .firstbox .img-wrap .item1 .icon,.index .firstbox .img-wrap .item2 .icon{margin-left: 15px;}
.index .firstbox .img-wrap .item3 .icon,.index .firstbox .img-wrap .item4 .icon{margin-right: 15px;}
.index .firstbox .img-wrap .item1{bottom: 95px;left: -45%;}
.index .firstbox .img-wrap .item2{bottom: 290px;left: -25%;}
.index .firstbox .img-wrap .item3{bottom: 290px;right: -25%;}
.index .firstbox .img-wrap .item4{bottom: 95px;right: -45%;}
.index .firstbox .img-wrap .item5{text-align: center;bottom: 350px;left: 0;right: 0;margin: auto; }
.index .firstbox .img-wrap .item a{display: inline-flex;align-items: center;color: #404040;}
.index .firstbox .img-wrap .item5 a{flex-direction: column;}
.index .firstbox .img-wrap .item1,.index .firstbox .img-wrap .item2{display: flex;justify-content: flex-end;}
.index .firstbox .img-wrap .item3, .index .firstbox .img-wrap .item4{display: flex;}
.index .firstbox .img-wrap .item1 a,.index .firstbox .img-wrap .item2 a{flex-direction: row-reverse;}
.index .firstbox .img-wrap .item .con:hover a{color: #2fcbdd;margin-bottom: 10px;}

.index .firstbox .item-list{display: none; position: absolute;z-index: 1; height: auto;padding: 12px 0px;background-color: #ffffff;box-shadow: 0px 3px 10px 0px rgba(36, 70, 89, 0.2);border-radius: 4px;}
.index .firstbox .item-list .unit{text-align: left;}
.index .firstbox .item-list .unit a{font-size: 16px;color: #666666;display: inline-block;width: 100%; line-height: 26px;padding: 8px 20px;}
.index .firstbox .item-list .unit1 a{color: #242424;}
.index .firstbox .item-list .unit2 a{color: #666666;padding: 8px 20px 8px 35px;}
.index .firstbox .item-list .unit a:hover{background: #eef4f5;color: #2fcbdd;font-weight: bold;}

.index .firstbox .item-list .searchbox{margin: 20px auto; width: 252px;height: 40px;background-color: #ffffff;border-radius: 20px;border: solid 1px #3260c4;position: relative;overflow: hidden;}
.index .firstbox .item-list .searchbox input{border: none;width: 100%;height: 100%;font-size: 16px;padding: 0px 50px 0px 20px;}
.index .firstbox .item-list .searchbox a{display: inline-block;width: 50px;height: 40px;background: url(../../images/icon1.png) no-repeat center center;position: absolute;right: 0;}


.index .firstbox .item5-list{bottom: 40px;left: 50%;margin-left: -195px; width: 390px;}
.index .firstbox .item4-list{bottom: 50px;left: 43%;width: 320px;}

.index .secondbox{padding: 40px 0px 10px 0px;}
.index .secondbox .container1{position: relative;}
.index .secondbox .new-box{overflow: hidden;padding: 12px 0px;}
.index .secondbox .news-swipper .img-block{display: inline-block;position: relative;width: 100%;height: 100%;overflow: hidden;}
.index .secondbox .news-swipper .title{max-width: 100%;color: #434343;font-size: 18px;font-weight: bold;text-align: center;line-height: 30px;margin: 34px 5px;
  transition: all 0.4s ease 0s;-webkit-transition: all 0.4s ease 0s;-ms-transition: all 0.4s ease 0s;-o-transition: all 0.4s ease 0s;}
.index .secondbox .news-swipper .swiper-slide{position: relative;}
.index .secondbox .news-swipper .imgwrap{position: relative;height:340px;}
.index .secondbox .news-swipper .img-block img{-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;transition: all .3s ease-in-out;
  -webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);transform: scale(1)}
.index .secondbox .news-swipper .swiper-slide:hover .img-block img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1)}
/* .index .secondbox .news-swipper .img-block img{-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;transition: all .3s ease-in-out;-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1)}
.index .secondbox .news-swipper .swiper-slide:hover .img-block img{-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);transform: scale(1)} */
.index .secondbox .news-swipper .imgbox2{opacity: 0;border: 12px solid #2fcbdd; position: absolute;z-index: 1;top: -12px;left: -12px;width: calc(100% + 24px);height: calc(100% + 24px);
  transition: all 0.6s ease 0s;-webkit-transition: all 0.6s ease 0s;-ms-transition: all 0.6s ease 0s;-o-transition: all 0.6s ease 0s;}
.index .secondbox .news-swipper .imgbox2 .info{position: absolute;width: 100%;height: 0px;bottom: 0;color: #ffffff;font-size: 16px;line-height: 24px;padding: 20px 10px 40px 20px;display: flex;align-items: flex-end;background: rgba(0, 0, 0, 0.4);
  transition: all 0.3s ease 0s;-webkit-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;}
.index .secondbox .news-swipper .imgbox2 .icon{position: absolute;right: -12px;bottom: -12px;font-size: 30px;align-items: center;justify-content: center;display: flex;color: #fff;font-weight: bold; width: 0px;height: 0px;overflow: hidden; background-color: #2fcbdd;
  transition: all 0.4s ease 0s;-webkit-transition: all 0.4s ease 0s;-ms-transition: all 0.4s ease 0s;-o-transition: all 0.4s ease 0s;}
.index .secondbox .news-swipper .img-block a{display: block;width: 100%;height: 100%;}
.index .secondbox .news-swipper .img-block img{width: 100%;height: 100%;object-fit: cover;font-family:'object-fit:cover'}
.index .secondbox .news-swipper .swiper-slide:hover .imgbox1{opacity: 0;}
.index .secondbox .news-swipper .swiper-slide:hover .imgbox2{opacity: 1;}
.index .secondbox .news-swipper .swiper-slide:hover .title{color: #2fcbdd;}
.index .secondbox .news-swipper .swiper-slide:hover .info{height: 100%;}
.index .secondbox .news-swipper .swiper-slide:hover .icon{ width: 55px;height: 55px;}
.index .secondbox .news-swipper .swiper-slide:nth-child(4n+1) .imgbox2{left: 0;}
.index .secondbox .news-swipper .swiper-slide:nth-child(4n) .imgbox2{right: 0;left: auto;}

.index .swiperbtn1{width: 60px;height: 60px;border-radius: 50%;position: absolute;z-index: 1; top: 50%;margin-top: -80px;}
.index .left-swiper{background: rgba(0, 0, 0, 0.2) url(../../images/icon3.png) no-repeat center center;left: -90px;}
.index .right-swiper{background: rgba(0, 0, 0, 0.2) url(../../images/icon4.png) no-repeat center center;right: -90px;}
.index .left-swiper:hover{background: #2fcbdd url(../../images/icon3.png) no-repeat center center;}
.index .right-swiper:hover{background: #2fcbdd url(../../images/icon4.png) no-repeat center center;}

.index .thirdbox{background: #f9f9f9;padding-top: 20px;}
.index .thirdbox .about-box{position: relative;}
.index .thirdbox .about-swipper{overflow: hidden;position: relative; padding-bottom: 70px;height: 510px;}
.index .thirdbox .about-swipper .title{font-size: 24px;font-weight: bold;line-height: 34px;color: #404040;padding: 25px 0px;}
/* .index .thirdbox .about-swipper .info{font-size: 16px;line-height: 28px;min-height: 84px;color: #8d8d8d;} */
.index .thirdbox .about-swipper .imgbox{height: 185px;margin: 20px 0px;}
.index .thirdbox .about-swipper .more{display: inline-block;margin: 40px 0px 20px; width: 106px;line-height: 41px;text-align: center;font-size: 16px;color: #666666;background-color: #f0f3f6;}
.index .thirdbox .about-swipper .swiper-slide{padding: 30px 50px 0px 45px; border-left: 1px solid #e5e5e5;height: 420px;position: relative;
  transition: all 0.4s ease 0s;-webkit-transition: all 0.4s ease 0s;-ms-transition: all 0.4s ease 0s;-o-transition: all 0.4s ease 0s;}
.index .thirdbox .about-swipper .swiper-slide::after{position: absolute;bottom: 0;left: 0;right: 0;margin: auto; content: '';display: block;width: 0px; height: 4px;background-color: #2fcbdd;
  transition: all 0.4s ease 0s;-webkit-transition: all 0.4s ease 0s;-ms-transition: all 0.4s ease 0s;-o-transition: all 0.4s ease 0s;}
.index .thirdbox .about-swipper .swiper-slide  .index .thirdbox .about-swipper .swiper-slide .more,.index .thirdbox .about-swipper .swiper-slide img{transition: all 0.4s ease 0s;-webkit-transition: all 0.4s ease 0s;-ms-transition: all 0.4s ease 0s;-o-transition: all 0.4s ease 0s;}
.index .thirdbox .about-swipper .swiper-slide:nth-child(3n){border-right: 1px solid #e5e5e5;}
.index .thirdbox .about-swipper .swiper-slide:hover{background-color: #ffffff;box-shadow: 0px 6px 18px 0px rgba(37, 48, 55, 0.14);padding: 17px 50px 60px 45px;height: 440px;}
.index .thirdbox .about-swipper .swiper-slide:hover .title{padding-bottom: 15px;color:#2fcbdd;}
.index .thirdbox .about-swipper .swiper-slide:hover .more{background: #2fcbdd;color: #fff;}
.index .thirdbox .about-swipper .swiper-slide:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
.index .thirdbox .about-swipper .swiper-slide:hover:after{width: 100%;}

.index .thirdbox .swiper-pagination{left: 0;right: 0;}
.index .thirdbox .swiper-pagination span{width: 11px;height: 11px;margin: 0px 5px;opacity: 1; background-color: #e2e2e2;}
.index .thirdbox .swiper-pagination .swiper-pagination-bullet-active{background-color: #2fcbdd;width: 50px;border-radius: 6px;}

.index .fourthbox{padding: 20px 0px 70px;}
.index .fourthbox .catalog{position: absolute;z-index: 1;text-transform: uppercase;left: 15px;border-radius: 4px;font-size: 14px;color: #ffffff;line-height: 30px;display: inline-block;padding: 0px 10px; }
.index .fourthbox .catalog1{background-color: #ff763a;top: 15px;}
.index .fourthbox .catalog2{background-color: #ffb33a;top: 10px;}
.index .fourthbox .catalog3{background-color: #2fcbdd;top: 10px;}

.index .fourthbox .img-swipper{height: 450px;position: relative;overflow: hidden;margin-bottom: 30px;}
.index .fourthbox .img-swipper .swiper-slide{position: relative;}
.index .fourthbox .img-swipper .info{position: absolute;padding: 20px 10px 3px 20px; color: #ffffff;background: rgba(0, 0, 0, 0.4); width: 100%;height: 100%;bottom: 0;z-index: 1;display: flex;flex-direction: column;justify-content: flex-end;}
.index .fourthbox .img-swipper .info .title{font-size: 18px;font-weight: bold;line-height: 28px;}
.index .fourthbox .img-swipper .info .date{color: #fefefe;font-size: 14px;line-height: 24px;padding: 10px 0px;}
.index .fourthbox .swiper-pagination{right: 20px;bottom: 15px;left: auto;width: auto;}
.index .fourthbox .swiper-pagination span{width: 11px;height: 11px;margin: 0px 5px;opacity: 0.6; background-color: #ffffff;}
.index .fourthbox .swiper-pagination .swiper-pagination-bullet-active{background-color: #ffffff;opacity: 1;width: 50px;border-radius: 6px;}

.index .fourthbox .noticebox{margin-bottom: 30px;}
.index .fourthbox .noticebox .firstly{border-bottom: 1px solid #e5e9ee;}
.index .fourthbox .noticebox .img-block{height: 135px;position: relative;}
.index .fourthbox .noticebox .imglogo{display: block;width: 100%;height: 100%;}
.index .fourthbox .noticebox .imglogo img{width: 100%;height: 100%;object-fit: cover;font-family:'object-fit:cover'}
.index .fourthbox .noticebox .title a{font-size: 18px;color: #303030;line-height: 28px;min-height: 56px;}
.index .fourthbox .noticebox .firstly .title{font-weight: bold;padding: 15px 0px 12px;}
.index .fourthbox .noticebox .date{font-size: 14px;color: #9399a4;line-height: 30px;margin-bottom: 12px;}
.index .fourthbox .noticebox .item{border-bottom: 1px solid #e5e9ee;padding: 16px 0px 21px;}


/* .index .fourthbox .noticebox1 .title a:hover{color: #ffb33a;} */
.index .fourthbox .noticebox1 .title a:hover,.index .fourthbox .noticebox2 .title a:hover{color: #2fcbdd;}

/* 公共banner部分 */
.banner-wrap{}
.banner-wrap .bannerbox{text-align: center;}
.banner-wrap .namebox{margin-top: -130px;}
.banner-wrap .namebox .name{text-transform: uppercase;font-size: 40px;line-height: 50px;margin-bottom: 15px; color: #ffffff;font-weight: bold;
  white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.banner-wrap .position{margin-bottom: 15px; font-size: 14px;color: #fff;line-height: 22px;padding-left: 28px;position: relative; background: url(../../images/icon16.png) no-repeat left top;}
.banner-wrap .position a{color: #fff;}

.bgbody{background: url(../../images/icon_bg.png) no-repeat right bottom,url(../../images/icon17.png) no-repeat left bottom;background-color: #F9F9F9;}
.margin-top{position: relative;z-index: 1;}
.borderbox{margin-bottom: 80px;background-color: #ffffff;box-shadow: 0px 2px 6px 0px rgba(123, 129, 136, 0.35);border-radius: 4px;}

/* 左侧菜单 */
.leftmenu{margin-bottom: 30px;}
.leftmenu .name{border-radius: 4px;overflow: hidden;margin-bottom: 5px;}
.leftmenu .name .linebox{height: 6px;background: #0a3695;width: 100%;}
.leftmenu .name .font{text-transform: uppercase;font-weight: bold; font-size: 20px;color: #242424;line-height: 24px;padding: 24px 5px;border: solid 1px #e5e9ee;text-align: center;background:#ffffff url(../../images/icon18.png) no-repeat center center;}

.leftmenu .item{background-color: #ffffff;border-radius: 4px; border: solid 1px #e5e9ee;margin-bottom: 2px ;}
.leftmenu .menuA{display: flex;justify-content: space-between;align-items: center;padding: 4px 0px 4px 0px;}
.leftmenu .menuA .font1{font-size: 16px;color: #4e4e4e;line-height: 24px;font-weight: bold;padding-left: 20px;min-height: 54px;display: flex;align-items: center;}
.leftmenu .menuA:hover .font1{color: #0a3695;}
.leftmenu .menuA .font1.hasfont1{max-width: calc(100% - 54px);}
.leftmenu .menuA .icon{cursor: pointer; display: inline-block;width: 54px;height: 54px;background: url(../../images/icon19.png) no-repeat center center;
  transition: all 0.4s ease 0s;-webkit-transition: all 0.4s ease 0s;-ms-transition: all 0.4s ease 0s;-o-transition: all 0.4s ease 0s;}
.leftmenu .menuAbox{height: 0;overflow: hidden;position: relative;
  transition: all 0.4s ease 0s;-webkit-transition: all 0.4s ease 0s;-ms-transition: all 0.4s ease 0s;-o-transition: all 0.4s ease 0s;}
.leftmenu .menuAbox::after{position: absolute;content: '';display: block;height: 1px;background: #e5e9ee;width: calc(100% - 12px);top: 0;left: 6px; }
.leftmenu .menuA-item{padding: 10px 10px 10px 28px;}
.leftmenu .menuA-item .font2{color: #494949;font-size: 15px;line-height: 26px;}

.leftmenu .item.active .menuA .font1{color: #0a3695;}
.leftmenu .item.active .menuA-item.active,.leftmenu .menuA-item:hover{background: #f9f9f9;position: relative;}
.leftmenu .item.active .menuA-item.active::after,.leftmenu .menuA-item:hover::after{display: block;content: '';position: absolute;top: 0;bottom: 0;margin: auto;left: 0; width: 2px;height: 14px;background-color: #2fcbdd;}
.leftmenu .item.active .menuA-item.active .font2,.leftmenu .menuA-item:hover .font2{color: #2fcbdd;font-weight: bold;}
.leftmenu .item.active .menuA,.leftmenu .item.selected .menuA{background: #f9f9f9;}
.leftmenu .item.selected .menuAbox{height: auto;padding: 10px 0px;}
.leftmenu .item.selected .menuA .icon{transform: rotate(180deg);}

/* 分页 */
.pagebox{text-align: center;padding: 20px 0px;}
.pagebox .pagination>li {display: inline-block;margin:0 2px;}
.pagebox .pagination>.active>a, .pagebox .pagination>.active>a:focus, .pagebox .pagination>.active>a:hover, .pagebox .pagination>.active>span, .pagebox .pagination>.active>span:focus, .pagebox .pagination>.active>span:hover {color: #fff; background-color: #2fcbdd ;border-color:#2fcbdd ;}
.pagebox .pagination>li>a, .pagebox .pagination>li>span {font-size: 16px;color: #a0a0a2;border: 1px solid #e5e5e5;border-radius:4px;}
.pagebox .pagination>li>a:focus, .pagebox .pagination>li>a:hover, .pagebox .pagination>li>span:focus, .pagebox .pagination>li>span:hover {z-index: 3;color: #2fcbdd;background-color: inherit;border-color: #2fcbdd;}

/* Published documents栏目首页 */
.publish-page .borderbox{display: grid;grid-gap: 10px;grid-template-columns: repeat(3, minmax(0, 1fr));padding: 40px 30px 110px;}
/* .publish-page .borderbox{display: grid;grid-gap: 10px;grid-template-columns: repeat(3,auto);padding: 40px 30px 110px;} */
.publish-page .borderbox .box{border-radius: 12px;height: 230px;padding: 40px;position: relative;overflow: hidden;}
.publish-page .borderbox .name{color: #242424;font-size: 24px;line-height: 30px;margin-top: 40px;
  transition: all 0.4s ease 0s;-webkit-transition: all 0.4s ease 0s;-ms-transition: all 0.4s ease 0s;-o-transition: all 0.4s ease 0s;}
.publish-page .borderbox .bg{position: absolute;right: -20px;top: 30px;}
.publish-page .borderbox .box1{background: #e2f0ff;}
.publish-page .borderbox .box2{background: #e7f8ff;}
.publish-page .borderbox .box3{background: #e9fbf3;}
.publish-page .borderbox .box4{background: #e9fbf3;}
.publish-page .borderbox .box5{background: #e2f0ff;}
.publish-page .borderbox .box6{background: #e7f8ff;}
.publish-page .borderbox .box7{background: #e7f8ff;}
.publish-page .borderbox .box8{background: #e9fbf3;}
.publish-page .borderbox .box9{background: #e2f0ff;}
.publish-page .borderbox .box10{background: #e2f0ff;}
.publish-page .borderbox .box11{background: #e7f8ff;}
.publish-page .borderbox .box:hover{background: #ffffff;box-shadow: 0px 1px 9px 0px rgba(18, 150, 166, 0.25);}
.publish-page .borderbox .box:hover .name{color: #2fcbdd;margin-top: 35px;}

/* 通用列表页 */
.list-page .content{margin-bottom: 50px; background-color: #ffffff;box-shadow: 0px 2px 6px 0px rgba(123, 129, 136, 0.35);border-radius: 4px;overflow: hidden;}
.list-page .content .contentTit{font-weight: bold; background-color: #0a3695;font-size: 18px;color: #ffffff;line-height: 28px;padding: 24px 30px 17px;}
.list-page .listbox{padding: 8px 0px;}
.list-page .listbox .item{font-size: 16px;line-height: 28px;padding: 10px 30px;}
.list-page .listbox .box{position: relative;padding-left: 20px;display: flex;justify-content: space-between;align-items: flex-end;}
.list-page .listbox .item a{position: relative;display: block;}
.list-page .listbox .item a::after{position: absolute;left: 0;top: 12px; display: block;content: '';width: 8px;height: 8px;background-color: #e5e9ee;border-radius: 50%;}
.list-page .listbox .item .title{color: #242424;max-width: calc(100% - 115px);}
.list-page .listbox .item .date{color: #666666;}
.list-page .listbox .item a:hover:after{background: #2fcbdd;}
.list-page .listbox .item a:hover .title{color: #2fcbdd;font-weight: bold;}
.list-page .dividerbox{width: 100%;height: 6px;background-color: #f9f9f9;margin: 15px 0px;}

.list-page .fourbox{padding:20px 30px;}
.list-page .fourbox .link{color: #666666;font-size: 16px;line-height: 26px; margin-right: 40px;cursor: pointer;}
.list-page .fourbox .link.on,.list-page .fourbox .link:hover{color: #0a3695;font-weight: bold;
  text-decoration: underline solid rgb(47, 203, 221,0.2) 10px;text-underline-offset: -5px;text-decoration-skip-ink: none;}
.list-page .fourbox .more{line-height: 26px;}

/* 二级列表页 */
.list-page .parentbox{background: url(../../images/icon21.png) no-repeat center center;background-size: cover;}
.list-page .parentbox .top{background: rgba(10, 54, 149,0.4);color: #ffffff;font-size: 20px;font-weight: bold; line-height: 30px;padding: 22px 30px 15px;}
.list-page .parentbox .btm{padding: 10px 30px 23px;}
.list-page .parentbox .intro{line-height: 28px;padding: 13px 0px;}
.list-page .parentbox .intro span{font-size: 18px;color: #ffffff;font-weight: bold;}
.list-page .parentbox .intro .more{font-size: 14px;color: #ffffff;}
.list-page .parentbox .info{font-size: 14px;color: #ffffff;line-height: 24px;}
.list-page .curtitle{position: relative;padding:0px 30px;}
.list-page .curtitle .box{border-bottom: 1px solid #e5e9ee;line-height: 28px;padding: 25px 0px 20px;}
.list-page .curtitle .name{font-size: 18px;font-weight: bold;position: relative;color: #242424;}
.list-page .curtitle .name{text-decoration: underline solid rgb(47, 203, 221,0.2) 10px;text-underline-offset: -5px;text-decoration-skip-ink: none;}
/* .list-page .curtitle .name::after{position: absolute;bottom: 0; display: block;content: '';width: calc(100% + 13px); height: 12px;background: rgb(47, 203, 221,0.2);} */
.list-page .curtitle .more{color: #666666;font-size: 14px;line-height: 32px;}
.list-page .curtitle .more:hover{color: #2fcbdd;}

/* 通用详情页 */
.detail-page .content{padding-bottom: 30px;}
.detail-page .content .detailbox{overflow: hidden;margin-bottom: 25px;background-color: #ffffff;box-shadow: 0px 2px 6px 0px rgba(123, 129, 136, 0.35);border-radius: 4px;}
.detail-page .content .topbox{background-color: #f9f9f9;padding: 26px 30px 0px;}
.detail-page .topbox .title{font-size: 24px;line-height: 40px;color: #242424;}
.detail-page .topbox .subtitle {font-size: 18px;line-height: 24px;color: #242424;margin-top: 5px;}
.detail-page .topbox .info{color: #999999;font-size: 15px;line-height: 25px;padding: 15px 0px;}
.detail-page .topbox .info span{margin-right: 15px;}

.detail-page .detail-content{padding: 22px 30px 30px; color: #242424;font-size: 16px;line-height: 32px;overflow-x: auto;}
.detail-page .detail-content table{background: #f9f9fa;border-color: #fff;line-height: 30px;width: 100%;}
.detail-page .detail-content table td{border: 2px solid #fff;padding: 5px 10px;}
.detail-page .detail-content table p{margin: 0;}
.detail-page .detail-content img{max-width: 100%;}
.detail-page .detail-content .jwplayer{max-width: 100%;}

.detail-page .detail-page{margin-bottom: 25px;display: flex;justify-content: space-between;font-size: 14px;line-height: 25px; background: #ffffff;box-shadow: 0px 2px 6px 0px rgba(123, 129, 136, 0.35);border-radius: 2px;}
.detail-page .detail-page .btnbox{color: #4e4e4e;cursor: pointer;padding: 20px 45px 20px 35px;font-weight: bold;display: flex;align-items: center;}
.detail-page .detail-page .btnbox:hover{color: #2fcbdd;}
.detail-page .detail-page .btnbox span{display: inline-block;}
.detail-page .detail-page .prevbtn span,.detail-page .detail-page .prevbtn.disabled:hover span{padding-left: 30px;background: url(../../images/icon22.png) no-repeat left center;}
.detail-page .detail-page .nextbtn span,.detail-page .detail-page .nextbtn.disabled:hover span{padding-right: 30px;background: url(../../images/icon23.png) no-repeat right center;}
.detail-page .detail-page .prevbtn:hover span{background: url(../../images/icon22_on.png) no-repeat left center;}
.detail-page .detail-page .nextbtn:hover span{background: url(../../images/icon23_on.png) no-repeat right center;}
.detail-page .detail-page .btnbox.disabled{background: #f9f9f9;cursor: no-drop;opacity: 0.8;}
.detail-page .detail-page .btnbox.disabled:hover{color: #4e4e4e;}
.detail-page .detail-page .dropdown{flex:1;text-align: right;padding: 20px 30px; border-left: 1px solid #f0f1f3;border-right: 1px solid #f0f1f3;color: #4e4e4e; }

.detail-page .backbtn{position: absolute;top: 0;right: -70px;background: #568cff;display: flex;flex-direction: column;justify-content: center;align-items: center;color: #fff;border-radius: 50%;width: 60px;height: 60px;}
.detail-page .backbtn:hover{background: #0a3695;}


/* services 页面 */
.services-page{margin-top: 65px;}
.services-block1{margin-top: 30px;padding: 6px 6px 20px;background: url(../../images/icon28.png) no-repeat center center;background-size: 100% 100%; box-shadow: 0px 3px 25px 0px rgba(123, 129, 136, 0.35);}
.services-block{margin-bottom: 20px;}
.services-block .block1{margin-bottom: 10px;background:#ff763a url(../../images/icon24.png) no-repeat 17px center;display: flex;flex-direction: column;justify-content: center;color: #ffffff;padding-left: 50px;border-radius: 4px;height: 72px;width: 100%; }
.services-block .block1 .font1{font-size: 20px;font-weight: bold;}
.services-block .block1 .font2{opacity: 0.6;font-size: 14px;}
.services-block .block2,.services-block .block3{font-weight: bold;padding:9px 5px 9px 17px;font-size: 16px;}
.services-block .block2 a,.services-block .block3 a{color: #666666;display: inline-block;padding-left: 30px;}
.services-block .block2 a{background: url(../../images/icon25.png) no-repeat left center;}
.services-block .block3 a{background: url(../../images/icon26.png) no-repeat left center;}
.services-block .block4{margin-top: 42px;font-size: 18px;line-height: 24px;display: flex;align-items: center;font-weight: bold; background:#ef935b url(../../images/icon27.png) no-repeat 18px center;color: #ffffff;padding-left: 50px;border-radius: 4px;height: 72px;width: 100%;}
.services-block .block5{border-radius: 4px;padding-left: 25px;width: 100%;height: 116px; display: flex;align-items: center; background: url(../../images/icon29.png) no-repeat center center;background-size: cover;font-size: 20px;color: #ffffff;font-weight: bold;}
.services-block2{background: #ffffff;border-radius: 4px;box-shadow: 0px 3px 25px 0px rgba(123, 129, 136, 0.35);padding: 6px;}

.services-page .content{margin: 30px 0px;grid-template-columns: repeat(2, minmax(0, 1fr));display: grid;grid-gap: 10px;}
.services-page .item{background: #ffffff;border-radius: 4px;padding: 10px;}
.services-page .item .imgbox{height: 200px;position: relative;}
.services-page .item .imgbox .more{position: absolute;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.4);top: 0;left: 0;opacity: 0;}
.services-page .item .imgbox .more span{position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;width: 0;height: 0;overflow: hidden; display: inline-block;line-height: 52px;text-align: center;font-size: 14px;color: #fff;
  transition: all 0.4s ease 0s;-webkit-transition: all 0.4s ease 0s;-ms-transition: all 0.4s ease 0s;-o-transition: all 0.4s ease 0s;}
.services-page .item .imgbox:hover .more{opacity: 1;}
.services-page .item .imgbox:hover .more span{height: 52px;width: 180px;border: 2px solid #fff;}
.services-page .item .btm{padding: 14px 10px;}
.services-page .item .title{font-size: 18px;font-weight: bold;line-height: 30px;min-height: 60px;margin-bottom: 5px;}
.services-page .item .title a{color: #242424;position: relative;text-transform: uppercase;}
.services-page .item .info{font-size: 14px;color: #4e4e4e;line-height: 24px;min-height: 48px;}
.services-page .item:hover{box-shadow: 0px 3px 25px 0px rgba(123, 129, 136, 0.35);}
.services-page .item .title a:hover{text-decoration: underline solid rgb(47, 203, 221,0.2) 10px;text-underline-offset: -5px;text-decoration-skip-ink: none;}
/* .services-page .item .title a::after{position: absolute;bottom: 0; display: block;content: '';width: calc(100% + 4px); height: 10px;background: rgb(47, 203, 221,0.2);} */

/* certificateInquiry栏目首页 */
.form-page{position: relative;}
.form-page .mainbox{width: 930px;margin: 0 auto;padding: 15px 0px;max-width: calc(100% - 30px);}
.form-page .title{padding: 50px 0px;}
/* .form-page .title .change{font-size: 18px;color: #242424;opacity: 0.4;cursor: pointer;}
.form-page .title .change.on{font-size: 24px;font-weight: bold;color: #242424;position: relative;opacity: 1;}
.form-page .title .change.on{text-decoration: underline solid rgb(47, 203, 221,0.2) 10px;text-underline-offset: -5px;text-decoration-skip-ink: none;} */
/* .form-page .title .change.on::after{position: absolute;left: 0; bottom: 0; display: block;content: '';width: calc(100% + 4px); height: 10px;background: rgb(47, 203, 221,0.2);} */
.form-page .title .change{font-size: 18px;color: #242424;opacity: 0.4;cursor: pointer;display: inline-block;padding: 15px 25px;border: 3px solid #b9bdc8;border-radius: 5px;}
.form-page .title .change.on{font-size: 20px;font-weight: bold;color: #242424;position: relative;opacity: 1;border-color:#0a3695 ;}

/* .form-page .title{padding: 50px 0px 10px;margin-bottom: 40px;border-bottom:3px solid #f5f5f5;}
.form-page .title .change{font-size: 18px;color: #242424;opacity: 0.4;cursor: pointer;}
.form-page .title .change.on{font-size: 24px;font-weight: bold;color: #242424;position: relative;opacity: 1;}
.form-page .title .change.on{text-decoration: underline solid rgb(47, 203, 221,0.2) 10px;text-underline-offset: 10px;text-decoration-skip-ink: none;} */


.form-page .title .info{margin-left: 30px;}
.form-page .keyword{}
.form-page .keyword input{width: 100%; border-radius: 4px;height: 55px;font-size: 16px;padding: 10px 20px;line-height: 35px;border: solid 1px #b9bdc8;}
.form-page .btn-wrap{text-align: center;padding: 50px 0px 100px;}
.form-page .btn-wrap .btnbox{display: inline-block;cursor: pointer; font-size: 16px;color: #ffffff;	width: 260px; line-height: 55px;background-color: #0a3695;border-radius: 4px;}
.form-page .choosebox{margin-bottom: 20px;}
.form-page .choosebox .show-font{cursor: pointer; padding: 9px 40px 9px 20px;}
.form-page .choosebox .show-font::after{display: block;content: '';width: 20px;height: 15px;position: absolute; right: 20px;top: 0;bottom: 0;margin: auto; background: url(../../images/icon30.png) no-repeat center center;
  transition: all 0.4s ease 0s;-webkit-transition: all 0.4s ease 0s;-ms-transition: all 0.4s ease 0s;-o-transition: all 0.4s ease 0s;}
.form-page .choosebox .box{position: relative; background: #f5f5f5;border-radius: 4px;font-size: 16px;color: #666666;line-height: 36px;}
.form-page .choosebox .left{width: calc(100% - 182px);}
.form-page .choosebox .right{width: 180px;}
.form-page .choosebox ul{list-style: none;position: absolute;z-index: 1; background: #f5f5f5;width: 100%;height: 0;overflow: hidden;box-shadow: 0px 2px 6px 0px rgba(123, 129, 136, 0.35);
  transition: all 0.4s ease 0s;-webkit-transition: all 0.4s ease 0s;-ms-transition: all 0.4s ease 0s;-o-transition: all 0.4s ease 0s;}
.form-page .choosebox ul li{padding: 10px 20px;cursor: pointer;line-height: 24px;}
.form-page .choosebox ul li.on,.form-page .choosebox ul li:hover{background: #0a3695;color: #fff;}
.form-page .choosebox .box.on ul{height: auto;padding:10px 0px;}
.form-page .choosebox .box.on .show-font::after{transform: rotate(180deg);}

/* contact-page 页面 */
.contact-page{}
.contact-page .content{padding-bottom: 150px;}
.contact-page .content .contentTit{color: #ffffff;font-size: 20px;line-height: 30px;padding: 22px 30px 13px; font-weight: bold;background: url(../../images/icon31.png) no-repeat center center;background-size: cover;}
.contact-page .content .title{padding: 20px 0px;line-height: 24px;}
.contact-page .content .title .catalog{position: relative;font-size: 18px;font-weight: bold;color: #242424;}
.contact-page .content .title .catalog::after{position: absolute;bottom: 0; display: block;content: '';width: calc(100% + 4px); height: 10px;background: rgb(47, 203, 221,0.2);}
.contact-page .content .title .more{font-size: 14px;color: #666666;}
.contact-page .content .title .more:hover{color: #2fcbdd;}

.contact-page .box1{padding: 10px 30px 0px;}
.contact-page .box1 .list{}
.contact-page .box1 .item{width: calc(50% - 5px);margin-bottom: 10px;}
.contact-page .box1 .item .master{display: flex;flex-direction: column;justify-content: space-between;height: 227px;padding: 35px 70px 40px 30px; background: #f9f9f9 url(../../images/icon32.png) no-repeat calc(100% + 18px) calc(100% + 8px);border-radius: 4px;}
.contact-page .box1 .info{font-size: 16px;color: #242424;line-height: 28px;}
.contact-page .box1 .more{font-size: 14px;color: #999999;}
.contact-page .box1 .master:hover .info,.contact-page .box1 .master:hover .more{color: #2fcbdd;}

.contact-page .box2{padding: 0px 30px;}
.contact-page .box2 .item{margin-bottom: 10px;}
.contact-page .box2 .item .master{padding: 35px 70px 40px 30px; background: #f9f9f9 url(../../images/icon33.png) no-repeat calc(100% + 5px) calc(100% + 5px);border-radius: 4px;}
.contact-page .box2 .info{font-size: 16px;color: #242424;line-height: 28px;margin-bottom: 30px;}
.contact-page .box2 .more{font-size: 14px;color: #999999;}
.contact-page .box2 .master:hover .info,.contact-page .box2 .master:hover .more{color: #2fcbdd;}

.contact-page .box3{padding: 0px 27px;}
.contact-page .box3 .list{margin: 0px -3px;}
.contact-page .box3 .item{width: 33.33%;padding: 0px 3px; margin-bottom: 20px;}
.contact-page .box3 .item .master{padding:0px 0px 65px 34px; background: #f9f9f9;border-radius: 4px;position: relative;overflow: hidden; }
.contact-page .box3 .top{border-bottom: 1px solid #ededed;position: relative;padding: 30px 0px 24px;}
.contact-page .box3 .top::after{position: absolute;top: 0;left: 0; display: block;content: '';width: 20px;height: 4px;background-color: #2fcbdd;}
.contact-page .box3 .area{font-size: 16px;color: #999999;line-height: 28px;}
.contact-page .box3 .areafont{font-size: 16px;color: #242424;line-height: 28px;font-weight: bold;}
.contact-page .box3 .name{padding-right: 10px;font-size: 16px;line-height: 28px;color: #242424;min-height: 84px;margin:20px 0px 8px; }
.contact-page .box3 .tel{font-size: 20px;line-height: 28px;color: #0a3695;}
.contact-page .box3 .num{font-size: 50px;line-height: 50px;color: #999999;opacity: 0.2;position: absolute;bottom: -9px;right: 23px;}

/* contactUs 页面 */
.contactUs-page{position: relative;}
.contactUs{padding: 40px 80px;}
.contactUs .top{grid-template-columns: repeat(2, minmax(0, 1fr));display: grid;grid-gap: 40px;}
.contactUs .top .item{height: 136px;background: #f5f5f5;display: flex;align-items: center;padding: 10px 30px;}
.contactUs .top .item .icon{margin: 0px 30px;}
.contactUs .top .item .name{font-size: 20px;color: #494949;line-height: 24px;font-weight: bold;}
.contactUs .top .item .tel{font-size: 18px;color: #494949;line-height: 28px;margin:7px 0px;}
.contactUs .top .item .mask{font-size: 14px;color: #0099ff;line-height: 16px;}
.contactUs .btm{background: #3B5EAA;margin: 50px 0px 10px;}
.contactUs .btm .left{padding: 15px 20px 0px 25px;width: 340px;}
.contactUs .btm .item{color: #ffffff;padding-left: 30px;margin-bottom: 10px;}
.contactUs .btm .item1{background: url(../../images/icon37.png) no-repeat left 5px;}
.contactUs .btm .item2{background: url(../../images/icon38.png) no-repeat left 7px;}
.contactUs .btm .item3{background: url(../../images/icon39.png) no-repeat left 5px;}
.contactUs .btm .item .name{font-size: 18px;font-weight: bold;line-height: 28px;}
.contactUs .btm .item .font{font-size: 16px;line-height: 24px;}

/* 搜索结果页 */
.search-page{margin-top: 40px;}

.search-left{border-radius: 4px;border: solid 1px #dee3e9;margin-top: 5px;padding: 0px 20px; }
.search-left .type{font-size: 16px;color: #494949;line-height: 26px;font-weight: bold;padding: 10px 0px;margin-top:10px;}
.search-left select{width: 100%;height: 30px;border: solid 1px #d4d7da;border-radius: 2px;outline: none;padding: 5px 15px;background: #fff;}
.search-left .text{width: 100%;height: 30px;border: solid 1px #d4d7da;border-radius: 2px;padding: 5px 15px;}
.search-left .btnbox{text-align: center;padding: 25px 0px;}
.search-left .searchbtn{background-color: #f9f9f9;cursor: pointer; display: inline-block;width: 110px;line-height: 35px;box-shadow: 0px 1px 4px 0px rgba(95, 95, 95, 0.14);border-radius: 2px;border: solid 1px #dee3e9;}
.search-left .searchbtn1{background-color: #f9f9f9;cursor: pointer; display: inline-block;width: 110px;line-height: 35px;box-shadow: 0px 1px 4px 0px rgba(95, 95, 95, 0.14);border-radius: 2px;border: solid 1px #dee3e9;}

.search-left .datebox{}
.search-left .datebox .time{position: relative;}
/* .search-left .datebox .time{position: relative;width: calc(50% - 10px);} */
.search-left .datebox .time input{width: 100%;height: 30px;border-radius: 2px; border: solid 1px #d4d7da;padding-left: 30px;}
.search-left .datebox .input-group-addon{border: none;position: absolute;width: 30px;height: 30px; background: url(../../images/icon42.png) no-repeat center center;}
.search-left .datebox .z-datepicker-trigger{display: none;}
.search-left .datebox .split{line-height: 30px;color: #999;text-align: center;}

.search-page .resultbox{padding:15px 30px; margin-bottom: 50px; background-color: #ffffff;box-shadow: 0px 2px 6px 0px rgba(123, 129, 136, 0.35);border-radius: 4px;overflow: hidden;}
.search-page .crumb{font-size: 16px;line-height: 26px;padding: 15px 0px; color: #333333;border-bottom: 1px solid #e5e9ee;}
.search-page .resultbox .content{min-height: 500px;}
.search-page .resultbox .item{padding: 20px 0px 13px;}
.search-page .resultbox .item .title{font-size: 18px;line-height: 22px;font-weight: bold;}
.search-page .resultbox .item .title a{color: #0a3695;}
.search-page .resultbox .item .summary{font-size: 16px;line-height: 22px;color: #242424;margin: 10px 0px 7px;}
.search-page .resultbox .item .time{font-size: 14px;line-height: 22px;color: #999999;}

/* 站点地图 */
.sitemap-page{}
.sitemap-page .content{position: relative;}
.sitemap-page .content .box{padding: 0px 20px 0px 40px;}
.sitemap-page .content .map1{margin: 30px 0px;}
.sitemap-page .content .map1 .title{color: #0a3695;font-size: 24px;font-weight: bold;text-transform: uppercase;}
.sitemap-page .content .map2{}
.sitemap-page .content .map2 .name{display: inline-block;color: #242424;font-weight: bold;font-size: 18px;line-height: 45px;padding: 0px 20px;margin-right: 10px;margin-bottom: 20px; border: solid 1px #d5d8e0;border-left: 4px solid #0a3695;}
.sitemap-page .content .map3{margin-bottom: 20px;}
.sitemap-page .content .map3 .catalog{display: inline-block; color: #242424;font-size: 16px;line-height: 30px;padding-left: 18px;position: relative;margin-right: 20px;margin-bottom: 10px;}
.sitemap-page .content .map3 .catalog::after{position: absolute;top: 0;bottom: 0;left: 0;margin: auto; display: block;content: '';width: 8px;height: 8px;border-radius: 50%;background-color: #9da7bf;}


/* Electronic and Electrical 页面 */
.detail-Electrical .content{margin-bottom: 50px;padding-bottom: 50px; background-color: #ffffff;box-shadow: 0px 2px 6px 0px rgba(123, 129, 136, 0.35);border-radius: 4px;overflow: hidden;}
.detail-Electrical .content .title{font-weight: bold;font-size: 18px;color: #242424;line-height: 28px;padding: 24px 30px 17px;}
.detail-Electrical .content .detailbox {padding:0px 10px;}
.detail-Electrical .detailbox .imglogo{}
.detail-Electrical .detailbox .imglogo img{max-width: 100%;}
.detail-Electrical .detailbox .detail-content{color: #242424;font-size: 16px;line-height: 32px;margin-top: -8px;}
.detail-Electrical .detailbox .btmbox{position: relative;text-align: right;}
.detail-Electrical .detailbox .btmbox img{max-width: 40px;position: relative;z-index: 1;}
.detail-Electrical .detailbox .btmbox::after{position: absolute;top: 0;bottom: 0;margin: auto; display: block;content: '';width: 100%;height: 1px; border-bottom: 3px dashed #5B7DBF; }


@media (min-width: 1201px) {
  .head-wrap.topnav{position: fixed;top: 0;width: 100%;z-index: 12;}
  /* pc端导航-begin */
  .headbox .navbox{}
  .headbox .navbox .item{padding: 0px 10px;float: left;}
  .headbox .navbox .item .first{position: relative;font-weight: bold; color: #494949;font-size: 18px;line-height: 80px;display: inline-block;}
  .headbox .navbox .item .first::after{position: absolute;border-radius: 2px;width: 0px;height: 3px;left: 0;bottom: 0; display: block;content: '';transition: all 0.4s ease 0s;-webkit-transition: all 0.4s ease 0s;-ms-transition: all 0.4s ease 0s;-o-transition: all 0.4s ease 0s;}
  .headbox .navbox .item:hover .first,.headbox .navbox .item.cur .first{color: #0a3695;}
  .headbox .navbox .item:hover .first::after,.headbox .navbox .item.cur .first::after{width: 100%;background: #0a3695;}
  
  .headbox .navbox .item .secondary{position: absolute;z-index: 9; left: 0;width: 100%;height: 0px;overflow: hidden; background: #f9fafc url(../../images/icon2.png) no-repeat right bottom;box-shadow: 0px 3px 34px 1px rgba(81, 97, 106, 0.15);
    transition: all 0.4s ease 0s;-webkit-transition: all 0.4s ease 0s;-ms-transition: all 0.4s ease 0s;-o-transition: all 0.4s ease 0s;}
  .headbox .navbox .item:hover .secondary,.headbox .navbox .item.active .secondary{height: auto;padding-bottom: 50px;}
  .headbox .secondary .name{font-size: 30px;font-family: Arial-BoldMT;margin: 40px 0px;line-height: 30px;color: #0a3695;font-weight: bold;text-transform: uppercase;}
  .headbox .secondary .btm{display: flex;margin: 0px -25px}
  .headbox .secondary .nav-item{padding: 0px 25px;}
  .headbox .secondary .nav-item .second{height: 60px;display: flex;border-bottom: 1px solid #e5e9ee;align-items: center;}
  .headbox .secondary .nav-item .second a{font-size: 16px;line-height: 20px;color: #313131;font-weight: bold;}
  .headbox .secondary .nav-item .threebox{padding: 15px 0px;}
  .headbox .secondary .nav-item .three{padding: 13px 0px;}
  .headbox .secondary .nav-item .three a{font-size: 14px;line-height: 20px;color: #686868;}
  .headbox .secondary .nav-item .second a:hover,.headbox .secondary .nav-item .three a:hover,.headbox .navbox .item .secondary1 .name a:hover{color: #0a3695;}
  
  .headbox .navbox .item .secondary1{position: absolute;background: #f9fafc;width: 250px;height: 0px;overflow: hidden;z-index: 9;box-shadow: 0px 3px 34px 1px rgba(81, 97, 106, 0.15);
    transition: all 0.4s ease 0s;-webkit-transition: all 0.4s ease 0s;-ms-transition: all 0.4s ease 0s;-o-transition: all 0.4s ease 0s;}
  .headbox .navbox .item:hover .secondary1,.headbox .navbox .item.active .secondary1{height: auto;}
  .headbox .navbox .item .secondary1 .name{border-bottom: 1px solid #e5e9ee;}
  .headbox .navbox .item .secondary1 .name a{font-size: 14px;line-height: 20px;color: #686868;display: inline-block;padding: 0px 15px;height: 60px;display: flex;align-items: center; }
  
  .headbox .secondary .btm1{}
  .headbox .secondary .btm1 .left{width: 377px;position: relative;margin-top: -12px;}
  .headbox .secondary .btm1 .left::after{position: absolute;display: block;content: '';width: 1px;height: calc(100% - 30px);right: 0;top: 15px;background: #e5e9ee;}
  .headbox .secondary .btm1 .left .con{font-size: 16px;font-weight: bold;line-height: 26px;padding: 12px 0px;position: relative;}
  .headbox .secondary .btm1 .left .con a{color: #313131;}
  .headbox .secondary .btm1 .left .con:hover a,.headbox .secondary .btm1 .left .con.active a{color: #0a3695;}
  .headbox .secondary .btm1 .left .con:hover::after,.headbox .secondary .btm1 .left .con.active::after{display: block;content: ''; width: 9px;height: 12px;background: url(../../images/icon41.png) no-repeat center center;position: absolute;right: -9px;top: 0;bottom: 0;margin: auto; }
  .headbox .secondary .btm1 .right{width: calc(100% - 377px);padding-left: 40px;padding-top: 7px;}
  .headbox .secondary .btm1 .right .singlebox{grid-template-columns: repeat(3, minmax(0, 1fr));display: grid;grid-gap: 15px;}
  .headbox .secondary .btm1 .right .single{background: #f3f4f7;padding: 0px 10px; font-size: 14px;color: #686868;line-height: 22px;height: 60px;text-align: center;display: flex;align-items: center;justify-content: center;}
  .headbox .secondary .btm1 .right .single:hover{background: #0a3695;color: #f9fafc;}
  /* pc端导航-end */


}
@media (min-width: 1230px) {
  .container{width: 1230px;}
  
  .headbox .navbox{margin-left: 20px;}
  .headbox .navbox .item{padding: 0px 15px;}
}
@media (max-width: 1400px) {
  .index .secondbox .swiper-right{right: -60px;}
  .index .secondbox .swiper-left{left: -60px;}
}
@media (max-width: 1300px) {
  .index .top-swipper{height: 400px;}
  .index .secondbox .swiper-left{left: 20px;}
  .index .secondbox .swiper-right{right: 20px;}
}
@media (max-width: 1200px) {
  .burger {display: block;}

  .head-wrap{position: fixed;top: 0;width: 100%;z-index: 12;}
  body{padding-top: 108px;}

  /* 移动端导航 - begin  */
  .headbox .navbox{display: none;}
  .headbox .navbox.onshow{display: block;}
  .headbox .navbox{position: absolute;width: 100%;left: 0;text-align: center;padding-bottom: 50px; z-index: 9;top: 78px;background: #fff;
    transition: all 0.4s ease 0s;-webkit-transition: all 0.4s ease 0s;-ms-transition: all 0.4s ease 0s;-o-transition: all 0.4s ease 0s;}
  .headbox .navbox .item{text-align: left;position: relative;background: #fafafa;margin-bottom: 2px;}
  .headbox .navbox .item::after{display: block;content: '';background: url(../../images/icon43.png) no-repeat center center;background-size: contain; cursor: pointer;width: 24px;height: 24px;position: absolute;right: 20px;top: 25px;
    transition: all 0.4s ease 0s;-webkit-transition: all 0.4s ease 0s;-ms-transition: all 0.4s ease 0s;-o-transition: all 0.4s ease 0s;}
  .headbox .navbox .item.on::after,.headbox .navbox .item:hover::after{transform: rotate(180deg);}
  .headbox .navbox .item.on,.headbox .navbox .item:hover{background: #fafafa;}
  .headbox .navbox .item.index-item::after{display: none;}
  .headbox .navbox .item .first{position: relative;margin-left: 25px; font-weight: bold; color: #000;font-size: 18px;line-height: 70px;display: inline-block;}
  .headbox .navbox .item .first::after{position: absolute;border-radius: 2px;width: 0px;height: 3px;left: 0;bottom: 0; display: block;content: '';transition: all 0.4s ease 0s;-webkit-transition: all 0.4s ease 0s;-ms-transition: all 0.4s ease 0s;-o-transition: all 0.4s ease 0s;}
    
  .headbox .navbox .item .secondary1{background: #f3f3f3;height: 0px;overflow: hidden;
    transition: all 0.4s ease 0s;-webkit-transition: all 0.4s ease 0s;-ms-transition: all 0.4s ease 0s;-o-transition: all 0.4s ease 0s;}
  .headbox .navbox .item .secondary1 .name {padding: 15px 50px;}
  .headbox .navbox .item .secondary1 .name a{font-size: 18px;color: #242424;line-height: 24px;}
  .headbox .navbox .item.on .secondary1,.headbox .navbox .item:hover .secondary1,.headbox .navbox .item.active .secondary1{height: auto;padding: 15px 0px;}

  .headbox .navbox .item .secondary .name,.headbox .secondary .nav-item .threebox{display: none;}
  .headbox .navbox .item .secondary{background: #f3f3f3;height: 0px;overflow: hidden;
    transition: all 0.4s ease 0s;-webkit-transition: all 0.4s ease 0s;-ms-transition: all 0.4s ease 0s;-o-transition: all 0.4s ease 0s;}
  .headbox .navbox .item .secondary .second {padding: 15px 50px;}
  .headbox .navbox .item .secondary .second a{font-size: 18px;color: #242424;line-height: 24px;}
  .headbox .navbox .item .secondary .container{padding: 0;width: 100%;}
  .headbox .navbox .item.on .secondary,.headbox .navbox .item:hover .secondary,.headbox .navbox .item.active .secondary{height: auto;padding: 15px 0px;}
  
  .headbox .navbox .item .secondary .con {padding: 15px 50px;}
  .headbox .navbox .item .secondary .con a{font-size: 18px;color: #242424;line-height: 24px;}
  .headbox .secondary .btm1 .right .singlebox{display: none !important;}

  /* 移动端导航 - end  */

  .public-title .top{font-size: 32px;}
  .public-title .btm{font-size: 16px;}

  .index .firstbox .img-wrap{text-align: center;margin-top: 60px;}
  .index .firstbox .img-wrap .icon14{max-width: 60%;}
  .index .firstbox .img-wrap .icon{width: 65px;height: 65px;background-size: 25px !important;}
  .index .firstbox .img-wrap .item{font-size: 18px;}
  .index .firstbox .img-wrap .item1{bottom: 15px;left: -27%;}
  .index .firstbox .img-wrap .item4{bottom: 15px;right: -27%;}
  .index .firstbox .img-wrap .item2{bottom: 160px;left: -16%;}
  .index .firstbox .img-wrap .item3{bottom: 160px;right: -16%;}
  .index .firstbox .img-wrap .item5{bottom: 200px;}
  .index .firstbox .item5-list{bottom: -20px;}
  .index .firstbox .item4-list{width: 270px;left: 33%;}
  .index .firstbox .item-list .unit a{font-size: 14px;line-height: 18px;padding: 8px 10px;}
  .index .firstbox .item-list .unit2 a{padding-left: 30px;}

  .index .thirdbox .about-swipper .title{font-size: 20px;}
  .index .thirdbox .about-swipper .info{font-size: 14px;line-height: 22px;}
  .index .thirdbox .about-swipper .swiper-slide{padding: 20px 30px 0px 30px;}
  .index .thirdbox .about-swipper .swiper-slide:hover{padding: 10px 30px 50px 30px;}

  .contact-page .box3 .item{width: 100%;}
  
  .contactUs .top .item{padding: 5px 10px;}
  .contactUs .top .item .icon{margin:0px 15px 0px 10px;}
  .contactUs .btm .left{width: 100%;}
  .contactUs .btm .right img{width: 100%;}
}
@media (min-width: 993px) {
  .app-menu{display: none !important;}
}
@media (max-width: 992px) {
  .index .top-swipper{height: 300px;}
  .index .firstbox{padding-top: 30px;}
  .public-title{padding: 30px 0px;}

  .index .headbox .logo{display: inline-block;}
  .index .headbox .listlogo,.index .headbox .list-showname{display: none;}
  .headbox .logo{display: none;}
  .headbox .listlogo,.headbox .list-showname{display: inline-block;margin-top: 20px;}
  .headbox .list-showname{font-size: 26px;color: #000000;line-height: 40px;margin-left: 10px;max-width: 350px;text-transform: uppercase;}

  .index .secondbox .news-swipper .imgbox2{width: 100%;height: 100%;top: 0;left: 0;right: 0;border: none;}
  .index .secondbox .news-swipper .imgbox2 .icon{right: 0;bottom: 0;}
  .index .secondbox .news-swipper .swiper-slide:hover .icon{width: 40px;height: 40px;}

  .publish-page .borderbox{grid-template-columns: repeat(2, minmax(0, 1fr));}

  .form-page .title{padding: 40px 0px 25px;}
  .form-page .title .change{display: block;margin-bottom: 15px;}
  .form-page .title .info{margin-left: 0;}

  .contactUs{padding: 40px;}
  .contactUs .top{grid-template-columns: repeat(1, minmax(0, 1fr));grid-gap: 20px;}

  .banner-wrap .bannerbox,.banner-wrap .namebox{display: none;}
  .leftmenu{display: none;}
  .search-page .leftmenu{display: block;}

  .burgernew {height: 30px;width: 30px;position: relative;cursor: pointer;display: inline-block;}
  .burgernew div.x,.burgernew div.z {position: absolute;top: calc((100% - 6px) / 2);width: 25px;height: 2px;background: #ffffff;border-radius: 2px;-webkit-transition: all 200ms ease-out;-moz-transition: all 200ms ease-out;-ms-transition: all 200ms ease-out;-o-transition: all 200ms ease-out;transition: all 200ms ease-out;}
  .burgernew div.x,.burgernew div.z {height: 3px;width: 26px;}
  .burgernew div.z {top: 26px;}
  .burgernew.openmenu .x,.burgernew.openmenu .z{top: 20px;display: block;-webkit-transition: all 70ms ease-out;-moz-transition: all 70ms ease-out;-ms-transition: all 70ms ease-out;-o-transition: all 70ms ease-out;transition: all 70ms ease-out;}
  .burgernew.openmenu .x {-ms-transform: rotate(30deg);-webkit-transform: rotate(30deg);transform: rotate(30deg);-webkit-transition: all 50ms ease-out;-moz-transition: all 50ms ease-out;-ms-transition: all 50ms ease-out;-o-transition: all 50ms ease-out;transition: all 50ms ease-out;}
  .burgernew.openmenu .x {-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);transform: rotate(45deg);-webkit-transition: all 100ms ease-out;-moz-transition: all 100ms ease-out;-ms-transition: all 100ms ease-out;-o-transition: all 100ms ease-out;transition: all 100ms ease-out;}
  .burgernew.openmenu .z {-ms-transform: rotate(150deg);-webkit-transform: rotate(150deg);transform: rotate(150deg);-webkit-transition: all 50ms ease-out;-moz-transition: all 50ms ease-out;-ms-transition: all 50ms ease-out;-o-transition: all 50ms ease-out;transition: all 50ms ease-out;}
  .burgernew.openmenu .z {-ms-transform: rotate(135deg);-webkit-transform: rotate(135deg);transform: rotate(135deg);-webkit-transition: all 100ms ease-out;-moz-transition: all 100ms ease-out;-ms-transition: all 100ms ease-out;-o-transition: all 100ms ease-out;transition: all 100ms ease-out;}

  .banner-wrap{margin-bottom: 15px;}
  .app-menu{background: #0a3695;}
  .app-menu .item {padding: 15px 0px;}
  .app-menu .item .menuA{padding: 0px 15px;}
  .app-menu .item .menuA .font1{color: #ffffff;font-size: 24px;}
  .app-menu .item .menuAbox{display: flex;overflow-x: auto;width: 100%;white-space:nowrap;padding: 15px 0px 15px 15px; }
  .app-menu .item .menuAbox::-webkit-scrollbar,.list-page .fourbox::-webkit-scrollbar{display: none}
  .app-menu .item .menuAbox .menuA-item {padding-right: 30px;}
  .app-menu .item .menuAbox .menuA-item a{color: #fff;font-size: 20px;line-height: 30px;position: relative;}
  /* .app-menu .item .menuAbox .menuA-item.active a::after{position: absolute;bottom: 0; display: block;content: '';width: 100%; height: 12px;background: #d5f5f8;opacity: 0.2;} */
  .app-menu .item .menuAbox .menuA-item.active a{font-weight: bold;color: #2fcbdd;}

  .app-menu.onshow .item .menuA .font1{opacity: 0;}
  .app-menu.onshow .item .menuAbox{display: none;}
  .app-menu.onshow .childbox{display: block;padding-bottom: 20px;}
  .app-menu .childbox{display:none;}
  .app-menu .childbox .child {}
  .app-menu .childbox .child a{color: #ffffff;font-size: 20px;line-height: 30px;padding: 10px 30px;display: inline-block;width: 100%;height: 100%;}
  .app-menu .childbox .child a:hover{background: #1F499F;}

  .list-page .fourbox{display: flex;overflow-x: auto;width: 100%;white-space:nowrap;}
  .list-page .fourbox .link{display: inline-block;background: #eeeff2;border-radius: 8px;line-height: 50px;padding: 0px 15px;margin-right: 15px; }
  .list-page .fourbox .link:hover{font-weight: normal;}
  .list-page .fourbox .link:hover,.list-page .fourbox .link.on{text-decoration:none;color: #0a3695;}

  .detail-Electrical .detailbox .detail-content{margin-top: 10px;}

  .detail-page .backbtn{position: fixed;top: 130px;right: 10px;}
}
@media (max-width: 768px) {
  .index .top-swipper{height: 250px;}
  .index .firstbox .img-wrap .item1 .icon, .index .firstbox .img-wrap .item2 .icon{margin-left: 5px;}
  .index .firstbox .img-wrap .item3 .icon, .index .firstbox .img-wrap .item4 .icon{margin-right: 5px;}
  .index .firstbox .img-wrap .icon{width: 40px;height: 40px;background-size: 15px !important;flex-shrink:0;}
  .index .firstbox .img-wrap .item a{max-width: 180px;}

  .index .secondbox{padding: 20px 0px 50px;}

  .publish-page .borderbox .box{padding: 30px;}
  .publish-page .borderbox .name{font-size: 20px;}

  .detail-page .detail-page .btnbox{padding: 10px 20px;}
  .detail-page .detail-page .dropdown{padding: 10px 20px;}

  .contact-page .box1 .item{width: 100%;}
  .contact-page .box1 .item .master{height: auto;}
  .contact-page .box1 .info{margin-bottom: 15px;}

  .headbox .list-showname{max-width: calc(100% - 380px);}
}
@media (max-width: 640px) {
  /* body{padding-top: 166px;} */
  .headbox .searchbox{width: 100%;margin-top: 0;display: none;}
  .headbox .searchbtn{display: inline-block;width: 25px;height: 25px;margin-top: 28px;background: url(../../images/icon45.png) no-repeat center center;background-size: contain; }

  .headbox .list-showname{max-width: calc(100% - 150px);}

  .public-title{padding: 10px 0px 15px;}
  .public-title .top{line-height: 40px;font-size: 28px;padding-left: 10px;padding-right: 10px;}
  .public-title .btm{font-size: 14px;line-height: 20px;}
  .public-title .top .name::after, .public-title .top .name::before{width: 70px;}
  .public-title .top .name::before{background-size: contain;right: -90px;}
  .public-title .top .name::after{background-size: contain;left: -90px;}

  .index .marqueebox{height: 45px;padding: 0px 10px 0px 55px;}
  .index .marquee ul li a{font-size: 14px;line-height: 45px;}
  .index .marqueebox .icon{width: 45px;height: 45px;background-size: 16px;}
  .index .firstbox{padding: 20px 0px ;}
  .index .firstbox .img-wrap{margin-top: 0;}
  .index .firstbox .img-wrap .icon14{display: none;}
  .index .firstbox .img-wrap .item{position: relative;width: auto;margin: 10px 0px;}
  .index .firstbox .img-wrap .item a{max-width: inherit;}
  .index .firstbox .img-wrap .item1 .icon, .index .firstbox .img-wrap .item2 .icon{margin-left: 0px;margin-right: 15px;}
  .index .firstbox .img-wrap .item3 .icon, .index .firstbox .img-wrap .item4 .icon{margin-right: 15px;}
  .index .firstbox .img-wrap .item5 .icon{margin-right: 15px;margin-top: 0;}
  .index .firstbox .img-wrap .item1,.index .firstbox .img-wrap .item2,.index .firstbox .img-wrap .item3,.index .firstbox .img-wrap .item4{top: inherit;bottom: inherit;left: inherit;right: inherit;}
  .index .firstbox .img-wrap .item1, .index .firstbox .img-wrap .item2{justify-content: flex-start;}
  .index .firstbox .img-wrap .item1 a, .index .firstbox .img-wrap .item2 a{flex-direction: initial;}
  .index .firstbox .img-wrap .item5 a{flex-direction: row-reverse;}
  .index .firstbox .img-wrap .item5{text-align: left;bottom: auto;right: auto;}
  .index .firstbox .item-list{position: relative;left: 0;bottom: auto;}
  .index .firstbox .item5-list{margin-left: 0;max-width: 300px;}
  .index .secondbox .news-swipper .title{margin: 15px 5px;}
  .index .secondbox{padding: 20px 0px;}
  .index .thirdbox{padding: 20px 0px;}
  .index .fourthbox{padding: 20px 0px 30px;}

  .banner-wrap .bannerbox img{max-height: 100px;}
  .banner-wrap .namebox .name{color: #242424;font-size: 30px;line-height: 40px;}
  .banner-wrap .namebox{margin-top: 10px;}
  .banner-wrap .position{padding-left: 0;background: none;color: #242424;}
  .banner-wrap .position a{color: #242424;}

  .publish-page .borderbox{padding: 0;box-shadow: none;background: none;}

  .form-page .title{padding: 30px 0px;}
  .form-page .title .info{display: block;margin-left: 0;font-size: 16px;}
  .form-page .choosebox .box{font-size: 14px;line-height: 28px;}
  .form-page .choosebox ul li{line-height: 20px;}
  .form-page .choosebox .box.on ul{max-height: 300px;overflow-y: auto;}
  .form-page .keyword input{height: 45px;padding: 0px 15px;}
  .form-page .btn-wrap .btnbox{width: 200px;line-height: 45px;}

  .form-page .title .change.on{font-size: 20px;}
  .form-page .title .change{font-size: 16px;}

  .services-page{margin-top: 0;}
  .services-page .content{margin-top: 0;grid-template-columns: repeat(1, minmax(0, 1fr));}

  .list-page,.detail-page,.contact-page{padding-left: 0;padding-right: 0;}
  .list-page .content,.detail-page .content .detailbox,.borderbox{border-radius: 0;box-shadow: none;}
  .list-page .content .contentTit{display: none;}
  .contact-page .content .contentTit{display: none;}
  
  .search-page .resultbox{padding: 0;box-shadow: none;}

  .contact-page .content{padding-bottom: 50px;}
  
  .goTop{width: 45px;height: 45px;}

  .sitemap-page .content .box{padding: 0px 10px 0px 20px;}
  .sitemap-page .content .map1{margin: 20px 0px;}
  .sitemap-page .content .map1 .title{font-size: 20px;}
  .sitemap-page .content .map2 .name{margin-bottom: 10px;font-size: 16px;line-height: 40px;}
  .sitemap-page .content .map3{margin-bottom: 10px;}
  .sitemap-page .content .map3 .catalog{font-size: 14px;}

}
@media (max-width: 540px) {
  .foot .top, .foot .btm{padding: 0px;}
  .foot .top a{font-size: 14px;}
  .foot .btm{font-size: 12px;}

  body{padding-top: 90px;}

  .headbox .logo{margin: 10px 0px;}
  .headbox .searchbtn{margin-top: 20px;}
  .burger{margin: 9px 0px 0px 30px;width: 25px;}
  .burger div.x, .burger div.y, .burger div.z{width: 25px;}
  .burger.openmenu{margin-top: 10px;}
  .headbox .navbox{top: 60px;}
  .headbox .navbox .item .first{line-height: 50px;}
  .headbox .navbox .item::after{width: 15px;height: 15px;top: 19px;}
  .headbox .navbox .item .secondary .second,.headbox .navbox .item .secondary1 .name,.headbox .navbox .item .secondary .con{padding: 7px 30px;}
  .headbox .navbox .item .secondary .second a,.headbox .navbox .item .secondary1 .name a,.headbox .navbox .item .secondary .con a{font-size: 16px;line-height: 20px;}

  .burgernew div.x, .burgernew div.z{width: 20px;height: 2px;}
  .burgernew div.x{top: 16px;}
  .burgernew div.z{top: 28px;}

  .list-page .fourbox{padding: 10px 15px;}
  .list-page .fourbox .link{line-height: 35px;font-size: 12px;border-radius: 4px;margin-right: 8px;padding: 0px 7px;}


  .headbox .listlogo{margin: 16px 0px;}
  .headbox .listlogo img{max-width: 30px;}
  .headbox .list-showname{font-size: 16px;margin-top: 13px;}

  .app-menu .item{padding: 10px 0px 13px 0px;}
  .app-menu .item .menuA .font1{font-size: 18px;}
  .app-menu .item .menuAbox{padding: 12px 0px 5px 15px;}
  .app-menu .item .menuAbox .menuA-item{padding-right: 25px;}
  .app-menu .item .menuAbox .menuA-item a{font-size: 14px;}
  .app-menu .childbox .child a{font-size: 16px;line-height: 24px;}


  .public-title .top .name::after, .public-title .top .name::before{display: none;}
  .public-title .top{font-size: 22px;line-height: 28px;}
  .public-title .btm{font-size: 12px;line-height: 18px;}

  .index .top-swipper{height: 150px;}
  .index .top-swipper .swiperbtn{display: none !important;}
  .index .marqueebox{margin-top: 15px;}
  .index .firstbox{padding-top: 70px;}
  .index .firstbox .img-wrap .item{font-size: 16px;}
  .index .secondbox .new-box{width: 300px;margin: 0 auto;}
  .index .secondbox .swiperbtn{width: 40px;height: 40px;}
  .index .secondbox .swiper-left{left: 10px;}
  .index .secondbox .swiper-right{right: 10px;}
  .index .thirdbox .about-swipper{height: 380px;}
  .index .thirdbox .about-swipper .title{font-size: 18px;padding: 15px 0px;}
  .index .thirdbox .about-swipper .info{min-height: 66px;}
  .index .thirdbox .about-swipper .more{margin: 20px 0px 10px;}
  .index .thirdbox .about-swipper .swiper-slide{padding-top: 0;height: 350px;}
  .index .thirdbox .about-swipper .more{font-size: 12px;width: 90px;line-height: 36px; }
  .index .fourthbox .catalog{font-size: 12px;}
  .index .fourthbox .img-swipper .info .title{font-size: 16px;line-height: 26px;}
  .index .fourthbox .noticebox .title a{font-size: 16px;line-height: 26px;min-height: 52px;}


  .bgbody{background: #F9F9F9;}

  .banner-wrap .namebox .name{font-size: 24px;margin-bottom: 0;}
  .banner-wrap .position{font-size: 12px;}

  .publish-page .borderbox .box{padding: 15px 5px 10px 15px;height: 150px;}
  .publish-page .borderbox .box .icon img{max-width: 40px;}
  .publish-page .borderbox .name{font-size: 18px;line-height: 24px;margin-top: 20px;}
  .publish-page .borderbox .box:hover .name{margin-top: 10px;}

  .list-page .listbox .item{padding: 5px 15px;font-size: 14px;line-height: 26px;}
  .list-page .listbox .item .title{max-width: calc(100% - 75px);}
  .list-page .listbox .item .date{font-size: 12px;}
  .list-page .curtitle{padding: 0px 15px;}
  .list-page .curtitle .box{padding: 15px 0px 10px;}
  .list-page .curtitle .name{font-size: 16px;}

  .list-page .parentbox .top{padding: 10px 15px;font-size: 16px;}
  .list-page .parentbox .btm{padding: 5px 15px 10px;}
  .list-page .parentbox .info{font-size: 12px;line-height: 20px;}
  .list-page .parentbox .intro{padding: 5px 0px;}
  .list-page .parentbox .intro span{font-size: 16px;}
  .list-page .parentbox .intro .more{font-size: 12px;}
  
  .pagebox{padding: 10px 0px;}

  .detail-page .topbox .title{font-size: 18px;line-height: 24px;}
  .detail-page .topbox .subtitle{font-size: 14px;line-height: 20px;}
  .detail-page .topbox .info{font-size: 14px;}
  .detail-page .content .topbox{padding: 10px 15px 0px;}
  .detail-page .topbox .info{padding: 10px 0px;}
  .detail-page .detail-content{padding: 10px 15px 20px;}
  .detail-page .detail-content table{font-size: 12px;line-height: 16px;}
  .detail-page .detail-content table td{padding: 5px;}
  .detail-page .detail-page{line-height: 20px;}
  .detail-page .detail-page .nextbtn span, .detail-page .detail-page .nextbtn.disabled:hover span{padding-right: 15px;}
  .detail-page .detail-page .prevbtn span, .detail-page .detail-page .prevbtn.disabled:hover span{padding-left: 15px;}

  .detail-page .backbtn{top: 100px;}
  
  .form-page .title .name{font-size: 22px;line-height: 30px;}
  .form-page .choosebox .left,.form-page .choosebox .right{width: 100%;margin-bottom: 15px;}

  .contact-page .box1 .item .master,.contact-page .box2 .item .master{padding: 15px;}
  .contact-page .box1{padding: 10px 15px 0px;}
  .contact-page .box2{padding: 0px 15px;}
  .contact-page .box3{padding: 0px 15px;}

  .contactUs{padding: 15px;}
  .contactUs .top .item{height: 120px;}
  .contactUs .top .item .name{font-size: 18px;}
  .contactUs .top .item .tel{font-size: 16px;}
  .contactUs .top .item .mask{font-size: 12px;}
  .contactUs .top .item .icon img{max-width: 50px;}
  .contactUs .btm{margin: 20px 0px 20px;}

  .search-page .resultbox .item{padding: 15px 0px 10px;}

  /* .pagebox .pagination>li{display: none;}
  .pagebox .pagination li.active,.pagebox .pagination li:first-child,.pagebox .pagination li:last-child{display: inline-block;} */

}
@media (max-width: 420px) {
  .index .secondbox .new-box{width: 240px;}
  .index .secondbox .news-swipper .imgwrap{height: 270px;}
  .publish-page .borderbox .bg{text-align: right;}
  .publish-page .borderbox .bg img{max-width: 50%;}
  .index .secondbox .news-swipper .title{font-size: 16px;line-height: 24px;}
}
@media (max-width: 390px) {
  .index .top-swipper{height: 130px;}

  .burger{margin-left: 15px;}
  .headbox .list-showname{max-width: calc(100% - 130px);}
}
@media (max-width: 350px) {
  .index .top-swipper{height: 110px;}
}
@media (min-width:768px) {
  .imgbox a:hover img ,.advbox a:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
}