*{margin:0;padding:0}
body{color:#333; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; font-family: Arial "微软雅黑"; font-size:16px;}
a{text-decoration:none; color: inherit; }
img{border:0}
li{list-style:none}
.width{margin:0 auto;}
.fl{float:left;}
.fr{ float:right;}

@media(min-width:1200px)and (max-width:300000px){
.top1bj{background: white; top: 0; left:0; width: 100%; z-index:99999; color:#333; border-bottom:rgba(255,255,255,0.3) 1px solid; right:0; box-shadow: 0px 6px 6px 0px rgba(0, 0, 0, 0.1);margin: 0 auto;}
.top1bj .width{display:flex; flex-wrap:wrap; justify-content: space-between; height:70px; width:80%; margin:auto;}
.top1bj .width .logo{display:flex; flex-wrap:wrap; justify-content: space-between; align-items: center;height: 70px;}
.top1bj .width .logo img{height:40px;}
.top1bj .width .logo dd{ margin-left:60px;}
.top1bj .width .fr{display:flex; flex-wrap:wrap; align-items: center; height:70px;}
.top1bj .width .fr .navBar{position:relative; z-index:1;}
.top1bj .width .fr .nav{ position:relative; font-family:"Microsoft YaHei",SimSun,SimHei; }
.top1bj .width .fr .nav h3{ font-size:100%; font-weight:normal; font-size:16px; }
.top1bj .width .fr .nav .m{ float:left;  position:relative; z-index:1; margin-right:40px; height:70px; display:flex; flex-wrap:wrap; align-items: center;}
.top1bj .width .fr .nav h3 a{ display:block; text-align:center;  }
.top1bj .width .fr .nav h3 a:hover{ color:#0d6fb8}
.top1bj .width .fr .nav .sub{ display:none; position:absolute; left:-20px; top:70px; z-index:1; width:200px; border:1px solid #eee; border-top:0;  background:#fff; box-shadow: 0px 0 10px 0px rgba(0, 0, 0, 0.1);}
.top1bj .width .fr .nav .sub li{margin-bottom:-1px; padding:15px 20px; border-bottom:1px solid #eee; font-size:15px; transition: all 0.5s; position:relative;}
.top1bj .width .fr .nav .sub li:hover{ color:#0d6fb8; padding-left:30px; transition: all 0.5s;}
.top1bj .width .fr .nav .sub li .san{ display:none;}
.top1bj .width .fr .nav .sub li:hover .san{ display:inline-block; position:absolute; left:200px; top:0px; width:200px; background:#FFF; box-shadow: 0px 0 10px 0px rgba(0, 0, 0, 0.1);}
.top1bj .width .fr .nav .sub li:hover .san p{ padding:15px 20px; border-bottom:1px solid #eee; color:#333; transition: all 0.5s;}
.top1bj .width .fr .nav .sub li .san p:hover{color:#0d6fb8; padding-left:30px; transition: all 0.5s;}
.top1bj .width .fr .topNav{position:relative; z-index:1; height: 40px; line-height:40px; background:#fff;width:120px; border:#eee 1px solid; margin-right:40px; border-radius:5px;}
.top1bj .width .fr .topNav:hover{border-radius:5px 5px 0 0;}
.top1bj .width .fr .topNav dd h3{font-weight:normal; font-size:16px;}
.top1bj .width .fr .topNav dd h3 a{ display:flex; flex-wrap:wrap; justify-content: space-between; align-items: center; padding:0px 15px;}
.top1bj .width .fr .topNav dd h3 a i{ display:inline-block; width:12px; height:7px; overflow:hidden; vertical-align:middle; background: url(../image/icon.png) no-repeat right center;   }
.top1bj .width .fr .topNav dd h3 a:hover,.topNav dd.on h3 a{color:#0d6fb8;    }
.top1bj .width .fr .topNav dd ul{ display:none; position:absolute; width:120px;  top:40px; left:0; border-top:0;  background:#fff; box-shadow: 0px 0 10px 0px rgba(0, 0, 0, 0.1); border-radius:0px 0px 5px 5px;}
.top1bj .width .fr .topNav dd ul li{}
.top1bj .width .fr .topNav dd ul li a{ display: block; color: #333; padding: 0 15px;  }
.top1bj .width .fr .topNav dd ul li a:hover{color:#0d6fb8;}
.top1bj .width .fr .topNav dd ul li a span{ color:#FF8400; margin-left:5px;   }
.top1bj .width .fr img{ width:18px; float:right;}
.top1bj #Menu-btn{display:none;}
.top1bj #Menu-btn-h{display:none;}
.top1bj #menu1{display:none;}
.top1bj:hover{}
.active-head{color:#0d6fb8;}

.foot{width:100%; overflow:hidden; background:#f5f5f5;}
.foot .foot1{overflow:hidden;}
.foot .foot1 .txt{margin-top:100px; text-align:center;}
.foot .foot1 .txt dt{font-size:30px;}
.foot .foot1 .txt p{font-size:18px; text-transform:uppercase; margin-top:10px; color:#999;}
.foot .foot1 .txt dd{font-size:18px; margin-top:25px;}
.foot .foot1 .bod{margin-top:0px; display: flex; flex-wrap:wrap; align-items: center; justify-content:center;}
.foot .foot1 .bod dl{display: flex; flex-wrap:wrap; align-items: center; justify-content:center; width:200px; border:#333 2px solid; height:60px; margin:80px;}
.foot .foot1 .bod dl span{ margin-left:10px; font-size:18px;}

.bottom{ width:100%; background:#000000; overflow:hidden; text-align:center; color:#FFF; padding-top:40px; padding-bottom:35px;}
.bottom dl{display: flex; flex-wrap:wrap; align-items: center; justify-content:center;}
.bottom dl dd{ margin:0px 80px; display: flex; flex-wrap:wrap; align-items: center;}
.bottom dl dd span{ margin:0px 25px;}
.bottom ul{ margin-top:20px; color:#999; font-size:14px;}	

.ny-vd-02{margin:0;width: 100%;padding:0; display:flex; flex-wrap:wrap; justify-content:space-between;}
.ny-vd-02 *{transition:all 0.3s ease 0s;display: inline-block;width: 100%}
.ny-vd-02 li{width:18.5%;position: relative;display: inline-block;vertical-align: top; margin-bottom:20px;}
.ny-vd-02 li a{position: absolute;width: 100%;height: 100%;left:0;top:0px;z-index: 10;}
.ny-vd-02 li div.ny-vd-img{overflow: hidden;position: relative;background: #fff; border:#CCC 1px solid;}

.nybanner{width:100%;overflow: hidden;}
.nybanner li{position:relative; height:700px;}
.nybanner li img{position:absolute; width:100%; height:100%; object-fit: cover;}
.nybanner li .info{position:absolute;left:0;right:0;top:90px; bottom:0; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; font-size:36px; color:#FFF; text-shadow: 0px 6px 6px 0px rgba(0, 0, 0, 0.5); background:rgba(0,0,0,0.4);}
.nybanner li .txt{ position:absolute; left:0; right:0; bottom:20px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.nybanner li .txt dl{ background:#58b75d; margin:0px 10px; text-align:center; color:#FFF; font-size:18px; border-radius:30px;}
.nybanner li .txt dl a{ display:block; padding:12px 25px; width:128px; border-radius:30px;}
.nybanner li .txt dl:hover{ background:#0d6fb8;}
.active-txt{background:#0d6fb8;}

.position{font-size:16px; overflow:hidden; background:#f5f5f5; height:80px; line-height:80px;}
.position .bod{width:94%; margin:auto; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}

.about{overflow:hidden; background:#fff; width:1200px; margin:auto;}
.about .bod{text-align:center;}
.about .bod dt{font-size:36px; margin-top:100px; font-weight:bold;}
.about .bod dt span{font-weight:normal;}
.about .bod dt p{font-size:24px; margin-top:20px; font-weight:normal;}
.about .bod dd{margin-top:60px; font-size:16px; line-height:30px;}
.about .bod dd p{ margin-bottom:20px;}
.about .bod img{width:100%;}

#gongchang{ height:10px; overflow:hidden;}
.gongchang{ overflow:hidden; border-top:#eee 1px solid; margin-top:100px;}
.gongchang .txt{ margin-top:100px; text-align:center; font-size:36px; font-weight:bold;}
.gongchang .bod{ width:85%; margin:auto; margin-top:50px;}
.gongchang .bod dl{ width:18.8%; float: left; margin-right:1.5%; margin-bottom:25px;}
.gongchang .bod dl:nth-child(5n){ margin-right:0;}
.gongchang .bod dl li{ position:relative; padding-bottom:75%;}
.gongchang .bod dl li img{ width:100%; height:100%; position:absolute;}

.zizhi-wap{ display:none;}
.zizhi{ width:100%; padding-bottom:100px; padding-top:100px;}
.zizhi .txt{ text-align:center; font-size:36px; margin-bottom:60px;}
#zizhi{ height:10px;}

/*list_image*/
.list_shipin{overflow:hidden; background:#f5f5f5; padding:100px 0px; margin-top:90px;}
.list_shipin .txt{text-align:center; margin-bottom:2rem; font-size:36px; font-weight:bold;}
.list_shipin .bod{overflow:hidden; display: flex; flex-wrap:wrap; justify-content: center; width:92%; margin:auto;}
.list_shipin .bod dl{width:15%;overflow:hidden; margin-bottom:1.5%; margin-left:0.65%; margin-right:0.65%;}
.list_shipin .bod dl dt{padding-bottom:178%;position:relative;}
.list_shipin .bod dl dt video{width:100%; height:100%; position:absolute;}
#shipin{ height:10px;}

.ladyScroll{width:85%;margin:auto;position:relative;}
.ladyScroll .prev{width:26px;height:50px;position:absolute;top:40%;left:-50px;z-index:100; background:url(../image/prev1.png) no-repeat;}
.ladyScroll .next{width:26px;height:50px;position:absolute;top:40%; right:-50px; background:url(../image/next1.png) no-repeat;}
.ladyScroll .scrollWrap{width:100%;overflow:hidden;}
.ladyScroll .dlList{display:flex; flex-wrap:wrap; justify-content:space-between;}
.ladyScroll dl{width:20%;}
.ladyScroll dt{width:90%;overflow:hidden; margin-left:5%; position:relative; padding-bottom:142%; margin-right:5%;  }
.ladyScroll img{display:block;width:100%;height:100%; position:absolute;}
.ladyScroll dd{width:100%;line-height:28px;font-size:16px;text-align:center;overflow:hidden; margin-top:15px;}
	

.m-ny{ width:85%; margin:auto;}
#baguetteBox-overlay{display:none;opacity:0;position:fixed;overflow:hidden;top:0;left:0;width:100%;height:100%;z-index:9999999999999;background-color:#222;background-color:rgba(0,0,0,.8);-webkit-transition:opacity .5s ease;transition:opacity .5s ease}
#baguetteBox-overlay.visible{opacity:1}
#baguetteBox-overlay .full-image{display:inline-block;position:relative;width:100%;height:100%;text-align:center}
#baguetteBox-overlay .full-image figure{display:inline;margin:0;height:100%}
#baguetteBox-overlay .full-image img{display:inline-block;width:auto;height:auto;max-height:100%;max-width:100%;vertical-align:middle;-moz-box-shadow:0 0 8px rgba(0,0,0,.6);box-shadow:0 0 8px rgba(0,0,0,.6)}
#baguetteBox-overlay .full-image figcaption{display:block;position:absolute;bottom:0;width:100%;text-align:center;line-height:1.8;white-space:normal;color:#ccc;background-color:#000;background-color:rgba(0,0,0,.6);font-family:sans-serif}
#baguetteBox-overlay .full-image:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}
#baguetteBox-slider{position:absolute;left:0;top:0;height:100%;width:100%;white-space:nowrap;-webkit-transition:left .4s ease,-webkit-transform .4s ease;transition:left .4s ease,-webkit-transform .4s ease;transition:left .4s ease,transform .4s ease;transition:left .4s ease,transform .4s ease,-webkit-transform .4s ease,-moz-transform .4s ease}
#baguetteBox-slider.bounce-from-right{-webkit-animation:bounceFromRight .4s ease-out;animation:bounceFromRight .4s ease-out}
#baguetteBox-slider.bounce-from-left{-webkit-animation:bounceFromLeft .4s ease-out;animation:bounceFromLeft .4s ease-out}@-webkit-keyframes bounceFromRight{0%,100%{margin-left:0}50%{margin-left:-30px}}@keyframes bounceFromRight{0%,100%{margin-left:0}50%{margin-left:-30px}}@-webkit-keyframes bounceFromLeft{0%,100%{margin-left:0}50%{margin-left:30px}}@keyframes bounceFromLeft{0%,100%{margin-left:30px}50%{margin-left:30px}}
.baguetteBox-button#next-button,.baguetteBox-button#previous-button{top:50%;top:calc(50% - 30px);width:44px;height:60px}
.baguetteBox-button{position:absolute;cursor:pointer;outline:0;padding:0;margin:0;border:0;-moz-border-radius:15%;border-radius:15%;background-color:#323232;background-color:rgba(50,50,50,.5);color:#ddd;font:1.6em sans-serif;-webkit-transition:background-color .4s ease;transition:background-color .4s ease}
.baguetteBox-button:focus,.baguetteBox-button:hover{background-color:rgba(50,50,50,.9)}
.baguetteBox-button#next-button{right:2%}
.baguetteBox-button#previous-button{left:2%}
.baguetteBox-button#close-button{top:20px;right:2%;right:calc(2% + 6px);width:30px;height:30px}
.baguetteBox-button svg{position:absolute;left:0;top:0}
.baguetteBox-spinner{width:40px;height:40px;display:inline-block;position:absolute;top:50%;left:50%;margin-top:-20px;margin-left:-20px}
.baguetteBox-double-bounce1,.baguetteBox-double-bounce2{width:100%;height:100%;-moz-border-radius:50%;border-radius:50%;background-color:#fff;opacity:.6;position:absolute;top:0;left:0;-webkit-animation:bounce 2s infinite ease-in-out;animation:bounce 2s infinite ease-in-out}
.baguetteBox-double-bounce2{-webkit-animation-delay:-1s;animation-delay:-1s}@-webkit-keyframes bounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes bounce{0%,100%{-webkit-transform:scale(0);-moz-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}}
}

@media(max-width:1200px){
	
.w94{width:94%; margin:auto;}

.top1bj{background:rgba(255,255,255,1); top:0px; left:0; width: 100%; z-index: 2;border-bottom:rgba(0,0,0,0.2) 1px solid;}
.top1bj .width{height:3.2rem; display:flex; flex-wrap:wrap; align-items:center; justify-content: space-between; width:100%;}
.top1bj .width .logo{display: flex; flex-wrap:wrap; align-items:center; width:100%; margin-left:4%;}
.top1bj .width .logo img{height:2rem;}
.top1bj .width .home{display:none;}
.top1bj .width .fr{ display:none}
.top1bj .width #Menu-btn{ position:absolute; right:4%; top:0; height:3.2rem; display:flex; flex-wrap:wrap; align-items:center;}
.top1bj .width #Menu-btn img{width:1.5rem;}
.top1bj .width #Menu-btn-h{overflow: hidden; display:none; background-color:rgba(255,255,255,1); position:absolute; left:4%; right:3.8%;}
.top1bj .width #Menu-btn-h .tutu{display: flex; align-items: center; justify-content: space-between; height:3.2rem;}
.top1bj .width #Menu-btn-h .tutu dd img{height:2rem;}
.top1bj .width #Menu-btn-h .tutu dl{display: flex; align-items: center;}
.top1bj .width #Menu-btn-h .tutu dt{font-size:2.2rem; background:#d8a92e; color:#FFF; padding:0.5rem 2rem; border-radius:0.5rem;}
.top1bj .width #Menu-btn-h .tutu dl img{width:1.5rem;overflow:hidden;}
.top1bj .width #menu1{position:absolute; display:none; top:0rem; right:0; left:0; bottom:0; margin:0; padding:0; z-index:5;}
.top1bj .width #menu1 .menu-wap{font-size:0.9rem;list-style:none; background:#FFF; position:absolute; top:3.2rem; left:0; right:0; border-top:#ccc 1px solid; height:100vh;}
.top1bj .width #menu1 .menu-wap li{font-weight:normal; font-size:0.9rem; padding-left:1rem; padding-right:1rem; padding-top:1rem; padding-bottom:1rem; text-transform:uppercase;}
.top1bj .width #menu1 .menu-wap li a{display: flex; align-items: center; justify-content: space-between;}
.top1bj .navBar{display:none;}

.foot{width:100%; overflow:hidden; background:#f5f5f5;}
.foot .foot1{overflow:hidden;}
.foot .foot1 .txt{margin-top:2rem; text-align:center;}
.foot .foot1 .txt dt{font-size:1.25rem;}
.foot .foot1 .txt p{font-size:0.9rem; text-transform:uppercase; margin-top:0.5rem; color:#999; margin-bottom:2rem;}
.foot .foot1 .txt dd{font-size:1rem; width:90%; margin:auto;}
.foot .foot1 .bod{margin-top:2rem; padding-bottom:2rem;}
.foot .foot1 .bod dl{border:#999 2px solid; margin:auto; margin-bottom:1rem; display:block; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; width:15rem; height:60px;}
.foot .foot1 .bod dl img{ width:1rem;}
.foot .foot1 .bod dl span{ margin-left:1rem; font-size:1rem;}

.bottom{ width:100%; background:#020e20; overflow:hidden; text-align:center; color:#FFF; padding-top:1.5rem; padding-bottom:1.5rem;}
.bottom dl{font-size:0.9rem; margin-bottom:1.2rem;}
.bottom dl dd{display: flex; flex-wrap:wrap; align-items: center; justify-content:center; margin:0.6rem 0rem; width:100%;}
.bottom dl dd span{ margin:0px 1rem;}
.bottom ul{color:#999; font-size:0.9rem; width:90%; margin:auto;}


.ladyScroll-wap{width:90%;margin:auto;position:relative;}
.ladyScroll-wap .prev{width:26px;height:50px;position:absolute;top:35%;left:0px;z-index:100; background:url(../image/prev1.png) no-repeat;}
.ladyScroll-wap .next{width:26px;height:50px;position:absolute;top:35%; right:0px; background:url(../image/next1.png) no-repeat;}
.ladyScroll-wap .scrollWrap-wap{width:100%;overflow:hidden;}
.ladyScroll-wap .dlList-wap{display:flex; flex-wrap:wrap; justify-content:space-between;}
.ladyScroll-wap dl{width:100%;}
.ladyScroll-wap dt{width:70%;overflow:hidden; margin-left:15%; position:relative; padding-bottom:100%; margin-right:15%;  }
.ladyScroll-wap img{display:block;width:100%;height:100%; position:absolute;}
.ladyScroll-wap dd{width:100%;line-height:28px;font-size:16px;text-align:center;overflow:hidden; margin-top:15px;}
  
.nybanner{width:100%;overflow: hidden;}  
.nybanner li{position:relative; height:15rem;}
.nybanner li img{position:absolute; width:100%; height:100%; object-fit: cover;}
.nybanner li .info{position:absolute;left:0;right:0; top:3.2rem; bottom:0; display:flex; flex-wrap:wrap; align-items:flex-start; justify-content:center; font-size:1.5rem; color:#FFF; text-shadow: 0px 6px 6px 0px rgba(0, 0, 0, 0.5); background:rgba(0,0,0,0.4); padding-top:2rem;}
.nybanner li .txt{ position:absolute; left:0; right:0; bottom:0; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.nybanner li .txt dl{ background:#58b75d; margin:0px 0.2rem; text-align:center; color:#FFF; font-size:1rem; border-radius:1rem; margin-bottom:0.4rem}
.nybanner li .txt dl a{ display:block; padding:0.5rem 0rem; width:9rem; border-radius:1rem;}
.nybanner li .txt dl:hover{ background:#0d6fb8;}
.active-txt{background:#0d6fb8;}

.position{font-size:1rem; overflow:hidden; background:#f5f5f5; height:4rem; line-height:4rem;}
.position .bod{width:94%; margin:auto; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}

.about{overflow:hidden; background:#fff; width:100%; margin:auto;}
.about .bod{text-align:center;}
.about .bod dt{font-size:1.4rem; margin-top:2rem; font-weight:bold;}
.about .bod dt span{font-weight:normal;}
.about .bod dt p{font-size:1rem; margin-top:0.5rem; font-weight:normal;}
.about .bod dd{margin-top:1rem; font-size:0.9rem; line-height:1.8rem;}
.about .bod dd p{ margin-bottom:0.6rem;}
.about .bod img{width:100%;}

#gongchang{ height:0.2rem; overflow:hidden;}
.gongchang{ overflow:hidden; border-top:#eee 1px solid; margin-top:2rem;}
.gongchang .txt{ margin-top:2rem; text-align:center; font-size:1.4rem; font-weight:bold;}
.gongchang .bod{ width:94%; margin:auto; margin-top:1.5rem; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.gongchang .bod dl{ width:48.5%; margin-bottom:0.6rem;}
.gongchang .bod dl li{ position:relative; padding-bottom:75%;}
.gongchang .bod dl li img{ width:100%; height:100%; position:absolute;}

.zizhi{ display:none;}
.zizhi-wap{ width:100%; margin-top:0rem; padding-top:3.2rem;}
.zizhi-wap .txt{ text-align:center; font-size:1.4rem; margin-bottom:2rem;}
#zizhi{ height:0.2rem;}

/*list_image*/
.list_shipin{ overflow:hidden; margin:auto; background:#f5f5f5; padding-top:2rem; padding-bottom:2rem;}
.list_shipin .txt{ text-align:center; font-size:1.4rem; margin-bottom:2rem;}
.list_shipin .bod{overflow:hidden; display: flex; flex-wrap:wrap; justify-content: center; width:90%; margin:auto;}
.list_shipin .bod dl{width:100%;overflow:hidden; margin-bottom:1rem;}
.list_shipin .bod dl dt{padding-bottom:178%;position:relative;}
.list_shipin .bod dl dt video{width:100%; height:100%; position:absolute;}
#shipin{ height:10px;}

.m-ny{display:none;}

#baguetteBox-overlay{display:none;}

#baguetteBox-overlay.visible{opacity:1}

#baguetteBox-overlay .full-image{display:none;}

#baguetteBox-overlay .full-image figure{display:none;}

#baguetteBox-overlay .full-image img{display:none;}

#baguetteBox-overlay .full-image figcaption{display:none;}

#baguetteBox-overlay .full-image:before{display:none;}

#baguetteBox-slider{display:none;}

#baguetteBox-slider.bounce-from-right{display:none;}

#baguetteBox-slider.bounce-from-left{display:none;}

.baguetteBox-button#next-button,.baguetteBox-button#previous-button{display:none;}

.baguetteBox-button{display:none;}

.baguetteBox-button:focus,.baguetteBox-button:hover{display:none;}

.baguetteBox-button#next-button{display:none;}

.baguetteBox-button#previous-button{display:none;}

.baguetteBox-button#close-button{display:none;}

.baguetteBox-button svg{display:none;}

.baguetteBox-spinner{display:none;}

.baguetteBox-double-bounce1,.baguetteBox-double-bounce2{display:none;}

.baguetteBox-double-bounce2{display:none;}
}

.sonnav{display: flex; justify-content: center; padding: 10px 0; background: #eee;}
.sonnav li{margin: 5px 10px; color: #fff; background: #000; padding: 5px 10px; border-radius: 5px; font-size: 12px;}
.sonnav li a{color: inherit;}
.sonnav li a:hover{color: inherit;}

.pflex{display: flex;}
.pflex .left{width: 250px; flex-shrink: 0; margin: 40px 20px 0 0;}
.pflex .left dt{padding: 15px 12px; background: #eee; font-size: 14px;}
.pflex .left dd{padding: 12px 20px; color: #666;}
.pflex .left a{font-family: Arial;}

.pflex .right{flex-grow: 1;}

.sonnav2{display: none;}
.sonnav2 .ul1{display: flex; flex-wrap: wrap; border-bottom: 1px solid rgba(0,0,0,0.1); padding: 15px 0;}
.sonnav2 .ul1 li{padding: 10px; border-radius: 5px;}
.sonnav2 .ul1 li.active{background: #222; color: #fff;}
.sonnav2 .ul1 li.active a{color: #fff;}
.sonnav2 .ul2{display: flex; flex-wrap: wrap;}
.sonnav2 .ul2 li{font-size: 12px; color: #777; margin: 15px 15px 0 0;}

.tab-block .block tr,.tab-block .block td{border: 1px solid rgba(0,0,0,0.1); padding: 8px;}

@media screen and (max-width:640px) {
    .historyBox li {
        width: 100%;
        margin: 0 0 3%;
    }
    .sonnav{flex-wrap: wrap;}
    .sonnav li{margin-top: 10px;}
    .pflex{flex-wrap: wrap;}
    .pflex .left{display: none;}
    .sonnav2{display: block;}
}
/*
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * */